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

/*position*/
@media screen and (min-width: 280px) and (max-width: 1200px) {
	.position p{line-height: 20px !important;padding: 10px 15% 10px 55px !important;}
	.position i{line-height: 40px !important;width: 40px !important;}
}
@media screen and (min-width: 1000px){
	.subnav_wap,#subnav_wap{display: none !important;}
}

.position{border-bottom: 1px solid #e5e5e5;}
.position .content{position: relative;}
.position p{line-height: 43px;padding-left: 58px;color: #8F8F8F;}
.position a{color: #8F8F8F;}
.position i{line-height: 43px;width: 43px;display: block;height: 100%;text-align: center;color: #cdcdcd;border-left: 1px solid #E5E5E5;border-right: 1px solid #E5E5E5;font-size: 25px;position: absolute;top: 0;left: 0;}

/*wap*/
.subnav_wap{width:26px;position:absolute;cursor:pointer;right: 5%;height: 40px;top: 0;}
.subnav_wap span{display:block;background:#E62129;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: #E62129 !important;}
#subnav_wap{display: none;padding: 0 3%;}
#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;}

/*main*/
@media screen and (min-width: 280px) and (max-width: 1200px) {
	.main{padding: 3% !important;}
}
@media screen and (min-width: 280px) and (max-width: 1000px) {
	.main_left{display: none;}
	.main_right{width: 100% !important;float: none !important;}
}

.main{padding: 30px 0 50px;}

.main_left{width: 22.5%;}
.main_left .title{height: 80px;line-height: 80px;background: #E62129;color: #FFFFFF;position: relative;font-size: 25px;padding-left: 30px;}
.main_left .title i{line-height: 80px;font-size: 40px;position: absolute;top: 0;right: 30px;}
.main_left .cl-lm{border: 1px solid #E5E5E5;}
.main_left .cl-lm li{border-bottom: 1px solid #E5E5E5;}
.main_left .cl-lm li:last-child{border: none;}
.main_left .cl-lm li a{display: block;font-size: 16px;padding: 15px 40px 15px 30px;line-height: 30px;position: relative;transition: ease-in-out 0.1s;}
.main_left .cl-lm li a:hover{background: #EEEEEE;}
.main_left .cl-lm li a:hover .fa{color: #E62129;}
.active{background: #EEEEEE !important;color: #E62129 !important;}
.active i{color: #E62129 !important;}
.main_left .cl-lm li a i{display: block;width: 10px;height: 20px;line-height: 20px;color: #a8a8a8;position: absolute;right: 30px;top: 50%;margin-top: -10px;font-size: 22px;}
.main_left .cl-lx{border: 1px solid #E5E5E5;margin-top: 20px;padding: 15px 15px 35px;}
.main_left .cl-lx .bt{display: block;color: #E62129;font-size: 20px;padding-bottom: 15px;border-bottom: 1px solid #E5E5E5;padding-left: 10px;}
.main_left .cl-lx p{margin-top: 15px;padding: 0 10px;color: #000000;}
.main_left .cl-lx .kf{display: block;width: 160px;line-height: 50px;height: 50px;background: #E62129;position: relative;padding-left: 65px;box-sizing: border-box;color: #FFFFFF !important;font-size: 16px;margin: 25px 0 0 10px;transition: ease-in-out 0.2s;}
.main_left .cl-lx .kf:hover{background: #a40000;}
.main_left .cl-lx .kf .i1{width: 50px;line-height: 50px;text-align: center;border-right: 1px solid #FFFFFF;position: absolute;left: 0;top: 0;font-size: 22px;}
.main_left .cl-lx .kf .i2{line-height: 50px;font-size: 18px;padding-left: 10px;}

.main_left .cl-cp{border: 1px solid #E5E5E5;margin-top: 20px;padding: 15px;}
.main_left .cl-cp .bt{display: block;color: #E62129;font-size: 20px;padding-bottom: 15px;border-bottom: 1px solid #E5E5E5;padding-left: 10px;}
.main_left .cl-cp li{margin-top: 15px;}
.main_left .cl-cp li a{display: block;position: relative;padding-left: 84px;}
.main_left .cl-cp .img{position: absolute;width: 75px;height: 75px;overflow: hidden;top: 0;left: 0;}
.main_left .cl-cp .img img{height: 100%;width: auto;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);position: absolute;top: 0;}
.main_left .cl-cp li a span{line-height: 16px;height: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.main_left .cl-cp li a p{line-height: 18px;height: 36px;overflow: hidden;font-size: 12px;color: #787878;margin: 4px 0;}
.main_left .cl-cp li a font{line-height: 14px;font-size: 12px;display: block;}

.main_left .cl-xw{border: 1px solid #E5E5E5;margin-top: 20px;padding: 15px;}
.main_left .cl-xw .bt{display: block;color: #E62129;font-size: 20px;padding-bottom: 15px;border-bottom: 1px solid #E5E5E5;padding-left: 10px;}
.main_left .cl-xw li{border-bottom: 1px dashed #E5E5E5;}
.main_left .cl-xw li a{display: block;position: relative;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 75px;}
.main_left .cl-xw li a span{font-size: 12px;color: #666666;position: absolute;right: 0;}

.main_right{width: 75.5%;}

.content_box{border: 1px solid #E5E5E5;padding: 2.5%;}
.content_box .title{font-size: 20px;text-align: center;color: #E60012;padding-bottom: 2.5%;border-bottom: 1px solid #E5E5E5;margin-bottom: 2.5%;position: relative;font-weight: 500;}
.content_box .title i{display: block;width: 30px;height: 3px;background: #E60012;position: absolute;left: 50%;margin-left: -15px;bottom: -2px;}
.content_box .body img{max-width: 100%;height: auto !important;}

/*honor list*/
@media screen and (min-width: 280px) and (max-width: 750px) {
	.honor_list li{margin-left: 2% !important;width: 47% !important;margin-bottom: 2% !important;}
	.honor_list li p{height: 30px !important;line-height: 30px !important;font-size: 14px !important;}
}

.honor_list{padding-top: 2.5%;}
.honor_list li{float: left;margin-left: 2.5%;width: 30%;margin-bottom: 2.5%;}
.honor_list li a{display: block;}
.honor_list .img{padding-top: 100%;position: relative;}
.honor_list .img .box{height: 100%;width: 100%;position: absolute;top: 0;overflow: hidden;border: 1px solid #E5E5E5;padding: 3px;box-sizing: border-box;}
.honor_list .img img{left: 50%;top: 50%;position: relative;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 li p{height: 40px;line-height: 40px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;}

/*product list*/
@media screen and (min-width: 280px) and (max-width: 750px) {
	.product_list li{width: 49% !important;}
	.product_list li:nth-child(2n){margin-right: 0 !important;}
}
@media screen and (min-width: 280px) and (max-width: 500px) {
	.product_list .btn{display: none;}
	.product_list li > a p{line-height: 30px !important;padding: 0 5px !important;}
	.product_list li > a span{padding: 0 5px !important;margin-bottom: 5px !important;}
}
@media screen and (min-width: 751px) {
	.product_list li:nth-child(3n){margin-right: 0;}
}

.product_list li{float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;box-sizing: border-box;border: 1px solid #E5E5E5;}
.product_list li a{display: block;}
.product_list .img{position: relative;overflow: hidden;padding-top: 62%;}
.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{text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #E62129;line-height: 40px;padding: 0 10px;}
.product_list li > a .p1{color: #2A2A2A;text-align: left;}
.product_list li > a:hover .p1{color: #E62129 !important;}
.product_list li > a span{display: block;line-height: 20px;height: 60px;overflow: hidden;font-size: 12px;padding: 0 10px;color: #666666;margin-bottom: 10px;}
.product_list .btn{width: 80%;margin: 0 auto;line-height: 35px;margin-bottom: 15px;text-align: center;box-sizing: border-box;border: 1px solid #E5E5E5;border-radius: 20px;color: #666666;}
.product_list li a:hover .btn{color: #E62129 !important;}
.product_list .btn i{padding-left: 10px;font-size: 20px;}

/*product detail*/
@media screen and (min-width: 280px) and (max-width: 1200px) {
	.product_detail .detail_info{border: none !important;padding: 2.5% 2.5% 0;}
	.product_detail .info_fl{width: 100% !important;box-sizing: border-box;float: none !important;}
	.jqzoom{height: auto !important;}
	.jqzoom img{width: 100% !important;height: auto !important;left: 0 !important;margin-left: 0 !important;position: relative !important;display: block;}
	.product_detail .info_fr{float: none !important;margin-left: 0 !important;width: 100% !important;}
	.product_detail .info_fr .title{text-align: center;}
	.product_detail .info_fr .cs{height: auto !important;}
}
@media screen and (min-width: 451px) and (max-width: 1200px) {
	.product_detail .info_fr .cs{margin: 30px 0 !important;}
}
@media screen and (min-width: 280px) and (max-width: 450px) {
	.swiper-next1, .swiper-prev1{width: 30px !important;height: 30px !important;margin-top: -15px !important;}
	.swiper-next1 i,.swiper-prev1 i{line-height: 30px !important;}
	.product_detail .info_fr{padding-top: 10px !important;}
	.product_detail .info_fr .title{padding-bottom: 10px !important;font-size: 20px !important;}
	.product_detail .info_fr .cs{margin: 10px 0 !important;}
	.product_detail .info_fr .zx{text-align: center;}
	.product_detail .info_fr .zx .a1{float: none !important;margin: 0 auto 10px;width: 150px !important;height: 40px !important;line-height: 40px !important;font-size: 16px !important;}
	.product_detail .info_fr .zx .a1 i{font-size: 20px !important;}
	.product_detail .info_fr .zx p{float: none !important;display: inline-block;}
	.product_detail .detail_cnt .title p{width: 120px !important;line-height: 40px !important;font-size: 16px !important;}
}

.product_detail{border: 1px solid #E5E5E5;}

.product_detail .detail_info{border-bottom: 1px solid #E5E5E5;}
.product_detail .info_fl{width: 450px;border: 1px solid #E5E5E5;}
.jqzoom{position:relative;display:block; width:100%; height:450px; overflow:hidden;}
.jqzoom img{width:726px;height:450px; position:absolute; left: 50%; margin-left: -363px;}
.swiper-next1,.swiper-prev1{width: 40px;height: 40px;background: #cccccc;text-align: center;position: absolute;cursor: pointer;z-index: 10;top: 50%;margin-top: -20px;}
.swiper-next1 i,.swiper-prev1 i{line-height: 40px;color: #FFFFFF;font-size: 20px;}
.swiper-next1{right: 0;}
.swiper-prev1{left: 0;}
.product_detail .swiper-button-disabled{cursor: auto !important;opacity: 0.6;}
.product_detail .swiper-pagination1{color: #E62129;bottom: 2px !important;}

.product_detail .info_fr{width: 400px;margin-left: 25px;padding-top: 30px;}
.product_detail .info_fr .title{font-size: 24px;line-height: 35px;color: #000000;padding-bottom: 30px;border-bottom: 1px solid #E5E5E5;font-weight: 500;}
.product_detail .info_fr .cs{line-height: 30px;height: 150px;overflow: hidden;margin: 20px 0 60px;}
.product_detail .info_fr .zx .a1{float: left;display: block;height: 50px;line-height: 50px;width: 170px;text-align: center;border-radius: 30px;color: #FFFFFF !important;background: #E62129;font-size: 20px;transition: ease-in-out 0.2s;}
.product_detail .info_fr .zx .a1:hover{background: #a40000;}
.product_detail .info_fr .zx .a1 i{padding-left: 10px;font-size: 25px;}
.product_detail .info_fr .zx p{padding-left: 45px;float: right;background: url(../images/tel2.png)no-repeat center left;}
.product_detail .info_fr .zx p a{color: #E62129;font-size: 22px;}

.product_detail .detail_cnt{padding: 5% 2.5%;}
.product_detail .detail_cnt .title{overflow: hidden;border-bottom: 1px solid #E5E5E5;margin-bottom: 2.5%;}
.product_detail .detail_cnt .title p{width: 150px;line-height: 50px;text-align: center;background: #E62129;color: #FFFFFF;font-size: 18px;}
.product_detail .body img{max-width: 100%;height: auto !important;}
.product_detail .body table{max-width: 100% !important;}

.product_detail .detail_ly{padding: 0 2.5% 2.5%;}
.product_detail .detail_ly .title{font-size: 20px;text-align: center;color: #E62129;padding-bottom: 2.5%;border-bottom: 1px solid #E5E5E5;margin-bottom: 2.5%;position: relative;}
.product_detail .detail_ly .title i{display: block;width: 30px;height: 3px;background: #E62129;position: absolute;left: 50%;margin-left: -15px;bottom: -2px;}
.product_detail #message{padding-bottom: 0 !important;}

/*news list*/
@media screen and (min-width: 280px) and (max-width: 600px) {
	.news_list .cnt{padding-right: 0 !important;}
	.news_list li a .i1{display: none !important;}
	.news_list .date{height: 90px !important;padding-top: 15px !important;}
	.news_list .date b{font-size: 25px !important;}
	.news_list .cnt p{height: 50px !important;}
	.news_list .cnt .tb{padding-left: 35px !important;margin-top: 40px !important;}
	.news_list .cnt .tb i,.news_list .i2{font-size: 30px !important;height: 30px !important;line-height: 30px !important;}
	.news_list .i2{margin-top: -15px !important;}
}
@media screen and (min-width: 280px) and (max-width: 450px) {
	.news_list .date{width: 30% !important;}
	.news_list .cnt{width: 67% !important;}
}

.news_list{padding-top: 2.5%;}
.news_list li{padding-bottom: 2.5%;margin-bottom: 2.5%;border-bottom: 1px solid #E5E5E5;}
.news_list li a{display: block;position: relative;}
.news_list .date{width: 20%;background: #e5e5e5;text-align: center;height: 130px;box-sizing: border-box;color: #666666;font-size: 16px;padding-top: 25px;transition: ease-in-out 0.1s;}
.news_list .date b{font-size: 35px;display: block;}
.news_list li a:hover .date{background: #E62129;color: #FFFFFF !important;}
.news_list .cnt{width: 77%;position: relative;padding-right: 70px;box-sizing: border-box;}
.news_list .cnt span{font-size: 18px;margin-bottom: 10px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_list .cnt p{color: #666666;line-height: 25px;height: 75px;overflow: hidden;}
.news_list li a > .fa{display: block;text-align: center;position: absolute;right: 0;top: 50%;transition: ease-in-out 0.1s;}
.news_list .i1{width: 40px;height: 40px;line-height: 40px;background: #E5E5E5;border-radius: 50%;color: #FFFFFF;margin-top: -20px;font-size: 30px;}
.news_list li a:hover .i1{background: #E62129;}
.news_list .i2{height: 50px;line-height: 50px;margin-top: -25px;color: #b3b1b2;font-size: 50px;}
.news_list li a:hover .i2{color: #E62129 !important;}
.news_list .cnt .tb{position: relative;color: #666666;padding-left: 55px;margin-top: 70px;}
.news_list .cnt .tb i{display: block;height: 50px;line-height: 50px;font-size: 50px;color: #E62129;position: absolute;left: 0;bottom: 0;}

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

.article{border: 1px solid #E5E5E5;padding: 2.5%;}
.article .title{text-align: center;padding-bottom: 2.5%;border-bottom: 1px solid #E5E5E5;margin-bottom: 2.5%;position: relative;}
.article .title .bt{font-size: 26px;color: #E62129;margin-bottom: 10px;display: block;font-weight: 500;}
.article .title p span{padding: 0 10px;}
.article .title i{display: block;width: 30px;height: 3px;background: #E62129;position: absolute;left: 50%;margin-left: -15px;bottom: -2px;}
.article .body img{max-width: 100%;height: auto !important;}

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

/*contact box*/
@media screen and (min-width: 280px) and (max-width: 700px) {
	.contact_box .lx li{float: none !important;width: 100% !important;border: none !important;height: auto !important;padding: 2.5% !important;text-align: center;}
	.contact_box .lx li i{margin-bottom: 2.5% !important;width: 50px !important;height: 50px !important;line-height: 50px !important;font-size: 25px !important;}
}

.contact_box{padding-top: 2.5%;padding-bottom: 5%;}
.contact_box .lx{border: 1px solid #E5E5E5;overflow: hidden;}
.contact_box .lx li{float: left;width: 33.3333%;box-sizing: border-box;border-right: 1px solid #E5E5E5;background: url(../images/lx_bg.png) left repeat-y;height: 320px;padding: 50px 30px 0;}
.contact_box .lx li i{display: block;width: 85px;height: 85px;line-height: 85px;margin: 0 auto 35px;text-align: center;color: #FFFFFF;background: #E62129;border-radius: 50%;font-size: 40px;}
.contact_box .lx li p{font-size: 16px;line-height: 30px;color: #000000;}

/*message*/
@media screen and (min-width: 280px) and (max-width: 500px) {
	#message .box{margin-right: 0 !important;float: none !important;width: 100% !important;margin-bottom: 2%;}
	#message .box input{height: 40px !important;padding: 0 40px 0 10px !important;font-size: 14px !important;}
	#message i{width: 40px !important;height: 40px !important;line-height: 40px !important;font-size: 20px !important;}
	#message textarea{padding: 10px 40px 10px 10px !important;}
	#message .submit{height: 40px !important;font-size: 16px !important;}
}

#message{padding-bottom: 2.5%;}
#message .box{width: 49%;float: left;position: relative;}
#message .box input{width: 100%;height: 60px;box-sizing: border-box;border: 1px solid #E5E5E5;padding: 0 60px 0 20px;font-size: 16px;}
#message i{display: block;width: 60px;height: 60px;line-height: 60px;text-align: center;color: #E5E5E5;font-size: 25px;right: 0;top: 0;position: absolute;}
#message .box1{position: relative;}
#message textarea{width: 100%;box-sizing: border-box;border: 1px solid #E5E5E5;padding: 10px 60px 10px 20px;height: 160px;resize: none;line-height: 25px;}
#message .submit{width: 100%;margin-top: 2%;height: 60px;text-align: center;font-size: 18px;color: #FFFFFF;background: #E62129;cursor: pointer;transition: ease-in-out 0.2s;}
#message .submit:hover{background: #A40000 !important;}

/*page*/
@media screen and (min-width: 280px) and (max-width: 750px) {
	.page ul li a{padding: 5px 10px !important;font-size: 12px;}
}

.page{text-align: center;border: 1px solid #E5E5E5;border-top: none;}
.page ul{display: inline-block;}
.page ul li{display: inline-block;border: solid 1px #E5E5E5;}
.page ul li a{padding: 15px 20px;display: block;color: #666666;}
.page .thisclass a{color: #E62129 !important;}