*{margin:0; padding:0; font-family: "微软雅黑";}
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
ul{list-style: none;}
img{border: none;}
a{text-decoration: none; color: #555;}
.top{width: 1200px; margin:0 auto; line-height: 45px;}
.top span{display: block;font-size: 14px; color: #a0a0a0;}
.top p{font-size: 14px; color: #ff6633; background: url(../images/index_03.png) no-repeat left; padding-left: 26px;}
.nav{width: 100%; background: #ff6633;}
.naver{width: 1200px; margin:0 auto;}
.naver_left{width: 230px; line-height: 90px; color: #fff;}
.naver_right{width: 760px;}
.naver_right ul li{width: 120px; line-height: 90px; text-align: center; font-size: 18px;}
.naver_right ul li:hover{background: #dc3700;}
.naver_right ul li a{color: #fff;}
.naver_right ul li .xl{width: 120px; position: absolute; top:125px; z-index: 88;overflow: hidden; height: 0;padding-bottom:22px;}
.naver_right ul li .xl span{width: 120px; font-size: 14px; color: #fff; line-height:33px;  display: block;height: 33px; border-bottom: 1px solid #ffa689;}
.naver_right ul li:hover .xl{background: url(../images/index_07.png) no-repeat;}
.naver_right ul li .xl span:first-child{margin-top: 12px;}
.index_list{width: 1200px; margin:0 auto; padding-top: 40px;}
.index_list ul li{width: 300px; height: 200px; margin-top: 20px; text-align: center;position:relative;}

.index_list ul li .index_animate>.list_img {top:0;left:0;width:102px;height:102px;transition:all 1s;position:absolute;/* css3中可以设置元素背对用户时不显示 */backface-visibility:hidden;}
.index_list ul li .index_animate .list_img:nth-child(1) {/* 默认情况下这张图需要背对用户 */transform:rotateY(180deg);background:url(img/bg.png) -305px bottom no-repeat;
}
.index_list ul li .index_animate .list_img:nth-child(2) {background:url(img/bg.png) left bottom no-repeat;}
/* 鼠标移上大盒子的时候我们需要让它下面的二个子div都旋转 */
.index_list ul li .index_animate:hover .list_img:nth-child(1) {transform:rotateY(0deg);}
.index_list ul li .index_animate:hover .list_img:nth-child(2) {transform:rotateY(-180deg);}
.index_list ul li span a{display: block; font-size: 16px; line-height: 40px; color: #000; position: relative; z-index: 10; margin-top: 20px;}
.index_list ul li span p{font-size: 12px; color: #000;}
.index_list ul li span{text-align: left; width: 170px;display: block;}
.index_list ul li:hover span a{color: #ff6633;}
.index_list ul li:hover span p{color: #ff6633;}
.index_animate{width: 102px;}
.index_about{width: 1200px; margin:0 auto;}
.index_aboutconwz{width: 1200px; margin:0 auto;}
.index_aboutconwz p{font-size: 16px; color: #777; line-height: 32px; text-align: center;}

.index_about_con{width: 1200px; margin:0 auto; margin-top: 35px;}
.div1{overflow:hidden;width:390px; height:230px;  margin-left:10px; position: relative;}
.div1 img{width:390px;height:230px;transition: all 0.5s ease;}
.div1:hover img{transform:scale(1.2);}
.div1 .info{ background:#000;width:390px;opacity: 0.5; height:230px; position: absolute; bottom:-260px; left:0;transition: all 0.5s ease; }
.div1:hover .info{bottom:00px;}
.div1 .info h4{color:#fff; text-align: center; font-weight: normal; font-size: 18px; line-height: 40px;transition: all 0.5s ease;}
.div1:hover .info h4{ transform: translateY(50px);}
.div1:hover .info p{ transform: translateY(80px); width: 320px; margin:0 auto; font-size: 14px; color:#fff; line-height: 24px;}
.div1 .info p{color:#fff; font-size: 12px;}
.index_prolist{width: 100%; background: #ff6633;margin-top: 35px;}
.index_prolistertit{width: 1200px; margin:0 auto;}
.index_prolister{width: 100%;}

.index_prolist_tabn.active{background: #fff; color: #ff6633; position: relative;}
.index_prolist_container{width: 100%;}
.index_prolist_con{width: 100%; margin:0 auto;}
.index_prolist_tabner{ width: 100%;  display: none;}
.index_prolist_tabner.active{display: block;}
.index_prolist_tab{width: 490px; margin:0 auto; margin-top: 20px;}
.index_prolist_tab .index_prolist_tabner{ background: #dc3700; }
.index_prolist_tabn{ margin-left: 10px; background: #dc3700; color: #ffddd2;width: 112px;border-radius: 4px; text-align: center; font-size: 14px;line-height: 30px;}
.caption-style-1{margin-top: 30px;}
.caption-style-1 li{float: left;padding: 0px;width: 20%;position: relative;overflow: hidden;
}
.caption-style-1 li:hover .caption{opacity: 1;}
.caption-style-1 img{margin: 0px;padding: 0px;float: left;z-index: 4;}
.caption-style-1 .caption{cursor: pointer;	position: absolute;opacity: 0;	-webkit-transition:all 0.45s ease-in-out;
-moz-transition:all 0.45s ease-in-out;-o-transition:all 0.45s ease-in-out;	-ms-transition:all 0.45s ease-in-out;
transition:all 0.45s ease-in-out;}
.caption-style-1 .blur{background-color: rgba(0,0,0,0.65);height: 300px;width: 400px;
z-index: 5;position: absolute;}
.caption-style-1 .caption-text h1{text-transform: uppercase;font-size: 18px;font-weight: normal;
}
.caption-style-1 .caption-text{z-index: 10;color: #fff;position: absolute;width: 400px;	height: 300px;
text-align: center;top:100px;}
.index_guanyu{width: 1200px; margin:0 auto;}
.index_promore{width: 300px; margin:0 auto; margin-top:30px; line-height: 44px; border:1px solid #969696; text-align: center;}
.index_guanyup p{text-align: center; font-size: 16px; color: #777777; line-height: 35px;}

.index_about2{width: 100%; margin-top: 30px; background: url(../images/index_47.jpg) center; height: 300px;}
.index_abouter2{width: 1200px; margin:0 auto; padding-top: 40px;}
.index_about2_left{width: 500px; margin-left:130px;}
.index_about2_right{width: 300px;}
.index_abouter2 span{font-size: 30px; color: #fff;}
.index_abouter2 ul li{font-size: 16px; color: #fff; line-height: 35px; background: url(../images/hov.png) left no-repeat; padding-left: 23px;}
.index_abouter2 ul li a{color: #fff;}
.index_abouter2 ul li a:hover{color: #aa2a00;}
.index_abouter2 ul li:hover{background: url(../images/hover.png) no-repeat left;}
.index_case{width: 1200px; margin:0 auto;}

.demopage{width:1200px;margin:0 auto;}
.demopage h2{font-size:14px;margin:20px 0;}
/* #marquee1 */
#marquee1{width:1200px;height:213px;overflow:hidden;}
#marquee1 ul li{float:left;width:286px;padding:5px;}
#marquee1 ul li img{display:block;}

/* control */
.control{height:24px; width: 130px; margin:0 auto; line-height:24px;overflow:hidden;padding:30px 0 0 0;}
.control img{margin-left: 30px;}
.index_news{width: 100%; background: #f0f2f4;}
.index_newser{width: 1200px; margin:0 auto; margin-top: 30px; padding-bottom:30px;}
.index_newsertit{width: 1200px; margin:0 auto;}

.index_newserleft{width: 630px;}
.index_newserright{width: 433px; border-left:2px solid #ababab; padding-left: 30px;}
.index_newserleft ul li{margin-top: 25px;}
.index_newserleft ul li a{ font-size: 17px; color: #333; line-height: 35px; }
.index_newserleft ul li p{font-size: 14px; color: #666;}
.index_newserright span{font-size: 14px; color: #000; line-height: 30px; width: 370px; display: block; margin-top: 25px;}
.index_newserright p{font-size: 19px; color: #ff6633; line-height: 40px;}
.index_newserright img{margin-top: 20px;}
.index_coopera{width: 1200px; margin:0 auto; margin-top: 20px;}

#lanren {width: 1200px;height: 60px;margin: 0 auto;overflow: hidden;  margin-top: 20px; position: relative;}
#lanren2{position: absolute;left: 0;top: 0;}
#lanren2 li {width: 190px;height:100px; text-align:center; line-height:100px;margin:0 5px;display: block;float: left;list-style: none;}
.index_coopera p{width: 1200px; text-align: center; font-size: 24px; color: #ff6700; line-height: 50px;}
.foot{width: 100%; background:#2c2c2c;}
.footer{width: 1200px; margin:0 auto; padding: 50px 0px;}
.footer_left span{font-size: 24px; color: #fff; margin-top: 10px;}
.footer_left ul li{font-size: 12px; color: #c8c8c8; line-height: 25px;}
.footer_left ul{margin-left: 40px;}
.footer_right ul{ width: 160px; }
.footer_right {font-size:14px; color: #fff;}
.footer_right ul li a{color: #fff;}
.footer_right ul li{line-height: 30px;}
.foot_top{width: 1200px; border-top:1px dashed #c8c8c8; margin-top: 30px;}
.foot_top p{font-size: 12px; color: #c8c8c8; text-align: center; line-height: 55px;}
.banner_about{width: 100%;}
.banner_about img{width: 100%;}
.about_left{width: 242px;}
.about_right{width: 945px;}
.about_con{width: 1200px; margin:0 auto; margin-top: 30px;}
.about_leftit{width: 242px; background: #ff6633; color: #fff;line-height:73px;}
.about_leftit span{font-size: 25px; color: #fff; text-indent: 10px; display: block; padding-right: 10px;}
.about_leftit p{font-size: 17px; padding-top: 5px;}
.about_left_top ul li{background: #e8e8e8; line-height: 52px; text-indent: 25px; margin-top: 2px;}
.about_left_top ul li:hover{background: #fbb097;}
.about_left_top ul li a{display: block; font-size: 15px; color: #261c1c;}

.about_left_bottom{width: 242px; background: #e8e8e8; margin-bottom: 30px;}
.about_left_bottom ul{padding:15px 0px;}
.about_left_bottom ul li{font-size:15px; color: #261c1c; line-height: 30px; text-indent: 15px;}
.about_left_bottom ul li a{color: #ff6633;}
.about_righttit{width: 945px; background: url(../images/about_05.jpg) no-repeat; height: 45px;}
.about_righttit span{font-size: 16px; color: #6c6b6b; display: block; line-height: 45px; text-indent: 30px;}
.about_righttit p{font-size: 14px; color: #6c6b6b; line-height: 45px; margin-right: 10px;}
.about_rightcon{width: 935px; margin:0 auto;}
.about_rightcon p{font-size: 14px; color: #6c6b6b; line-height: 26px; margin-top:10px;}
.news_rightcon{width: 935px; margin:0 auto;}
.news_rightcon ul li{line-height: 34px; font-size: 14px; color: #666; border-bottom: 1px dashed #e8e8e8;}
.news_rightcon ul li a{color: #666;}
.pro_rightcon{width: 935px; margin:0 auto;}
.pro_rightcon ul li{width: 300px; margin:5px;}
.pro_rightcon ul li img{width: 290px; height:200px }
.pro_rightcon ul li p{width: 305px; text-align: center; line-height: 35px;}