/*banner*/
.banner img{width: 100%;display: block;}

@media screen and (min-width: 280px) and (max-width: 1200px) {
	.main{padding: 5% !important;}
}

.main{padding: 50px 0;}

/*left*/
@media screen and (min-width: 280px) and (max-width: 1200px) {
	.cl-news .fr{float: left !important;width: 100% !important;}
	.cl-news .fr p{height: 60px !important;}
	.cl-lx .rx b,.cl-lx .rx p{margin: 0 !important;}
	.cl-lx font{display: block;}
}
@media screen and (min-width: 280px) and (max-width: 950px) {
	.main_fl{display: none;}
}

.main_fl{width: 21%;}
.main_fl .title{height: 60px;line-height: 60px;text-align: center;font-size: 24px;color: #FFFFFF;background: #207CB7;}

.cl-lm li{line-height: 45px;text-align: center;font-size: 16px;margin-top: 10px;}
.cl-lm li a{background: #EEEEEE;display: block;}
.cl-lm li a:hover,.active{background: #207CB7 !important;color: #FFFFFF !important;}



.cl-cplm > li{margin-top: 10px;position: relative;}
.cl-cplm > li > a{background: #EEEEEE;display: block;font-size: 16px;padding: 10px 35px 10px 15px;line-height: 25px;}
.cl-cplm a:hover{background: #207CB7 !important;color: #FFFFFF !important;}

.cl-cplm .tb{position: absolute;width: 35px;height: 45px;right: 0;top: 0;}
.cl-cplm .tb i{position: absolute;width: 17px;height: 2px;background-color: #999;right: 9px;top: 21px;transition: ease-in-out 0.3s;}
.cl-cplm .tb .i_c{
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform:rotate(90deg);
}

.cl-cplm .cl-cplm2{display: none;}
.cl-cplm .cl-cplm2 li{margin-top: 5px;}
.cl-cplm .cl-cplm2 li a{padding: 7px 10px;line-height: 20px;font-size: 14px;display: block;background-color: #EEEEEE;}



.cl-news li{margin-top: 10px;}
.cl-news a{display: block;}
.cl-news .fl{font-size: 60px;width: 75px;height: 75px;text-align: center;line-height: 75px;font-family: 'Impact';}
.cl-news li:nth-child(1) .fl{color: #207CB7;}
.cl-news li:nth-child(2) .fl{color: #2b8cca;}
.cl-news li:nth-child(3) .fl{color: #389bda;}
.cl-news .fr{line-height: 20px;width: 165px;}
.cl-news .fr span{font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.cl-news .fr p{height: 80px;overflow: hidden;text-align: justify;color: #666666;}

.cl-lx{border: 1px solid #207CB7;border-radius: 10px;margin-top: 20px;padding: 10px 16px;}
.cl-lx .rx{overflow: hidden;}
.cl-lx .rx b{width: 45px;font-size: 35px;line-height: 46px;float: left;font-weight: normal;color: #ffd902;margin-top: 12px;}
.cl-lx .rx p{font-size: 18px;color: #000000;line-height: 18px;float: left;margin-left: 2px;margin-top: 20px;font-weight: normal;}
.cl-lx .rx span{font-size: 12px;color: #666666;}
.cl-lx .name{font-size: 18px;line-height: 35px;}
.cl-lx p{line-height: 25px;}
.cl-lx font{font-size: 19px;color: #ffd902;}

/*right*/
@media screen and (min-width: 280px) and (max-width: 950px) {
	.main_fr{float: none !important;width: 100% !important;}
	.main_fr .position{border-bottom-width: 2px !important;line-height: 40px !important;}
	.main_fr .position .fl{display: none;}
	.main_fr .position .fr{float: left !important;width: 85%;}
}
@media screen and (min-width: 951px){
	.subnav_wap,#subnav_wap{display: none !important;}
}

.main_fr{width: 76%;}
.main_fr .position{border-bottom: #207CB7 4px solid;line-height: 55px;position: relative;}
.main_fr .position .fl{font-size: 20px;font-weight: bold;color: #207CB7;}
.main_fr .position .fr span{color: #ffd902;}

.subnav_wap{width:26px;position:absolute;cursor:pointer;right: 0;height: 40px;top: 0;}
.subnav_wap span{display:block;background:#207CB7;width:100%;height:2px;position:absolute;left:0;transition:all ease 0.35s;border-radius: 5px;}
.subnav_wap span:nth-of-type(1){top:10px}
.subnav_wap span:nth-of-type(2){top:19px}
.subnav_wap span:nth-of-type(3){top:28px}
.subnav_wap_se span:nth-of-type(1){top:19px;transform:rotate(45deg)}
.subnav_wap_se span:nth-of-type(2){width:0}
.subnav_wap_se span:nth-of-type(3){top:19px;transform:rotate(-45deg)}
.active_wap{color: #207CB7 !important;}
#subnav_wap{display: none;}
#subnav_wap li{border-bottom: 1px solid #F0F0F0;padding-left: 15px;line-height: 40px;}
#subnav_wap li a{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.content_box{padding-top: 20px;}
.content_box img{max-width: 100%;height: auto !important;}

/*product*/
@media screen and (min-width: 280px) and (max-width: 950px) {
	.pro_position .fl{display: none;}
	.pro_position .fr{float: left !important;width: 85%;}
	.pro_search{float: none !important;margin: 0 !important;}
	.pro_search .stext{width: 100% !important;height: 40px !important;box-sizing: border-box;}
	.pro_position .subnav_wap{top: 40px !important;}
	.pro_list .img,.pro_list .cnt{float: none !important;width: 100% !important;}
	.pro_list .cnt p{display: none;}
	.pro_list .cnt span{text-align: center;font-size: 14px !important;font-weight: 500 !important;}
	.pro_box #subnav_wap{border-top: 1px solid #207CB7;}
}

.pro_box{padding: 20px;border-radius: 7px;border: 1px solid #207CB7;}
.pro_position{line-height: 40px;position: relative;}
.pro_position .fl{font-size: 16px;text-align: center;background: #207CB7;padding: 0 30px;color: #FFFFFF;}
.pro_position .fr span{color: #FFD902;}
.pro_search{position: relative;float: left;margin-left: 30px;}
.pro_search .stext{width: 160px;height: 38px;border: 1px solid #d2d2d2;padding: 0 40px 0 10px;}
.pro_search .sbut{width: 40px;height: 40px;position: absolute;right: 0;top: 0;background: url(../images/sbut.png)no-repeat center;cursor: pointer;}

.pro_list{padding-top: 20px;}
.pro_list li{float: left;width: 48%;margin-right: 4%;margin-bottom: 4%;}
.pro_list li:nth-child(2n){margin-right: 0;}
.pro_list a{display: block;}
.pro_list .img{width: 53%;box-sizing: border-box;border: 1px solid #D2D2D2;}
.pro_list .img .box{position: relative;overflow: hidden;padding-top: 62%;}
.pro_list .img .box img{width: 100%;display: block;position: absolute;top: 0;}
.pro_list .cnt{width: 44%;}
.pro_list .cnt span{font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 30px;display: block;font-weight: bold;}
.pro_list .cnt p{line-height: 25px;height: 100px;overflow: hidden;color: #666666;}

/*product detail*/
@media screen and (min-width: 280px) and (max-width: 1200px) {
	.jqZoomPup,.zoomdiv{display: none !important;}
	.info_fl{float: none !important;}
	.product_detail .spec-preview,.jqzoom{width: auto !important;height: auto !important;float: none !important;}
	.jqzoom img{width: 100% !important;height: auto !important;position: relative !important;margin: 0 !important;left: 0 !important;display: block;}
	.spec-scroll{width: auto !important;}
	.spec-scroll .prev, .spec-scroll .next{width: 5% !important;margin: 0 !important;}
	.spec-scroll .items{width: 90% !important;}
	.product_detail .info_fr{float: none !important;width: 100% !important;margin: 20px 0 0 !important;}
	.product_detail .info_fr .title{height: auto !important;}
	.product_detail .info_fr .cs{height: auto !important;margin: 15px 0 !important;}
}
@media screen and (min-width: 280px) and (max-width: 950px) {
	.pro_position1{font-size: 14px !important;margin-bottom: 0 !important;padding-right: 15%;}
	.detail_info{margin-top: 20px;}
	.product_detail #subnav_wap{border-top: 1px solid #207CB7;}
}
@media screen and (min-width: 280px) and (max-width: 450px) {
	.prenext_img .box1,.prenext_img .box{display: none;}
	.prenext_img p{line-height: 25px !important;}
	.prenext_img .preimg{margin-bottom: 0 !important;}
}
@media screen and (min-width: 280px) and (max-width: 400px) {
	.product_detail .info_fr .btn{width: 100px !important;}
}

.pro_position1{font-size: 16px;line-height: 40px;margin-bottom: 20px;position: relative;}
.pro_position1 span{color: #FFD902;}
.product_detail .spec-preview{width: 400px;height: 400px;border: 1px solid #d2d2d2;}
.jqzoom{float:left;position:relative;display:block; width:400px; height:400px; overflow:hidden;}
.jqzoom img{width:646px;height:400px; position:absolute; left: 50%; margin-left: -323px;}
.zoomdiv{z-index:100;position:absolute;top:0;left:-100px;background:#ffffff;border:1px solid #d2d2d2;display:none;text-align:center;overflow:hidden;}
.zoomdiv img{width:1210px; height:750px; position:absolute; left:50%; margin-left:-430px;}
.jqZoomPup{z-index:10;visibility:hidden;position:relative;border:1px solid #207CB7;background:#ffffff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50); cursor:crosshair;}
.spec-scroll{clear: both;margin-top: 15px;width: 402px;overflow: hidden;}
.spec-scroll .prev,.spec-scroll .next{display: block;width: 15px;height: 86px;cursor: pointer;}
.spec-scroll .prev{background: url(../images/prev.png)no-repeat center;margin-right: 5px;}
.spec-scroll .next{background: url(../images/next.png)no-repeat center;}
.spec-scroll .items{position: relative;width: 367px;height: 86px;overflow: hidden;}
.spec-scroll .items ul{position: absolute;width: 999999999px;height: 86px;padding: 0;}
.spec-scroll .items ul li{float: left;width: 92px;text-align: center;list-style: none;}
#pro_img{border: 1px solid #d2d2d2;padding: 1px;width: 82px;height: 82px;position: relative;overflow: hidden;}
#pro_img:hover{border:2px solid #207CB7;padding:0px;}
#pro_img img{position: absolute;height: 82px;width: 132px;left: 50%;margin-left: -66px;}

.product_detail .info_fr{width: 430px;margin-left: 30px;}
.product_detail .info_fr .title{font-size: 24px;line-height: 35px;height: 70px;overflow: hidden;color: #000000;}
.product_detail .info_fr .cs{line-height: 30px;height: 180px;overflow: hidden;margin-bottom: 32px;}
.product_detail .info_fr .btn{display: block;width: 145px;height: 40px;line-height:40px;margin-right: 25px;text-align: center;color: #FFFFFF !important;border-radius: 3px;background: #207CB7;}
.product_detail .info_fr .btn:hover{background: #ffd902;}
.product_detail .info_fr .bz{margin: 20px 0;}
.product_detail .info_fr .bz span{display: block;height: 20px;line-height: 20px;margin-right: 15px;float: left;background: url(../images/info_tb.png)no-repeat left;padding-left: 25px;}

.prenext_img .preimg{margin-bottom: 10px;}
.prenext_img a{display: block;overflow: hidden;}
.prenext_img .box,.prenext_img .box1{float: left;width: 68px;height: 52px;border: 1px solid #D2D2D2;position: relative;overflow: hidden;margin-right: 10px;}
.prenext_img .box img{height: 52px;width: 84px;position: absolute;left: 50%;margin-left: -42px;}
.prenext_img .box1 img{width: 68px;height: 52px;display: block;}
.prenext_img p{float: left;line-height: 54px;width: 320px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.product_detail .detail_title{border-top: 1px dotted #d2d2d2;border-bottom: 1px dotted #d2d2d2;padding: 10px 0;margin-top: 30px;}
.product_detail .detail_title span{width: 110px;height: 40px;line-height: 40px;text-align: center;color: #fff;background: #207CB7;margin-left: 5px;box-shadow: 2px 2px 4px #666;font-size: 16px;display: block;}
.product_detail .detail_content{padding-top: 20px;}
.product_detail .detail_content img{max-width: 100%;height: auto !important;}

/*news*/
@media screen and (min-width: 280px) and (max-width: 610px) {
	.news_list .date{width: 25% !important;font-size: 12px !important;}
	.news_list .i1,.news_list .i2{left: 25% !important;}
	.news_list .cnt{width: 66% !important;}
	.news_list .cnt span{font-size: 16px !important;margin-bottom: 5px !important;}
	.news_list .cnt p{font-size: 12px;line-height: 20px !important;height: 40px !important;}
}

.news_box{padding-top: 20px;}
.news_box .page{margin-top: 20px;}
.news_list a{display: block;position: relative;padding-bottom: 4%;}
.news_list .date{width: 18%;line-height: 25px;font-size: 16px;color: #666666;text-align: center;}
.news_list .cnt{width: 74%;}
.news_list .cnt span{font-size: 18px;margin-bottom: 10px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 25px;}
.news_list .cnt p{color: #666;line-height: 25px;height: 50px;overflow: hidden;}
.news_list .i1{width: 24px;height: 24px;border-radius: 50%;border: 3px solid #207CB7;box-sizing: border-box;background: #FFFFFF;position: absolute;left: 18%;top: 0;z-index: 1;}
.news_list .i2{display: block;height: 100%;width: 2px;background: #EEEEEE;top: 0;left: 18%;margin-left: 11px;position: absolute;}

/*article*/
@media screen and (min-width: 280px) and (max-width: 610px) {
	.article .title .bt{font-size: 20px !important;}
	.article .title p span{padding: 0 5px !important;font-size: 12px;}
}
@media screen and (min-width: 280px) and (max-width: 430px) {
	.article .title p span:nth-child(3){display: none;}
}

.article{padding-top: 20px;}
.article .title{text-align: center;margin-bottom: 20px;}
.article .title .bt{font-size: 26px;display: block;margin-bottom: 10px;color: #333333;}
.article .title p span{padding: 0 10px;}
.article .box img{max-width: 100%;height: auto !important;}

.prenext {border-top: 1px solid #D2D2D2;padding-top: 10px;margin-top: 20px;}
.prenext p {line-height: 25px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/*page*/
@media screen and (min-width: 280px) and (max-width: 950px) {
	.page{font-size: 12px;}
	.page ul li{margin-top: 3px !important;border: none !important;}
	.page ul li a{padding: 3px 8px !important;}
	.page .thisclass a{color: #207CB7 !important;}
	.page select{height: 23px !important;}
}
@media screen and (min-width: 951px){
	.page ul li a:hover,.page .thisclass a{background: #207CB7;color: #FFFFFF !important;}
}

.page{text-align: right;}
.page ul{display: inline-block;}
.page ul li{display: inline-block;border: solid 1px #D2D2D2;margin: 0 3px;}
.page ul li a{padding: 6px 12px;display: block;}
.page select{height: 31px;width: 55px !important;}