@charset "utf-8";

*{margin:0;padding:0;}

body{font-size:12px;font-family:"微软雅黑";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:700px;*/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:240px;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 .cont a{color: #fefefe;}

.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.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: 46px;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.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.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.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: 840px;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; text-align:center; width:116px;}

#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.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: 100%;overflow: hidden;margin-top: 20px;}

#index .ins .box .insCont{width: 1200px;height: auto;float: left; padding-bottom:80px;}

#index .ins .box .insCont li{width: 286px;height: 320px;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 .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 .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 .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; padding-bottom:80px;}

#index .info .infoTitle{width: 260px;height: 44px;background: url(../images/index_info_title.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: auto;border:1px solid white;margin-bottom: 15px;display: inline-block; padding:5px 0;}

#index .info .right li .time{width: 15%;height: auto;float: left;display: inline-block;}

#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: 80%;font-size: 18px;float: left;margin-left: 3%;}

#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,#index .info .right li:hover .infoName a{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; }

#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;}

#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 p{ line-height:20px;}

/*#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;}

/*在线客服 结束*/