html{ width: 100%;}
body{font-size: 14px; background: #fff; font-family: "Microsoft Yahei","Arial",Verdana,Arial,sans-serif; line-height: 1.4; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
ol,ul,li{list-style: none;}
a{text-decoration: none; color: #333; -webkit-tap-highlight-color: rgba(255,0,0,0); transition: all .3s ease; cursor: pointer;}
a:hover{color: #E63132!important;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th{font-weight: normal;}
strong{font-weight: 800;}
img{border: 0; height: auto; vertical-align: middle;}
table{border-collapse: collapse; border-spacing: 0;}
input,textarea,select,button{border: 0; background: none; outline: 0; font-family: "Microsoft Yahei";}
input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input,input:focus,input:active{user-select: text;}
button:focus{outline: 0;}
textarea{resize: none;}
video{outline: none;display: block;}
*{margin: 0;padding: 0;}
.confix:after{content: ""; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;}
.container{width: 1470px; margin: 0 auto;position: relative;}
.fl{float: left;}
.fr{float: right;}
.tb-tit {font-size: 30px; font-weight: bold; color: #000000; line-height: 34px;text-align: center;text-transform: uppercase;}
/**************************************** header start **************************************/
.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;background: #fff;}
.header_zw{display: block;height: 100px;transition: .3s;}
.header_zw.active{height: 90px;}
.head1{height: 40px;line-height: 40px;background: #292B2D;overflow: hidden;}
.head1 span,.head1 a{font-size: 14px;color: #c4c4c4;}
.head1 .iconfont{font-size: 20px;margin-right: 8px;}
.head1 .a{font-size: 26px;}
.head1 .icon-email-fill{position: relative;top: 2px;}
.head1 a+span{margin-left: 40px;}
.head2{height: 100px;box-shadow: 0px 2px 4px #a7a7a72e;}
.head2 .logo{float: left;margin-top: 13px;}
.head2 .head_more{float: right;}
.head2 .t_nav{float: left; margin-left: 40px;}
.head2 .t_nav ul>li{float: left;margin-right: 35px;position: relative;}
.head2 .t_nav ul>li.active>a{color: #E63132;}
.head2 .t_nav ul>li>a{line-height: 100px;font-size: 14px;color: #000000;font-weight: bold;}
.lang_box{position: relative;margin-top: 33px;font-size: 14px;color: #333333;height: 40px;cursor: pointer;float: left;}
.lang_box i{display: inline-block;}
.lang_box span{display: inline-block;margin: 0 5px;}
.sel_lang_box{opacity: 0;visibility: hidden;margin-top: 20px;height: 0; transition: .3s; position: absolute;top: 100%;left: -10px;background: #FFFFFF;width: 100px;box-sizing: border-box;padding: 0 5px;box-shadow: 0px 2px 10px 1px rgba(96, 96, 96, 0.18);box-sizing: border-box;padding-bottom: 8px;}
.sel_lang_box a{display: block;box-sizing: border-box;border-bottom: 1px solid #DCDCDC;height: 35px;line-height: 35px;padding: 0 5px;font-size: 12px;}
.sel_lang_box img{width: 17px;margin-right: 5px;}
.lang_box:hover .sel_lang_box{opacity: 1;visibility: visible;margin-top: 0;height: auto;}
.search_box{ border: 1px solid #BFBFBF; position: relative; float: left; margin-right: 40px; box-sizing: border-box; padding-left: 20px; margin-top: 30px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; }
.search_box .int{display: block;width: 210px;height: 36px; float: left;line-height: 36px;}
.search_box .btn{display: block;width: 28px;height: 28px;background: url(../images/search1.png) no-repeat;float: left;background-position: center;cursor: pointer;margin-right: 5px;margin-top: 4px;}
.t_subnav {width:280px;background:#ffffff;text-align:left;position:absolute;left:-35px;top:100%;height:0;overflow:hidden;opacity:0;visibility:hidden;transition:all .3s;box-shadow:0 0 16px -4px rgba(0,0,0,.3);margin-top:20px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;z-index:44;}
.t_subnav ol{box-sizing: border-box;}
.t_subnav ol li{width: 100%;margin: 0 !important;border-bottom: 1px dashed #E4E4E4;}
.t_subnav a {transition: .3s; padding: 0 10px;box-sizing: border-box; width: 100%; display:block;height:50px;line-height:50px;color:#333;font-size: 15px;box-sizing: border-box;}
.t_subnav a .iconfont{font-size: 10px;padding-right: 5px;zoom: .8;position: relative;top: -2px;}
.t_subnav a:hover {background:#E63132;color:#fff!important;}
.t_nav ul > li:hover .t_subnav {height:auto;opacity:1;visibility:visible;margin-top:0;}
.wap_header{display: none;}
.w_header{height: 50px; background: #fff; box-shadow: 0 0px 48px 0 rgba(0,0,0,.1); position: fixed;top: 0;left: 0;width: 100%; z-index: 999999;}
.w_header .logo{float: left; height: 40px; margin-top: 5px; margin-left: 10px;}
.w_header .logo a{display: block; height: 100%;line-height: 50px; font-size: 12px;}
.w_header .logo a img{display: block; height: 100%; float: left;margin-right: 5px;}
.w_header .sp_nav{display: block; width: 30px; height: 30px; position: absolute; top: 0; right: 10px; margin-top: 15px; z-index: 5;}
.w_header .sp_nav i{display: block; background: #E63132; width: 30px; height: 2px; position: absolute; left: 0; transition: all ease .35s;}
.w_header .sp_nav i:nth-of-type(1){top: 0;}
.w_header .sp_nav i:nth-of-type(2){top: 10px;}
.w_header .sp_nav i:nth-of-type(3){top: 20px;}
.w_header .sp_nav.sp_nav_se i:nth-of-type(1){top: 10px; transform: rotate(45deg);}
.w_header .sp_nav.sp_nav_se i:nth-of-type(2){width: 0;}
.w_header .sp_nav.sp_nav_se i:nth-of-type(3){top: 10px; transform: rotate(-45deg);}
.w_nav{width: 100%; height: calc(100% - 50px); position: fixed; left: 0; top: -100%; z-index: 99999; transition: top ease .35s;}
.w_nav.nav_show{top: 50px;}
.w_nav > ul{min-width: 320px; height: 100%; margin: 0 auto; background: #eee; position: relative; overflow-y: auto;}
.w_nav ul li{border-top: 1px solid #ddd; margin-left: 20px; line-height: 40px; font-size: 14px; position: relative;}
.w_nav > ul > li:first-child{border-top: 0 none;}
.w_nav ul li a{height: 44px; line-height: 44px; display: block; padding-right: 45px; color: #666;}
.w_nav ul li ul{display: none;}
.w_nav ul li i{display: block; width: 30px; height: 26px; line-height: 26px; text-align: center; border-left: 1px solid #ddd; padding: 0 6px; position: absolute; right: 0; top: 9px;}
.w_nav ul li i span{font-size: 14px; transition: all .5s;}
.w_nav ul li i span:before{content: "";display: block;height: 100%;width: 100%;background: url(../images/yjt.png) no-repeat;background-size: 12px;background-position: center;transition: .3s;}
.w_nav ul li i.nav_btndown span::before{color: #E63132; transform: rotate(90deg);}
/**************************************** header end **************************************/
/**************************************** banner start **************************************/
.banner{width: 100%; position: relative;}
.banner .swiper-container-banner{width: 100%;overflow: hidden;position: relative;}
.banner .swiper-container-banner .swiper-slide img{width: 100%;display: block;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 40px;}
.banner .swiper-pagination-bullet{ width: 48px; height: 8px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.banner .swiper-pagination-bullet{opacity: 1;background-color: #e5e5e5;}
.banner .swiper-pagination-bullet-active{background: #E63132;}
.banner .banner-link{position: absolute;bottom: 25%;left: 13%; font-size: 18px; color: #E63132;font-weight: bold; z-index: 999;}
@keyframes up {
0% {
transform: translateX(0px);
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
}
50% {
transform: translateX(-10px);
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
}
100% {
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
}
}
.banner .banner-link {
animation: up 1.5s infinite ease-in-out;
-webkit-animation: up 1.5s infinite ease-in-out;
}
/**************************************** banner end **************************************/
/**************************************** choose start **************************************/
.choose{margin-top: 60px;}
.choose .cho-top{margin: 60px 60px 0;}
.choose .cho-top ul{display: flex;justify-content: space-between;position: relative;}
.choose .cho-top ul::after{content: "";position: absolute;bottom: -20px; display: block;width: 100%;height: 1px;background: #dcdcdc;}
.choose .cho-top ul li{font-size: 14px; color: #555; line-height: 18px;position: relative;}
.choose .cho-top ul li.active span{color: #E63132;}
.choose .cho-top ul li.active::after,
.choose .cho-top ul li:hover::after{border: 1px solid #E63132}
.choose .cho-top ul li::after{ content: ""; display: block; height: 10px; width: 10px; border: 1px solid #BFBFBF; background: #fff; position: absolute; bottom: -25px; left: 50%; border-radius: 50%; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; z-index: 9; }
.choose .cho-list{margin-top: 40px;}
.choose .cho-list ul{display: none;}
.choose .cho-list ul:nth-of-type(1){display: block;}
.choose .cho-list ul li{width: 24%; margin-right: 1.33%;float: left; box-sizing: border-box; margin-bottom: 36px; border:1px solid #EEEEEE; background: #fff; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; }
.choose .cho-list ul li:nth-of-type(4n){margin-right: 0;}
.choose .cho-list ul li a{display: block;}
.choose .cho-list ul li .cho-pic { border-bottom: 1px solid #eee; overflow: hidden; display: flex; align-items: center;}
.choose .cho-list ul li .cho-pic img{width: 100%;display: block;}
.choose .cho-list ul li .cho-det{margin: 0 20px;}
.choose .cho-list ul li .cho-det p{text-align: center; font-size: 16px;line-height: 28px; height: 68px; box-sizing: border-box; color: #333; padding: 10px 0;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.choose .cho-list ul li .cho-det .lm{padding: 20px 0;color: #999;font-size: 14px;}
.choose .cho-list ul li .cho-det .lm i{display: block;float: right;height: 8px;width: 24px;background: url("../images/jt-r.png")no-repeat;background-size: 100%;}
.choose .cho-list ul li:hover,.choose .cho-list ul li.active{box-shadow: 0px 2px 10px 1px rgba(70, 70, 70, 0.17);}
.choose .cho-list ul li:hover .cho-det .lm{color: #E63132;}
.choose .cho-list ul li.active a{color: #E63132;}
.choose .cho-list ul li:hover .cho-det .lm i,.choose .cho-list ul li.active .cho-det .lm i{background: url("../images/jt-r-h.png")no-repeat;}
.insolution-menu .dd ul{border: 1px solid #e2e2e2;}
.insolution-menu .dd ul li{width: 100%;padding: 0 10px;margin: 0;border: none; border-bottom: 1px dashed #ccc;}
.insolution-menu .dd ul li a{padding: 0;}
/**************************************** choose end **************************************/
/**************************************** about start **************************************/
.about{margin-top: 100px;display: flex;flex-wrap: wrap;}
.about .about-l,
.about .about-r{width: 50%}
.about .about-l{background: url("../images/about-l.jpg")no-repeat;background-position: center;}
.about .about-l .about-cont{margin-left: 20%;margin-right: 50px;}
.about .about-l .about-cont .about-l-t{font-size: 32px; font-weight: bold; color: #222; width: 80%;padding-top: 80px;font-family: Verdana;}
.about .about-l .about-cont .about-l-cont{font-size: 18px; color: #444; line-height: 34px;margin-top: 70px;}
.about .about-l .about-cont a{ display: block; margin-top: 50px; width: 150px; height: 42px; background:#E63132; text-align: center; color: #fff; font-size: 16px; line-height: 42px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;}
.about .about-l .about-cont a:hover{color: #fff !important;background: rgb(33 140 228);}
.about .about-r img{display: block;max-width: 100%;}
/**************************************** about end **************************************/
/**************************************** show end **************************************/
.show{margin-top: 40px;}
.show .container{position: relative;}
.show img{display: block;max-width: 100%;margin: 0 auto;}
.show .tip{position: absolute;}
.show .tip.active i::after{opacity: 1;}
.show .tip i{display: flex; position: relative; background: #E63132; height: 40px; width: 40px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; cursor: pointer;}
.show .tip i img{ display: block; margin: auto; transition:0.5s ; -webkit-transition:0.5s ; -moz-transition:0.5s ; -ms-transition:0.5s ; -o-transition:0.5s ; }
.show .tip p{display: none; width: 630px;font-size: 16px;color: #444;line-height: 28px; background: #fff;box-shadow: 0px 2px 10px 1px rgba(70, 70, 70, 0.15);padding: 20px;box-sizing: border-box;position: absolute;}
.show .tip:hover i img{ transform:rotateZ(90deg) ; -webkit-transform:rotateZ(90deg) ; -moz-transform:rotateZ(90deg) ; -ms-transform:rotateZ(90deg) ; -o-transform:rotateZ(90deg) ; }
.show .tip1{top:-15%;left: 15%;}
.show .tip1 i::after{content: "";display: block;height: 130px;width: 1px;background: #E63132;position: absolute;left: 50%;bottom: 100%;opacity: 0;}
.show .tip1 p{top: -250px; left: -100px;}
.show .tip2{bottom:-10%;left: 8%;}
.show .tip2 i::after{content: "";display: block;height: 210px;width: 1px;background: #E63132;position: absolute;left: 50%;bottom: 100%;opacity: 0;}
.show .tip2 p{top: -320px; left: -35px;}
.show .tip3{top:0%;left: 48%;}
.show .tip3 i::after{content: "";display: block;height: 100px;width: 1px;background: #E63132;position: absolute;left: 50%;bottom: 100%;opacity: 0;}
.show .tip3 p{top: -220px; left: -35px;}
.show .tip4{bottom: 15%; right: 32%;}
.show .tip4 i::after{content: "";display: block;height: 210px;width: 1px;background: #E63132;position: absolute;left: 50%;bottom: 100%;opacity: 0;}
.show .tip4 p{top: -280px; left: -305px;}
/**************************************** show end **************************************/
/* * * * * * * * * * * * * * * * * * * * * * *why start* * * * * * * * * * * * * * * * * * * * * */
.why{margin-top: 80px; padding: 80px 0 60px; background: #F7F7F7;}
.why .why-box{margin-top: 60px;position: relative;}
.why .why-box img{display: block;max-width: 100%;}
.why .why-box .why-list{position: absolute;left: 0;top: 20%;}
.why .why-box .why-list ul{width: 280px;background-color: #E63132;}
.why .why-box .why-list ul li{ height: 60px;padding-left: 35px; line-height: 60px; background: transparent; color: #fff; font-size: 22px;transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }
.why .why-box .why-list ul li:hover,
.why .why-box .why-list ul li.active{background-color: #A7090A;cursor: pointer;}
.why .why-box .why-det{position: absolute;right: 40px;bottom: 40px; border: 2px solid #FFFFFF;}
.why .why-box .why-det ul li{display: none;margin: 10px;width: 510px; height: 290px;box-sizing: border-box;padding: 40px 20px 0; background: #FFFFFF;}
.why .why-box .why-det ul li .why-t{font-size: 26px;font-weight: bold;color: #E63132;line-height: 34px;}
.why .why-box .why-det ul li .why-cont{color: #333333; line-height: 34px; font-size: 16px;margin-top: 30px;}
/* * * * * * * * * * * * * * * * * * * * * * *why end* * * * * * * * * * * * * * * * * * * * * */
/***************************************** 轮播 start************************************/
.produ{padding: 50px 0 120px;}
/* .produ .container{width: 1300px;} */
.produ .swiper-container-produ{width: 100%;position: relative;overflow: hidden; padding: 0 10px 30px;box-sizing: border-box;}
.produ .swiper-button-next, .produ .swiper-button-prev{background:#E63132;color: #fff;height: 72px;width: 36px;}
.produ .swiper-button-next:after, .produ .swiper-button-prev:after{font-size: 30px;}
.produ .swiper-button-next{right: -80px;}
.produ .swiper-button-prev{left: -80px;}
.produ .swiper-slide .pro-pic{width: 100%;overflow: hidden;}
.produ .swiper-slide .pro-pic img{display: block;max-width: 100%;margin: 0 auto;transition: 0.5s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s;}
.produ .swiper-container-produ .swiper-slide:hover .pro-pic img{transform: scale(1.1);}
.produ .swiper-slide .pro-det{position: relative; background: #FFF; box-shadow: 0px 2px 10px 1px rgba(70, 70, 70, 0.16);}
.produ .swiper-slide .pro-det .pro-t{font-size: 18px;color: #000000;line-height: 34px;min-height: 68px; text-align: center;padding: 20px 10px;}
.produ .swiper-slide .pro-det .pro-c{ color: #444444; line-height: 30px; font-size: 16px;padding-bottom: 5px; width: 90%;margin: 0 auto;text-align: center;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
/***************************************** 轮播 end************************************/
/************************************** 输入框 start******************************/
.info{padding: 60px 0 50px;background-color: #f8f8f8;}
.info .container{display: flex;justify-content: space-between;margin-top: 60px;}
.info .container .info-l,
.info .container .info-r{width: 49%;}
.info .container .info-l input {display: block;box-sizing: border-box;padding-left: 20px;margin-bottom: 20px; width: 100%;height: 56px;background: #FFFFFF;}
.info .container .info-r textarea{background-color: #fff;display: block;width: 100%;box-sizing: border-box;padding: 20px;}
.info form button{ width: 537px; height: 50px; background: #E63132; color: #fff; font-size: 22px; margin: 0 auto; display: block; margin-top: 30px; cursor: pointer; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.info form button:hover{background-color: #E63132;}
/************************************** 输入框 end******************************/
/************************************* footer start***************************/
.footer{ background: #E63132;padding-top: 10px;}
.footer .foot{display: flex;justify-content: space-between;margin-bottom: 10px;}
.footer .foot .foot-l{width: 20%;box-sizing: border-box;padding-left: 30px;}
.footer .foot .foot-l .foot-logo{padding:20px 0;}
.footer .foot .foot-l .foot-logo img{display: block;max-width: 100%;}
/* .footer .foot .foot-l .foot-link a{display: inline-block;vertical-align: middle ;margin-right: 10px;height: 26px;}
.footer .foot .foot-l .foot-link a img{display: block;max-height: 100%; } */
.foot-link a{display: inline-block;vertical-align: middle ;margin-right: 10px;height: 26px;}
.foot-link a img{display: block;max-height: 100%; }
.footer .foot .foot-l .tel{color: #F7F7F7;margin-top: 15px;}
.footer .foot .foot-l .tel span{ font-size: 18px;margin-bottom: 10px;}
.footer .foot .foot-l .tel p{ font-size: 16px;line-height: 24px;}
.footer .foot .foot-l .tel p:nth-of-type(1){margin-bottom: 10px;}
.footer .foot .foot-r{width: 80%;display: flex;justify-content: space-between;}
.footer .foot .foot-r dl{padding: 0 30px;width: 25%; box-sizing: border-box;color: #fff;position: relative;}
.footer .foot .foot-r dl::after{content: "";display: block;height: 100%;width: 1px;background: url("../images/line.png")no-repeat;background-size: contain;position: absolute;right: 0;top: 0;}
.footer .foot .foot-r dl a{color: #fff;display: block;}
.footer .foot .foot-r dl dt a{ font-size: 18px; font-weight: bold;margin:25px 0 10px;white-space: nowrap;}
.footer .foot .foot-r dl dd a{ font-size: 14px;margin-bottom: 10px;}
.footer .foot .foot-r dl a:hover{color: #eaeaea !important;}
.footer .cpy{line-height: 40px;text-align: right ;border-top: 1px solid rgba(255, 255, 255, 0.2); font-size: 14px; color: rgba(255, 255, 255, 0.8);}
.footer{display: none !important;}
.footer2{background: #E63132;padding: 10px 0;}
.footer2 .container{display: flex;justify-content: space-between;align-items: center;}
.footer2 .more_text{line-height: 40px;text-align: right;font-size: 14px;color: rgba(255, 255, 255, 0.8);}
@media screen and (max-width:999px) {
.footer2 .container{display: block;text-align: center;}
.footer2 .more_text{text-align: center;line-height: 20px;margin-top: 10px;}
}
/************************************* footer end***************************/
@media screen and (max-width:1499px) {
.container{width: 1170px;}
.head2 .t_nav{margin-left: 30px;}
.head2 .t_nav ul>li{margin-right: 15px;}
.search_box{margin-right: 20px;}
.search_box .int{width: 110px;}
.lang_box span{margin: 0 2px;}
.about .about-l .about-cont .about-l-t{margin-top: 20px;width: 100%;font-size: 28px;padding-top: 40px;}
.about .about-l .about-cont .about-l-cont{line-height: 30px;margin-top: 30px;font-size: 16px;}
.about .about-l .about-cont a{margin-top: 40px;}
.choose .cho-list ul li .cho-pic{height: auto;}
.produ .container{width: 1100px;}
.produ .swiper-button-prev{left: -40px;}
.produ .swiper-button-next{right: -40px;}
.footer .foot .foot-r dl{padding: 0 10px;}
.footer .foot .foot-l{padding-left: 10px;}
.footer .foot .foot-l .foot-link a{margin-right: 5px;}
}
@media screen and (max-width:1250px) {
.head2 .t_nav{margin-left: 10px;}
.container{width: 1140px;}
.about .about-l .about-cont .about-l-t{margin-top: 20px ;padding-top: 30px;}
.about .about-l .about-cont .about-l-cont{margin-top: 20px;line-height: 26px;}
.show .tip3 p{left: -165px;}
}
@media screen and (max-width:1199px) {
.tb-tit{font-size: 28px}
.head2 .t_nav ul>li{margin-right: 12px;}
.search_box .int{width: 80px;}
.container{width: 100%;box-sizing: border-box;padding: 0 20px;}
.header{display: none;}
.header_zw{height: 50px;}
.wap_header{display: block;}
.w_header .logo{height: 50px;margin-top: 0;}
.choose .cho-top ul{margin: 0 auto;}
.choose .cho-top ul::after{display: none;}
.choose .cho-top ul li{line-height: 20px;font-size: 14px;}
.produ .container{width: 80%;margin: 0 auto;}
.footer{padding: 0;}
.footer .foot{display: none;}
.choose .cho-list ul li{width: 24%;margin-right: 1%;}
.choose .cho-list ul li:nth-of-type(5n){margin-right: 1%;}
.choose .cho-list ul li:nth-of-type(4n){margin-right: 0;}
.about .about-l .about-cont .about-l-t{margin-top: 0;padding-top: 40px;font-size: 24px;}
.about .about-l .about-cont .about-l-cont{line-height: 24px;margin-top: 20px;font-size: 14px;}
.about .about-l .about-cont a{margin-top: 20px;}
.why .why-box .why-det{right: 20px;bottom: 30px;}
.produ .container{width: 90%;}
.produ .swiper-button-prev{left: -18px;}
.produ .swiper-button-next{right: -18px;}
.produ .swiper-slide .pro-det .pro-t{padding: 10px 0;line-height: 30px;}
.produ .swiper-slide .pro-det .pro-c{font-size: 14px;line-height: 20px;}
.info form button{width: 60%;}
.choose .cho-top{margin: 60px 0 0;}
}
@media screen and (max-width:1000px) {
.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 10px;}
.choose .cho-top ul{flex-wrap: wrap;}
.choose .cho-top ul li{width: 23%;margin-bottom: 20px;text-align: center;}
.choose .cho-top ul li::after{left: 47%;bottom: -15px;}
.choose .cho-list{margin-top: 20px;}
.choose .cho-list ul li{width: 32%;margin-right: 1%;}
.choose .cho-list ul li:nth-of-type(3n){margin-right: 1%;}
.choose .cho-list ul li:nth-of-type(4n){margin-right: 1%;}
.choose .cho-list ul li:nth-of-type(5n){margin-right: 1%;}
.about .about-l{width: 100%;padding: 20px 0;}
.about .about-l .about-cont{margin: 0 auto; width: 80%;}
.about .about-l .about-cont .about-l-t{padding-top: 20px;}
.about .about-l .about-cont a{height: 36px;line-height: 36px;}
.about .about-r{width: 100%;}
.show{margin: 10px 0;}
.show .tip.active i::after{opacity: 0;}
.show .tip{position:inherit;top: auto;left: auto;bottom: auto;right: auto;margin-top: 20px;font-size: 14px;line-height: 24px;}
.show .tip i{display: none;}
.show .tip p{display: block !important;width: 100%;position: relative;top: auto;left: auto;bottom: auto;right: auto;}
.why .why-box img{display: none;}
.why .why-box .why-list{position: relative;}
.why .why-box .why-list ul{width: 100%;}
.why .why-box .why-list ul::after{content: "";display: block;clear: both;}
.why .why-box .why-list ul li{width: 50%;float: left;box-sizing: border-box;color: #fff;}
.why .why-box .why-list ul li:hover, .why .why-box .why-list ul li.active{color: #fff;}
.why .why-box .why-det{position: relative; right: auto;bottom: auto;border: 2px solid #9ee6ff;}
.why .why-box .why-det ul{ min-height: 250px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
.why .why-box .why-det ul li{width: auto;box-sizing: border-box;padding: 30px 20px 0;height: auto;background: none;}
.produ{padding: 30px 0;}
}
@media screen and (max-width:800px) {
.banner .banner-link{display: none;}
.banner .swiper-pagination-bullet{width: 28px; height: 4px;}
.choose .cho-list ul li{width: 49%;}
.choose .cho-list ul li:nth-of-type(3n){margin-right: 1%;}
.choose .cho-list ul li:nth-of-type(4n){margin-right: 1%;}
.choose .cho-list ul li:nth-of-type(5n){margin-right: 1%;}
.choose .cho-list ul li:nth-of-type(2n){margin-right: 0;}
.about{margin-top: 20px;}
.why .why-box .why-list ul li{font-size: 16px;height: 50px;line-height: 50px;}
}
@media screen and (max-width:600px) {
.tb-tit {font-size: 22px;}
.choose .cho-top ul li{width:49%;}
.choose .cho-list ul li{width: 49%;}
.choose .cho-list ul li .cho-det p{font-size: 12px;padding: 10px 0;}
.choose .cho-list ul li .cho-det .lm{padding: 10px 0;}
.about .about-l .about-cont .about-l-t{font-size: 20px;}
.why .why-box .why-list ul li{padding-left: 10px;font-size: 14px;}
.why .why-box .why-det ul li .why-cont{font-size: 14px;line-height: 28px;}
.produ .swiper-button-next, .produ .swiper-button-prev{width: 30px;}
.info .container{flex-wrap: wrap;}
.info .container .info-l, .info .container .info-r{width: 100%;}
.footer .cpy{padding: 10px 0; line-height: 20px;}
}
/*分页样式*/
.pagesDiv {clear:both;width:100%;margin:0 auto;line-height:25px;padding:10px 0px 10px 0px;}
.pages {height:30px;color:#666666;margin-top:5px;text-align:center;}
.pages a:link,.pages a:visited {color:#666666;}
.pages a,.pages a:link {text-decoration:none;padding:2px 5px;border:1px solid #DDDDDD;background:#FFFFFF;margin:0px 2px;font-size:12px;color:#666666;text-align:center;}
.pages a:hover {background:#FB9007;color:#FFFFFF;border:1px solid #E63132;text-decoration:none;text-align:center;padding:2px 5px;}
.pages .cpb {font-weight:bold;color:#FFFFFF;background:#FB9007;border:1px solid #E63132;text-align:center;margin:0px 2px;padding:2px 5px;}
.pages .intext {width:30px;border:1px solid #7F9DB9;height:19px;line-height:19px;}
.pagination {text-align:center;}
.pagination li {display:inline-block;color:#333333;height:30px;line-height:30px;margin:0px 5px 0px 0px;vertical-align:middle;}
.pagination li a {float:left;display:block;height:25px;line-height:25px;padding:0 10px;font-size:13px;border:1px solid #dddddd;color:#555555;text-decoration:none;}
.pagination li a:hover {background:#FB9007;color:#ffffff;}
.pagination li a.thisclass {background:#FB9007;color:#ffffff;border:1px solid #E63132;cursor:default;}
.pagination li a.thisclass:hover {background:#FB9007;color:#ffffff;border:1px solid #E63132;cursor:default;}
.pagination li .pageinfo {line-height:21px;padding:12px 10px 12px 16px;color:#999999;}
.pagination li .pageinfo strong {color:#555555;font-weight:normal;}
.pagination table {text-align:center;margin:10px 0px 0px 25%;}
.pagination table td {padding:0px 2px;}
#pages {padding:20px 0;text-align:right;}
#pages a {display:inline-block;height:30px;line-height:30px;background:#ffffff;border:1px solid #e3e3e3;text-align:center;color:#333333;padding:0 14px;}
#pages a.a1 {background:url('../images/pages.png') no-repeat 0 5px;padding:0 5px;}
#pages a:hover {background:#f1f1f1;color:#000000;text-decoration:none;}
#pages span {display:inline-block;height:30px;padding:0 14px;line-height:30px;background:#E63132;border:1px solid #E63132;color:#ffffff;text-align:center;}
#pages .noPage {display:inline-block;height:22px;line-height:22px;background:url('../images/titlebg.png') repeat-x 0 -55px;border:1px solid #e3e3e3;text-align:center;color:#a4a4a4;}
.ol-cont{height: 130px;overflow: hidden;}
.ol-cont>div{height: 100% !important;}
.ol-cont ul{margin-bottom: 10px;}
.ol-cont ul li ul li:first-child{font-weight: bold;margin-bottom: 5px;}
.ol-cont ul li ul li i{display: inline-block;vertical-align: middle;margin-right: 3px; height: 18px;width: 18px;background-color: #fff;border-radius: 50%;}
.ol-cont ul li ul li i img{display: block;width: 100%;}
.ol-cont ul li{font-size: 14px;line-height: 26px;}
@media screen and (max-width: 1499px){
.ol-cont{height: 120px;}
.ol-cont ul{margin-bottom: 20px;}
.ol-cont ul li{font-size: 12px;line-height: 22px;}
}