body{background: #fff;font-size:14px;font-family: Arial,"Helvetica Neue", Helvetica, sans-serif;color:#333;max-width: 1920px;margin:0 auto;}
*{margin:0;padding:0;box-sizing: border-box;}
ul,dl,dd,dt,h2,p,h3,h4,h1{margin:0;}
ul,li{list-style: none;}
i{font-style: normal;}
a{cursor: pointer;color:inherit;}
a:hover,a:focus{text-decoration: none;color:inherit;}

.fs80{font-size: 64px;line-height: 1;}
.fs50{font-size:44px;}
.fs46{font-size:40px;}
.fs45{font-size:39px;}
.fs44{font-size:38px;}
.fs40{font-size:36px;}
.fs38{font-size:34px;}
.fs34{font-size:30px;}
.fs28{font-size:24px;}
.fs26{font-size:22px;}
.fs24{font-size:20px;}
.fs23{font-size:19px;}
.fs22{font-size:18px;}
.fs21{font-size:17px;}
.fs20{font-size:16px;}
.fs18{font-size:16px;}
.fs17{font-size:15px;}

.fl{float:left;}
.fr{float:right;}
.img-responsive{display: block;margin:0 auto;}
.flex,.flexC{ display: -webkit-box;display: -webkit-flex; display: -ms-flexbox; display: flex;}
.flex>.sub,.flexC>.sub{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden;}
.flexC{-webkit-flex-direction: column; flex-direction: column;}
.sb{justify-content: space-between;}
.jc{justify-content: center;}
.ai{align-items: center;}
.wrap{flex-wrap: wrap;}
.oneLine{white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;}
.twoLine{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.threeLine{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;}


.header{width: 100%; height: auto;}
.header .header_top{width: 100%; height: 35px; border-bottom: 1px solid #eee; background: #fff;}
.header .header_top .welcome{font-size: 14px; color: #7c7c7c; line-height: 35px;}
.header .header_top .top_menu{height: 35px;}
.header .header_top .top_menu li{float: left; font-size: 14px; color: #7c7c7c; line-height: 35px;}
.header .header_top .top_menu li a{font-size: 14px; color: #7c7c7c; line-height: 35px;}
.header .header_top .top_menu span{display: block; float: left; margin: 9px 15px; width: 2px; height: 14px; background: #f6f6f6;}
.header .header_top .top_menu li.lg{margin-left: 35px;}
.header .header_menu{width: 100%; height: 120px; background: #fff;}
.header .header_menu .logo{height: 90px; margin-top: 15px;}
.header .header_menu .logo img{display: block; height: 100%;}
.header .header_menu .tel{height: 70px; margin-top: 30px; padding-left:40px; background: url(../images/icon1.png) no-repeat 0 15px;  }
.header .header_menu .tel p{font-size: 16px; color: #414141; line-height: 30px;}
.header .header_menu .tel strong{font-size: 31px; color: #c81622; line-height: 30px;}

.header .header_menu .tel1{height: 70px; margin-top: 30px; padding-left:40px; background: url(../images/icon2.png) no-repeat 0 15px;   }
.header .header_menu .tel1 p{font-size: 16px; color: #414141; line-height: 30px;}
.header .header_menu .tel1 strong{font-size: 31px; color: #c81622; line-height: 30px;}

.header .header_menu .tel2{height: 70px; margin-top: 30px; padding-left:40px; background: url(../images/icon3.png) no-repeat 0 15px;  }
.header .header_menu .tel2 p{font-size: 16px; color: #414141; line-height: 30px;}
.header .header_menu .tel2 strong{font-size: 31px; color: #c81622; line-height: 30px;}


.header .header_nav{width: 100%; height:50px; background: #072954;}
.header .header_nav .nav_container>ul>li{width: 14.28%; float: left; line-height:50px; text-align: center; position: relative;}
.header .header_nav .nav_container>ul>li.lg{display: none;}
.header .header_nav .nav_container>ul>li>a{display: block; width: 100%; color: #fff; line-height:50px; font-size: 16px; padding: 0; position: relative;}
.dropdown-menu{margin:0;padding:0;box-shadow: none;border:none;font-size:16px;text-align: center;border-radius:0;left:50%;transform: translateX(-50%); min-width: 100%; background: #232323;}
.dropdown-menu li a{display: block;white-space: nowrap;padding:8px 10px;position: relative;transition: all .3s; color: #fff;}
.header_nav li a.active, .header_nav li:hover a{background: #790d31; color: #fff !important;}
.dropdown-menu li a:hover{background: #6a0224; color: #fff;}

.header .header_menu .wap_menu {width:30px;height:35px;position: relative;border:none!important;cursor: pointer;padding:0;display: none;}
.header_menu .button_menu{width: 30px;height: 25px;position: absolute;top:5px;left:0;}
.header_menu .button_menu span {display:block;width:100%;height:3px;background-color:#000;position:absolute;left:0;-moz-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;transition:all .36s ease;}
.header_menu .button_menu span:nth-child(1) {top:0}
.header_menu .button_menu span:nth-child(2) {top:50%;transform: translateY(-50%);}
.header_menu .button_menu span:nth-child(3) {bottom:0}

.hot_sear{width: 100%; height: 90px; background: #fff; border-bottom: 2px solid #eee;}
.hot_sear .hot{font-size: 14px; line-height: 90px;}
.hot_sear .hot span{color: #333; font-weight: bold;}
.hot_sear .hot p{color: #333; display: inline-block;}
.hot_sear .search{width: 300px; height: 44px; margin-top: 23px; position: relative;}
.hot_sear .search input[type="text"]{width: 100%; height: 100%; color: #333; border: 1px solid #c9c9c9; padding: 0 60px 0 10px; background: none; outline: none;}
.hot_sear .search input[type="submit"]{width: 50px; height: 100%; padding: 0; border: none; background: #c81622 url(../images/search.png) no-repeat center; outline: none; position: absolute; right: 0; top: 0;}

.ibanner{position: relative;}
.ibanner .slide-item{position: relative;overflow: hidden;color:#fff;}
.ibanner .slide-item .slide-item-img{max-width: 100%;}
.swiper-pagination-bullet{width: 14px; height: 14px; margin: 0 10px !important; background: #6b6b6b; border-radius: 50%; opacity: 1;}
.swiper-pagination-bullet-active{background: #c81622; opacity: 1;}

.section{width: 100%;}
.section_title{margin-bottom: 30px;}
.section_title h3{font-size: 35px; color: #333; line-height: 1; text-align: center;}
.section_title h3 strong{color: #c81622; font-weight: normal; margin-right: 2px;}
.section_title span{display: block; width: 20px; height: 2px; background: #676c6a; margin: 18px auto;}
.section_title p{font-size: 24px; color: #333; line-height: 1; text-align: center;}

.section_service{background: url(../images/mapbg.jpg) no-repeat center; padding: 50px 0;}
.service_box li{float: left; width: 25%; text-align: center;}
.service_box li h4{margin: 0 0 14px; font-size: 16px; line-height: 44px; font-weight: bold;}
.service_box li .num{font-size: 16px;}
.service_box li .num strong{font-size: 40px; line-height: 1; padding-right: 5px;}
.service_box li small{font-size: 14px; color: #999;}
.service_box li p{margin: 30px 0 0; padding: 0 50px;}
.section_service .more {display: block; margin: 0 auto; line-height: 40px; width: 220px; background-color: #c81622; color: #fff; text-align: center; border-radius: 20px; margin-top: 50px;}

.section_pro{background: #fff; padding: 50px 0;}
.pro_box{width: 100%; overflow: hidden;}
.pro_tabs{width: 22.5%;}
.pro_tabs h2{width: 100%; height: 80px; background:  #333333 ; font-size:25px; color: #fff; line-height: 80px; text-align: center;}
.pro_tabs ul{width: 100%; border: 1px solid #333333; background: #fff;}
.pro_tabs ul li{height: 50px; font-size: 16px; color: #333; line-height:50px; text-align: center; border-left: 1px solid transparent; border-bottom: 1px solid #e4e4e4;}
.pro_tabs ul li:last-child{border-bottom: none;}
.pro_tabs ul li:hover{ color: #790d31;}
.pro_tabs ul li a{display: block; width: 100%; height: 100%; font-weight: bold;}
.pro_tabs .pro_num{width: 100%; height: 90px; background: #c81622 url(../images/pro_numbg.png) no-repeat center; border: 1px solid #ccc; margin-top: 20px; padding-left: 85px; position: relative;}
.pro_tabs .pro_num i{display: block; width: 43px; height: 43px; background: url(../images/pro_numicon.png) no-repeat center; background-size: cover; position: absolute; left: 25px; top: 50%; transform: translateY(-50%);}
.pro_tabs .pro_num p{font-size: 18px; color: #fff; line-height: 30px; margin-top: 15px;}
.pro_tabs .pro_num span{font-size: 18px; color: #fff; line-height: 30px;}
.pro_wrap{width: 75%;}
.pro_wrap .pro_scroll{width: 100%; padding: 30px 0; background: #fff;}
.pro_wrap .pro_scroll .swiper-slide{padding: 0 30px;}
.pro_wrap .pro_scroll .pro_img{width: 48%; float: left;}
.pro_wrap .pro_scroll .pro_img img{display: block; width: 100%; height: 250px; object-fit: cover;}
.pro_wrap .pro_scroll .pro_cont{width: 48%; float: right;}
.pro_wrap .pro_scroll .pro_cont h3{font-size: 18px; color: #343434; line-height: 30px; margin: 0; font-weight: bold;}
.pro_wrap .pro_scroll .pro_cont span{display: block; width: 30px; height: 4px; background: #c81622; margin: 18px 0;}
.pro_wrap .pro_scroll .pro_cont p{height: 120px; font-size: 16px; color: #838383; line-height: 30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.pro_wrap .pro_scroll .pro_cont a{display: block; width: 170px; height: 45px; background: #c81622; font-size: 14px; color: #fff; line-height: 45px; text-align: center; margin-top: 15px;}
.pro_scroll .swiper-button-next, .pro_scroll .swiper-button-prev{width: 20px; height: 46px; background: #a4a4a4; outline: none;}
.pro_scroll .swiper-button-next:hover, .pro_scroll .swiper-button-prev:hover{background: #c81622;}
.pro_scroll .swiper-button-prev{left: 0px;}
.pro_scroll .swiper-button-next{right: 0px;}
.pro_scroll .swiper-button-next:after, .pro_scroll .swiper-button-prev:after{font-size: 16px; color: #fff;}
.pro_wrap .pro_ul{width: 100%;   overflow: hidden;}
.pro_wrap .pro_ul li{width:100%; float: left; margin-bottom: 2%; background: #fff; padding:15px;    border: 1px solid rgb(231, 234, 241);  }
.pro_wrap .pro_ul li:last-child{margin-right: 0;}
.pro_wrap .pro_ul li a{display: block; width: 100%;}
.pro_wrap .pro_ul li a img{display: block; width: 100%;}
.pro_wrap .pro_ul li a h3{height: 22px; font-size: 22px; color: #333; line-height: 22px; font-weight: bold; padding-right: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(../images/pro_mr.png) no-repeat center right; margin: 10px 0 8px;}
.pro_wrap .pro_ul li a p{height: 40px; font-size: 15px; color: #838383; line-height: 20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.pro_wrap .pro_ul li a:hover h3{ color:#082853}

.section_youshi{padding-bottom: 50px;}
.youshi_ban{width: 100%; background: url(../images/youshi_bg.png) no-repeat center; background-size: cover; padding: 70px 0 50px;}
.youshi_ban h3{font-size: 36px; color: #fff; line-height: 1; text-align: center; font-weight: bold;}
.youshi_ban h4{font-size: 24px; color: #fff; line-height: 1; text-align: center; margin: 20px 0;}
.youshi_ban p{width: 300px; height: 40px; border: 1px solid #fff; font-size: 16px; color: #fff; line-height: 40px; text-align: center; margin: auto;}
.youshi_box{width: 100%; margin-top: 30px;}
.youshi_img{width: 50%;}
.youshi_img img{display: block; width: 100%;}
.youshi_cont{width: 48%;}
.youshi_cont li:nth-of-type(2){margin-top: 30px;}
.youshi_cont h3{font-size: 30px; color: #33333; line-height: 40px; margin-bottom: 20px; font-weight:bold; padding-top:15px;}
.youshi_cont h3 span{font-size: 40px; color: #b5b3b4; float: left; margin-right: 20px;}
.youshi_cont p{font-size: 15px; color: #707070; line-height: 30px;}
.youshi_cont .Amore{font-size: 16px;  line-height: 50px;    background: #999999; border-radius: 4px;color: #ffffff;  padding: 10px 20px; transition: all .5s;}
.youshi_zw{height: 50px; clear: both;}

.section_news{padding: 50px 0;}
.news_box{width: 100%;}
.news_box li{width: 30%; float: left; margin-right: 5%; transition: all 0.6s;}
.news_box li:nth-of-type(3n){margin-right: 0;}
.news_box li img{display: block; width: 100%;}
.news_box li .cont{padding: 12px; position: relative;}
.news_box li .time{width: 85px; height: 85px; position: absolute; left: 12px;    border: 1px solid #333;  border-radius: 100%;}
.news_box li .time strong{display: block; font-size: 30px; color: #333; text-align: center; font-weight: normal;}
.news_box li .time span{display: block; font-size: 16px; color: #333; text-align: center;}
.news_box li h3{font-size: 16px; color: #333; line-height: 20px; padding-left: 95px; margin: 6px 0 12px; transition: all 0.5s;}
.news_box li p{font-size: 14px; color: #666; line-height: 24px;padding-left: 95px;}
.news_box li:hover{box-shadow: 0 0 25px #aaa;}
.news_box li:hover .time{background: #082953; color:#fff}
.news_box li:hover .time strong,.news_box li:hover .time span{  color:#fff}
.news_box li:hover h3{color: #082953;}

.section_about{background: url(../images/about_bg.jpg) no-repeat center top; padding-top: 50px;}
.section_about .section_title{width: 320px; height: 90px; background: rgba(255,255,255,.7); margin: auto; padding-top: 15px;}
.section_about .section_title h3{font-size: 30px; color: #333; line-height: 40px;}
.section_about .section_title p{font-size: 16px; color: #333; line-height: 24px;}
.about_box{width: 100%; overflow: hidden; margin-top: 50px; background: #fff; padding: 48px; box-shadow: 0 8px 8px #ccc;}
.about_img{width: 36%;}
.about_img img{display: block; width: 100%;}
.about_cont{width: 60%;}
.about_cont p{font-size: 14px; color: #333; line-height: 36px; text-align: justify;}
.about_cont .Amore{font-size: 16px; color: #c81622; line-height: 50px;}

.section_partner{padding: 50px 0;}
.section_partner .swiper-slide{border: 1px solid #ddd;}
.section_partner .swiper-container .Amore{display: block; width: 140px; height: 35px; border: 1px solid #ebebeb; font-size: 14px; color: #333; line-height: 35px; text-align: center; margin: auto; margin-top: 35px;}
.section_partner .swiper-container .Amore:hover{background: #c81622; border-color: #c81622; color: #fff;}
.section_partner .swiper-button-next, .section_partner .swiper-button-prev{width: 50px; height: 35px; border: 1px solid #ebebeb; top: unset; bottom: 0;}
.section_partner .swiper-button-prev{left: 36%;}
.section_partner .swiper-button-next{right: 36%;}
.section_partner .swiper-button-next:after, .section_partner .swiper-button-prev:after{font-size: 14px; color: #333;}
.section_partner .swiper-button-next:hover, .section_partner .swiper-button-prev:hover{background: #c81622; border-color: #c81622;}
.section_partner .swiper-button-next:hover:after, .section_partner .swiper-button-prev:hover:after{color: #fff;}

.footer{width: 100%; background: #790d31;}
.footnav{display: flex; justify-content: space-between; padding: 28px 0 20px; border-bottom: 1px solid rgba(255,255,255,.3);}
.footnav li{line-height: 16px; color: #fff;}
.footnav span{display: block; width: 2px; height: 16px; background: rgba(255,255,255,.3);}
.foottool{display: flex; justify-content: space-between; padding: 28px 0 25px;}
.footlogo{padding-top:46px;}
.footinfo{padding-top: 16px;}
.footinfo img{float: left; margin-right: 20px; margin-top: 8px;}
.footinfo .infocont{float: left;}
.footinfo .infocont h3{font-size: 16px; color: #fff; line-height: 30px;}
.footinfo .infocont p{font-size: 14px; color: #fff; line-height: 30px;}
.footcode img{max-width: 125px;}
.footcode  p{ color:#fff; text-align:center; padding-top:5px;}
.otherinfo{width: 100%; background: #082954; font-size: 12px; color: #fff; text-align: center; line-height: 24px; padding: 8px 0;} 


@media (max-width:1200px){
 .fs80{font-size:60px;}
 .fs50{font-size:40px;}
 .fs46{font-size:38px;}
 .fs45{font-size:37px;}
 .fs44{font-size:36px;}
 .fs40{font-size:34px;}
 .fs38{font-size:32px;}
 .fs34{font-size:28px;}
 .fs28{font-size:22px;}
 .fs26{font-size:20px;}
 .fs24{font-size:19px;}
 .fs23{font-size:18px;}

 .header .header_nav .nav_container>ul>li>a{padding: 0 15px;}
 .service_box li p{padding: 0 30px;}
 .pro_tabs .pro_num{padding-left: 70px;}
 .pro_tabs .pro_num i{width: 40px; height: 40px; left: 18px;}
 .youshi_cont h3{margin-bottom: 10px;}
 .youshi_cont li:nth-of-type(2){margin-top: 20px;}
 .youshi_zw{height: 40px;}
 .about_cont p{line-height: 30px;}
 .section_partner .swiper-button-prev{left: 34%;}
 .section_partner .swiper-button-next{right: 34%;}
 .footinfo img{margin-right: 10px;}
}

@media (max-width:992px){
 .fs80{font-size:50px;}
 .fs50{font-size:36px;}
 .fs46{font-size:34px;}
 .fs45{font-size:33px;}
 .fs44{font-size:32px;}
 .fs40{font-size:30px;}
 .fs38{font-size:28px;}
 .fs34{font-size:24px;}
 .fs28{font-size:20px;}
 .fs26{font-size:18px;}
 .fs24{font-size:18px;}
 .fs23{font-size:17px;}
 .fs22{font-size:16px;}
 .fs18{font-size:15px;}

 .header .header_top{display: none;}
 .header .header_menu .wap_menu{display: block; margin: 18px 0 0;}
 .header .header_menu{height: 70px;}
 .header .header_menu .logo{max-height: 60px; margin-top: 5px;}
 .header .header_menu .tel, .header .header_menu .tel1, .header .header_menu .tel2{display: none;}
 .header .header_nav{height: 0; background: none;}
 .header .header_nav .nav_container{width: 250px; height: 100%; background: #ccc; position: fixed; left: -250px; top: 0; z-index: 1000; text-align: center; padding: 20px 0; font-size: 15px;}
 .header .header_nav .nav_container>ul>li{display: block; margin: 0; text-align: left; padding: 0 4%; width: 100%; border: none;}
 .header .header_nav .nav_container>ul>li.lg{display: block;}
 .header .header_nav .nav_container>ul>li>a{padding: 12px; border-bottom: 1px solid #aaa; color: unset; line-height: 1.42857143; font-size: unset;}
 .header_nav li:hover a{background: unset !important; color: unset !important;}
 .header_nav li a.active{background: unset !important; color: #c81622 !important;}
 .header_nav li a.active::after{content: unset;}
 .dropdown-menu{display: block; position: unset; transform: translateX(0); background: unset; float: unset; width: 100%; min-width: unset; font-size: 14px;}
 .header .header_nav li{text-align: left; padding: 0 12%;}
 .dropdown-menu li a{padding: 10px; border-bottom: 1px solid #aaa; color: unset;}
 .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a.active{background: unset !important; color: unset !important;}
 .hot_sear .hot{display: none;}

 .section_title h3{font-size: 30px;}
 .section_title span{margin: 15px auto;}
 .section_title p{font-size: 20px;}

 .service_box li p{padding: 0 10px;}
 .pro_tabs h2{height: 60px; line-height: 60px; font-size: 24px;}
 .pro_tabs .pro_num{padding-left: 20px; height: 80px;}
 .pro_tabs .pro_num i{display: none;}
 .pro_tabs .pro_num p{margin-top: 10px;}
 .youshi_ban{padding: 50px 0 35px;}
 .youshi_ban h3{font-size: 30px;}
 .youshi_cont h3{font-size: 24px; line-height: 30px;}
 .youshi_cont h3 span{font-size: 30px;}
 .youshi_cont p{line-height: 24px;}
 .news_box li{width: 32%; margin-right: 2%;}
 .about_box{padding: 30px;}
 .about_cont p{line-height: 24px;}
 .section_partner .swiper-button-prev{left: 30%;}
 .section_partner .swiper-button-next{right: 30%;}

 .foottool{display: block; padding: 10px 0 20px; overflow: hidden;}
 .footlogo, .footinfo, .footcode{width: 50%; float: left; margin: 15px 0;}
 .footlogo img, .footcode img{display: block; margin: auto;}

}

@media (max-width:767px){
 .fs80{font-size:40px;}
 .fs50{font-size:32px;}
 .fs46{font-size:30px;}
 .fs45{font-size:29px;}
 .fs44{font-size:26px;}
 .fs40{font-size:24px;}
 .fs38{font-size:22px;}
 .fs34{font-size:20px;}
 .fs28{font-size:18px;}
 .fs26{font-size:17px;}
 .fs24{font-size:16px;}
 .fs23{font-size:16px;}
 .fs18{font-size:14px;}

 .header .header_menu .wap_menu{display: block; margin: 13px 0 0;}
 .header .header_menu{height: 60px;}
 .header .header_menu .logo{max-height: 50px; margin-top: 5px;}
 .hot_sear{height: 70px;}
 .hot_sear .search{width: 100%; height: 40px; margin-top: 15px;}

 .section_title h3{font-size: 24px;}
 .section_title span{margin: 12px auto;}
 .section_title p{font-size: 16px;}

 .section_service{padding: 30px 0;}
 .service_box li{width: 50%; margin-bottom: 30px;}
 .service_box li h4{line-height: 20px;}
 .service_box li .num strong{font-size: 30px;}
 .service_box li p{margin-top: 10px; padding: 0 8px;}
 .section_service .more{width: 200px; margin-top: 0;}
 .section_pro{padding: 30px 0;}
 .pro_tabs{width: 100%;}
 .pro_tabs h2{height: 50px; line-height: 50px; font-size: 20px;}
 .pro_tabs ul{font-size: 0;}
 .pro_tabs ul li{display: inline-block; width: 50%;}
 .pro_tabs .pro_num{display: none;}
 .pro_wrap{width: 100%;}
 .pro_wrap .pro_scroll .pro_img{width: 100%; margin-bottom: 20px;}
 .pro_wrap .pro_scroll .pro_img img{height: auto;}
 .pro_wrap .pro_scroll .pro_cont{width: 100%;}
 .pro_wrap .pro_scroll .pro_cont span{margin: 12px 0;}
 .pro_wrap .pro_scroll .pro_cont p{height: auto; line-height: 24px; font-size: 14px;}
 .pro_wrap .pro_scroll .pro_cont a{height: 40px; line-height: 40px;}
 .pro_wrap .pro_ul li{width: 100%; margin-right: 0; margin-bottom: 20px;}
 .pro_wrap .pro_ul li:last-child{margin-bottom: 0;}
 .section_youshi{padding-bottom: 30px;}
 .youshi_ban{padding: 30px 0 30px;}
 .youshi_ban h3{font-size: 20px;}
 .youshi_ban h4{font-size: 18px; margin: 15px 0;}
 .youshi_ban p{width: 250px; height: 35px; font-size: 14px; line-height: 35px;}
 .youshi_box{margin-top: 20px;}
 .youshi_img{width: 100%; margin-bottom: 20px;}
 .youshi_cont{width: 100%;}
 .youshi_cont h3{font-size: 20px;}
 .youshi_cont h3 span{font-size: 24px;}
 .youshi_zw{height: 20px;}
 .section_news{padding: 30px 0;}
 .news_box li{width: 100%; margin-right: 0; margin-bottom: 20px;}
 .news_box li:last-child{margin-bottom: 0;}
 .news_box li .time strong{font-size: 26px; line-height: 42px;}
 .section_about{padding-top: 30px;}
 .section_about .section_title h3{font-size: 24px;}
 .about_box{margin-top: 30px; padding: 20px; padding-top: 25px;}
 .about_img{width: 100%; margin-bottom: 18px;}
 .about_cont{width: 100%;}
 .about_cont p{line-height: 20px;}
 .section_partner .swiper-container .Amore{margin-top: 25px;}
 .section_partner .swiper-button-prev{left: 10%;}
 .section_partner .swiper-button-next{right: 10%;}
 .section_partner{padding: 30px 0;}

 .footnav{display: none;}
 .foottool{padding: 20px 0 20px;}
 .footlogo, .footinfo, .footcode{width: 100%; margin: 10px 0;}
 .footlogo{padding-top: 0;}
 .footinfo{padding-top: 0; display: flex; align-items: flex-start;}
}

.section_case{background: #fafafa; padding: 50px 0;}
.section_case .team-swiper{margin-top:30px;}
.section_case .swiper-slide{width: 43.4%;transform-origin: center;}
.section_case .swiper-slide .item-img{overflow:hidden;position: relative;padding-bottom:76%;background-repeat: no-repeat;background-size: cover;background-position: center;}
.section_case .mask{position: absolute;left:0;top:0;width:100%;height:100%;background: rgba(0,0,0,.57);opacity: 1;transition:all .3s;}
.section_case .swiper-slide-active .mask{opacity: 0;}
.section_case .swiper-btn{top:50%; outline: none;width: 45px;height: 45px;border:2px solid #fff;border-radius:100%;overflow: hidden;text-align: center; z-index: 100; outline: none;}
.section_case .swiper-btn:hover{border-color: #c81622;}
.section_case .swiper-btn:hover::after{color: #c81622;}
.section_case .swiper-button-prev{left:0;}
.section_case .swiper-button-next{right:0;}
.section_case .swiper-btn::after{color:#fff;font-size:24px;}
.section_case .swiper-slide h3{text-align:center;height: 50px;line-height: 50px; font-size:18px;color:#fff;opacity: 1;transition: all .3s;position: absolute; left: 0; bottom: 0;}
.section_case .swiper-slide-active h3{opacity: 1; background: #c81622;}
.section_case .swiper-slide p{text-align:center;font-size:14px;color:#fff;opacity: 0;transition: all .3s;}
.section_case .swiper-slide-active p{opacity: 1;}
.team-swiper .swiper-pagination-bullet{width: 12px; height: 12px; background: #fff; margin: 7px 17px !important; outline: none;}
.team-swiper .swiper-pagination-bullet-active{width: 26px; height: 26px; background: #fff; border: 7px solid #e4adae; margin: 0 10px !important;}

.progress-box ul{padding:20px 0 50px;}
.progress-box li{float:left;width:12%;margin-right:2.66%;position: relative;}
.progress-box li:last-child{margin-right:0;}
.progress-box .progress-item{background: url(../images/progress-bg.png) no-repeat center;background-size: 100% 100%;padding:30px 0;font-size:16px;color:#333;line-height: 1;text-align: center;}
.progress-box .progress-item p{margin-top:14px;}
.progress-box .progress-item .item-icon img{display: inline-block;}
.progress-box li .icon-arrow{position: absolute;right:-16%;top:50%;transform: translate(-50%,-50%);width:5px;height:9px;background: url(../images/icon-arrow.jpg) no-repeat center;background-size: contain;}
.progress-box li:last-child .icon-arrow{display: none;}
.progress-box .zixun{width: 400px; height: 60px; background: #c81622; border-radius: 30px; font-size: 20px; color: #fff; line-height: 60px; font-weight: bold; text-align: center; margin: 0 auto 60px;}
.progress-box .zixun span{font-size: 30px; vertical-align: middle;}

@media (max-width:1200px){
.section_case .swiper-btn{width:54px;height: 54px;}
.section_case .swiper-btn::after{font-size:30px;}
.section_case .swiper-slide h3{font-size:18px;}
.progress-box li{width: 13%; margin-right: 1.5%;}
.progress-box .progress-item{padding:24px 0;}
.progress-box .progress-item p{margin-top:8px;}
.progress-box li .icon-arrow{right:-10%;}
}
@media (max-width:992px){
.section_case .swiper-slide h3{font-size:16px; height: 40px; line-height: 40px;}
.section_case .swiper-btn{width:46px;height: 46px;border-width: 2px;margin-top:-41px;}
.section_case .swiper-btn::after{font-size:24px;}
}
@media (min-width:767px) and (max-width:992px){
.progress-box ul li{width:20%;margin-right:6.66%;margin-bottom: 40px;float:left;}
.progress-box ul li:nth-child(4), .progress-box ul li:nth-child(5){margin-right:0;} 
.progress-box ul li:last-child{margin-right: 6.66%;}
.progress-box .progress-item{padding:35px 0;}
.progress-box ul li .icon-arrow{right:-20%;} 
.progress-box ul li:nth-child(n+5){float:right;}
.progress-box ul li:nth-child(5) .icon-arrow,.progress-box ul li:nth-child(6) .icon-arrow,.progress-box ul li:nth-child(7) .icon-arrow{right:auto;left:-20%;transform: translate(50%,-50%) rotate(180deg);}
.progress-box ul li:nth-child(4) .icon-arrow{top:108%;transform: translate(50%,50%) rotate(90deg);right:50%;}
.progress-box ul{padding:20px 0;}
}
@media (max-width:767px){
 .section_case{padding: 30px 0;}
 .section_case .swiper-button-next{right:15px;}
 .section_case .swiper-button-prev{left:15px;}
 
 .progress-box ul{padding:0;}
 .progress-box li{margin-bottom: 30px;width:46%;margin-right:8%;float:left;}
 .progress-box .progress-item{font-size:14px;padding: 48px 0;}
 .progress-box .progress-item .item-icon img{max-width: 40px;}
 .progress-box .progress-item p{margin-top:10px;}
 .progress-box li:nth-child(4n+2),.progress-box li:nth-child(4n+3){margin-right:0!important;float:right;}
 .progress-box li .icon-arrow{right:-12%;}
 .progress-box li:nth-child(2n+2) .icon-arrow{margin-top:4px;top:100%;transform: translate(50%,50%) rotate(90deg);right:50%;}
 .progress-box li:nth-child(4n+3) .icon-arrow{right:auto;left:-12%;transform: translate(50%,-50%) rotate(180deg);}
 .progress-box .zixun{width: 300px; height: 50px; line-height: 50px; font-size: 16px; margin: 0 auto 30px;}
 .progress-box .zixun span{font-size: 24px;}

 .section_case .swiper-btn{width: 40px; height: 40px;}
 .team-swiper .swiper-pagination{bottom: 4px;}
 .team-swiper .swiper-pagination-bullet{margin: 7px 10px !important;}
 .team-swiper .swiper-pagination-bullet-active{margin: 0 3px !important;}
}
.location{line-height: 60px;background: #f4f3f3;overflow: hidden;}
.location .sitepath a{}
.location .sitepath a::after{content:'>';}
.location .sitepath a:last-child::after{content:'';}
.location .menu li{position: relative; font-size:16px;}
.location .menu li i{position: absolute;bottom: 0;left: 50%;width: 0;height: 3px;background-color: #082954;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.location .menu li{float:left;margin-left:30px;}
.location .menu li:hover i,
.location .menu li.active i{width: 100%;margin-left: -50%;}
.location .menu li:hover a,
.location .menu li.active a{color: #082954;}
.about-box{padding:60px 0 60px;  overflow: hidden;}
.about-box .txtcon{color: #2a333c;line-height: 30px; font-size:16px;}
.about-box .txtcon {  background: #ffffff;  padding: 30px;  border: 1px solid #e7eaf1; border-radius: 5px; box-shadow: 0 1px 3px rgba(0, 37, 55, 0.05);
}
@media (max-width:767px){
  .location .sitepath{font-size:13px;}
  .location .sitepath,.location .menu{width:100%;float:none;line-height: 40px;}
  .location .menu{text-align: center;}
  .location .menu li{float:none;margin:0 15px;display: inline-block;}
}

.imghover{transition: all linear .6s;}
.imghover:hover{transform: scale(1.06);}
.full_img{width:100%;height: 100%;object-fit: cover;object-position: center;position: absolute;left:0;top:0;}

.product-list{ padding:70px 0;}
.product-list .pro-list{margin-left:-1.6%;margin-right:-1.6%;text-align:center;color:#000}
.product-list .pro-list li{padding:0 1.6% 40px}
.product-list .pro-list .pro-item .item-img{position:relative;overflow:hidden;padding-bottom:89%}
.product-list .pro-list .pro-item .item-img img{position:absolute;left:0;top:0}
.product-list .pro-list .pro-item:hover img{transform:scale(1.08)}
.product-list .pro-list .item-name{line-height:1;padding:40px 10px;    color: #7b7b7b; background-color: #ffffff; font-size:16px;}
.product-list .pro-list li:hover   .item-name{ color:#082954}

.pager{text-align: center;font-size:0;font-family: 'jt';margin:0;margin-top:65px;}
.pager .met_pager a{font-size:14px;padding:0 10px;line-height: 40px;display: inline-block;letter-spacing: 0;min-width: 55px;background: #e5e5e5; overflow: hidden;color:#000;}
.pager .met_pager a.PreA,.pager .met_pager a.NextA{padding:0 25px;}
.pager .met_pager a.Ahover,.pager .met_pager a:hover{background: #082954;color:#fff;}
@media (max-width:1700px){
.product-list .pro-list li{padding:0 1.6% 30px}
.product-list .pro-list .item-name{padding:30px 10px}
}
@media (max-width:1230px){
.product-list .pro-list li{padding-bottom:25px}
.product-list .pro-list .item-name{padding:25px 10px}
}
@media (max-width:767px){
.product-list .pro-list .item-name{font-size:14px}
.product-list .pro-list li{padding-bottom:16px}
.product-list .pro-list .item-name{padding:16px 10px}
}
 
.product-detail{ padding:40px 0;overflow:hidden}
.product-paras li{float:left;line-height:1;min-width:12%;text-align:center;margin-right:15px}
.product-paras li p{display:block;padding:15px 15px;letter-spacing:2px;cursor:pointer;transition:all .3s}
.product-paras li.active p,.product-paras li:hover p{background:#082954;color:#fff}
.pro-detail img{ max-width:100%; height:auto;}

/*news detail*/
.news-detail{ padding:40px 0; overflow: hidden;}
.news-detail h1{text-align: center; letter-spacing: 2px; color:#333333}
.news-detail .dtinfo{margin: 20px 0; text-align: center; color:#333}
.news-detail .dtinfo span{margin: 0 10px;}
.news-detail .caseimg{margin-bottom: 30px;}
.news-detail .caseimg img{display: block; max-width: 100%; margin: auto;}
.news-detail .content{font-size: 16px; line-height: 1.8; color:#333}
.news-detail .content img{max-width: 100%;}
.news-detail .news-epx{margin: 30px auto 0; overflow: hidden;}
.news-detail .news-epx li{width: 49%; float: left; padding: 0 15px; line-height: 40px; background: #ccc; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news-detail .news-epx li:first-child{margin-right: 2%;}
@media (max-width: 992px){
 .news-detail .news-epx li{width: 100%; margin: 5px 0;}
 .news-detail .news-epx li:first-child{margin-right: 0;}
}
@media (max-width: 767px){
 .news-detail{padding:20px 0;}
 .news-detail .dtinfo{margin: 15px 0;}
 .news-detail .dtinfo span{margin: 0 5px; font-size:12px}
 .news-detail .caseimg{margin-bottom: 20px;}
 .news-detail .news-epx{margin: 20px auto 0;}
 .news-detail h1{ font-size:18px;}
 .news-detail .content{ font-size:14px}
}


/*pro*/
@media (min-width: 1800px){
.product-box{padding:115px 0;}
}
.product-box{padding:70px 0;}
.product-left{float:left;width: 19%;}
.product-content{float:left;width: 81%;}
.category-box{box-shadow: 2.12px 2.12px 10px 0 rgba(6,0,1,.3);}
.category-box .backBtn{position:absolute;width:45px;left:0;top:0;height:100%;vertical-align:top;background:#f5f8fa;display: none;}
.category-box .backBtn i{position:absolute;top:50%;margin-top:-20px;width:100%;height:40px;display:block;text-align:center;line-height:40px;font-size:24px;color:#7b8a96;padding:0; transform: rotate(-90deg);}
.category-box .moveBtn{display: none;line-height: 35px;text-align: center;margin:18px auto;width:200px;border-radius:999px;border:2px solid #313131;font-size:16px;}
.category-top{padding:15px 0;color:#fff;background: #082954;}
.category-top i{margin-right: 15px;float:left;width:44px;height: 44px;background: url(../images/icon-pro.png) no-repeat left center;background-size: auto 100%;}
.category-box .content p{transition: all linear .3s;padding:15px 0;line-height: 24px;border-bottom: 1px solid #e5e5e5;position: relative;}
.category-box .content .item-link{padding-left:20px;border-left:10px solid transparent;}
.category-box .content .ejBox{display: none;color:#7d7d7d;text-align: center;}
.category-box .content li .item-link:hover,.category-box .content li .item-link.on,.category-box .content li .item-link.active{border-left-color: #082954;}
.category-box .content li p:hover,.category-box .content li .item-link.on,.category-box .content li p.active{background: #b2daf8;}
.ejBox-child p{padding-left: 20px;font-size:14px;}
.category-box .content li .hasChild i{position: absolute;right:12%;top:50%;width: 16px;margin-top:-8px;height: 16px;background: url(../images/icon-pro-arrow.png) no-repeat center;background-size: 100% auto;transition: all linear .3s;transform: rotate(90deg);}
.category-box .content li .hasChild.on i{transform: rotate(0);}
.product-content{padding-left: 20px;}
.product-content li{padding:0 0 10px 40px;}
.product-content .proLi{position: relative;}
.product-content .porTbox{position: relative;padding-bottom: 80%;overflow: hidden;}
.product-content .proImg{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;z-index:1;transition: all linear .3s;}
.product-content .proMask{max-width: 60%;z-index:2;}
.product-content .proMask img{max-height: 50px;opacity: 0.2;}
.product-content .showBox{z-index:3;position:absolute;top:0px;left:0px;width:100%;height:100%;opacity:0;background:rgba(49,49,49,.7);transition:all 0.5s ease;color:#fff;}
.product-content .showBoxLink{width: 60%;z-index:4;text-align: center;padding:14px 0;}
.product-content .showBoxLink::before,.product-content .showBoxLink::after{content:'';position:absolute;top:0px;left:50%;transform:translateX(-50%);width:60%;height:1px;background:#fff;transition:all .5s ease;}
.product-content .showBoxLink::after{top:auto;bottom:0;}
.product-content .porBbox {    background: #fff;  border: 1px solid #e7eaf1; border-radius: 5px; box-shadow: 0 1px 3px rgba(0, 37, 55, 0.05);  padding: 15px 30px; margin-bottom: 15px;}
.product-content  .biao{ color:#2a333c; font-size:22px;  }
.product-content .desc{ color:#707070; font-size:16px; line-height:30px}
.product-content .porBbox p{text-overflow: ellipsis;overflow: hidden;}
.product-content .proLi:hover .proImg{transform: translate( -50% ,-50%) scale(1.1);}
.product-content .proLi:hover .showBox{opacity: 1;}
.product-content .proLi:hover .showBoxLink::before,.product-content .proLi:hover .showBoxLink::after{width:30px;}
.product-content .proLi:hover .biao{ color:#082954;}
.product-content .item-date{ margin-top:15px}

@media (max-width: 1200px){
  .product-left{width: 22%;}
  .product-content{width: 78%;padding-left: 10px;}
  .product-content li{padding:0 0 25px 30px;}
  .category-top{padding:15px 18px;}
  .category-top i{width:36px;height: 36px;}
  .category-box .content p{padding:13px 0;}
  .category-box .content .item-link{padding:13px 15px;border-left-width:6px;}
}

@media (max-width: 800px){
  .product-left{width: 100%;}
  .product-content{width: 100%;padding:0;}
  .product-box{padding:40px 0;}
  .inner-txt{padding-top: 60px;}
  .inner-txt .title{margin-bottom: 12px;}
  .inner-txt .en-tit{margin-bottom: 15px;}
  .inner-txt .line{height: 3px;margin-bottom: 20px;}
  .category-box{padding-bottom: 1px;margin-bottom: 30px;box-shadow: none;border:1px solid #f0f0f0;}
  .category-top{padding:12px 18px;}
  .category-top i{width: 30px;height: 30px;}
  /*.category-box .content{display: none;}*/
  .category-box .moveBtn,.category-box .backBtn{display: block;}
  .contentBox{position: fixed;top:0;width: 100%;left:100%;background: #fff;z-index:1000;bottom:0;overflow-y: auto;font-size:0;padding-left:45px;}
  .product-content ul{margin-left:-10px;margin-right: -10px;}
  .product-content li{padding:0 10px 20px;}
  .product-content .porBbox{padding:12px;}
}
@media (max-width: 600px){

 
  .category-top{padding:6px 18px;}
  .product-box{padding:35px 0;}
  .category-box .moveBtn{width:180px;}
  .category-box{margin-bottom: 25px;}
  .product-content ul{margin-left:0;margin-right: 0;}
  .product-content li{padding: 0 0 14px;}
  .product-content .biao{ font-size:18px;}
  .product-content .desc{ font-size:14px;    line-height: 24px;}

}
.pro-detail{     padding-left: 20px;float:left;width: 81%;}
.pro-detail h1{text-align: center; letter-spacing: 2px; color:#333333}
.pro-detail .dtinfo{margin: 20px 0; text-align: center; color:#333}
.pro-detail .dtinfo span{margin: 0 10px;}
.pro-detail .caseimg{margin-bottom: 30px;}
.pro-detail .caseimg img{display: block; max-width: 100%; margin: auto;}
.pro-detail .content{font-size: 16px; line-height: 1.8; color:#333}
.pro-detail .content img{max-width: 100%;}
.pro-detail .pro-epx{margin: 30px auto 0; overflow: hidden;}
.pro-detail .pro-epx li{width: 49%; float: left; padding: 0 15px; line-height: 40px; background: #ccc; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.pro-detail .pro-epx li:first-child{margin-right: 2%;}
@media (max-width: 992px){
 .pro-detail .pro-epx li{width: 100%; margin: 5px 0;}
 .pro-detail .pro-epx li:first-child{margin-right: 0;}
}
@media (max-width: 767px){
 .pro-detail{padding:20px 0;}
 .pro-detail .dtinfo{margin: 15px 0;}
 .pro-detail .dtinfo span{margin: 0 5px; font-size:12px}
 .pro-detail .caseimg{margin-bottom: 20px;}
 .pro-detail .pro-epx{margin: 20px auto 0;}
 .pro-detail h1{ font-size:18px;}
 .pro-detail .content{ font-size:14px}
}

.contact-con .contact-detail{ padding:40px 24.5%;color:#a3afb7}
.contact-con .contact-detail .title{color:#a3afb7;margin-bottom:10px}
.contact-con .contact-detail .form{margin-top:30px}
.contact-con .contact-detail .form-item input,.contact-con .contact-detail textarea{width:100%;background:#fff;border: 1px solid #e4eaec;outline:none}
.contact-con .contact-detail .form-item input{line-height:50px;padding:0 16px}
.contact-con .contact-detail textarea{padding:15px 16px;height:120px}
.contact-con .contact-detail .form-item{margin-bottom:20px}
.contact-con .contact-detail .submit-btn{margin:5px auto 0;background:none;color:#fff;min-width:140px;padding:14px 18px;text-align:center;    background: #333333;outline:none;transition:all linear .3s}
.contact-con .contact-detail .submit-btn:hover{background:#790d31;color:#fff}
 
@media (max-width:1200px){.contact{padding:60px 0 80px}
.contact-con>div{width:48%}
.contact-top{margin-bottom:50px}
.contact-con .contact-detail{padding:40px 4%}
.contact-con .contact-detail .submit-btn{padding:15px 20px}
}
@media (max-width:992px){.contact-top{margin-bottom:30px}
.contact-con .contact-detail{padding:30px 20px}
.contact-con .contact-detail .form-item input{line-height:46px}
.contact-con .contact-detail .form-item{margin-bottom:16px}
.contact-con .contact-detail .submit-btn{padding:12px 18px}
}
@media (max-width:767px){.contact-con>div{width:100%}
.contact-top{margin-bottom:10px}
.contact-top li .item-icon{max-width:80px;margin-bottom:20px}
.contact-top li{margin-bottom:25px}
.contact-top li h2{margin-bottom:10px}
.contact-top li p{font-size:15px}
.contact{padding:30px 0 40px}
.contact-con .contact-detail{margin-bottom:25px;padding-top:25px}
.contact-con .contact-detail .title{font-size:20px;font-weight:bold}
}

