.tzlist{margin: 0 -0.5%;}
.tzlist ul li{float: left;width: 32.3%;border: 2px solid #0075c1;margin: 0 0.5%;}
.tzlist ul li span{padding: 3.3vw 0;background: #0075c1;display: block;font-size: 1.6vw;color: #FFFFFF;}
.tzlist ul li p{font-size: 1.5vw;color:#656565;line-height: 3vw;padding: 0.8vw 0 2.3vw 0;}
.tzlist2{border: 2px solid #0075c1;margin-top: 3.2vw;padding: 0 0 1vw 0;}
.tzlist2 .bg{width: 100%;height: 8.8vw;background:#0075c1 ;}
.tzlist2 .wz1{width: 50%;font-size: 1.6vw;line-height: 2.6vw;float: left;}
.tzlist2 .wz1 p:first-child{margin-top: -6.5vw;margin-bottom: 2vw;color: #FFFFFF;}
.tzlist2 .wz1 p:last-child{color: #656565;}
.tzimg{width: 50%;float: left;}
.tzimg img{display: inline-block;margin-top: -4.6vw;}
.tzquestion{text-align: left;padding: 1vw;}
.tzquestion .l{width: 48%;float: left;}
.tzquestion .r{width: 48%;float: right;}
.tzquestion span{background: #dfeef7;color: #0b7bbd;padding: 0.5vw 0.8vw;font-size: 1.8vw;display: block;}
.tzquestion p{font-size: 1.5vw;color: #000000;line-height: 2.6vw;display: block;margin: 0.5vw 0;min-height: 1.2vw;}
.wenzi{font-size: 1.8vw;color: #eb7c16;text-align: right;}
.gongyi p{width: 40%;float: left;font-size: 1.1vw;font-family: '宋体';margin: -8vw 0 0 8vw; z-index: 9; position: absolute;}
.lbox{width: 46%;float: left;}





/*新增产品详情页面css*/
/*.cp_title{background: #f2f7ff;text-align: center;width: 100%;font-size: 2vw;font-weight: bold;padding: 3.5vw 0;border-radius: 10px;}
.cp_title span{color: #bcbaaf;font-size: 1.5vw;display: inline-block;margin-bottom: 1vw;}*/
.clear{clear: both;}
.cp_title{color:#000001;text-align: center;background: #f2f7ff;width: 100%;padding: 3.5vw 0;border-radius: 10px;}
.cp_title h3{font-size:2vw;font-family:cn;font-weight:700;display: inline-flex;}
.cp_title h3 i{font-style: normal;display: block;color: #bcbaaf;font-size: 1.5vw;margin-top: -0.5vw;margin-right: 1vw;}
.cp_banner{margin: 2vw 2vw;}
.cp_banner img{width: 100%;}
.cp_xn{width: 100%;border: 3px solid #004497;}
.cp_xn h3{background: #004497;text-align: center;color: #FFFFFF;font-size: 1.5vw;padding: 0.8vw 0;font-weight: 700;letter-spacing: 1px;}
.cp_xn p{padding: 1.5vw;font-size: 1.2vw;line-height: 2.4vw;}
.cp_banner2{background: #f2f7ff;border-radius: 10px;text-align: center;padding: 3vw 6vw;margin-top: 3vw;}
.a_banner2{background: #f2fdff;}
.cp_banner2 img{width: 100%;}
.cp_list{margin: 0 -0.5vw 4vw -0.5vw;position: relative;}
.cp_list ul li{float: left;width: 26.8vw;margin: 1vw 0.5vw;position: relative;min-height: 26vw;}
.cp_list ul li .xbox{border: 3px solid #f2f4f7;height: 10vw;border-radius: 35px;padding: 1vw;position: absolute;bottom: 0;width: 100%;}
.cp_list ul li .xbox p{font-size: 1.2vw;color: #000000;}
.cp_list ul li .ximg{float: right;position: absolute;bottom:-0.8vw;right: 1vw;max-width:18vw;}
.cp_list ul li .ximg img{width: 100%;}
/*.cp_list ul li:nth-child(1) .ximg{right: 6vw;}
.cp_list ul li:nth-child(3) .ximg{right: 6vw;}
.cp_list ul li:nth-child(4) .ximg{max-width:21vw;}

.b_list ul li:nth-child(1) .ximg{right: 1vw;}
.b_list ul li:nth-child(2) .ximg{right: 5vw;}
.b_list ul li:nth-child(3) .ximg{right:2vw;}
.b_list ul li:nth-child(4) .ximg{right:7vw;}
.b_list ul li:nth-child(5) .ximg{right:7vw;}
.b_list ul li:nth-child(6) .ximg{right:5vw;}*/


.cp_list ul li:hover .xbox p{color:#ffffff}
.cp_list ul li .btnbg-x{border-radius: 35px;position: absolute;left:-1px;width:0;top:-1px;bottom:-1px;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s}
.cp_list ul li:hover .btnbg-x{width:100%;width:calc(100% + 2px);background:#e24906}
.cp_list ul li .xbox p{padding:0;position:relative;z-index:1;color: #000000;}


.a_list ul li{float: none;width: 100%;margin: 0;}
.a_list ul li .ximg{max-width:73vw;}
.a_list ul li .ximg img{width: 100%;}

.morea{width: 50%;background: #004497;color: #ffffff;display: inline-block;font-size: 1.3vw;font-weight: bold;padding: 1vw 1.5vw;margin-top: 1vw;}
.morea i{background: url(../../images/jiao.png)no-repeat right;width: 27px;height: 31px;display: inline-block;float: right;}
.mored{width: 100%;text-align: center;}
.pc{display: block;}
.mobile{display: none;}


/*荣誉资质*/
img{border:0;display:iinline}
.poster_box{overflow:hidden;margin:30px 20px}
.poster_box h2{font-size:30px;color:#015293;font-weight:700;text-align:center}
.poster_box h3{font-size:16px;color:#015293;margin:10px 0 35px;text-align:center}
.poster-main{position:relative;width:100%;height:840px!important;margin-left:auto;margin-right:auto}
.poster-main img{display:block;box-shadow:0 0 10px #222;-webkit-box-shadow:0 0 10px #222}
.poster-main a,.poster-main img{display:block;width:100%;height:100%}
.poster-main .poster-list{width:1000px;height:500px}
.poster-main .poster-list .poster-item{width:200px;height:500px;position:absolute;left:0;top:0}
.poster-main .poster-list .poster-item .item{position:relative;width:100%;height:100%}
.poster-main .poster-btn{position:absolute;top:0;cursor:pointer;filter:opacity(.5) brightness(1)}
.poster-main .poster-btn:hover{filter:opacity(1) brightness(2)}
.poster-main .poster-prev-btn{left:0;background:url(../image/left.png) no-repeat center center}
.poster-main .poster-next-btn{right:0;background:url(../image/right.png) no-repeat center center}
.poster-item-title{font-size:1.2vw;color:#0a7abc;width:100%;height:52px;line-height:52px;position:absolute;bottom:-5vw;text-align: center;}
.lunbo_btn{height:15px;width:100%;margin:0 auto;position:absolute;z-index:3;text-align:center;bottom:2px}
.lunbo_btn li{width:14px;height:14px;display:inline-block;background-color:#b4b5b7;border-radius:50%;margin:0 2px;cursor:pointer}
.lunbo_btn li.poster-btn-active{background-color:#0b518a}
.poster_bg{background: #e0eef7;height: 396px;margin-top: -20vw;}

.title{text-align: center;margin: 4vw 0 3vw 0;}
.title h3{font-size: 3.2vw;color: 656565;font-weight: bold;}
.title h3 span{color: #0075c1;}
.title p{font-size: 1.5vw;color: #656565;}

.containers{margin-left: 30px; margin-top: 10px;}
.containers img{cursor: pointer;}
#pic{position: absolute; display: none;}
#pic1{border-radius: 5px; -webkit-box-shadow: 5px 5px 5px 5px hsla(0,0%,5%,1.00); box-shadow: 5px 5px 5px 0px hsla(0,0%,5%,0.3); } 
.containers a{float: left;width: 50%;}
.renzheng_box{background: #efefef;padding: 0 0 3vw 0;}
.renzheng_box ul li{border-bottom:2px dashed #a7a7a7;padding: 3% 0;}
.renzheng_box ul li .limg{float: left;width: 18%;text-align: center;margin-top: 3vw;}
.renzheng_box ul li .limg img{display: inline-block;text-align: center;max-width: 100%;}
.renzheng_box ul li .limg p{background: #000000;color: #ffffff;text-align: center;border-radius: 30px;width: 40%;margin:2vw auto;}
.renzheng_box ul li .containers{float: right;width: 79%;}
.renzheng_box ul li .containers a{width: 44%;margin: 3% 3% 0 3%;}
.renzheng_box ul li .containers a img{width: 100%;}
.containers p{font-size: 1.5vw;color: #000000;}
.renzheng_box ul li .containers .l{float: left;width: 60%;}
.renzheng_box ul li .containers .span p{font-size: 1.1vw;color: #000000;line-height: 2.4vw;margin-top: 2vw;display: inline-block;letter-spacing: 1px;}
.renzheng_box ul li .containers .r{float: right;width: 34%;}
.renzheng_box ul li.rb .containers a{width: 23%;margin: 3% 1% 0 1%;}


.Box {position: relative;}
.Box .content {width:1600px;margin: 3vw auto;}
.Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
.Box .Box_con .btnl {background: url(img/jtl02.png) no-repeat center;left: -72px;}
.Box .Box_con .btnr {background: url(img/jtr02.png) no-repeat center;right: -72px;}
.Box .Box_con .btnl:hover {background: url(img/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(img/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width: 387px;height: 620px;margin-left: 20px;overflow: hidden;position: relative;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: block;width: 100%;height: auto;transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
.Box .Box_con .conbox ul li h5{font-size: 1.2vw;color: #0a7abc;font-weight: normal;text-align: center;position: absolute;    bottom: 0.6vw; left: 0; right: 0;}

.Box .BoxSwitch {margin-top: 30px;text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: #0075c1;}
.pcnone{display: block;}
.mobilenone{display: none;}

@media only screen and (max-width: 768px) {
	.gongyi p{width: 66%;}
}


@media only screen and (max-width:1024px ) {
	.pc{display: none;}
	.mobile{display: block;}
	.moli{margin: 3vw 0;}
	.cp_list ul.moli li{width: 32%;float: left;text-align: center;}
	.moli li img{max-width: 100%;/*height: 200px;*/}
	.moli li p{font-size: 2vw;line-height:4vw;}
	.a_list ul li{text-align: center;}
	.a_list ul li img{max-width: 100%;}
	.a_list ul li p{font-size: 3vw; line-height: 15vw;}
}


@media only screen and (max-width:1680px ) {
	.Box .content{width: 1400px;}
	.Box .Box_con .conbox ul li{width: 336px;height: 520px;}
}
@media only screen and (max-width:1600px ) {
	.Box .content{width: 1320px;}
	.Box .Box_con .conbox ul li{width: 312px;height: 500px;}
}
@media only screen and (max-width:1400px ) {
	.Box .content{width: 1120px;}
	.Box .Box_con .conbox ul li{width: 265px;height: 420px;}
}
@media only screen and (max-width:1366px ) {
	.pcnone{display: none;}
	.mobilenone{display: block;}
	.mobilenone ul li{float: left;width: 28vw;margin: 1vw 2vw;text-align: center;}
	.mobilenone ul li img{width: 100%;}
	.mobilenone ul li p{font-size: 1.3vw;margin: 2vw 0;color: #0075c1;}
	.poster_bgn{margin-top: 18vw;}
	.poster_bgf{margin-top: -21vw;height: 320px;}
	.Box .content{width: 1120px;}
	.Box .Box_con .conbox ul li{width: 265px;height: 420px;}
}

@media only screen and (max-width:1024px ) {
	.poster_bg{height: 280px;}
	.renzheng_box ul li .containers{width: 78%;}
	.Box .content{width: 940px;}
	.Box .Box_con .conbox ul li{width: 220px;height: 360px;}
	.poster_bgf{margin-top: -25vw;}
}

@media only screen and (max-width:768px ) {
	.mobilenone ul li{width: 27vw;}
	.containers{margin:0px;}
	.poster_bg{height: 220px;}
	.renzheng_box ul li .containers{width: 78%;}
	.Box .content{width: 706px;}
	.Box .Box_con .conbox ul li{width:160px;height: 270px;}
	.poster_bgf{margin-top: -25vw;}
}
@media only screen and (max-width:600px ) {
	.tzlist ul li{width: 100%;margin: 1vw 0;}
	.tzlist ul li p{line-height: 6vw;}
	.tzquestion .l{width: 100%;}
	.tzquestion .r{width: 100%;}
	.tzlist2 .bg{height: 12vw;}
	.tzlist2 .wz1{line-height: 5.6vw;}
	.tzlist2 .wz1 p:first-child{margin-top: -11.5vw; margin-bottom: -4vw;}
	.tzquestion span{padding: 2.5vw 2.8vw;}
	.tzquestion p{line-height: 8.6vw;}
	.gongyi p{    width: 90%; margin: 3vw auto 0 4vw;}
	#c-product .c-list li, #c-product2 .c-list li{width: 100%!important;margin: 1vw 0;}
	.about .Toptoc{line-height: 6.4vw!important;}
	#c-product2{padding:200px 0 0!important;}
	.cp_title h3{font-size: 4vw;padding: 5.5vw 0;}
	.cp_xn h3{font-size: 3.5vw; padding: 1.8vw 0;}
	.cp_xn p { padding: 2.5vw; font-size: 3.2vw; line-height: 5.4vw; }
	.product-info .info-top .top-box .container .left .t1{font-size: 4vw;}
	.product-info .info-top .top-box .container .left .t2 span{font-size: 4vw;}
	.product-info .info-top .top-box .container .left .t2 p{font-size: 4vw;line-height: 6vw;}
	.cp_list ul.moli li{width: 42%;margin: 2% 4%;}
	.morea i{width: 13px;}
	.moli li p { font-size: 3vw; line-height: 14vw; }
	.ali li {text-align: center;}
	.ali li img{width: 100%;}
	.ali li p{line-height: 20vw;font-size: 4vw;}
	.ali li:nth-child(1) img{width: 50%;}
	.mobilenone ul li{width: 25vw;}
	.poster_bg{height: 130px;}
	.renzheng_box ul li .limg p{width: 80%;}
	.Box .BoxSwitch span{width: 3px;}
	.renzheng_box ul li .containers .span p{line-height: 6.4vw;}
}
@media only screen and (max-width: 414px) {
	.Box .content{width: 344px;}
	.Box .Box_con .conbox ul li { width: 344px; height: 508px; }
	.poster_bgf { margin-top: -82vw; height: 400px;}
}

@media only screen and (max-width: 375px) {
	.Box .content{width: 280px;}
	.Box .Box_con .conbox ul li { width: 280px; height: 400px; }
	.poster_bgf { margin-top: -98vw; height:340px;}
}

