/*banner*/

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



/*position*/

@media screen and (min-width: 280px) and (max-width: 1200px) {

	.position{padding: 10px 5% !important;}

	.about_box{padding: 5% !important;}

	.position .fl{font-size: 16px !important;}

}



.position{background-color: #f5f5f5;line-height: 25px;overflow: hidden;padding: 10px 0;color: #000000;}

.position .fl{font-size: 18px;font-weight: 500;}

.position .fr{font-size: 12px;position: relative;padding-left: 22px;}

.position .fr i{font-size: 18px;position: absolute;left: 0;top: 0;line-height: 23px;}



/*about*/

.about_box{padding: 30px 0;}

.about_box img{max-width: 100%;height: auto !important;}



/*page*/

@media screen and (min-width: 280px) and (max-width: 600px) {

	.page{margin-top: 10px !important;}

	.page ul{line-height: 20px !important;}

	.page ul li a{padding: 0 7px !important;font-size: 12px !important;}

}



.page{text-align: center;margin-top: 20px;}

.page ul{line-height: 25px;}

.page ul li{display: inline-block;margin: 0 2px;}

.page ul li a{display: block;padding: 0 10px;border-radius: 2px;border: 1px solid #ddd;}

.page ul li a:hover,.page .thisclass{background-color: #444;color: #fff !important;}



/*main*/

@media screen and (min-width: 280px) and (max-width: 1200px) {

	.main > .content{padding: 5% !important;}

}

@media screen and (min-width: 280px) and (max-width: 800px) {

	.main_left,.main_right{float: none !important;width: 100% !important;}

	.main_left .title{font-size: 20px !important;}

	.main_left .title font{font-size: 16px !important;}

	.subnav_wap{display: block !important;}

	.main_left .cl-lm{display: none;}

	.main_left{margin-bottom: 20px;}

}

@media screen and (min-width: 801px){

	.main_left .cl-lm{display: block !important;}

}



.main > .content{padding: 50px 0;}



.main_left{width: 20%;}

.main_left .title{line-height: 30px;padding-bottom: 8px;font-size: 22px;border-bottom: 2px solid;position: relative;}

.main_left .title font{text-transform: Uppercase;padding-left: 6px;font-size: 18px;color: #e1e1e1;}



/*wap*/

.subnav_wap{width:26px;position:absolute;cursor:pointer;right: 0;height: 40px;top: 0;display: none;}

.subnav_wap span{display:block;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)}



.main_left .cl-lm > li{border-bottom: 1px dashed #e4e4e4;position: relative;}

.main_left .cl-lm > li > a{line-height: 22px;display: block;padding: 10px 20px;position: relative;color: #404040;}

.main_left .cl-lm .fa1{position: absolute;font-size: 8px;line-height: 22px;left: 5px;top: 10px;}



.main_left .cl-lm .btn{position: absolute;z-index: 10;height: 42px;width: 20px;top: 0;right: 0;cursor: pointer;display: none;}

#on2 .btn{display: block;}

.main_left .cl-lm .btn i{width: 14px;left: 3px;height: 2px;background: #c7c7c7;display: block;position: absolute;top: 50%;margin-top: -1px;transition: ease-in-out 0.3s;}

.main_left .cl-lm .btn_c .i1{transform:rotate(90deg);}



.main_left .cl-lm2{display: none;border-top: 1px dashed #e4e4e4;padding-left: 20px;}

.main_left .cl-lm2 li{border-bottom: 1px dashed #e4e4e4;border-left: 1px solid #f1f1f1;}

.main_left .cl-lm2 li:last-child{border-bottom: none;}

.main_left .cl-lm2 li a{line-height: 20px;padding: 7px 0 7px 20px;display: block;position: relative;color: #666666;font-size: 12px;}

.main_left .cl-lm2 .fa1{font-size: 6px;line-height: 20px;top: 7px;}



.main_right{width: 74%;}



/*product list*/

@media screen and (min-width: 280px) and (max-width: 600px) {

	.product_list li{width: 32% !important;margin-right: 2% !important;}

    .product_list li:nth-child(3n){margin-right: 0 !important;}

    .product_list .img{border-radius: 6px !important;}

    .product_list li a p{padding: 5px 0 !important;}

}



.product_list li{float: left;width: 22.5%;margin-right: 3.33333%;}

.product_list li:nth-child(4n){margin-right: 0;}

.product_list li a{display: block;}

.product_list .img{position: relative;padding-top: 100%;overflow: hidden;border-radius: 10px;}

.product_list .img img{position: absolute;width: auto;height: 100%;left: 50%;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);top: 0;}

.product_list li a p{line-height: 24px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 10px 0;}



/*product detail*/

@media screen and (min-width: 280px) and (max-width: 1200px) {

	.product_detail .detail_title{margin-top: 10px;}

	.product_detail .info_fr,.product_detail .info_fl{float: none !important;width: 100% !important;}

}

@media screen and (min-width: 280px) and (max-width: 900px) {

	.jqZoomPup,.zoomdiv{display: none !important;}

}

@media screen and (min-width: 280px) and (max-width: 800px) {

	.product_detail .spec-preview{width: 100% !important;box-sizing: border-box;height: auto !important;}

	.jqzoom{float: none !important;width: 100% !important;height: auto !important;}

	.jqzoom img{width: 100% !important;height: auto !important;display: block;position: relative !important;left: 0 !important;margin-left: 0 !important;}

	.spec-scroll .prev, .spec-scroll .next{width: 10px !important;font-size: 20px !important;}

	.spec-scroll{width: 270px !important;}

	.product_detail .detail_content{padding: 10px !important;}

	.prenext p{float: none !important;width: 100% !important;text-align: left !important;}

	.product_detail .cp_c .title{font-size: 20px !important;margin-bottom: 10px !important;margin-top: 0 !important;}

	.product_detail .cp_c .title font{font-size: 14px !important;}

	.product_detail .cp_c .swiper-slide a{margin: 0 5px !important;}

	.product_detail .cp_c .swiper-slide .img{border-radius: 6px !important;}

}



.product_detail .spec-preview{width: 300px;height: 300px;border: 1px solid #dfdfdf;}

.jqzoom{float:left;position:relative;display:block; width:300px; height:300px; overflow:hidden;}

.jqzoom img{width:484px;height:300px; position:absolute; left: 50%; margin-left: -242px;}

.zoomdiv{z-index:100;position:absolute;top:0;left:-100px;background:#ffffff;border:1px solid #dfdfdf;display:none;text-align:center;overflow:hidden;}

.zoomdiv img{width:1210px; height:750px; position:absolute; left:50%; margin-left:-380px;}

.jqZoomPup{z-index:10;visibility:hidden;position:relative;border:1px solid #666;background:#ffffff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50); cursor:crosshair;}

.spec-scroll{width: 302px;height: 70px;margin: 10px 0;}

.spec-scroll .prev,.spec-scroll .next{display: block;width: 25px;line-height: 68px; cursor: pointer;background-color: #ebebeb;border: 1px solid #ccc;box-sizing: border-box;text-align: center;color: #666666;font-size: 25px;}

.spec-scroll .prev{margin-right: 10px;}

.spec-scroll .items{position: relative;float: left;width: 240px;height: 70px;overflow: hidden;}

.spec-scroll .items ul{position: absolute;width: 999999999px;height: 70px;}

.spec-scroll .items ul li{float: left;width: 70px;height: 70px;text-align: center;margin-right: 10px;border: 1px solid #CCCCCC;box-sizing: border-box;}

.spec-scroll .items ul li:hover{border: 1px solid #008EDB;}

#pro_img{width: 64px;height: 64px;position: relative;overflow: hidden;margin: 2px;}

#pro_img img{position: absolute;height: 64px;width: 104px;left: 50%;margin-left: -52px;}



.product_detail .info_fr{width: 550px;}

.product_detail .info_fr .title{line-height: 36px;color: #666666;font-size: 16px;}

.product_detail .info_fr .title h1{font-size: 16px;display: inline-block;color: #454545;}

.product_detail .info_fr .cs{margin-bottom: 16px;line-height: 21px;}

.product_detail .info_fr .btn{width: 120px;line-height: 38px;float: left;color: #fff !important;text-align: center;background: #1c96d7;}

.product_detail .info_fr .btn1{margin-left: 8px;background: #f39826;}

.product_detail .info_fr .btn i{margin-right: 8px;font-size: 18px;}



.product_detail .detail_title{height: 38px;background-color: #ddd;}

.product_detail .detail_title span{line-height: 38px;width: 134px;text-align: center;float: left;font-size: 16px;color: #FFFFFF;}

.product_detail .detail_content{padding: 18px 24px;background-color: #f6f6f6;}

.product_detail .detail_content img{max-width: 100%;height: auto !important;}

.product_detail .detail_content table{max-width: 100%;}



.product_detail .prenext{overflow: hidden;line-height: 24px;padding-top: 12px;padding-bottom: 12px;}

.product_detail .prenext p{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 48%;color: #454545;}

.product_detail .prenext .fr{text-align: right;}



.product_detail .cp_c .title{margin-top: 12px;font-size: 22px;line-height: 30px;padding-bottom: 8px;border-bottom: 2px solid;margin-bottom: 36px;}

.product_detail .cp_c .title font{text-transform: Uppercase;font-size: 20px;padding-left: 6px;color: #e1e1e1 !important;}

.product_detail .cp_c .swiper-slide a{display: block;margin: 0 15px;color: #333333;}

.product_detail .cp_c .swiper-slide .img{border-radius: 10px;padding-top: 100%;position: relative;overflow: hidden;}

.product_detail .cp_c .swiper-slide .img img{height: 100%;width: auto;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);position: absolute;top: 0;}

.product_detail .cp_c .swiper-slide a p{line-height: 32px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 12px;}



/*honor*/

@media screen and (min-width: 280px) and (max-width: 1200px) {

	.honor_list{padding: 5% !important;}

}

@media screen and (min-width: 280px) and (max-width: 600px) {

	.honor_list .list li{width: 48% !important;margin-right: 4% !important; margin-bottom: 4% !important;}

	.honor_list .list li:nth-child(2n){margin-right: 0 !important;}

	.honor_list .list li a{padding: 5px !important;}

	.honor_list .list li a p{line-height: 30px !important;height: 30px !important;margin-top: 5px !important;font-size: 14px !important;}

}



.honor_list{padding: 50px 0;}

.honor_list .list li{float: left;width: 22.5%;margin-right: 3.33333%;margin-bottom: 2.5%;}

.honor_list .list li:nth-child(4n){margin-right: 0;}

.honor_list .list li a{border: 1px solid #e6e6e6;padding: 10px;display: block;}

.honor_list .list .img{position: relative;padding-top: 68.5%;overflow: hidden;}

.honor_list .list .img img{left: 50%;top: 50%;position: absolute;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);width: auto;height: auto;max-height: 100%;max-width: 100%;}

.honor_list .list .img div{opacity: 0;z-index: 2;left: 0px;top: 0px;background-color: rgba(0,0,0,0.4);transition: 0.2s ease-in-out;position: absolute;width: 100%;height: 100%;}

.honor_list .list .img i{z-index: 3;transition: 0.2s ease-in-out;font-size: 40px;top: 100%;left: 50%;transform: translate(-50%,0%);color: #fff;position: absolute;line-height: 40px;}

.honor_list .list li a:hover .img div{opacity: 1;transition: 0.2s ease-in-out;}

.honor_list .list li a:hover .img i{top: 50%;transform: translate(-50%,-50%);transition: 0.2s ease-in-out;}

.honor_list .list li a p{line-height: 40px;height: 40px;text-align: center;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #EEEEEE;color: #555;font-size: 16px;}

.honor_list .page{margin-top: 0 !important;}



/*news list*/

@media screen and (min-width: 280px) and (max-width: 950px) {

	.news_list .date{width: 18% !important;}

	.news_list .cnt{width: 76% !important;}

	.news_list .i1,.news_list .i2{left: 18% !important;}

}

@media screen and (min-width: 280px) and (max-width: 800px) {

	.main_left .cl-yy,.main_left .cl-xw{display: none;}

	.news_list .date{font-size: 12px !important;}

	.news_list .cnt span{font-size: 14px !important;}

	.news_list .cnt p{line-height: 20px !important;height: 40px !important;font-size: 12px !important;}

}

@media screen and (min-width: 280px) and (max-width: 450px) {

	.news_list .date{width: 25% !important;}

	.news_list .cnt{width: 68% !important;}

	.news_list .i1,.news_list .i2{left: 25% !important;}

}



.news_list a{display: block;position: relative;padding-bottom: 4%;}

.news_list .date{width: 13%;line-height: 30px;color: #666666;}

.news_list .cnt{width: 81%;}

.news_list .cnt span{font-size: 16px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 30px;}

.news_list .cnt p{color: #787878;line-height: 26px;height: 52px;overflow: hidden;margin-top: 4px;}

.news_list .i1{width: 16px;height: 16px;border-radius: 50%;border: 3px solid;box-sizing: border-box;background: #FFFFFF;position: absolute;left: 13%;top: 7px;z-index: 1;}

.news_list .i2{display: block;height: 100%;width: 2px;background: #EEEEEE;top: 0;left: 13%;margin-left: 7px;position: absolute;}



/*article*/

@media screen and (min-width: 280px) and (max-width: 800px) {

	.article .title .bt{padding-top: 0 !important;font-size: 20px !important;}

}

@media screen and (min-width: 280px) and (max-width: 500px) {

	.article .title p span:nth-child(2){display: none;}

}



.article .title{text-align: center;padding-bottom: 15px;border-bottom: 1px solid #ddd;}

.article .title .bt{padding: 8px 0;font-size: 24px;}

.article .title p{color: #ccc;font-size: 12px;}

.article .title p span{padding: 0 5px;}

.article .body{margin: 20px 0;}

.article .body img{max-width: 100%;height: auto !important;}

.article .prenext{margin-top: 25px;padding-bottom: 15px;text-align: center;font-size: 12px;border-bottom: 1px dotted #ddd;}

.article .prenext a{color: #fff !important;display: inline-block;background-color: #444;padding: 5px 15px;margin: 0 5px;}

.article .prenext a:hover{background-color: #008EDB;}



/*message*/

@media screen and (min-width: 280px) and (max-width: 1200px) {

	.message_box{padding: 5% 0 !important;}

}

@media screen and (min-width: 280px) and (max-width: 720px) {

	.message_box{padding: 5% !important;}

}

@media screen and (min-width: 280px) and (max-width: 500px) {

	#message .text{margin-bottom: 0 !important;}

	#message .text input{width: 100% !important;margin-right: 0 !important;margin-bottom: 10px;}

	#message textarea{margin-bottom: 10px !important;}

	#vdcode,#message .submit{width: 80px !important;}

}



.message_box{padding: 50px 0;}

.message_box .content{max-width: 720px !important;}



#message .text{margin-bottom: 20px;}

#message .text input{width: 31%;margin-right: 3.5%;box-sizing: border-box;border: 1px solid #ddd;height: 36px;padding: 0 15px;float: left;}

#message .text input:nth-child(3){margin-right: 0;}

#message textarea{width: 100%;border: 1px solid #d0d0d0;box-sizing: border-box;padding: 6px 15px;resize: none;margin-bottom: 20px;}

#message .submit{width: 140px;height: 36px;background-color: #62A8EA;color: #fff;cursor: pointer;display: block;float: right;}

#vdcode{text-transform: uppercase;width: 140px;height: 36px;border: 1px solid #ddd;padding: 0 15px;box-sizing: border-box;float: left;}

#message .yzm{border: 1px solid #ddd;background-color: #f8f8f8;float: left;padding: 5px;border-left: none;}

#message .yzm img{display: block;cursor: pointer;}



/*contact*/

.contact_box{padding: 50px 0;}

.contact_box .box{margin-bottom: 3%;}

.contact_box .box img{max-width: 100%;height: auto !important;}



@media screen and (min-width: 280px) and (max-width: 1200px) {

	.contact_box{padding: 5%;}

}



/*search list*/

@media screen and (min-width: 280px) and (max-width: 800px) {

	.search_list li{margin-bottom: 15px !important;padding-bottom: 15px !important;}

	.search_list li a{height: 90px !important;padding-left: 100px !important;}

	.search_list .img{width: 90px !important;}

	.search_list li a span{font-size: 14px !important;line-height: 25px !important;}

	.search_list li a .span1{font-size: 12px !important;}

	.search_list li a p{line-height: 20px !important;height: 40px !important;font-size: 12px !important;}

}



.search_list li{border-bottom: 1px dashed #e4e4e4;margin-bottom: 21px;padding-bottom: 21px;}

.search_list li a{display: block;position: relative;height: 150px;padding-left: 175px;}

.search_list .img{width: 150px;height: 100%;overflow: hidden;position: absolute;left: 0;top: 0;}

.search_list .img img{height: 100%;width: auto;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);position: absolute;top: 0;}

.search_list li a span{display: block;font-size: 16px;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.search_list li a .span1{color: #898989;font-size: 14px;}

.search_list li a p{color: #898989;line-height: 24px;height: 72px;overflow: hidden;}