@charset "utf-8";
*{margin:0;padding:0;}
body{font-size:12px;font-family:Arial;line-height: 24px;}
a{text-decoration:none;}
a:hover{color: #ff6600;}
.clear{clear:both;}
ul{list-style:none;}
img{border:none;background:none;}
.img_center{ text-align:center;}
.img_center .img_{ vertical-align:middle;}
.img_center .span{height:100%;display:inline-block; vertical-align:middle;}
.transition2{transition:all 0.4s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;}
.center{height: 0;width: 0;}
.banner_bg{width:100%;z-index:400;height:751px;position:relative;margin: 0 auto;}
.banner_bg .banner_list{display:block;width:100%;position:absolute;top:0;left:0;z-index:400;height:100%;}
.banner_bg .banner_list img{display: block;width: 100%;}
.banner_bg .banner_list a{display:block;width:100%;height:100%;}
.banner_bg .banner_point{ width:100%;height:12px;z-index:500; position:absolute; bottom:24px;}
.banner_bg .banner_point .center{margin: 0 auto;}
.banner_bg .banner_point .center li{float:left;display:block;width:5px;height:5px; ;margin-right:10px; cursor: pointer;position: relative;overflow: hidden;z-index: 500;border-radius: 10px;background: #a0a0a0;padding: 3px;margin-top: 3px}
.banner_bg .banner_point .center li.hover{background: none;border: 3px solid #39b54a;margin-top: 0;}

.header {width: 100%;height: 130px;}
.header .bg{width: 100%;height: 38px;background: #3d3d3d;}
.header .bg .cont{width: 100%;margin: 0 auto;height: 38px;max-width: 1200px;min-width: 320px;}
.header .bg .cont .phone{background: url(../images/index_phone.jpg) no-repeat;text-indent: 28px;color: white;line-height: 38px;float: left;}
.header .bg .cont .email{background: url(../images/index_email.jpg) no-repeat;text-indent: 28px;color: white;line-height: 38px;margin-left: 40px;float: left;}
.header .bg .cont .email a{color: white;}
.header .bg .cont .share{width: 125px;height: 38px;float: right;}
.header .bg .cont .share li{background: url(../images/index_share.jpg) no-repeat;float: left;position: relative;}
.header .bg .cont .share li a{display: block;height: 38px;width: 100%;}
.header .bg .cont .share li.in{width: 21px;}
.header .bg .cont .share li.tw{width: 30px;background-position: -21px;}
.header .bg .cont .share li.fa{width: 22px;background-position: -51px;}
.header .bg .cont .share li.pi{width: 28px;background-position: -73px;}
.header .bg .cont .share li.go{width: 24px;background-position: -101px;}
.header .bg .cont .eng{width: 96px;height: 38px;float: right;margin-left: 20px;}
.header .bg .cont .eng a{width: 96px; line-height: 38px;float: right;margin-left: 20px; color:#fff;}
.header .nav{width: 100%;margin: 0 auto;height: 91px;max-width: 1200px;}
.header .nav .logo{width: 426px;height: 91px;float: left;}
.header .nav .navCont{float: right;height: 91px;}
.header .nav .navCont li{float: left;height: 28px;margin-top: 31px;line-height: 28px;border:2px solid white;margin-right: 2px;position: relative;}
.header .nav .navCont li a{padding: 0 18px;display: block;height: 100%;color: black;font-weight: bold;font-size: 14px;}
.header .nav .navCont li .subnav{width:300px;height: 0;overflow: hidden;position: absolute;background:rgba(255,255,255,0.7);left: 0;top: 33px;z-index: 500;}
.header .nav .navCont li .subnav div{width:100%;height: 35px;line-height: 35px;text-indent: 20px}
.header .nav .navCont li:hover{border: 2px solid black;padding: 0;}
.header .nav .navCont li.hover{border: 2px solid black;padding: 0;}
.header .nav .appNav {width: 68px;position: relative;margin: 30px 30px 0 0;float: right;display: none;height: 100%;}
.header .nav .appNav .btn{width: 68px;height: 47px;background: url(../images/menu.png) no-repeat;cursor: pointer;}
.header .nav .appNav .cont{width: 380px;position: absolute;top: 63px;right: -30px;z-index: 500;height: 0;overflow: hidden;}
.header .nav .appNav .cont li{width: 100%;height: 50px;line-height: 50px;text-indent: 20px;background: #39b54a;font-size: 16px;border-bottom: 1px solid #ccc;}
.header .nav .appNav .cont li a{width: 100%;height: 100%;display: block;color: white;text-align:center;}
.header .nav .appNav .cont li:first-child{border-radius: 5px 5px 0 0}
.header .nav .appNav .cont li:last-child{border-radius: 0 0 5px 5px;}

@media screen and (max-width:1000px){
	.header .nav .navCont{display: none;}
	.header .nav .appNav{display: block;}
}
@media screen and (max-width:615px){
	.header .bg .cont .eng{display: none;}
}
@media screen and (max-width:500px){
	.header .bg .cont .eng,.header .bg .cont .share{display: none;}
	.header .bg .cont .email{margin-left: 20px;}
}
@media screen and (max-width:320px){
	.header .bg .cont .email{float: right;margin-left: 0}
}


.footer{width: 100%;height: 100%;overflow: hidden;background: #1e1e1e;}
.footer .contact{width: 100%;margin: 25px auto;height: 43px;max-width: 1200px;}
.footer .contact .contactIcon{width: 23.33333333333333%;height: 43px;float: left;}
.footer .contact .addr{width:30%; }
.footer .contact .icon{background: url(../images/index_footer_contact_icon.jpg) no-repeat left -3px ;width: 44px;height: 44px;float: left;}
.footer .contact .icon_2{background-position: -44px;}
.footer .contact .icon_3{background-position: -88px;}
.footer .contact .icon_4{background-position: -132px;}
.footer .contact .title{width: 100%;max-width:200px;font-size: 16px;color: #757575;float: left;margin: 5px 0 5px 10px;}
.footer .contact .cont{width: 100%;max-width:200px;float: left;color: #fefefe;margin: 0 0 5px 10px; word-wrap:break-word;}
.footer .contact .addr .cont{width: 100%;margin-top: 10px;max-width: 290px; }
.footer .article{width: 100%;margin: 30px auto;height:100%;overflow: hidden;max-width: 1200px;}
.footer .article .company{width: 23.33333333333333%;float: left;}
.footer .article .company .comTitle{width:100%;font-size: 16px;color: white;}
.footer .article .company ul{width:100%;margin-top: 24px;}
.footer .article .company li{width:100%;background: url(../images/index_footer_art_li_bg.jpg) no-repeat left center;text-indent: 20px;margin-bottom: 16px;height: 14px; line-height:14px;overflow: hidden;}
.footer .article .company li a{color: #a3a3a3;}
.footer .article .company li:hover a{color: #ff6600;}
.footer .article .company .newDesc{width: 100%;color: #a3a3a3;line-height: 21px;margin: 10px 0;}
.footer .article .company .newInput{width: 100%;}
.footer .article .company .newInput .newText{width: 85.0082304526749%;height: 26px;border: 1px solid #535353;background: #1e1e1e;outline: none;text-indent: 7px;color: #777777;border-right: none;vertical-align: middle;margin: 0;max-width: 208px;}
@media screen and (max-width:750px){
	.footer .article .company .newInput .newText{width: 83%;}
}
.footer .article .company .newInput .newBtn{width: 13.9917695473251%;height: 28px;border: 1px solid #535353;border-left: none;background: url(../images/index_footer_btn.jpg);vertical-align: middle}
.footer .bottom{width: 100%;margin: 0 auto;height: 100%;overflow: hidden;max-width: 1200px;}
.footer .bottom .left{width: 543px;float: left;}
.footer .bottom .left .bottomNav{width: 45.25%;float: left;}
.footer .bottom .left .bottomNav li{float: left;background: url(../images/index_footer_nav_li_bg.jpg) no-repeat right center;padding: 0 18px;color: #b0b0b0}
.footer .bottom .left .bottomNav li a{color: #b0b0b0 }
.footer .bottom .left .bottomNav li.last{background: none;}
.footer .bottom .left .copy{float: left;color: #c9c9c9;margin: 15px 0 0 18px}
.footer .bottom .left .copy a{color:#c9c9c9; }
.footer .bottom .left a:hover{color: #ff6600;}
.footer .bottom .right{float: right;}
@media screen and (max-width:1200px){
	.footer .contact{height: 90px;}
}
@media screen and (max-width:750px){
	.footer .contact{height: 120px;}
}
#menu_bar{   background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; height: 1000px; left: 0;overflow: hidden; position: fixed;top: 0;width: 0; z-index: 1000;display: none;overflow-x:visible}
#menu_bar .menu_content{   max-height: 100%;overflow-y: auto; width: 289px; }
#menu_bar .menu_content_con{ background:#fff;width: 100%;}
/*#menu_bar .menu_content_con .its{ padding-top:0.32rem;}
#menu_bar .menu_content_con .its a{ font-size:0.28rem; color:#646464; display:block; padding-left:0.77rem; background:url(/images/mobile/menubg.jpg) 0.26rem center no-repeat; background-size:0.24rem 0.24rem;}*/
.transition3{transition: all 1s cubic-bezier(0, 0.97, 0.3, 0.99) 0s;}

.warp{width: 22.66666666666667%;float: left;width: 272px;background: #fff;}
.warp .Title{width: 100%;height: 60px;background: url(../images/left_nav_title.jpg) no-repeat;text-indent: 46px;line-height: 60px;font-size: 26px;color: #fff;}
.warp .leftNav{width: 100%;}
.warp .leftNav li{width: 100%;height: 53px;background: #ebeaea;text-indent: 46px;line-height: 53px;font-size: 16px;position: relative;cursor: pointer;}
.warp .leftNav li .arrow{position: absolute;width: 6px;height: 9px;top: 50%;margin-top: -4px;right: 43px;background: url(../images/left_nav_arrow.png) no-repeat;}
.warp .leftNav li .line{position: absolute;left: 0;top: 0;width: 3px;height: 53px;overflow: hidden;background: #39b54a;display: none;}
.warp .leftNav li:hover{background: #f4f4f4;}
.warp .leftNav li:hover .arrow{width: 9px;height: 6px;background: url(../images/left_nav_arrow_hover.png) no-repeat;margin-top: -3px;}
.warp .leftNav li:hover .line{display: block;}
.warp .leftNav li:hover a{color: #39b54a}
.warp .leftNav li.hover{background: #f4f4f4;}
.warp .leftNav li.hover .arrow{width: 9px;height: 6px;background: url(../images/left_nav_arrow_hover.png) no-repeat;margin-top: -3px;}
.warp .leftNav li.hover .line{display: block;}
.warp .leftNav li.hover a{color: #39b54a}
.warp .quality{width: 100%;height: 409px;background: url(../images/article_iso.jpg) no-repeat;margin: 30px auto;}
.warp .contact .contTitle{width: 100%;height: 31px;background: url(../images/left_nav_contact_en.jpg) no-repeat;margin-top: 60px;margin-bottom: 21px;}
.warp .contact li{width: 100%;height: 40px;background: url(../images/left_contact_icon.jpg) no-repeat;margin-bottom: 22px;line-height: 40px;font-size: 16px;color: #040404;text-indent: 55px;}
.warp .contact li.fax{background-position: left -62px;}
.warp .contact li.addr{background-position: left -125px;font-size: 12px;line-height: 21px;text-indent: 0;padding-left: 55px;width: 79.70479704797048%;}
.warp .contact .email{width: 100%;height: 102px;background: url(../images/left_contact_email.jpg) no-repeat;position: relative;margin-top: 55px;}
.warp .contact .email .char{width: 73.80073800738007%;position: absolute;left: 74px;top: 70px;color: #fff;}
@media screen and (max-width:1000px){
	.pcWarp{display: none;}
	#menu_bar{display: block;}
}

.proWarp{width: 22.66666666666667%;float: left;width: 272px;background: #fff;}
.proWarp .Title{width: 100%;height: 60px;background: url(../images/left_nav_title.jpg) no-repeat;text-indent: 46px;line-height: 60px;font-size: 26px;color: #fff;}
.proWarp .Title a{width: 100%;height: 100%;display: block;color: white;}
.proWarp .leftNav{width: 100%;}
.proWarp .leftNav .dept1{width: 100%;height: 53px;overflow: hidden;}
.proWarp .leftNav .dept1 .dept2{width: 100%;background: #ffffff;}
.proWarp .leftNav .dept1 .dept2 .dept2Li{width: 100%;height: 35px;background: url(../images/product_dept2_li_bg.jpg) no-repeat 60px center;text-indent: 76px;line-height: 35px;font-size: 14px;}
.proWarp .leftNav .dept1 .dept2 .dept2Li a{color: #555555;}
.proWarp .leftNav .dept1 .dept2 .dept2Li:hover a{color: #fe0000}
.proWarp .leftNav .dept1 .dept2 .dept2Li:hover{background: url(../images/product_dept2_li_bg_hover.jpg) no-repeat 60px center;}
.proWarp .leftNav .dept1 .dept2 .dept2Li.hover a{color: #fe0000}
.proWarp .leftNav .dept1 .dept2 .dept2Li.hover{background: url(../images/product_dept2_li_bg_hover.jpg) no-repeat 60px center;}
.proWarp .leftNav .dept1 .li{width: 100%;height: 53px;background: #ebeaea;text-indent: 4px;line-height: 53px;font-size: 16px;position: relative;cursor: pointer;}
.proWarp .leftNav .dept1 .li .arrow{position: absolute;width: 6px;height: 9px;top: 50%;margin-top: -4px;right: 43px;background: url(../images/left_nav_arrow.png) no-repeat;}
.proWarp .leftNav .dept1 .li .line{position: absolute;left: 0;top: 0;width: 3px;height: 53px;overflow: hidden;background: #39b54a;display: none;}
.proWarp .leftNav .dept1 .li:hover{background: #f4f4f4;}
.proWarp .leftNav .dept1 .li:hover .arrow{width: 9px;height: 6px;background: url(../images/left_nav_arrow_hover.png) no-repeat;margin-top: -3px;}
.proWarp .leftNav .dept1 .li:hover .line{display: block;}
.proWarp .leftNav .dept1 .li:hover a{color: #39b54a}
.proWarp .leftNav .dept1 .li.hover{background: #f4f4f4;}
.proWarp .leftNav .dept1 .li.hover .arrow{width: 9px;height: 6px;background: url(../images/left_nav_arrow_hover.png) no-repeat;margin-top: -3px;}
.proWarp .leftNav .dept1 .li.hover .line{display: block;}
.proWarp .leftNav .dept1 .li.hover a{color: #39b54a}
.proWarp .quality{width: 100%;height: 409px;background: url(../images/article_iso.jpg) no-repeat;margin: 30px auto;}
.proWarp .contact .contTitle{width: 100%;height: 31px;background: url(../images/left_nav_contact_en.jpg) no-repeat;margin-top: 60px;margin-bottom: 21px;}
.proWarp .contact li{width: 100%;height: 40px;background: url(../images/left_contact_icon.jpg) no-repeat;margin-bottom: 22px;line-height: 40px;font-size: 16px;color:proW#040404;text-indent: 55px;}
.proWarp .contact li.fax{background-position: left -62px;}
.proWarp .contact li.addr{background-position: left -125px;font-size: 12px;line-height: 21px;text-indent: 0;padding-left: 55px;width: 79.70479704797048%;}
.proWarp .contact .email{width: 100%;height: 102px;background: url(../images/left_contact_email.jpg) no-repeat;position: relative;margin-top: 55px;}
.proWarp .contact .email .char{width: 73.80073800738007%;position: absolute;left: 74px;top: 70px;color: #fff;}
.proWarp .contact .email .char a{color: white;}
@media screen and (max-width:1000px){
	.pcWarp{display: none;}
	#menu_bar{display: block;}
}



.position{width: 70.83333333333333%;float: right;position: relative;}
.position .Title{width: 100%;height: 31px;border-bottom: 1px solid #dfdfdf;position: relative;}
.position .Title .breadLine{width: 35px;height: 3px;position: absolute;left: 0;bottom: -2px;background: #272727;}
.position .Title .curArt{line-height: 31px;font-size: 24px;color: #272727;float: left;}
.position .Title ul{float: right;}
.position .Title li{margin-right: 10px;color: #161616;height: 31px;line-height: 31px;float: left;}
.position .Title li.home{width: 23px;background: url(../images/position_home.jpg) no-repeat left center;}
.position .Title li.home a{display: block;width: 100%;height: 100%;}
.position .Title li.cur{color: red;}
.position .leftBtn{width: 26px;height: 22px;position: absolute;left: -40px;top: 8px;background: url(../images/left_nav_btn.png) no-repeat;cursor: pointer;display: none;}
@media screen and (max-width:1000px){
	.position{width: 90%;margin: 0 5%;}
	.position .leftBtn{display: block;}
}
@media screen and (max-width:750px){
	.position{width: 80%;margin: 0 10%;}
}

.page{width: 100%;}

#index .area_1{width: 100%;margin: 20px auto;}
#index .area_1 .title{width: 229px;height: 45px;background: url(../images/index_area_1_title_en.jpg) no-repeat center center;margin: 0 auto;}
#index .area_1 .char_1{width: 100%;font-size: 20px;text-align: center;margin: 20px auto;}
#index .area_1 .char_2{width: 89.83333333333333%;color: #777777;font-size: 14px;line-height: 21px;text-align: center;margin: 0 auto;max-width: 1000px;}
#index .area_1 .icon{width: 100%;margin: 30px auto 0 auto;height: 163px;max-width: 1200px;}
#index .area_1 .icon ul{width: 100%;}
#index .area_1 .icon li{width: 19.16666666666667%;float: left;margin-right: 5.833333333333333%;}
#index .area_1 .icon li .img{width: 86px;height: 87px;margin:0 auto;}
#index .area_1 .icon li .icon_1{background: url(../images/index_area_1_icon_1.jpg) no-repeat;}
#index .area_1 .icon li .icon_2{background: url(../images/index_area_1_icon_2.jpg) no-repeat;width: 85px;}
#index .area_1 .icon li .icon_3{background: url(../images/index_area_1_icon_3.jpg) no-repeat;}
#index .area_1 .icon li .icon_4{background: url(../images/index_area_1_icon_4.jpg) no-repeat;}
#index .area_1 .icon li:hover .icon_1{background-position: -86px;}
#index .area_1 .icon li:hover .icon_2{background-position: -85px;}
#index .area_1 .icon li:hover .icon_3{background-position: -86px;}
#index .area_1 .icon li:hover .icon_4{background-position: -86px;}
#index .area_1 .icon li .iconTitle{width: 255px;text-align: center;font-size: 20px;margin: 5px auto;}
#index .area_1 .icon li .desc{width: 255px;text-align: center;font-size: 14px;color: #777777;line-height: 21px;margin: 0 auto;}
#index .area_1 .icon li:hover .iconTitle{color: #39b54a;}
@media screen and (max-width:1000px){
	#index .area_1 .icon li{width: 40%;margin-bottom: 20px;margin-left: 5%;margin-right: 5%;height: 183px;}
}
@media screen and (max-width:750px){
	#index .area_1 .icon li{width: 90%;margin-bottom: 20px;margin-left: 5%;margin-right: 5%;}
}

#index .centerAd{width: 100%;height: 141px;margin: 20px auto 0 auto;position: relative;}
#index .centerAd .cont{width: 100%;position: absolute;left:0;top: 0;height:141px;background-size:100% 100% !important;}
@media screen and (max-width:1000px){
	#index .centerAd{height:113px;}
	#index .centerAd .cont{height:113px;}
}

#index .gray{width: 100%;height: 100%;background: #fafafa;overflow: hidden;padding-bottom: 20px;}
#index .gray .cont{width: 100%;margin: 0 auto;max-width: 1200px;}
#index .gray .cont .proTitle{width: 186px;background: url(../images/index_pro_title_en.jpg) no-repeat center;height: 43px;margin: 30px auto 30px auto;}
#index .gray .cont .proList{margin: 20px auto;position: relative;width:100%;overflow: hidden;}
#index .gray .cont .proList .proCate{width: 1200px;margin: 0 auto;height: 36px;}
#index .gray .cont .proList .proCate li{float: left;margin-right: 25px;}
#index .gray .cont .proList .proCate li.proCateTitle{height: 34px;line-height: 34px;padding: 0 22px;border: 1px solid #959595;font-weight: bold;font-size: 14px;cursor: pointer; margin-bottom:5px; width: 300px;
text-align: center;}
#index .gray .cont .proList .proCate li:last-child{margin-right: 0;}
#index .gray .cont .proList .proCate li.proCateTitle:hover{background: #39b54a;border: 1px solid #39b54a;padding: 0 22px;color: white;}
#index .gray .cont .proList .proCate li.proCateTitle.hover{background: #39b54a;border: 1px solid #39b54a;padding: 0 22px;color: white;}
#index .gray .cont .proList .proCate li .proCont{width: 1200px;height: 486px;position: absolute;left: 0;top: 60px;width:100%;}
#index .gray .cont .proCont{width: 100%;max-width: 1200px;height: 500px;margin: 20px auto;}
#index .gray .cont .proCont ul{width:100%;}
#index .gray .cont .proCont ul li{width:23.5%;margin-left:1.91666666666667%;float: left;}
#index .gray .cont .proCont ul li:first-child{margin-left: 0;}
#index .gray .cont .proCont ul li .img{width:100%;}
#index .gray .cont .proCont ul li .img img{max-width: 100%;max-height: 100%;width:100%;}
#index .gray .cont .proCont ul li .box{width: 100%;height: 130px;}
#index .gray .cont .proCont ul li .box .proDesc {width: 99.5%;height: 130px;border: 1px solid #d2d2d2;}
#index .gray .cont .proCont ul li .box .proDesc .proName{width: 96%; margin: 20px auto 10px auto;color: #9e9e9e;line-height: 21px;font-size: 16px;margin-left: 4%;}
#index .gray .cont .proCont ul li .box .proDesc .more{width:107px;height: 41px;display: block;background: url(../images/index_pro_more.jpg) no-repeat; margin: 0 0 0 20px;}
#index .gray .cont .proCont ul li:hover .proDesc{border:1px solid #39b54a;}
#index .gray .cont .proCont ul li:hover .box .proName{color: black;}
#index .gray .cont .proCont ul li:hover .box .more{background-position: -107px;}
@media screen and (max-width: 1000px){
	#index .gray .cont .proCont ul li{width: 40%;margin-left: 5%;margin-bottom: 25px;margin-right: 5%;}
	#index .gray .cont .proCont ul li:first-child{margin-left: 5%;}
}
@media screen and (max-width: 750px){
	#index .gray .cont .proCont ul li{width: 90%;margin-left: 5%;margin-bottom: 25px;margin-right: 5%;}
	#index .gray .cont .proCont ul li:first-child{margin-left: 5%;}
	#index .gray .cont .proList .proCate{width: 90%;margin: 0 auto;}
	#index .gray .cont .proList .proCate li{float: left;border: none;width: 100%;border-left:1px solid #ccc;border-right:1px solid #ccc;}
	#index .gray .cont .proList .proCate li:first-child{border-radius:5px 5px 0 0;}
	#index .gray .cont .proList .proCate li:last-child{border-radius: 0 0 5px 5px;}
	#index .gray .cont .proList .proCate li.proCateTitle{border: none;border-bottom: 1px dashed #959595;padding: 0;text-indent: 22px;}
	#index .gray .cont .proList .proCate li.proCateTitle:hover{padding:0;border-bottom: 1px solid #39b54a;}
	#index .gray .cont .proList .proCate li.proCateTitle.hover{padding:0;border-bottom: 1px solid #39b54a;}
	#index .gray .cont .proList .proCate li.proCateTitle:last-child{border-bottom: none;}
}

@media screen and (max-width: 750px){
#index .ins{display:none}
}
#index .ins{width: 100%;margin: 0 auto;overflow: hidden;position: relative;margin-bottom: 20px;max-width: 1200px;}
#index .ins .insTitle{width: 354px;height: 50px;background: url(../images/index_ins_title_en.jpg) no-repeat center center;margin: 30px auto;}
#index .ins .insDesc{width: 100%;font-size: 20px;margin: 10px auto;color: #555555;text-align: center;}
#index .ins .btn{width: 60px;height: 25px;margin: 20px auto;}
#index .ins .btn .pageBtn.hover{background: #39b54a;}
#index .ins .btn .insLeftBtn{width: 25px;height: 25px;border-radius: 4px;background: #838383;line-height: 25px;text-align: center;color:white;cursor:pointer;float: left;margin-right: 10px;}
#index .ins .btn .insRightBtn{width: 25px;height: 25px;border-radius: 4px;background: #838383;line-height: 25px;text-align: center;color:white;cursor:pointer;float: right;}
#index .ins .box {width: 1000000px;overflow: hidden;margin-top: 20px;}
#index .ins .box .insCont{width: 1200px;height: 872px;float: left;}
#index .ins .box .insCont li{width: 286px;height: 340px;float: left; margin:5px 5px 0px 5px;}
#index .ins .box .insCont li .insName{width: 230px;font-size: 20px;color: #3f3d3d;line-height: 21px;margin: 5px 0;}
#index .ins .box .insCont li:hover .insName{color: #39b54a;}
/*#index .ins .box .insCont li.left .img{width: 300px;height: 286px;float: left;}
#index .ins .box .insCont li.left .img img{max-width: 100%;max-height: 100%;}
#index .ins .box .insCont li.left .cont{width: 273px;height: 286px;float: left;background: #f5f7f9;padding-left: 27px;}
#index .ins .box .insCont li.left .cont .insName{width: 230px;font-size: 20px;color: #3f3d3d;line-height: 21px;margin: 20px 0;}
#index .ins .box .insCont li.left .cont .insDate{width: 110px;height: 15px;font-size: 14px;}
#index .ins .box .insCont li.left .cont .insDate .dateBg{width: 16px;height: 15px;background: url(../images/index_ins_date.png) no-repeat;float: left;}
#index .ins .box .insCont li.left .cont .insDate .dateCont{height: 15px;line-height: 18px;float: left;margin-left: 10px;font-style: italic;color:#39b54a;}
#index .ins .box .insCont li.left .cont .hr{width: 240px;height: 1px;overflow: hidden;background: #d2d2d2;margin: 20px 0;}
#index .ins .box .insCont li.left .cont .insBrief{width: 220px;font-size: 14px;color: #3f3d3d;line-height: 21px;}
#index .ins .box .insCont li.left .cont .more{width: 126px;height: 47px;display: block;margin: 20px 0;background: url(../images/index_ins_readme.jpg) no-repeat;}
#index .ins .box .insCont li.right .img{width: 300px;height: 286px;float: right;}
#index .ins .box .insCont li.right .img img{max-width: 100%;max-height: 100%;}
#index .ins .box .insCont li.right .cont{width: 273px;height: 286px;float: right;background: #f5f7f9;padding-left: 27px;}
#index .ins .box .insCont li.right .cont .insName{width: 230px;font-size: 20px;color: #3f3d3d;line-height: 21px;margin: 20px 0;}
#index .ins .box .insCont li.right .cont .insDate{width: 110px;height: 15px;font-size: 14px;}
#index .ins .box .insCont li.right .cont .insDate .dateBg{width: 16px;height: 15px;background: url(../images/index_ins_date.png) no-repeat;float: left;}
#index .ins .box .insCont li.right .cont .insDate .dateCont{height: 15px;line-height: 18px;float: left;margin-left: 10px;font-style: italic;color:#39b54a;}
#index .ins .box .insCont li.right .cont .hr{width: 240px;height: 1px;overflow: hidden;background: #d2d2d2;margin: 20px 0;}
#index .ins .box .insCont li.right .cont .insBrief{width: 220px;font-size: 14px;color: #3f3d3d;line-height: 21px;}
#index .ins .box .insCont li.right .cont .more{width: 126px;height: 47px;display: block;margin: 20px 0;background: url(../images/index_ins_readme.jpg) no-repeat;}
#index .ins .box .insCont li:hover .cont{background:#39b54a;}
#index .ins .box .insCont li:hover .cont .insName,#index .ins .box .insCont li:hover .cont .insBrief,#index .ins .box .insCont li:hover .cont .insDate .dateCont{color: white;}
#index .ins .box .insCont li:hover .cont .hr{background: white;}
#index .ins .box .insCont li:hover .cont .insDate .dateBg{background-position: -16px;}
#index .ins .box .insCont li:hover .cont .more{background-position: -126px;}
*/

/*APP INS*/
#index .ins .appIns{width: 600px;margin: 0 auto; display: none;}
#index .ins .appIns li{width: 286px;height: 320px;float: left; margin:5px 5px 0px 5px;}
#index .ins .appIns li .insName{width: 230px;font-size: 20px;color: #3f3d3d;line-height: 21px;margin: 5px 0;}
#index .ins .appIns li:hover .insName{color: #39b54a;}
/*#index .ins .appIns li.left .img{width: 300px;height: 286px;float: left;}
#index .ins .appIns li.left .img img{max-width: 100%;max-height: 100%;}
#index .ins .appIns li.left .cont{width: 273px;height: 286px;float: left;background: #f5f7f9;padding-left: 27px;}
#index .ins .appIns li.left .cont .insName{width: 230px;font-size: 20px;color: #3f3d3d;line-height: 21px;margin: 20px 0;}
#index .ins .appIns li.left .cont .insDate{width: 110px;height: 15px;font-size: 14px;}
#index .ins .appIns li.left .cont .insDate .dateBg{width: 16px;height: 15px;background: url(../images/index_ins_date.png) no-repeat;float: left;}
#index .ins .appIns li.left .cont .insDate .dateCont{height: 15px;line-height: 18px;float: left;margin-left: 10px;font-style: italic;color:#39b54a;}
#index .ins .appIns li.left .cont .hr{width: 240px;height: 1px;overflow: hidden;background: #d2d2d2;margin: 20px 0;}
#index .ins .appIns li.left .cont .insBrief{width: 220px;font-size: 14px;color: #3f3d3d;line-height: 21px;}
#index .ins .appIns li.left .cont .more{width: 126px;height: 47px;display: block;margin: 20px 0;background: url(../images/index_ins_readme.jpg) no-repeat;}
#index .ins .appIns li.right .img{width: 300px;height: 286px;float: right;}
#index .ins .appIns li.right .img img{max-width: 100%;max-height: 100%;}
#index .ins .appIns li.right .cont{width: 273px;height: 286px;float: right;background: #f5f7f9;padding-left: 27px;}
#index .ins .appIns li.right .cont .insName{width: 230px;font-size: 20px;color: #3f3d3d;line-height: 21px;margin: 20px 0;}
#index .ins .appIns li.right .cont .insDate{width: 110px;height: 15px;font-size: 14px;}
#index .ins .appIns li.right .cont .insDate .dateBg{width: 16px;height: 15px;background: url(../images/index_ins_date.png) no-repeat;float: left;}
#index .ins .appIns li.right .cont .insDate .dateCont{height: 15px;line-height: 18px;float: left;margin-left: 10px;font-style: italic;color:#39b54a;}
#index .ins .appIns li.right .cont .hr{width: 240px;height: 1px;overflow: hidden;background: #d2d2d2;margin: 20px 0;}
#index .ins .appIns li.right .cont .insBrief{width: 220px;font-size: 14px;color: #3f3d3d;line-height: 21px;}
#index .ins .appIns li.right .cont .more{width: 126px;height: 47px;display: block;margin: 20px 0;background: url(../images/index_ins_readme.jpg) no-repeat;}
#index .ins .appIns li:hover .cont{background:#39b54a;}
#index .ins .appIns li:hover .cont .insName,#index .ins .appIns li:hover .cont .insBrief,#index .ins .appIns li:hover .cont .insDate .dateCont{color: white;}
#index .ins .appIns li:hover .cont .hr{background: white;}
#index .ins .appIns li:hover .cont .insDate .dateBg{background-position: -16px;}
#index .ins .appIns li:hover .cont .more{background-position: -126px;}*/
@media screen and (max-width: 1200px){
	#index .ins .btn{display: none;}
	#index .ins .box{display: none;}
	#index .ins .appIns{display: block;}
}
@media screen and (max-width: 600px){
	#index .ins .appIns{width: 300px;}
	#index .ins .appIns li{width: 300px;margin-bottom: 10px;}
	#index .ins .appIns li.left .img{display: none;}
	#index .ins .appIns li.right .img{display: none;}
}
#index .info{width: 100%;height: 100%;overflow: hidden;margin: 20px auto;max-width: 1200px}
#index .info .infoTitle{width: 260px;height: 44px;background: url(../images/index_info_title_en.jpg) no-repeat center center;margin:20px auto;}
#index .info .left{width: 46.5%;float: left;}
#index .info .left .infoImg{width: 100%;}
#index .info .left .infoImg img{width: 100%;height: 100%}
#index .info .left .infoName{width: 100%;font-size: 20px;font-weight: bold;margin: 15px auto;text-align: left;}
#index .info .left .infoName a{color: #555555;}
#index .info .left .infoBrief{font-size: 14px;color: #777777;line-height: 20px;text-align: left;}
#index .info .left .more{width: 107px;height: 41px;display: block;background: url(../images/index_pro_more.jpg) no-repeat;margin-top: 15px;}
#index .info .left:hover .more{background-position: -107px;}
#index .info .right{width: 45.83333333333333%;margin-right: 2.5%;height: 100px;float: right;height: 324px;}
#index .info .right li{width: 100%;height: 96px;border:1px solid white;margin-bottom: 15px;}
#index .info .right li .time{width: 12%;height: 96px;float: left;}
#index .info .right li .time .day{width: 100%;text-align: center;margin-top: 22px;font-size: 40px;float: left;}
#index .info .right li .time .date{width: 100%;float: left;font-size: 14px;text-align: center;}
#index .info .right li .infoName{width: 81.81818181818182%;font-size: 20px;font-weight: bold;float: left;margin: 20px 0 10px 2.909090909090909%;}
#index .info .right li .infoName a{color: #555555;}
#index .info .right li .infoBrief{width: 81.81818181818182%;font-size: 14px;float: left;margin-left: 2.909090909090909%;line-height: 21px;color: #777777;}
#index .info .right li:hover{border: 1px solid #39b54a;}
#index .info .right li:hover .time .day,#index .info .right li:hover .time{color: #39b54a}
@media screen and (max-width: 1000px){
	#index .info .left{width: 90%;margin: 20px 5%;}
	#index .info .right{width: 90%;margin: 20px 5%;}
}

#index .partner{width: 100%;max-width: 1200px;margin: 20px auto;}
#index .partner .partnerTitle{width: 257px;height: 44px;margin: 0 auto;background: url(../images/index_partnet_title.jpg) no-repeat center;}
#index .partner .partnerChar{width: 100%;text-align: center;font-size: 20px;color: #555555;margin: 10px auto;}
#index .partner .pcPartner{width: 1200px;position: relative;margin: 0 auto;}
#index .partner .pcPartner .leftBtn{width: 21px;height: 38px;position: absolute;left: 0;top:50%;margin-top: -19px;background: url(../images/index_part_left_btn.jpg) no-repeat;cursor: pointer;}
#index .partner .pcPartner .rightBtn{width: 21px;height: 38px;position: absolute;right: 0;top:50%;margin-top: -19px;background: url(../images/index_part_right_btn.jpg) no-repeat;cursor: pointer;}
#index .partner .pcPartner .box{width: 1023px;height: 102px;overflow: hidden;margin: 20px auto;position:relative;}
#index .partner .pcPartner .box ul{width: 10000px;position:absolute;height:102px;left:0;}
#index .partner .pcPartner .box li{width: 91px;margin-right: 141px;float: left;}
#index .partner .pcPartner .box li .img{width: 100%;}
#index .partner .pcPartner .box li .img img{width: 100%;}
#index .partner .pcPartner .box li .partName{width: 100%;text-align: center;font-size: 18px;}

@media screen and (max-width: 1200px){
	#index .partner .pcPartner{width: 1000px;}
	#index .partner .pcPartner .box{width: 791px;}
}
@media screen and (max-width: 1000px){
	#index .partner .pcPartner{width: 800px;}
	#index .partner .pcPartner .box{width:559px;}
}
@media screen and (max-width: 800px){
	#index .partner .pcPartner{width: 600px;}
	#index .partner .pcPartner .box{width: 327px;}
}
@media screen and (max-width: 600px){
	#index .partner .pcPartner{width: 400px;}
	#index .partner .pcPartner .box{width: 95px;}
}
@media screen and (max-width: 400px){
	#index .partner .pcPartner{width: 320px;}
	#index .partner .pcPartner .box{width: 95px;}
}

.ext{width: 40px;height: 85px;background: url(../images/ext_img.png) no-repeat;position: fixed;right: 20px;bottom: 50px;z-index: 1000}
.ext a{display: block;width: 100%;height: 100%;}

.Cbanner{width: 100%;}
.Cbanner img{width: 100%;display: block;}
#article .art{width: 100%;max-width: 1200px;margin: 30px auto;height: 100%;overflow: hidden;}
#article .artCont{width: 70.83333333333333%;float: right; font-size:14px;}
#article .contactDesc{width: 70.83333333333333%;float: right;min-height: 180px;margin: 20px auto;}
#article .artCont .faqCont{width: 100%;margin: 20px auto;}
#article .faq{width: 100%;}
#article .faq li{width: 90%;margin: 30px 5%;height: 30px;font-size: 16px;border-bottom: 1px dashed #ccc;line-height: 30px;}
@media screen and (max-width:1000px){
	#article .artCont{width: 90%;margin: 0 5%;}
	#article .contactDesc{width: 90%;margin: 0 5%;}
}
@media screen and (max-width:750px){
	#article .artCont{width: 80%;margin: 0 10%;}
	#article .contactDesc{width: 80%;margin: 0 10%;}
}

#info .info{width: 100%;max-width: 1200px;margin: 30px auto; height: 100%;overflow: hidden;}
#info .info .infoList{width: 70.83333333333333%;float: right;}
#info .info .infoList .left{width: 90%;float: left;margin: 20px 5%;}
#info .info .infoList .left .infoImg{width: 100%;}
#info .info .infoList .left .infoImg img{width: 100%;height: 100%}
#info .info .infoList .left .infoName{width: 100%;font-size: 20px;font-weight: bold;margin: 15px auto;text-align: left;}
#info .info .infoList .left .infoName a{color: #555555;}
#info .info .infoList .left .infoBrief{font-size: 14px;color: #777777;line-height: 20px;text-align: left;}
#info .info .infoList .left .more{width: 107px;height: 41px;display: block;background: url(../images/index_pro_more.jpg) no-repeat;margin-top: 15px;}
#info .info .infoList .left:hover .more{background-position: -107px;}
#info .info .infoList .right{width: 90%;margin-right: 2.5%;height: 100px;float: right;height: 324px;margin: 0 5%;min-height: 600px;}
#info .info .infoList .right li{width: 100%;height: 96px;border:1px solid white;margin-bottom: 15px;}
#info .info .infoList .right li .time{width: 12%;height: 96px;float: left;}
#info .info .infoList .right li .time .day{width: 100%;text-align: center;margin-top: 22px;font-size: 40px;float: left;}
#info .info .infoList .right li .time .date{width: 100%;float: left;font-size: 14px;text-align: center;}
#info .info .infoList .right li .infoName{width: 81.81818181818182%;font-size: 20px;font-weight: bold;float: left;margin: 20px 0 10px 2.909090909090909%;}
#info .info .infoList .right li .infoName a{color: #555555;}
#info .info .infoList .right li .infoBrief{width: 81.81818181818182%;font-size: 14px;float: left;margin-left: 2.909090909090909%;line-height: 21px;color: #777777;}
#info .info .infoList .right li:hover{border: 1px solid #39b54a;}
#info .info .infoList .right li:hover .time .day,#index .info .right li:hover .time{color: #39b54a}
#info .info .infoList .infoCont{width: 100%;float: left;margin: 20px auto; font-size:14px;}
#info .info .infoList .infoControl{width: 100%;float: left;border-top: 1px solid #dbdbdb;height: 100%;overflow: hidden;margin: 30px auto;}
#info .info .infoList .infoControl .page{width: 100%;margin: 0 auto;height: 30px;}
#info .info .infoList .infoControl .page .leftBtn{float: left;height: 30px;line-height: 30px;}
#info .info .infoList .infoControl .page .rightBtn{float: right;height: 30;line-height: 30px;}
@media screen and (max-width: 1000px){
	#info .info .infoList{width: 90%;margin: 30px 5%;}
	#info .info .infoList .left{width: 100%;margin: 20px auto;}
	#info .info .infoList .right{width: 100%;margin: 20px auto;}
	#info .info .infoList .infoCont{width: 100%;margin: 20px auto;}
}
@media screen and (max-width: 750px){
	#info .info .infoList{width: 80%;margin: 30px 10%;}
	#info .info .infoList .left{width: 100%;margin: 20px auto;}
	#info .info .infoList .right{width: 100%;margin: 20px auto;}
	#info .info .infoList .infoCont{width: 100%;margin: 20px auto;}
}

#case .case{width: 100%;max-width: 1200px;margin: 30px auto; height: 100%;overflow: hidden;}
#case .case .caseList{width: 70.83333333333333%;float: right;margin: 20px auto;}
#case .case .caseList .caseCont li{width: 100%;border-bottom: 1px solid #efefef;height: 139px;margin-bottom: 20px;}
#case .case .caseList .caseCont li .img{width: 16.94117647058824%;float: left;height: 83.53658536585366%}
#case .case .caseList .caseCont li .img img{max-width: 100%;max-height: 100%;}
#case .case .caseList .caseCont li .desc{width: 80%;float: right;}
#case .case .caseList .caseCont li .desc .Title{width: 100%;height: 25px;line-height: 25px;}
#case .case .caseList .caseCont li .desc .Title .caseTitle{font-size: 20px;float: left;}
#case .case .caseList .caseCont li .desc .Title .date{float: right;font-size: 14px;}
#case .case .caseList .caseCont li .desc .caseBiref{width: 100%;margin-top: 10px;font-size: 14px;color: #777777}
#case .case .caseList .caseCont li .desc .more{display: block;width: 110px;height: 30px;margin-top: 20px;color: #39b54a;border: 2px solid #39b54a;line-height: 30px;text-align: center;}
#case .case .caseList .caseDesc{width: 100%;}
@media screen and (max-width: 1000px){
	#case .case .caseList{width: 90%;margin: 30px 5%;}
}
@media screen and (max-width: 750px){
	#case .case .caseList{width: 80%;margin: 30px 10%;}
}

#products .products{width: 100%;max-width: 1200px;margin: 30px auto; height: 100%;overflow: hidden;}
#products .products .proList{width: 70.83333333333333%;float: right;margin: 20px auto;}
#products .products .proList .proCont{width: 100%;}
/*#products .products .proList .proCont ul{max-width: 850px;min-width: 500px;position: relative;}*/
#products .products .proList .proCont li{width: 31.52941176470588%;height: 460px;margin-right: 1.770588%;float: left;margin-bottom: 20px;box-sizing:border-box;}
#products .products .proList .proCont li:first-child{margin-left: 0;}
#products .products .proList .proCont li .img{width: 100%;height:70%}
#products .products .proList .proCont li .img img{width: 100%;height: 100%;}
#products .products .proList .proCont li .desc{width: 99.5%;height: 27.39130434782609%;border: 1px solid #d2d2d2; margin-top:10px;}
#products .products .proList .proCont li .desc .proName{width: 90.67164179104478%;margin: 20px auto;line-height: 21px;font-size: 14px;height: 37px;overflow: hidden;}
#products .products .proList .proCont li .desc .proName a{color: #969696;}
#products .products .proList .proCont li .desc .btn{width: 100%;margin-top: 10px;}
#products .products .proList .proCont li .desc .more{width: 83px;height: 32px;background: url(../images/product_btn.jpg) no-repeat; float: left;margin-left: 10.82089552238806%;display: block;line-height: 32px;text-align: center;color: white;}
#products .products .proList .proCont li .desc .inquiry{width: 83px;height: 32px;background: url(../images/product_btn.jpg) no-repeat; float: right;margin-right: 10.82089552238806%;display: block;line-height: 32px;text-align: center;color: white;}
#products .products .proList .proCont li:hover .desc{border: 1px solid #39b54a;}
#products .products .proList .proCont li:hover .more{background-position: -83px;}
#products .products .proList .proCont li:hover .inquiry{background-position: -166px;}
#products .products .inquiryBox{display: none;background: rgba(0, 0, 0, 0.3);left: 0;overflow: hidden; position: fixed;top: 0; z-index: 1000;}
#products .products .inquiryBox .positionBox{width: 100%;height: 100%;position: relative;}
#products .products .inquiryBox .positionBox .iframeBox{max-width: 785px;height: 730px;width: 100%;position: absolute;left: 50%;margin-left: -392px;top: 50%;margin-top: -315px;background: white;}
#products .products .inquiryBox .positionBox .iframeBox .closeBtn{width: 28px;height: 28px;position: absolute;right: 0;top: 0;background: url(../images/product_inquiry_close_btn.jpg) no-repeat;cursor: pointer;}

/*产品详细开始*/
#products .products .proDetail{width: 70.83333333333333%;float: right;margin: 20px auto;}
#products .products .proDetail .left {width: 369px;float: left; }
#products .products .proDetail .left .bigImg{width: 369px;min-height: 461px;overflow: hidden;position: relative;}
#products .products .proDetail .left .bigImg .leftBtn{width: 27px;height: 27px;position: absolute;left: 1px;top: 50%;margin-top: -14px;background: url(../images/product_img_left_btn.png)no-repeat;z-index: 300;cursor: pointer;}
#products .products .proDetail .left .bigImg .rightBtn{width: 27px;height: 27px;position: absolute;right: 1px;top: 50%;margin-top: -14px;background: url(../images/product_img_right_btn.png)no-repeat;z-index: 300;cursor: pointer;}
#products .products .proDetail .left .bigImg ul{width: 100000px;position: absolute;z-index: 200;left: 0;top: 0;}
#products .products .proDetail .left .bigImg li{width: 369px;float: left;height: 100%;}
#products .products .proDetail .left .bigImg li img{width: 100%;height: 100%;}
#products .products .proDetail .left .smallImg{width: 369px;margin-top: 20px;min-height: 103px;}
#products .products .proDetail .left .smallImg li{float: left;width: 81px;height: 101px;margin-right: 11.25px;border: 1px solid white;cursor: pointer;}
#products .products .proDetail .left .smallImg li img{width: 100%;height: 100%;}
#products .products .proDetail .left .smallImg li:last-child{margin-right: 0;}
#products .products .proDetail .left .smallImg li.hover{border: 1px solid #fe0000;}
#products .products .proDetail .right{width: 52.94117647058824%;float: right;}
#products .products .proDetail .right .proName{width: 100%;height: 52px;line-height: 60px;border-bottom: 1px dashed #9a9a9a;font-size: 24px;color: #272727;overflow: hidden;}
#products .products .proDetail .right .proAttr{width: 100%;height: 320px;margin-top: 20px;background: #f7f7f7;}
#products .products .proDetail .right .proAttr ul{width: 100%;height: 100%;overflow: hidden;}
#products .products .proDetail .right .proAttr li{width: 96%;margin-left: 4%;color: #050505;margin-bottom: 18px;font-weight: bold;}
#products .products .proDetail .right .proAttr li.Title{font-size: 16px;margin-top:28px;}
#products .products .proDetail .right .proAttr li span{font-weight: normal;color: black;margin-left: 5px;}
#products .products .proDetail .right .btn{width: 100%;height: 34px;margin-top: 30px;}
#products .products .proDetail .right .btn .email{width: 157px;height: 34px;display: block;background: url(../images/pro_detail_contact.jpg)no-repeat; float: left;}
#products .products .proDetail .right .btn .inquiry{width: 114px;height: 34px;float: left;line-height: 34px;color: white;text-align: center;display: block;background: #2a2929;margin-left: 30px;}
@media screen and (max-width: 390px){
	#products .products .proDetail .right .btn .inquiry{margin-left: 20px;}
}
@media screen and (max-width: 375px){
	#products .products .proDetail .right .btn .inquiry{margin-left: 10px;}
}
@media screen and (max-width: 350px){
	#products .products .proDetail .left .bigImg{width: 315px;min-height: 397px;}
	#products .products .proDetail .left .bigImg li{width: 315px;}
	#products .products .proDetail .left .smallImg li{margin-right: 0;width: 78px;}
}
#products .products .proDetail .right .share{width: 100%;height: 32px;line-height: 36px;margin-top: 25px;}
#products .products .proDetail .right .share div{float: left;}
#products .products .proDetail .right .share .char{font-size: 14px;color: #333;line-height: 32px;margin-right: 5px;}
#products .products .proDetail .right .pdf{width: 100%;height: 34px;margin-top: 30px;}
#products .products .proDetail .right .pdf div{float: left;}
#products .products .proDetail .right .pdf .char{font-size: 14px;color: #333;line-height: 34px;margin-right: 5px;}
#products .products .proDetail .right .pdf .download{width: 35px;height: 34px;display: block;background: url(../images/pro_detail_pdf.jpg) no-repeat;float: left;}
#products .products .proDetail .proDesc{width: 100%;float: left;height: 100%;overflow: hidden;margin-top: 50px;}
#products .products .proDetail .proDesc .proTab{width: 100%;height: 41px;border-bottom: 2px solid #39b54a}
#products .products .proDetail .proDesc .proTab .tab{padding: 0 20px;height: 39px;line-height: 39px;border: 2px solid #39b54a;color: #333333;width: auto;float: left;margin-right: 11px;border-bottom: none;cursor: pointer;font-size: 16px;}
@media screen and (max-width: 750px){
	#products .products .proDetail .proDesc .proTab .tab{padding: 0 5px;margin-right: 5px;font-size: 12px;}
}
#products .products .proDetail .proDesc .proTab .tab.hover{background:#39b54a;color: white; }
#products .products .proDetail .proDesc .proDescCont{width: 100%;margin-top: 20px;min-height: 500px;}
#products .products .proDetail .proDesc .proDescCont .cont{width: 100%;display: none;}
#products .products .proDetail .proDesc .proDescCont .cont table{width: 100% !important;}
#products .products .proDetail .Inquiry{width: 100%;margin-top: 25px;}
#products .products .proDetail .Inquiry .InqTitle{width: 100%;height: 39px;border-bottom: 2px solid #39b54a;}
#products .products .proDetail .Inquiry .InqTitle .char{width: 108px;height: 39px;background: #39b54a;color: white;font-size: 16px;text-align: center;line-height: 39px;}
#products .products .proDetail .Inquiry .cont{width: 100%;margin-top: 20px;}
@media screen and (max-width: 750px){
	#products .products .proDetail .Inquiry .cont .rows label{margin-left: 0;}
	#products .products .proDetail .Inquiry .cont .rows span{width: 100%;}
}
#products .products .proDetail .rePro{width: 100%;margin-top: 25px;}
#products .products .proDetail .rePro .reTitle{width: 100%;height: 39px;border-bottom: 2px solid #39b54a;position: relative;}
#products .products .proDetail .rePro .reTitle .char{width: 153px;height: 39px;background: #39b54a;color: white;font-size: 16px;text-align: center;line-height: 39px;}
#products .products .proDetail .rePro .reTitle .Btn{width: 39px;height: 28px;background: black;color: white;font-size: 20px;text-align: center;line-height: 28px;position: absolute;cursor: pointer;}
#products .products .proDetail .rePro .reTitle .leftBtn{right: 43px;top: 6px;}
#products .products .proDetail .rePro .reTitle .rightBtn{right: 0px;top: 6px;}
#products .products .proDetail .rePro .cont{width: 100%;margin-top: 20px;overflow: hidden;}
#products .products .proDetail .rePro .cont ul{width: 10000px;}
#products .products .proDetail .rePro .cont ul li{float: left; width: 200px;margin-left: 16px;}
#products .products .proDetail .rePro .cont ul li:first-child{margin-left: 0;}
#products .products .proDetail .rePro .cont ul li .img{width: 100%;height: 250px;}
#products .products .proDetail .rePro .cont ul li .img img{width: 100%;height: 100%;}
#products .products .proDetail .rePro .cont ul li .proName{width: 100%;font-size: 14px;color: #333333;margin-top: 10px;}
#products .products .proDetail .rePro .appCont{width: 100%;margin-top: 20px;overflow: hidden;display: none;}
#products .products .proDetail .rePro .appCont ul{width: 100%;}
#products .products .proDetail .rePro .appCont ul li{float: left; width: 22.22222222222222%;margin:0 5.11111111111111%;margin-bottom: 20px;}
#products .products .proDetail .rePro .appCont ul li .img{width: 100%;}
#products .products .proDetail .rePro .appCont ul li .img img{width: 100%;height: 100%;}
#products .products .proDetail .rePro .appCont ul li .proName{width: 100%;font-size: 14px;color: #333333;margin-top: 10px;overflow: hidden;height: 25px;line-height: 25px;}

/*产品详细结束*/
@media screen and (max-width: 1121px){
	#products .products .proDetail .right{width: 46.94117647058824% }
}
@media screen and (max-width: 1000px){
	#products .products .proList{width: 90%;margin: 30px 5%;}
	#products .products .proDetail{width: 100%;margin: 30px 0;}
	#products .products .proDetail .right{width: 52.94117647058824% }
	#products .products .proDetail .rePro .cont ul li{margin-left: 28px;}
}
@media screen and (max-width: 900px){
	#products .products .proDetail .right{width: 47.94117647058824% }
	#products .products .proDetail .rePro .Btn{display: none;}
	#products .products .proDetail .rePro .cont{display: none;}
	#products .products .proDetail .rePro .appCont{display: block;}
}
@media screen and (max-width: 800px){
	#products .products .proDetail .left{margin: 0 auto;float: none;}
	#products .products .proDetail .right{width: 90%;margin: 10px 5%;}
}
@media screen and (max-width: 780px){
	#products .products .proList{width: 90%;margin: 30px 5%;}
	#products .products .proList .proCont li{width: 46%;margin-right: 3.770588%;}
}
@media screen and (max-width: 750px){
	#products .products .proDetail .rePro .appCont ul li{width: 45%;margin: 0 2.5% 20px 2.5%;}
	#lib_feedback_form .rows span .contents{width: 40% !important;}
	/*#products .products .proDetail .rePro .appCont ul li .img{height: 360px;}*/
}
@media screen and (max-width: 600px){
	#products .products .proDetail .rePro .appCont ul li{width: 90%;margin: 0 5% 20px 5%;}
	/*#products .products .proDetail .rePro .appCont ul li .img{height: 535px;}*/
}
@media screen and (max-width: 500px){
	#products .products .proList{width: 90%;margin: 30px 5%;}
	#products .products .proList .proCont li{width: 80%;margin-right: 0;margin: 0 10% 20px 10%;}
	#products .products .proList .proCont li:first-child{margin-left: 10%;}
}


#cases .cases{width: 100%;max-width: 1200px;margin: 30px auto; height: 100%;overflow: hidden;}
#cases .cases .proList{width: 70.83333333333333%;float: right;margin: 20px auto;}
#cases .cases .proList .proCont{width: 100%;}
/*#products .products .proList .proCont ul{max-width: 850px;min-width: 500px;position: relative;}*/
#cases .cases .proList .proCont li{width: 31.52941176470588%;height: 460px;margin-right: 1.770588%;float: left;margin-bottom: 20px;box-sizing:border-box;}
#cases .cases .proList .proCont li:first-child{margin-left: 0;}
#cases .cases .proList .proCont li .img{width: 100%;height: 72.60869565217391%;}
#cases .cases .proList .proCont li .img img{width: 100%;height: 100%;}
#cases .cases .proList .proCont li .desc{width: 99.5%;height: 27.39130434782609%;border: 1px solid #d2d2d2;}
#cases .cases .proList .proCont li .desc .proName{width: 90.67164179104478%;margin: 20px auto;line-height: 21px;font-size: 14px;height: 37px;overflow: hidden;}
#cases .cases .proList .proCont li .desc .proName a{color: #969696;}
#cases .cases .proList .proCont li .desc .btn{width: 100%;margin-top: 10px;}
#cases .cases .proList .proCont li .desc .more{width: 83px;height: 32px;background: url(../images/product_btn.jpg) no-repeat; float: left;margin-left: 10.82089552238806%;display: block;line-height: 32px;text-align: center;color: white;}
#cases .cases .proList .proCont li .desc .inquiry{width: 83px;height: 32px;background: url(../images/product_btn.jpg) no-repeat; float: right;margin-right: 10.82089552238806%;display: block;line-height: 32px;text-align: center;color: white;}
#cases .cases .proList .proCont li:hover .desc{border: 1px solid #39b54a;}
#cases .cases .proList .proCont li:hover .more{background-position: -83px;}
#cases .cases .proList .proCont li:hover .inquiry{background-position: -166px;}
#cases .cases .inquiryBox{display: none;background: rgba(0, 0, 0, 0.3);left: 0;overflow: hidden; position: fixed;top: 0; z-index: 1000;}
#cases .cases .inquiryBox .positionBox{width: 100%;height: 100%;position: relative;}
#cases .cases .inquiryBox .positionBox .iframeBox{max-width: 785px;height: 730px;width: 100%;position: absolute;left: 50%;margin-left: -392px;top: 50%;margin-top: -315px;background: white;}
#cases .cases .inquiryBox .positionBox .iframeBox .closeBtn{width: 28px;height: 28px;position: absolute;right: 0;top: 0;background: url(../images/product_inquiry_close_btn.jpg) no-repeat;cursor: pointer;}

/*产品详细开始*/
#cases .cases .proDetail{width: 70.83333333333333%;float: right;margin: 20px auto;}
#cases .cases .proDetail .left {width: 369px;float: left; }
#cases .cases .proDetail .left .bigImg{width: 369px;min-height: 461px;overflow: hidden;position: relative;}
#cases .cases .proDetail .left .bigImg .leftBtn{width: 27px;height: 27px;position: absolute;left: 1px;top: 50%;margin-top: -14px;background: url(../images/product_img_left_btn.png)no-repeat;z-index: 300;cursor: pointer;}
#cases .cases .proDetail .left .bigImg .rightBtn{width: 27px;height: 27px;position: absolute;right: 1px;top: 50%;margin-top: -14px;background: url(../images/product_img_right_btn.png)no-repeat;z-index: 300;cursor: pointer;}
#cases .cases .proDetail .left .bigImg ul{width: 100000px;position: absolute;z-index: 200;left: 0;top: 0;}
#cases .cases .proDetail .left .bigImg li{width: 369px;float: left;height: 100%;}
#cases .cases .proDetail .left .bigImg li img{width: 100%;height: 100%;}
#cases .cases .proDetail .left .smallImg{width: 369px;margin-top: 20px;min-height: 103px;}
#cases .cases .proDetail .left .smallImg li{float: left;width: 81px;height: 101px;margin-right: 11.25px;border: 1px solid white;cursor: pointer;}
#cases .cases .proDetail .left .smallImg li img{width: 100%;height: 100%;}
#cases .cases .proDetail .left .smallImg li:last-child{margin-right: 0;}
#cases .cases .proDetail .left .smallImg li.hover{border: 1px solid #fe0000;}
#cases .cases .proDetail .right{width: 52.94117647058824%;float: right;}
#cases .cases .proDetail .right .proName{width: 100%;height: 52px;line-height: 60px;border-bottom: 1px dashed #9a9a9a;font-size: 24px;color: #272727;overflow: hidden;}
#cases .cases .proDetail .right .proAttr{width: 100%;height: 320px;margin-top: 20px;background: #f7f7f7;}
#cases .cases .proDetail .right .proAttr ul{width: 100%;height: 100%;overflow: hidden;}
#cases .cases .proDetail .right .proAttr li{width: 96%;margin-left: 4%;color: #050505;margin-bottom: 18px;font-weight: bold;}
#cases .cases .proDetail .right .proAttr li.Title{font-size: 16px;margin-top:28px;}
#cases .cases .proDetail .right .proAttr li span{font-weight: normal;color: black;margin-left: 5px;}
#cases .cases .proDetail .right .btn{width: 100%;height: 34px;margin-top: 30px;}
#cases .cases .proDetail .right .btn .email{width: 157px;height: 34px;display: block;background: url(../images/pro_detail_contact.jpg)no-repeat; float: left;}
#cases .cases .proDetail .right .btn .inquiry{width: 114px;height: 34px;float: left;line-height: 34px;color: white;text-align: center;display: block;background: #2a2929;margin-left: 30px;}
@media screen and (max-width: 390px){
	#cases .cases .proDetail .right .btn .inquiry{margin-left: 20px;}
}
@media screen and (max-width: 375px){
	#cases .cases .proDetail .right .btn .inquiry{margin-left: 10px;}
}
@media screen and (max-width: 350px){
	#cases .cases .proDetail .left .bigImg{width: 315px;min-height: 397px;}
	#cases .cases .proDetail .left .bigImg li{width: 315px;}
	#cases .cases .proDetail .left .smallImg li{margin-right: 0;width: 78px;}
}
#cases .cases .proDetail .right .share{width: 100%;height: 32px;line-height: 36px;margin-top: 25px;}
#cases .cases .proDetail .right .share div{float: left;}
#cases .cases .proDetail .right .share .char{font-size: 14px;color: #333;line-height: 32px;margin-right: 5px;}
#cases .cases .proDetail .right .pdf{width: 100%;height: 34px;margin-top: 30px;}
#cases .cases .proDetail .right .pdf div{float: left;}
#cases .cases .proDetail .right .pdf .char{font-size: 14px;color: #333;line-height: 34px;margin-right: 5px;}
#cases .cases .proDetail .right .pdf .download{width: 35px;height: 34px;display: block;background: url(../images/pro_detail_pdf.jpg) no-repeat;float: left;}
#cases .cases .proDetail .proDesc{width: 100%;float: left;height: 100%;overflow: hidden;margin-top: 50px;}
#cases .cases .proDetail .proDesc .proTab{width: 100%;height: 41px;border-bottom: 2px solid #39b54a}
#cases .cases .proDetail .proDesc .proTab .tab{padding: 0 20px;height: 39px;line-height: 39px;border: 2px solid #39b54a;color: #333333;width: auto;float: left;margin-right: 11px;border-bottom: none;cursor: pointer;font-size: 16px;}
@media screen and (max-width: 750px){
	#cases .cases .proDetail .proDesc .proTab .tab{padding: 0 5px;margin-right: 5px;font-size: 12px;}
}
#cases .cases .proDetail .proDesc .proTab .tab.hover{background:#39b54a;color: white; }
#cases .cases .proDetail .proDesc .proDescCont{width: 100%;margin-top: 20px;min-height: 500px;}
#cases .cases .proDetail .proDesc .proDescCont .cont{width: 100%;display: none;}
#cases .cases .proDetail .proDesc .proDescCont .cont table{width: 100% !important;}
#cases .cases .proDetail .Inquiry{width: 100%;margin-top: 25px;}
#cases .cases .proDetail .Inquiry .InqTitle{width: 100%;height: 39px;border-bottom: 2px solid #39b54a;}
#cases .cases .proDetail .Inquiry .InqTitle .char{width: 108px;height: 39px;background: #39b54a;color: white;font-size: 16px;text-align: center;line-height: 39px;}
#cases .cases .proDetail .Inquiry .cont{width: 100%;margin-top: 20px;}
@media screen and (max-width: 750px){
	#cases .cases .proDetail .Inquiry .cont .rows label{margin-left: 0;}
	#cases .cases .proDetail .Inquiry .cont .rows span{width: 100%;}
}
#cases .cases .proDetail .rePro{width: 100%;margin-top: 25px;}
#cases .cases .proDetail .rePro .reTitle{width: 100%;height: 39px;border-bottom: 2px solid #39b54a;position: relative;}
#cases .cases .proDetail .rePro .reTitle .char{width: 153px;height: 39px;background: #39b54a;color: white;font-size: 16px;text-align: center;line-height: 39px;}
#cases .cases .proDetail .rePro .reTitle .Btn{width: 39px;height: 28px;background: black;color: white;font-size: 20px;text-align: center;line-height: 28px;position: absolute;cursor: pointer;}
#cases .cases .proDetail .rePro .reTitle .leftBtn{right: 43px;top: 6px;}
#cases .cases .proDetail .rePro .reTitle .rightBtn{right: 0px;top: 6px;}
#cases .cases .proDetail .rePro .cont{width: 100%;margin-top: 20px;overflow: hidden;}
#cases .cases .proDetail .rePro .cont ul{width: 10000px;}
#cases .cases .proDetail .rePro .cont ul li{float: left; width: 200px;margin-left: 16px;}
#cases .cases .proDetail .rePro .cont ul li:first-child{margin-left: 0;}
#cases .cases .proDetail .rePro .cont ul li .img{width: 100%;height: 250px;}
#cases .cases .proDetail .rePro .cont ul li .img img{width: 100%;height: 100%;}
#cases .cases .proDetail .rePro .cont ul li .proName{width: 100%;font-size: 14px;color: #333333;margin-top: 10px;}
#cases .cases .proDetail .rePro .appCont{width: 100%;margin-top: 20px;overflow: hidden;display: none;}
#cases .cases .proDetail .rePro .appCont ul{width: 100%;}
#cases .cases .proDetail .rePro .appCont ul li{float: left; width: 22.22222222222222%;margin:0 5.11111111111111%;margin-bottom: 20px;}
#cases .cases .proDetail .rePro .appCont ul li .img{width: 100%;}
#cases .cases .proDetail .rePro .appCont ul li .img img{width: 100%;height: 100%;}
#cases .cases .proDetail .rePro .appCont ul li .proName{width: 100%;font-size: 14px;color: #333333;margin-top: 10px;overflow: hidden;height: 25px;line-height: 25px;}

/*产品详细结束*/
@media screen and (max-width: 1121px){
	#cases .cases .proDetail .right{width: 46.94117647058824% }
}
@media screen and (max-width: 1000px){
	#cases .cases .proList{width: 90%;margin: 30px 5%;}
	#cases .cases .proDetail{width: 100%;margin: 30px 0;}
	#cases .cases .proDetail .right{width: 52.94117647058824% }
	#cases .cases .proDetail .rePro .cont ul li{margin-left: 28px;}
}
@media screen and (max-width: 900px){
	#cases .cases .proDetail .right{width: 47.94117647058824% }
	#cases .cases .proDetail .rePro .Btn{display: none;}
	#cases .cases .proDetail .rePro .cont{display: none;}
	#cases .cases .proDetail .rePro .appCont{display: block;}
}
@media screen and (max-width: 800px){
	#cases .cases .proDetail .left{margin: 0 auto;float: none;}
	#cases .cases .proDetail .right{width: 90%;margin: 10px 5%;}
}
@media screen and (max-width: 780px){
	#cases .cases .proList{width: 90%;margin: 30px 5%;}
	#cases .cases .proList .proCont li{width: 46%;margin-right: 3.770588%;}
}
@media screen and (max-width: 750px){
	#cases .cases .proDetail .rePro .appCont ul li{width: 45%;margin: 0 2.5% 20px 2.5%;}
	#lib_feedback_form .rows span .contents{width: 40% !important;}
	/*#products .products .proDetail .rePro .appCont ul li .img{height: 360px;}*/
}
@media screen and (max-width: 600px){
	#cases .cases .proDetail .rePro .appCont ul li{width: 90%;margin: 0 5% 20px 5%;}
	/*#products .products .proDetail .rePro .appCont ul li .img{height: 535px;}*/
}
@media screen and (max-width: 500px){
	#cases .cases .proList{width: 90%;margin: 30px 5%;}
	#cases .cases .proList .proCont li{width: 80%;margin-right: 0;margin: 0 10% 20px 10%;}
	#cases .cases .proList .proCont li:first-child{margin-left: 10%;}
}

@media screen and (max-width: 380px){
	#lib_feedback_form .rows span .contents{width: 30% !important;}
}

#sitemap .sitemap{width: 100%;max-width: 1200px;margin: 30px auto;height: 100%;overflow: hidden;}
#sitemap .sitemap .position{width: 100%}
#sitemap .sitemap .left{float: left;margin-right: 40px;}
#sitemap .sitemap .dept1{height: 30px;line-height: 30px;font-size: 20px;margin-top: 10px;}
#sitemap .sitemap .dept2{height: 25px;line-height: 25px;font-size: 16px;text-indent: 15px;}
#sitemap .sitemap .dept3{height: 20px;line-height: 20px;font-size: 14px;text-indent: 30px;}

/*在线客服 开始*/	
#online {position: fixed;z-index: 3;bottom: 10%;right: 20px;width: 81px;padding-top: 6px;}
#online .bdt {display: block;position: absolute;top: 0;left: 0;width: 81px;height: 6px;background: url(../images/online_bdt.png) no-repeat;}
#online .list {padding: 6px 0 9px;text-align: center;border: 1px solid #6AA2EE;border-top: none;border-bottom: none;background-color: white;}
#online .list .item {display: block;padding: 3px 0;margin: 0 auto 5px;text-align: center;}
#online .list .item .imgbox {display: block;width: 43px;height: 43px;margin: 0 auto;}
#online .backtop {display: block;width: 81px;height: 26px;text-indent: 35px;line-height: 26px;font-size: 14px;font-weight: normal;color: white;background: url(../images/online_bdb.png) no-repeat;}
/*在线客服 结束*/


