@charset "utf-8";
*{margin:0px;padding: 0px;}
a,a:hover,a:visited{text-decoration: none;}
a{color: #333;}
a:hover{color: #e65a12;}
a img{ border:none;}
body{font-family: "Microsoft Yahei";font-size: 14px;color:#333; }
ul,li{list-style-type: none;}

.wrapper{width: 100%;height: auto;overflow: hidden;position: relative;}
.c{width: 1200px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.img_c i{display: table-cell;vertical-align: middle;text-align: center;}
.img_c i img{max-width: 100%;max-height: 100%;}

.header{width: 100%;height: auto;overflow: hidden;}
.top{height: 38px;/*overflow: hidden;*/}
.top_left{height: 38px;width: 50%;}
.top_left ul{width: 100%;height: auto;}
.top_left ul li{margin-right: 30px;height: 38px;line-height: 38px;font-size: 12px;color: #999;float: left;}
.top_left ul li a{display: block;color: #999;height: 38px;line-height: 38px;overflow: hidden;}
.top_left ul li a:hover{color: #e65a12;}
.top_left ul li.qq a{background: url(../images/qq.png) left center no-repeat;padding-left: 26px;}
.top_left ul li.qq:hover a{background: url(../images/qq_h.png) left center no-repeat;}
.top_left ul li.wb a{background: url(../images/wb.png) left center no-repeat;padding-left: 26px;}
.top_left ul li.wb:hover a{background: url(../images/wb_h.png) left center no-repeat;}
.top_left ul li.wx{background: url(../images/wx.png) left center no-repeat;position: relative;padding-left: 26px;}
.top_left ul li.wx .wx_hover{width: 110px;height: 110px;position: absolute;left: 50%;padding: 3px;background: #fff;/*box-shadow: 0px 0px 12px 1px #e65a12;*/margin-left: -55px;display: none;}
.top_left ul li.wx .wx_hover i{width: 110px;height: 110px;}
.top_left ul li.wx:hover{background: url(../images/wx_h.png) left center no-repeat;color: #e65a12;cursor: pointer;}

.top_right{width: 40%;height: 38px;line-height: 38px;overflow: hidden;text-align: right;}
.top_right ul{display: inline-block;}
.top_right ul li{display: inline-block;padding: 0 36px 0 10px;background: url(../images/top_right.png) right center no-repeat;font-size: 12px;color: #999;}
.top_right ul li a{color: #999;display: block;}
.top_right ul li:hover,.top_right ul li a:hover{color: #e65a12;}
.head{height: auto;overflow: hidden;}
.logo{width: 492px;height: 137px;overflow: hidden;}
.logo i{width: 492px;height: 137px;display: table-cell;vertical-align: middle;}
.logo i img{max-width: 149%;max-height: 100%;}
.tel{max-width: 50%;height: auto;overflow: hidden;}
.tel i{width: inherit;height: inherit;display: table-cell;vertical-align: middle;text-align: right;}
.tel i img{max-width: 100%;max-height: 100%;}
.menu{width: 100%;height: 50px;background: #3b77d9;}
.nav{height: auto;overflow: hidden;}
.nav ul{width: 100%;height: auto;overflow: hidden;}
.nav ul li{float: left;width: 150px;line-height: 50px;font-size: 16px;font-weight: bold;text-align: center;}
.nav ul li a{display: block;color: #fff;padding: 0 20px;height: 50px;overflow: hidden;position: relative;}
.nav ul li a:after{content: "";width: 66px;height: 3px;background: #fff;position: absolute;bottom: 0px;left: 50%;margin-left: -33px;opacity: 0;}
.nav ul li a:hover:after,.nav ul li.cu a:after,.nav ul li a:hover:after,.nav ul li.on a:after{animation: showup 0.2s ease-in-out forwards;}
.nav ul li ul{background: #3b77d9;width: 100%;height: auto;overflow: hidden;position: relative;z-index: 1;display: none;}
.nav ul li ul li{font-size: 14px;font-weight: normal;line-height: 42px;}
.nav ul li ul li a,.nav ul li.cu ul li a{height: 42px;}
.nav ul li ul li a:hover{background: #e65a12;font-weight: bold;}
.nav ul li.cu ul li a:after,.nav ul li.on ul li a:after{display: none;}
.nav ul li ul li a:hover:after{display: none;}

.banner{width: 1920px;position: relative;left: 50%;margin-left: -960px;overflow: hidden;}
.hd_banner{position: absolute;left: 50%;bottom: 15px;}
.hd_banner ul{position: relative;left: -50%;}
.hd_banner ul li{width: 42px;height: 3px;background: #fff;float: left;font-size: 0;margin: 0 10px;transition: 400ms;}
.hd_banner ul li.on{height: 6px;background: #e65a12;margin-top: -3px;transition: 400ms;}

.product{width: 1232px;margin: 10px auto 0;height: auto;overflow: hidden;}
.headline{width: 100%;height: auto;overflow: hidden;text-align: center;padding: 35px 0 35px;}
.en{line-height: 24px;}
.cn{font-size: 24px;font-weight: bold;height: 34px;line-height: 34px;height: 34px;overflow: hidden;}
.cn span{padding: 0 60px;position: relative;position: relative;height: 34px;display: inline-block;}
.cn span:before{content: "";width: 40px;height: 1px;background: #999;position: absolute;top: 50%;left: 0;}
.cn span:after{content: "";width: 40px;height: 1px;background: #999;position: absolute;top: 50%;right: 0;}
.slidegroup{width: 100%;height: auto;overflow: hidden;}
.parhd{height: auto;overflow: hidden;position: relative;}
.bd_pro{width: 1090px;height: 42px;line-height: 42px;background: #f9f9f9;border: 1px solid #f1f1f1;margin: 0 auto 30px;}
.bd_pro ul{width: 100%;height: auto;overflow: hidden;}
.bd_pro ul li{width: 218px;height: 42px;line-height: 42px;overflow: hidden;float: left;text-align: center;color: #666;}
.bd_pro ul li:hover,.bd_pro ul li.on{background: #e65a12;color: #fff;font-weight: bold;}
.prev_pro,.next_pro{width: 44px;height: 44px;position: absolute;top: 0;}
.prev_pro{background: url(../images/prev_pro.jpg) center center no-repeat;left: 0;}
.next_pro{background: url(../images/next_pro.jpg) center center no-repeat;right: 0;}
.prev_pro:hover{background: url(../images/prev_pro_h.jpg) center center no-repeat;}
.next_pro:hover{background: url(../images/next_pro_h.jpg) center center no-repeat;}
.parbd{height: 516px;overflow: hidden;}
.slidebox{width: 100%;height: 100%;overflow: hidden;}
.slidebox ul{width: 100%;height: auto;overflow: hidden;max-height: 100%;}
.slidebox ul li{width: 276px;height: 218px;margin: 10px 16px 30px;position: relative;float: left;background: #fff;overflow: hidden;}
.slidebox ul li a{display: block;height: 100%;}
.pro_img{width: 276px;height: 218px;}
.pro_img i{width: 276px;height: 218px;}
.pro_bt{padding: 0 20px;height: 40px;line-height: 40px;background: rgba(0,0,0,.2);position: absolute;bottom: 0;font-weight: bold;font-size: 14px; color: #fff;text-align: center;width: 100%;box-sizing: border-box;transition: 400ms;}
.slidebox ul li:hover{box-shadow: 0px 0px 3px 3px #ccc;border: 3px solid #fff;box-sizing: border-box;}
.slidebox ul li:hover .pro_bt{bottom: -40px;transition: 400ms;}
.slidebox ul li:hover .pro_img{width: 270px;height: 212px;}
.slidebox ul li:hover .pro_img i{width: 270px;height: 212px;}
.pro_imore{width: 100%;height: 44px;line-height: 44px;overflow: hidden;text-align: center;margin: 10px auto 50px;}
.pro_imore a{background: #f9f9f9;color: #999;display: block;transition: 400ms;}
.pro_imore a:hover{background: #e65a12;color: #fff;font-weight: bold;transition: 400ms;}

.about{width: 100%;height: 510px;background: url(../images/about_bg.jpg) top center no-repeat;}
.about_area{width: 100%;height: auto;overflow: hidden;}
.about_img{width: 424px;height: 334px;margin-right: 80px;overflow: hidden;}
.about_img i{width: 424px;height: 334px;}
.about_intro{width: 696px;}
.about_nr{line-height: 34px;color: #666;max-height: 272px;overflow: hidden;}
.about_imore{width: 94px;height: 36px;line-height: 34px;overflow: hidden;text-align: center;margin-top: 26px;font-size: 12px;}
.about_imore a{display: block;color: #999;background: #fff;line-height: 34px;height: 34px;border: 1px solid #cfcfcf;transition: 400ms;overflow: hidden;}
.about_imore a:hover{background: #e65a12;color: #fff;font-weight: bold;border: 1px solid #e65a12;transition: 400ms;}

.news{width: 1240px;height: auto;overflow: hidden;margin: 0 auto;}
.news_data{width: 100%;height: auto;overflow: hidden;}
.news_data li{width: 580px;height: auto;overflow: hidden;margin: 10px 20px 30px;float: left;border-bottom: 2px solid #f1f1f1;background: #f9f9f9;position: relative;}
.news_data li a{display: block;padding: 20px;height: auto;overflow: hidden;}
.news_img{width: 146px;height: 116px;margin-right: 20px;overflow: hidden;}
.news_img i{width: 146px;height: 116px;}
.news_time{width: 146px;height: 116px;position: absolute;left: 20px;top: 20px;background: #e65a12;text-align: center;color: #fff;opacity: 0;}
.news_day{font-size: 36px;line-height: 36px;height: 36px;overflow: hidden;margin: 26px auto 5px;}
.news_month{line-height: 24px;height: 24px;overflow: hidden;}
.news_intro{width: 374px;height: auto;overflow: hidden;}
.news_bt{font-weight: bold;line-height: 30px;height: 30px;overflow: hidden;margin-top: -8px;}
.news_nr{line-height: 30px;color: #666;height: 60px;overflow: hidden;}
.news_imore{width: 78px;height: 26px;line-height: 26px;text-align: center;background: #f1f1f1;color: #999;font-size: 12px;margin-top: 8px;transition: 400ms;}
.news_data li:hover{box-shadow: 0px 2px 10px 0px #ccc;transition: 400ms;}
.news_data li a:hover .news_imore{background: #e65a12;color: #fff;transition: 400ms;}
.news_data li a:hover .news_time{animation: showup 0.3s ease-in-out forwards;}
@keyframes showup {  
    0% {opacity: 0;transform: scale(0);} 
    100% {opacity: 1;transform: scale(1);}  
  }
@-webkit-keyframes showup {  
    0% {opacity: 0;transform: scale(0);} 
    100% {opacity: 1;transform: scale(1);}  
  }

.together{width: 1920px;height: 330px;overflow: hidden;position: relative;left: 50%;margin-left: -960px;}
.together:before{content: "";width: 960px;height: 330px;background: #3b77d9;position: absolute;left: 0;top: 0;}
.contact{width: 500px;padding: 0 100px 0 360px;height: 330px;overflow: hidden;color: #fff;position: relative;}
.contact_bt{padding-top: 28px;height: 68px;line-height: 68px;overflow: hidden;margin-bottom: 12px;position: relative;font-size: 24px;}
.contact_bt:after{content: "";width: 68px;height: 2px;background: #fff;position: absolute;bottom: 0;left: 0;}
.contact_nr{height: auto;overflow: hidden;}
.contact_nr dd{line-height: 30px;}
.online{width: 80px;height: auto;position: absolute;right: 0px;top: 0;}
.online ul{height: auto;}
.online ul li{width: 80px;height: 110px;}
.online ul li a{display: block;height: 100%;}
.online ul li.tencent{background: url(../images/tencent.png) #3469bf center center no-repeat;}
.online ul li.wechat{background: url(../images/wechat.png) #3469bf center center no-repeat;position: relative;}
.online ul li.sina{background: url(../images/sina.png) #3469bf center center no-repeat;}
.online ul li.tencent:hover{background: url(../images/tencent.png) #e65a12 center center no-repeat;}
.online ul li.wechat:hover{background: url(../images/wechat.png) #e65a12 center center no-repeat;position: relative;}
.online ul li.sina:hover{background: url(../images/sina.png) #e65a12 center center no-repeat;}
.wechat_hover{width: 160px;height: 160px;padding-right: 20px; position: absolute;left: -180px;top: -25px;display: none;}
.wechat_hover i{width: 160px;height: 160px;}

.map{width: 960px;height: 330px;}
.sitemap{width: 100%;height: auto;overflow: hidden;background: #f9f9f9;padding: 20px 0;}
.website{width: 100%;height: auto;overflow: hidden;}
.website li{width: 200px;float: left;line-height: 30px;font-weight: bold;}
.website li a{display: block;padding: 0 14px;height: 30px;overflow: hidden;color: #333;}
.website li ul{}
.website li ul li{font-weight: normal;}
.website li ul li a{color: #999;}
.website li ul li a:hover{color: #e65a12;font-weight: bold;}

.footer{text-align: center;padding: 12px 0;font-size: 12px;line-height: 30px;color: #999;}
.footer a{color: #999;}
.footer a:hover{color: #e65a12;}
.linker{height: 30px;overflow: hidden;}
.linker ul{display: inline-block;height: auto;overflow: hidden;}
.linker ul li{display: inline-block;line-height: 30px;height: 30px;padding: 0 10px;position: relative;}
.linker ul li:first-child{padding: 0px;}
.linker ul li:nth-child(2){padding-left: 0px;}
.linker ul li:after{content: "";width: 2px;height: 13px;background: #999;position: absolute;top: 10px;right: 0px;}
.linker ul li:first-child:after,.linker ul li:last-child:after{display: none;}
.linker ul li a{display: block;color: #999;}

.public{height: auto;overflow: hidden;margin: 40px auto 60px;}
.left{width: 276px;height: auto;overflow: hidden;margin-right: 32px;}
.left_top{width: 100%;text-align: center;padding: 20px 0;background: #3b77d9;height: auto;overflow: hidden;color: #fff;}
.left_top .cn span:after,.left_top .cn span:before{background: #fff;}
.left_list{width: 274px;height: auto;overflow: hidden;background: #f9f9f9;border: 1px solid #f1f1f1;padding: 14px 0;margin-bottom: 30px;}
.left_list ul{}
.left_list ul li{line-height: 44px;}
.left_list ul li a{display: block;color: #666;background: url(../images/yiji.png) 20px center no-repeat;padding-left: 36px;height: 44px;overflow: hidden;padding-right: 14px;}
.left_list ul li a:hover,.left_list ul li a.cu1{color: #fff;background: url(../images/yiji_h.png) #e65a12 20px center no-repeat;font-weight: bold;}
.left_list ul li ul{display: none;}
.left_list ul li ul li{line-height: 40px;}
.left_list ul li ul li a{height: 40px;background: url(../images/erji.png) 22px center no-repeat;}
.left_list ul li ul li a:hover,.left_list ul li ul li a.cu2{color: #e65a12;background: url(../images/erji_h.png) 22px center no-repeat;}
.left_list ul li ul li ul{display: none;}
.left_list ul li ul li ul li{line-height: 38px;text-indent: 28px;}
.left_list ul li ul li ul li a{height: 38px;background: none;}
.left_list ul li ul li ul li a:hover{background: none;}

.left_fixed{width: 234px;padding: 20px;border: 1px solid #f1f1f1;background: #f9f9f9;}
.fixed_tit{height: 44px;line-height: 44px;overflow: hidden;font-size: 24px;font-weight: bold;}
.fixed_nr{color: #666;line-height: 34px;position: relative;padding-top: 22px;}
.fixed_nr:before{content: "";width: 68px;height: 2px;background: #333;position: absolute;top: 10px;}

.right{width: 892px;height: auto;overflow: hidden;}
.right_top{padding-top: 32px;height: 64px;line-height: 64px;overflow: hidden;border-bottom: 2px solid #f9f9f9;margin-bottom: 30px;}
.title{max-width: 40%;height: 64px;overflow: hidden;font-size: 24px;font-weight: bold;}
.here{text-align: right;max-width: 56%;height: 64px;overflow: hidden;color: #999;}
.here a{color: #999;}
.here a:hover{color: #e65a12;}
.right_below{width: 100%;height: auto;overflow: hidden;}
.about_det{line-height: 34px;color: #666;}
.about_det img{max-width: 100%;max-height: 100%;}

.news_data li{width: 580px;height: auto;overflow: hidden;margin: 10px 20px 30px;float: left;border-bottom: 2px solid #f1f1f1;background: #f9f9f9;position: relative;}
.news_data li a{display: block;padding: 20px;height: auto;overflow: hidden;}
.news_img{width: 146px;height: 116px;margin-right: 20px;overflow: hidden;}
.news_img i{width: 146px;height: 116px;}
.news_time{width: 146px;height: 116px;position: absolute;left: 20px;top: 20px;background: #e65a12;text-align: center;color: #fff;opacity: 0;}
.news_day{font-size: 36px;line-height: 36px;height: 36px;overflow: hidden;margin: 26px auto 5px;}
.news_month{line-height: 24px;height: 24px;overflow: hidden;}
.news_intro{width: 374px;height: auto;overflow: hidden;}
.news_bt{font-weight: bold;line-height: 30px;height: 30px;overflow: hidden;margin-top: -8px;}
.news_nr{line-height: 30px;color: #666;height: 60px;overflow: hidden;}
.news_imore{width: 78px;height: 26px;line-height: 26px;text-align: center;background: #f1f1f1;color: #999;font-size: 12px;margin-top: 8px;transition: 400ms;}

.news_list{width: 100%;height: auto;overflow: hidden;margin-bottom: 30px;}
.news_list li{margin: 0 5px 30px;width: 882px;float: auto;}
.news_info{width: 676px;}

.next1{text-align: center;}
.next1 ul{display: inline-block;font-size: 12px;}
.next1 ul li{display: inline-block;color: #999;}
.next1 a{display: inline-block;color: #999;min-width: 14px;padding: 0 8px;line-height: 26px;height: 26px;margin: 0 6px;}
.next1 a:hover,.next1 a.on1{background: #e65a12;color: #fff;}

.news_title{font-weight: bold;text-align: center;line-height: 34px;}
.news_publish{text-align: center;color: #999;line-height: 34px;padding-bottom: 10px;border-bottom: 1px dashed #cfcfcf;margin-bottom: 10px;}
.news_det{}
.share{height: 28px;line-height: 28px;width: 100%;text-align: right;padding: 20px 0 14px;margin-bottom: 10px;border-bottom: 1px dashed #cfcfcf;}
.share_box{float: right;}
.next2{width: 100%;height: auto;overflow: hidden;}
.next2 li{line-height: 34px;}
.next2 li a{color: #999;}
.next2 li a:hover{color: #e65a12;}

.slidebox{width: 100%;height: 100%;overflow: hidden;}
.slidebox ul{width: 100%;height: auto;overflow: hidden;max-height: 100%;}
.slidebox ul li{width: 276px;height: 218px;margin: 10px 16px 30px;position: relative;float: left;background: #fff;overflow: hidden;}
.slidebox ul li a{display: block;height: 100%;}
.pro_img{width: 276px;height: 218px;}
.pro_img i{width: 276px;height: 218px;}
.pro_bt{padding: 0 20px;height: 40px;line-height: 40px;background: rgba(0,0,0,.2);position: absolute;bottom: 0;font-weight: bold;color: #fff;text-align: center;width: 100%;box-sizing: border-box;transition: 400ms;}
.slidebox ul li:hover{box-shadow: 0px 0px 3px 3px #ccc;border: 3px solid #fff;box-sizing: border-box;}
.slidebox ul li:hover .pro_bt{bottom: -40px;transition: 400ms;}
.slidebox ul li:hover .pro_img{width: 270px;height: 212px;}
.slidebox ul li:hover .pro_img i{width: 270px;height: 212px;}

.pro_list{width: 100%;height: auto;overflow: hidden;margin-bottom: 30px;}
.pro_list ul li{margin: 10px 10.5px 30px;}

.piccon{height:75px;margin:100px 0 0 50px;}
.piccon li{float:left;padding:0 10px;}
#preview{position:absolute;border:1px solid #ccc;background:#fff;padding:3px;display:none;color:#fff;font-size: 0px;}
#preview .pro_bt{bottom: 3px;}

.pro_title{text-align: center;font-weight: bold;line-height: 24px;margin-bottom: 16px;}
.det{font-weight: bold;margin: 30px auto 14px;line-height: 34px;height: 34px;overflow: hidden;text-indent: 20px;}
.pro_image{width: 100%;height: auto;overflow: hidden;position: relative;}
.bigimg{width: 494px;height: 390px;margin: 0 auto 10px;}
.bigimg li{width: 494px;height: 390px;overflow: hidden;}
.bigimg li i{width: 494px;height: 390px;}
.smallscroll{width: 494px;height: 92px;overflow: hidden;margin: 0 auto;overflow: hidden;}
.smallimg{width: 100%;height: auto;overflow: hidden;text-align: center;}
.smallimg ul{text-align: center;height: auto;overflow: hidden;display: inline-block;font-size: 0px;}
.smallimg ul li{width: 116px;height: 92px;overflow: hidden;margin-right: 10px;position: relative;float: left;}
.smallimg ul li i{width: 116px;height: 92px;}
.smallimg ul li.on i{width: 110px;height: 86px;padding: 1px;border: 2px solid #e65a12;}
/*.smallimg ul li:after{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #fff;padding: 1px;border: 2px solid #e65a12;box-sizing: border-box;display: none;}
.smallimg ul li.on:after{display: block;}*/

.prev_det,.next_det{width: 30px;height: 52px;position: absolute;top: 180px;}
.prev_det{background: url(../images/prev_det.png) center center no-repeat;left: 110px;}
.prev_det:hover{background: url(../images/prev_det_h.png) center center no-repeat;}
.next_det{background: url(../images/next_det.png) center center no-repeat;right: 110px;}
.next_det:hover{background: url(../images/next_det_h.png) center center no-repeat;}

.lb-dataContainer{position: relative;}
.lb-details{width: 100%!important;margin-top: -49px;height: 40px;line-height: 40px;background: rgba(0,0,0,.2);font-weight: bold;font-size: 14px; color: #fff;text-align: center;position: relative;}
.lb-caption{height: 40px;line-height: 40px!important;font-weight: bold;font-size: 14px; color: #fff;text-align: center;overflow: hidden;display: block;}
.lb-number{display: none!important;}
.lb-closeContainer{position: absolute;top: 10px;right: 5px;}