@charset "utf-8";
.clear{clear: both;}
html, body {
    height: 100%;
}


body{
width: 100%;
margin: 0;
overflow-x: hidden;
font-family:"思源黑体 Regular","微软雅黑",arial;

}
*{box-sizing:border-box; margin:0px; padding:0px;   
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
* {
	margin: 0;
	padding: 0;
	outline: none;
}

html { height: 100%; }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 {line-height: 1.1;  font-size: 100% ;}
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
/* body, input, select, button, textarea {} */
body { line-height: 1.5;
-webkit-user-select:none; 
    -moz-user-select:none; 
    -ms-user-select:none; 
    user-select:none;}
    div{-webkit-tab-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; } 
a:link,
a:visited,
a:active,
a { text-decoration: none;}
a:hover {}
a,a:hover,a:active,a:visited,a:link,a:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
outline:none;
background:auto;
text-decoration: none;
}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 
img{display: block;width: 100%;height: auto;}



*::-webkit-scrollbar {
            width: 0px; 
            height: 10px;
        }
*::-webkit-scrollbar-thumb {
            border-radius: 5px;
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0);
            background:#ec7700;
        }
*::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
                    border-radius: 5px;
            background: #c1c9cf;}
            



/*公共部分*/
.w88{width: 88%;max-width: 1600px;margin: 0 auto;}
.more{display: inline-block;padding: 10px 35px;font-szie:18px; border: 1px solid #081f5e;color: #FFFFFF;background: #081F5E;}
.more i{display: inline-block;width: 30px;margin-left: 10px;}
.margin-t{margin-top: 50px;}
.t-space{padding-top: 100px;}
.d-space{padding-bottom: 100px;}
.td-space{padding: 100px 0;}
.txt-c{width: 100%;height: auto;}
.txt-c p{font-size: 18px;color:#000000;}
.title{width: 100%;height: auto;}
.title b{font-size: 35px;color: #081F5E;}
.title p{font-size: 20px;color: #666;margin-top: 10px;}
.title .line{width:40px;height: 4px; display: block;margin-top: 10px;background: #D2102F;}

@media only screen and (max-width:1680px) {
.t-space{padding-top: 90px;}
.d-space{padding-bottom: 90px;}
.td-space{padding: 90px 0;}
.title b{font-size: 32px;}
.title p{font-size: 18px;}
.margin-t{margin-top: 45px;}
.more{font-size:16px;padding: 10px 30px;}
}
@media only screen and (max-width:1440px) {
.t-space{padding-top: 80px;}
.d-space{padding-bottom: 80px;}
.td-space{padding: 80px 0;}
.title b{font-size:28px;}
.title p{font-size: 17px;}
.txt-c p{font-size:16px;}
.margin-t{margin-top:40px;}
.more{font-size:15px;padding: 10px 25px;}
}
@media only screen and (max-width:1280px) {
.t-space{padding-top: 70px;}
.d-space{padding-bottom: 70px;}
.td-space{padding: 70px 0;}
.title b{font-size: 26px;}
.title p{font-size: 16px;}
.txt-c p{font-size:15px;}
.margin-t{margin-top:35px;}
}
@media only screen and (max-width:1024px) {
	.w88{width:90%;}
	.title b{font-size: 24px;}
	.title p{font-size: 15px;}
	.margin-t{margin-top: 35px;}
	.txt-c p{font-size:14px;}
	.more{font-size:14px;padding: 10px 25px;}
	.more i{width:25px;}
	.td-space{padding: 60px 0;}
	.t-space{padding-top: 50px;}
}
@media only screen and (max-width:720px) {
	.title b{font-size: 24px;}
	.title p{font-size: 15px;}
	.margin-t{margin-top: 35px;}
	.td-space{padding: 50px 0;}
	.t-space{padding-top: 35px;}
}

.header{padding: 0 0% 0 2%; border-bottom: 1px solid rgba(255,255,255,0.2); width: 100%;position: fixed;top: 0;z-index: 9999;height: auto;}
.header .logo{margin-top: 25px; width: 200px;height: auto;float: left; vertical-align: middle;}
.header .logo .img2{display: none;}
.header .menu{width: calc(100% - 300px);float:left;border-left: 1px solid rgba(155,255,255,0.1);}
.header .menu .navbox{text-align: right; padding: 0 4.5%;  border-right: 1px solid rgba(255,255,255,0.1); float: left; width: calc(100% - 175px);font-size: 0;}
.header .menu .navbox li{position: relative; display: inline-block;vertical-align: top; margin:  0 1.5%;line-height: 90px;}
.header .menu .navbox li a{font-size:20px;color: #FFFFFF;}
.header .menu .navbox li:hover >a{color:#d2102f}
.header .menu .navbox li.cut >a{color:#d2102f}

.header .menu .navbox li .downs{text-align:center; display: none; width:240px;position: absolute;top: 100%;left: calc(50% - 90px);border-bottom: 3px solid #d2102f;}
.header .menu .navbox li .downs  a{padding:0 5%; background:#081f5e;color:#fff; border-bottom: 1px solid rgb(255,255,255,0.1); line-height:40px;font-size: 16px; display: block;}
.header .menu .navbox li .downs  a:hover{background:#d2102f; color:#fff;}
.header .menu .lang{font-size: 20px;text-align: center;line-height: 90px; color: #FFFFFF; width: 175px;float: right; position: relative;}
.header .menu .lang>a{display: inline-block; padding-left: 35px;position: relative; color: #FFFFFF;}
.header .menu .lang>a:before{content: "";position: absolute;left: 0;top: calc(50% - 12.5px); width:25px;height:25px;background: url(../img/a001.png)center;background-repeat: no-repeat;background-size:25px 25px;}
.header .menu .lang>a i{width: 20px;height: auto;display: inline-block;margin-left: 10px;vertical-align: middle;}
.header .menu .lang>a i .img2{display:none}
.header .menu .navbox li:hover .downs{display:block;transition: all 0.3s;}
.header .search{border-left:1px solid rgba(0,0,0,0.1); width:100px;position: absolute;text-align: center; height: 100%;right: 0;}
.header .search img{width:30px;height: auto;display: inline-block;margin-top: 30px;}
.header .menu .lang .lang-show{display:none; position: absolute;width: 100%;background: rgba(255,255,255,0.9); height: auto; top: 100%;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%);  -moz-transform: translateX(-50%);}
.header .menu .lang .lang-show a{display:block;line-height: 35px;color: #000;border-bottom: 1px solid rgba(0,0,0,0.1);}
.header .menu .lang:hover .lang-show{display:block;}
.header .menu .lang .lang-show a:hover{color:#fff;background: #d2102f;}
.header .search .search-box{display:none; width:450px;height: auto;position: fixed;background: #fff;position: absolute;top: 100%;right: 0;}
.search-box form{display:block;width: 100%;height: auto;position: relative;}
.search-box form .c1{width: 100%;line-height: 20px;font-size: 16px; padding: 15px;border: none; border-bottom: 1px solid rgba(0,0,0,0.1);background: none;}
.search-box form .tj{ width: 50px; height:50px;background:url(../img/a002.png) #fff center no-repeat;background-size:30px 30px; position:absolute;border:none;right: 0;top: 0;}
.header .search:hover .search-box{display:block;}

.header{background:#fff;border-bottom: 1px solid rgba(0,0,0,0.1);}
.header .menu .navbox  li a{color:#000} 
.header .logo .img1{display:none}
.header .logo .img2{display:block}
.header .menu .lang{border-left:1px solid rgba(0,0,0,0.1)}
.header .menu .lang>a{color:#000;}
.header .menu .lang>a:before{background: url(../img/a001s.png) center no-repeat;background-size: cover;}
.header .menu .lang>a i .img1{display:none}
.header .menu .lang>a i .img2{display:block;}

.header .toggle{display: none; width:20px;height:18px;position: absolute;right: 5%;top:17.5px;}
.header .toggle span{margin-top: 8px; display: block;width: 20px;height: 2px;background:#d0000d;}
.header .toggle:before {content: "";position: absolute;left: 0;top: 0;height: 2px;background:#d0000d;width: 100%;}
.header .toggle:after{content: "";position: absolute;left: 0;bottom:0;height: 2px;background:#d0000d;width: 100%;}
.header .toggle.open span{display: none;}
.header .toggle.open:before{transform: rotate(45deg)translateY(4px)translateX(7.5px);}
.header .toggle.open:after{transform: rotate(-45deg)translateY(-4px)translateX(7.5px);}
 body.body-page-bks{display: block;width: 100%;height: 100%;overflow: hidden;position: fixed;top: 0;left: 0;}
.header .menu .mb-search{display:none;}


@media only screen and (max-width:1680px) {
.header .search{width:90px;}
.header .menu .nav li a{font-size:18px;}
.header .menu .navbox li a{font-size: 18px;}
.header .logo{width: 170px;}
.header .menu .nav li{margin: 0 1.5%}
.header .menu{width:calc(100% - 260px);}
.header .menu .lang{font-size:17px;width: 160px;}
.header .menu .navbox{width: calc(100% - 160px);padding: 0 4%;}
}
@media only screen and (max-width:1440px) {	
.header .search{width: 80px;}
.header .menu .nav li a{font-size:15px;}
.header .menu .navbox li a{font-size: 16px;}
.header .logo{width: 150px;}
.header .menu{width:calc(100% - 230px);}
.header .menu .nav li{margin: 0 1.5%}
.header .menu .lang{font-size:15px;}
.header .menu .lang{font-size:15px;width: 150px;}
.header .menu .navbox{width: calc(100% - 150px);padding: 0 2%;}
.header .menu .lang>a{padding-left:30px;}
.header .menu .lang>a:before{top:calc(50% - 10px); width: 20px;height: 20px;}
}

@media only screen and (max-width:1280px) {
.header .search{width:65px;}
.header .menu .nav li a{font-size:13px;}
.header .menu .navbox li a{font-size: 16px;}
.header .logo{width: 140px;}
.header .menu{width:calc(100% - 205px);}
.header .menu .nav li{margin: 0 0.2%}
.header .menu .lang{font-size:14px;width: 100px;}
.header .menu .navbox{width: calc(100% - 100px);padding: 0 1%;}
}
@media only screen and (max-width:1024px) {
	.header .menu .mb-search form{width:90%;margin: 0 auto;position: relative;}
	.header .menu .mb-search form .c1{width: 100%;font-size: 14px; line-height: 25px;padding: 10px;border:none;background: none; border-bottom: none;}
	.header .menu .mb-search form .tj{ width: 50px; height:50px;background:url(../img/a002.png) rgba(0,0,0,0) center no-repeat;background-size:30px 30px; position:absolute;border:none;right: 0;top: 0;}
	
	.header .menu .nav li a{font-size:14px;}
	.header .menu .mb-search{display:block;}
	.header .lang{display:none;}
	.header .search{display:none;}
	.header{height: 55px;background: #fff;border-bottom: 1px solid #ededed;}
	.header .logo{width:160px;margin-top: 10px;}
	.header .logo .img1{display:none}
	.header .logo .img2{display:block}
	.header .toggle{display: block;}
	.header .menu{display:none;position: fixed;top: 55px;left: 0;background: #f9f9f9;width: 100%;max-height:100%;overflow-y: auto}
	.header .menu  .navbox{z-index: 999;box-shadow: 0 0 10px rgba(0,0,0,0.2);  border-top: 1px solid #d0000d;padding-left: 0; text-align: left;background: #f9f9f9;  width: 100%;float: none;}
	.header .menu .navbox li>a{padding: 0 0% 0 5%;line-height: 1;color:#202020;font-size: 16px;font-weight: bolder;}
	.header .menu  .navbox li{line-height:25px; display: block;margin: 0; width: 100%;height: auto;padding: 15px 10% 15px 0%;border-bottom: 1px solid rgba(0,0,0,0.1);}
	.header .menu  .navbox li:before{display: none;}	
	.header .menu  .navbox li.twosub{position: relative;}
	.header .menu  .navbox li.twosub .downs{width: 115%;height: auto;left: 0; position: relative; text-align: left;background: #f9f9f9;}
	.header .menu  .navbox li.twosub .downs a{padding: 10px 5%;line-height: 35px;}
	.header .menu  .navbox li.twosub .downs a:last-child{border-bottom: none;}
	.header .menu .navbox li.twosub .downs:before{display: none;}
	.header .menu  .navbox li.twosub:after{content: "";position: absolute;right: 5%;top: 20px;border-top:6px solid #999;border-bottom: 6px solid rgba(0,0,0,0);border-left:6px solid rgba(0,0,0,0);border-right: 6px solid rgba(0,0,0,0);}
	.header .menu  .navbox li.twosub:hover .downs{display: none;}
	.header .menu  .navbox li:last-child{border-bottom: none;}
	.header .menu  .navbox li.twosub.active .downs{display: block;}	
}




.banner{width: 100%;height: auto;z-index: 0; margin-top: 97px;}
.banner .banner-js{width: 100%;height: auto;z-index: 0;}
.banner .banner-js .pic{position: relative; width: 100%;height: auto;}
.banner .banner-js .pic img{display: block;width: 100%;height: auto;}
.banner .banner-js .pic .con{position: absolute;top: 25%;left: 10%;}
.banner .banner-js .pic .con h5{color: #FFFFFF;font-size:36px;}
.banner .banner-js .pic .con .view{display: block;margin-top: 45px; font-size: 18px;color: #FFFFFF;}
.banner .banner-js .pic .con .view i{display: inline-block;width: 30px;height: auto;}

.banner .banner-js .swiper-pagination{bottom:calc(100px + 5%);width: 88%;line-height: 1; max-width: 1600px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%); font-family: "MB";text-align: left; color: #fff;}
.banner .banner-js .swiper-pagination span{color:#fff;font-size: 24px;display: inline-block; vertical-align: top;}
.banner .banner-js .swiper-pagination span:first-child{font-size:80px;}

.banner .banner-js .swiper-button-next{
    background-image: url(../img/next.png);
    right: 6%;
    left: auto;
}
.banner .banner-js .swiper-button-prev{
    background-image: url(../img/prev.png);
    right:calc(6% + 80px);
    left: auto;
}
.banner .banner-js .swiper-button-next, .banner .banner-js .swiper-button-prev {
    position: absolute;top: auto;bottom: calc(100px + 5%); width:80px;height: 80px;margin-top: 0px;z-index: 10;background-size:80px 80px;background-position: center;background-repeat: no-repeat;
}

@media only screen and (max-width:1680px) {
.banner .banner-js .swiper-button-next{right:6%;}
.banner .banner-js .swiper-button-prev{ right:calc(6% + 70px);}
.banner .banner-js .swiper-button-next, .banner .banner-js .swiper-button-prev {bottom:calc(90px + 5%); width:70px;height: 70px;;background-size:70px 70px;}
.banner .banner-js .swiper-pagination span{font-size: 22px;}
.banner .banner-js .swiper-pagination span:first-child{font-size:70px;}
.banner .banner-js .pic .con h5{font-size:34px}
.banner .banner-js .pic .con .view{font-size:16px;margin-top: 35px;}
.banner .banner-js .swiper-pagination{bottom:calc(90px + 5%);}
}
@media only screen and (max-width:1440px) {
.banner .banner-js .swiper-button-next{right:6%;}
.banner .banner-js .swiper-button-prev{ right:calc(6% + 60px);}
.banner .banner-js .swiper-button-next, .banner .banner-js .swiper-button-prev {bottom:calc(80px + 5%); width:60px;height: 60px;;background-size:60px 60px;}
.banner .banner-js .swiper-pagination span{font-size: 20px;}
.banner .banner-js .swiper-pagination span:first-child{font-size:60px;}
.banner .banner-js .pic .con h5{font-size:32px}
.banner .banner-js .pic .con .view{font-size:15px;margin-top: 30px;}
.banner .banner-js .swiper-pagination{bottom:calc(80px + 5%);}
}
@media only screen and (max-width:1280px) {
.banner .banner-js .swiper-button-next{right:6%;}
.banner .banner-js .swiper-button-prev{ right:calc(6% + 50px);}
.banner .banner-js .swiper-button-next, .banner .banner-js .swiper-button-prev {bottom:calc(70px + 5%); width:50px;height: 50px;;background-size:50px 50px;}
.banner .banner-js .swiper-pagination span{font-size: 18px;}
.banner .banner-js .swiper-pagination span:first-child{font-size:55px;}
.banner .banner-js .swiper-pagination{bottom:calc(70px + 5%);}
.banner .banner-js .pic .con h5{font-size:30px}
}
@media only screen and (max-width:1024px) {
	.banner{margin-top:55px;}
	.banner .banner-js .swiper-button-next{right:5%;}
	.banner .banner-js .swiper-button-prev{ right:calc(5% + 35px);}
	.banner .banner-js .swiper-button-next, .banner .banner-js .swiper-button-prev {bottom:calc(50px + 5%); width:35px;height: 35px;;background-size:35px 35px;}
.banner .banner-js .swiper-pagination span{font-size: 16px;}
.banner .banner-js .swiper-pagination span:first-child{font-size:50px;}
.banner .banner-js .pic .con h5{font-size:26px}
.banner .banner-js .pic .con .view{font-size:14px;margin-top: 25px;}
.banner .banner-js .swiper-pagination{bottom:calc(50px + 5%);}

}
@media only screen and (max-width:720px) {
	.banner .banner-js .swiper-button-next{right:5%;}
	.banner .banner-js .swiper-button-prev{ right:calc(5% + 30px);}
.banner .banner-js .swiper-button-next, .banner .banner-js .swiper-button-prev {bottom:calc(40px + 5%); width:30px;height: 30px;;background-size:30px 30px;}
.banner .banner-js .swiper-pagination span{font-size: 15px;}
.banner .banner-js .swiper-pagination span:first-child{font-size:30px;}
.banner .banner-js .pic .con h5{font-size:16px}
.banner .banner-js .pic .con .view{font-size:14px;margin-top: 20px;}
.banner .banner-js .swiper-pagination{bottom:calc(35px + 5%);}
}




.inpro{width:100%;height: auto;z-index: 999;position: relative;}
.inpro .title{width:100%; margin: 0 auto; text-align: center;}
.inpro .title p{width:80%;margin: 0 auto;margin-top: 10px;}
.inpro .title p a{color:#666;}
.inpro .inpro-list{position: relative; width:100%;height: auto;font-size: 0;}
.inpro .inpro-list .inpro-js{width: 100%;height: auto;position: relative;}
.inpro .inpro-list .li{ padding:5% 0; text-align:center;width:100%;height:auto;display: inline-block;vertical-align: top;background: url(../img/k001.jpg)center no-repeat;background-size: cover;}
.inpro .inpro-list .swiper-slide:nth-child(2n) .li{background: url(../img/k002.jpg)center no-repeat;background-size: cover;}
.inpro .inpro-list .li strong{display:block;line-height: 30px; font-size:20px;color: #000;}
.inpro .inpro-list .li .pic{overflow: hidden; width:100%;padding:0 15%; height: auto;margin-top: 30px;margin-bottom: 30px;}
.inpro .inpro-list .li p{text-align:center;display: inline-block;height:40px;padding: 0 5%;  border: 1px solid rgba(0,0,0,0);}
.inpro .inpro-list .li p i{font-size:24px;color: #000;line-height: 40px;}
.inpro .inpro-list .li p span{ font-size:18px;font-weight: normal; color:#081f5e;display: none;line-height: 40px;}
.inpro .inpro-list .li:hover p {border:1px solid #081f5e;}
.inpro .inpro-list .li:hover p i{display:none;}
.inpro .inpro-list .li:hover p  span{display:block;}
.inpro .inpro-list .li:hover .pic img{transform: scale(1.1);transition: all 0.5s ease;}


.inpro .inpro-list .swiper-button-next{
    background-image: url(../img/next.png);
    right: 5%;
    left: auto;
}
.inpro .inpro-list .swiper-button-prev{
    background-image: url(../img/prev.png);
    right:auto;
    left: 5%;
}

.inpro .inpro-list .swiper-button-next,.inpro .inpro-list .swiper-button-prev {
 position: absolute;top: 55%; width:70px;height: 70px;margin-top: -35px;z-index: 10;background-size:70px 70px;background-position: center;background-repeat: no-repeat;
background-color:#081f5e;}




@media only screen and (max-width:1680px) {
.inpro .inpro-list .li p span{font-size:16px;}	
.inpro{width:100%;height: auto;}
.inpro .inpro-list .li strong{font-size:18px}
.inpro .inpro-list .li p{height:35px;}
.inpro .inpro-list .li p i{font-size:22px;line-height: 35px;}
.inpro .inpro-list .li p span{font-size:16px;line-height: 35px;}
}
@media only screen and (max-width:1440px) {
.inpro .inpro-list .li p{padding:0 3%;line-height: 35px;}
.inpro .inpro-list .li p span{font-size:15px;}
.inpro{width:100%;height: auto;z-index: 999;}
.inpro .inpro-list .li strong{font-size:16px;}
.inpro .inpro-list .li p{height:35px;}
.inpro .inpro-list .li p i{font-size:22px;line-height: 35px;}
.inpro .inpro-list .li p span{font-size:15px;line-height: 35px;}

.inpro .inpro-list .swiper-button-next,.inpro .inpro-list .swiper-button-prev {width: 60px;height: 60px;margin-top: -30px;background-size: 60px 60px;}
}
@media only screen and (max-width:1280px) {
.inpro{width:100%;height: auto;z-index: 999;}
.inpro .inpro-list .li p{height:30px;}
.inpro .inpro-list .li p i{font-size:20px;line-height: 30px;}
.inpro .inpro-list .li p span{font-size:15px;line-height: 30px;}
}
@media only screen and (max-width:1024px) {
.inpro{width:100%;height: auto;z-index: 999;}
.inpro .inpro-list .li strong{font-size:15px;height: 60px;}
.inpro .inpro-list .li p{height:30px;}
.inpro .inpro-list .li p i{font-size:18px;line-height: 30px;}
.inpro .inpro-list .li p span{font-size:14px;line-height: 30px;}
.inpro .inpro-list .swiper-button-next,.inpro .inpro-list .swiper-button-prev {width: 40px;height: 40px;margin-top: -20px;background-size: 40px 40px;}

}
@media only screen and (max-width:720px) {
	.inpro .inpro-list .li{padding: 30px 0;}
.inpro{width:100%;height: auto;z-index: 999;}

.inpro .inpro-list .li p span{font-size:12px;line-height: 30px;}
.inpro .inpro-list .li .pic{padding-left: 10%;}
/*.inpro .inpro-list .swiper-button-next,.inpro .inpro-list .swiper-button-prev {display: none;}*/
}








.inadv{width:100%;height:auto;position: relative;z-index: 0;overflow: hidden;background-size: cover;background-position: center;background-repeat: no-repeat;}
.inadv.t-space{padding-top: 0%;}
.inadv .picbks{width: 67%;float:left; height:auto; z-index: -1;}
.inadv .picbks .pic{display: none; width:100%; height:100%; background-size: cover; background-position: center;background-repeat: no-repeat;}
.inadv .picbks .pic img{display:none; width: auto; height: auto; max-width: 100%; max-height: 100%;}
.inadv .inadv-con{float:right;padding:2% 3% 2% 3%; width:33%;height: auto;background-size: cover;background-repeat: no-repeat;background-position:center;background-color: #fff;}
.inadv  .inadv-con ul {margin-top: 20px; border:1px solid #ededed;border-bottom: 0; border-right: 0; width: 100%;height: auto;font-size: 0;margin-bottom: 25px;}
.inadv  .inadv-con ul li{overflow: hidden; text-align:center;padding:12px 1%;z-index: 0; width: 33.3%;height: auto;border-bottom: 1px solid #ededed; border-right: 1px solid #ededed; display:inline-block;vertical-align: top; position: relative;}
.inadv .inadv-con ul li .bks{ color:#e8e8e8;font-family: "MB"; font-size:180px; position:absolute;top:5%; left: 0; text-align: center;width: 100%; z-index: -1;text-transform: uppercase;}
.inadv .inadv-con ul li span{text-transform: capitalize; font-size:12px;color: #666;display: inline-block;}
.inadv .inadv-con ul li h6{font-size:30px;color: #081f5e;margin-top:5px;margin-bottom:10px;}
.inadv .inadv-con ul li .txt-c p{font-size: 12px;}
.inadv .inadv-con ul li.hover{background:url(../img/b014.jpg)center no-repeat;background-size: cover;}
.inadv .inadv-con ul li.hover span{color:#fff;}
.inadv .inadv-con ul li.hover h6{color:#fff;}
.inadv .inadv-con ul li.hover .txt-c p{color:#fff;}
.inadv .inadv-con ul li.hover  .bks{display:none;}
.inadv .inadv-con .more{border:1px solid #081f5e;background: none;color: #081f5e;}


@media only screen and (max-width:1680px) {
	.inadv .inadv-con ul li h6{font-size:25px}
	.inadv .inadv-con ul li .bks{font-size:165px}
}
@media only screen and (max-width:1440px) {	
	.inadv .inadv-con ul li h6{font-size:20px}
	.inadv .inadv-con ul li .bks{font-size:155px}
.inadv .inadv-con ul li h6{margin-top:15px;}
}
@media only screen and (max-width:1280px) {
.inadv .inadv-con ul li h6{font-size:18px;}
.inadv .inadv-con ul li .bks{font-size:145px}
.inadv .inadv-con{width:33%}
.inadv .inadv-con ul li h6{margin-top:10px;}
}
@media only screen and (max-width:1024px) {
	.inadv .inadv-con ul li h6{font-size:16px}
	.inadv .inadv-con ul li .bks{font-size:135px}
	.inadv .inadv-con{width: 33%;}
	.inadv .inadv-con ul li .txt-c{display: none;}

}
@media only screen and (max-width:720px) {
	.inadv{padding-top:0;}
	.inadv .inadv-con ul li h6{font-size:16px}
	.inadv .inadv-con ul li .bks{font-size:120px}
	.inadv .inadv-con{width:100%;}
	.inadv .picbks{position:inherit;width: 100%; height: auto;z-index: 0;}
	.inadv .picbks .pic{display: none; position:relative;width: 100%;height: auto;}
	.inadv .picbks .pic img{display: block;}
.inadv .inadv-con{padding: 45px 5%;}
.inadv.t-space{padding-top: 0;}
	.inadv .inadv-con ul li .txt-c{display:block;}

	
}


.inab{width: 100%;height: auto;position: relative;}
.inab .txt-c{width: 70%;height: auto;margin-top: 35px;}
.inab .txt-c p{
	font-size: 20px;
}
.inab .numbox{margin-top: 45px; width: 100%;height: auto;font-size: 0;}
.inab .numbox li{margin-right: 5.5%; display: inline-block;vertical-align: top;margin-bottom: 20px;}
.inab .numbox li strong{display: block; font-size: 64px;color:#081F5E;}
.inab .numbox li:first-child strong{color:#D2102F} 
.inab .numbox li p{font-size: 18px;color: #666;}
.inab .adv{ width: 100%;height: auto;font-size: 0;}
.inab .adv li{display: inline-block;box-shadow: 0 0 10px rgba(0,0,0,0.2); padding:3% 5%; width: 50%;background-size: cover;vertical-align: top; background-position: center; background-repeat: no-repeat;}
.inab .adv li .txt-c{width: 100%;height: auto;}
.inab .adv li:nth-child(2) .txt-c p{color: #FFFFFF;}
.inab .adv li h6{font-size: 30px;color: #000;}
.inab .adv li:nth-child(2) h6{color: #fff;}
.inab .adv li h6 i{display: inline-block;width:40px;height: auto;vertical-align: top;}
.inab .adv li .view{display: block; margin-top: 25px; color: #D2102F;font-size: 18px;}
.inab .adv li .view i{width: 30px;display: inline-block;}
.inab .adv li:nth-child(2) .view{opacity: 0;}

.twobox{width: 100%;height:auto;z-index: 0;position: relative;}
.twobox .twobox-bks{width: 100%;height:65%;background-repeat: no-repeat;background-size: cover;
z-index: -1; position: absolute;bottom: 8%;left: 0;}
@media only screen and (max-width:1680px) {
.inab .numbox li{margin-right: 3.5%;}
	.inab .numbox li strong{font-size:55px;}
	.inab .numbox li p{font-size:16px}
	.inab .adv li h6{font-size:28px}
	.inab .adv li h6 i{width: 35px;}
	.inab .txt-c p{
		font-size: 18px;
	}
}
@media only screen and (max-width:1440px) {
	.inab .numbox li{margin-right: 3.5%;}
	.inab .numbox li strong{font-size:45px;}
	.inab .numbox li p{font-size:15px}
	.inab .adv li h6{font-size:26px}
	.inab .adv li h6 i{width: 30px;}
	.inab .adv li .view{font-size:16px}
	.inab .txt-c p{
		font-size: 16px;
	}
}
@media only screen and (max-width:1280px) {
	.inab .numbox li{margin-right:4%}
	.inab .numbox li strong{font-size:30px;}
	.inab .adv li h6{font-size:24px}
	.inab .adv li h6 i{width: 25px;}
	.inab .adv li .view{font-size:15px}
	.inab .txt-c p{
		font-size: 15px;
	}
}
@media only screen and (max-width:1024px) {
	.inab .numbox li strong{font-size:26px;}
	.inab .numbox li p{font-size:14px}
	.inab .adv li h6{font-size:22px}
	.inab .adv li .view{font-size:14px;}
	.inab  .txt-c{width:100%;}
	.inab .txt-c p{
		font-size: 14px;
	}
}
@media only screen and (max-width:720px) {
	.inab .numbox li strong{font-size:25px;}
	.inab .adv li h6{font-size:20px}
	.inab .numbox li:last-child{margin-bottom:0}
	.twobox .twobox-bks{bottom:5%;height:75%}
	.inab .adv li{padding: 35px 5%;}
	.inab .adv{width: 100%;}
}

.item{width: 100%;height: auto;}
.item .item-list{width: 100%;height: auto;font-size: 0;}
.item .item-list  li{background-size: cover;width:calc(25% - 9px);margin-right: 12px; margin-bottom: 12px; display: inline-block;vertical-align: top; background-repeat: no-repeat;background-position: center;height: auto;}
.item .item-list li:nth-child(4n){margin-right: 0;}
.item .item-list li a{padding:40% 6% 10% 6%; display: block;background-size: cover;background-position: center bottom;}
.item .item-list li .ico{width: 50px;height: auto;}
.item .item-list li .line{width: 30px;height: 7px;background: #D2102F;margin: 50px 0  40px 0;}
.item .item-list li b{font-size: 24px;color: #FFFFFF;display: block;}
.item .item-list li:last-child  .line{opacity: 0;}
.item .item-list li:last-child  b{color: #081F5E;}
.item .item-list li:last-child  b span{display: block;}
@media only screen and (max-width:1680px) {
	.item .item-list li b{font-size:22px}
	.item .item-list li .ico{width: 45px;}
	.item .item-list li a{padding:35% 5% 10% 5%}
	.item .item-list li .line{margin:40px 0 35px 0}	
}
@media only screen and (max-width:1440px) {
.item .item-list li b{font-size:20px;}
.item .item-list li .ico{width: 40px;}
.item .item-list li a{padding:30% 5% 10% 5%}
.item .item-list li .line{margin:35px 0 30px 0}
.item .item-list  li{width:calc(25% - 6px);margin-right: 8px;margin-bottom: 8px;}
}
@media only screen and (max-width:1280px) {
	.item .item-list li b{font-size:18px}
	.item .item-list li .ico{width: 35px;}
	.item .item-list li .line{margin:35px 0 30px 0;width: 25px;height: 5px;}
}
@media only screen and (max-width:1024px) {
	.item .item-list li b{font-size:16px;}
	.item .item-list li a{padding:25% 5% 10% 5%}
}
@media only screen and (max-width:720px) {
		.item .item-list li{width:calc(50% - 5px);margin-right: 10px;margin-bottom: 10px;}
		.item .item-list li:nth-child(4n){margin-right:10px}
		.item .item-list li:nth-child(2n){margin-right:0px}
		
}


.innews{width: 100%;height: auto;}
.innews .title{text-align: center;}
.innews ul{font-size:0; width: 100%;height: auto;}
.innews ul li{position: relative; width: 33.3%;vertical-align: top;display: inline-block; height: auto;background-size: cover; background-repeat: no-repeat;background-position: center;}
.innews ul li a{padding:6% 5%; background: #eff1f5; display: block;width: 100%;height: auto;}
.innews ul li .time{width: 100%;text-align: left;font-family: "MB";line-height: 1;margin-bottom:25px;}
.innews ul li .time b{font-size: 40px;color: #727272;display: block;}
.innews ul li .time span{color:#727272;font-size: 18px;}
.innews ul li strong{font-size: 24px;color: #000;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.innews ul li .txt-c{margin-top: 10px; width: 100%;height: auto;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.innews ul li.hover:before{content: "";position: absolute;left: 0;width: 100%;height: 5px;bottom: 0;background: #D2102F;}
.innews ul li.hover a{background: rgba(12,23,50,0.3);}
.innews ul li.hover  .time b,.innews ul li.hover .time span{color: #FFFFFF;}
.innews ul li.hover strong{color: #FFFFFF;}
.innews ul li.hover .txt-c p{color: #FFFFFF;}

@media only screen and (max-width:1680px) {
	.innews ul li .time b{font-size:36px}
	.innews ul li .time span{color:16px}
	.innews ul li strong{font-size:22px}
}
@media only screen and (max-width:1440px) {
	.innews ul li .time b{font-size:34px}
	.innews ul li .time span{color:15px}
	.innews ul li strong{font-size:20px}
}
@media only screen and (max-width:1280px) {
	.innews ul li .time b{font-size:30px}
	.innews ul li .time span{color:14px}
	.innews ul li strong{font-size:18px}
}
@media only screen and (max-width:1024px) {
	.innews ul li strong{font-size:16px}
	
}
@media only screen and (max-width:720px) {
	.innews ul li{width:100%}
}

.footer{width: 100%;height: auto;background: #333f47;}
.footer .foot-t{width: 100%;height: auto;padding-bottom: 60px;overflow: hidden;}
.footer .foot-t .foot-tl{float: left;width: 440px;}
.footer .foot-t .foot-tl .logo{width:80%;max-width: 200px; display: block;}
.footer .foot-t .foot-tl form{margin-top: 45px; display: block;position: relative;width: 100%;height: auto;}
.footer .foot-t .foot-tl form  .c1{font-size: 16px; width:calc(100% - 50px);line-height:25px;border: none; padding: 12.5px;background: #FFFFFF;}
.footer .foot-t .foot-tl form .send{width: 50px;border: none; height: 100%;position: absolute;right: 0;top: 0;background:url(../img/a007.png)center no-repeat #D2102F;background-size: cover;}
.footer .foot-t .foot-tr{text-align: right; float: right;width: calc(100% - 440px);}
.footer .foot-t .foot-tr li{display: inline-block;text-align: left; vertical-align: top;margin-left: 12%;}
.footer .foot-t .foot-tr li h6{color: #FFFFFF;font-size: 22px;}
.footer .foot-t .foot-tr li .list{width: 100%;height: auto;margin-top: 20px;}
.footer .foot-t .foot-tr li .list a{font-size: 16px;display: block;margin-bottom: 10px; color: #FFFFFF;font-family: "思源黑体Light";}
.footer .foot-t .foot-tr li .list a:hover{color: #d2102f;}
.footer .foot-c{overflow: hidden; padding:40px 0;border-top: 1px solid rgba(255,255,255,0.1);border-bottom: 1px solid rgba(255,255,255,0.1); width: 100%;height: auto;}
.footer .foot-c .tel{color: #FFFFFF;line-height: 45px; float: left; font-size: 22px;font-family: "MB";width: 50%;}
.footer .foot-c .address{color: #FFFFFF;line-height: 45px; font-size:18px;width: 35%;float:left}
.footer .foot-c .more{float: right;}
.footer .foot-d{padding:30px 0; overflow: hidden; width: 100%;height: auto;}
.footer .foot-d .pcy{width: 40%;display: flex; flex-flow: row wrap;}
.footer .foot-d span,.footer .foot-d  a{color: #FFFFFF;font-size: 16px;}
.footer .foot-d .return-top{float: right;width: 30px;height: auto;display: block;}
@media only screen and (max-width:1680px) {
	.footer .foot-t .foot-tl{width: 380px;}
.footer .foot-t .foot-tr{width:calc(100% - 380px);}
.footer .foot-t .foot-tr li h6{font-size:20px}
.footer .foot-t .foot-tr li{margin-left:10%}
}
@media only screen and (max-width:1440px) {
	.footer .foot-t .foot-tl{width: 340px;}
	.footer .foot-t .foot-tr{width:calc(100% - 340px);}
	.footer .foot-d .pcy{width:60%}
	.footer .foot-t .foot-tr li h6{font-size:18px}
	.footer .foot-t .foot-tr li .list a{font-size:15px}
	.footer .foot-c .tel{width:100%;font-size:28px}
	.footer .foot-d{padding:25px 0}
	.footer .foot-t .foot-tr li{margin-left:8%}
	.footer .foot-c .address{font-size: 16px;}
	.footer .foot-d span,.footer .foot-d  a{font-size: 15px;}
}
@media only screen and (max-width:1280px) {
	.footer .foot-t .foot-tl{width: 280px;}
	.footer .foot-t .foot-tr{width:calc(100% - 280px);}
	.footer .foot-d .pcy{width: 70%;}
	.footer .foot-t .foot-tr li h6{font-size:16px}
	.footer .foot-t .foot-tr li .list a{font-size:14px;}
		.footer .foot-c .tel{width:100%;font-size:26px}
		.footer .foot-d{padding:20px 0}
		.footer .foot-t .foot-tr li{margin-left:6%}
}
@media only screen and (max-width:1024px) {
	.footer .foot-t .foot-tl{width:100%;}
	.footer .foot-t .foot-tr{display:none;}
	.footer .foot-d .pcy{width:80%;}
		.footer .foot-t .foot-tr li{margin-left:5%}
		.footer .foot-c .address{font-size: 16px;}
		.footer .foot-d span,.footer .foot-d  a{font-size: 14px;}
		.footer .foot-t{padding-bottom: 45px;}
}

@media only screen and (max-width:720px) {
	.footer .foot-t .foot-tl{width:100%;}
.footer .foot-t .foot-tr{display:none;}	
.footer .foot-c .tel{width:100%;font-size:24px}
.footer .foot-c .address{width:100%;}
.footer .foot-c .more{float:none;}
.footer .foot-c .address{font-size: 15px;}
}



.in-banner{ width:100%;height: auto;position: relative;background: none;padding-top:97px;}
.in-banner .pic{display: none;}
.in-banner img{display:none;height: auto;}
.in-banner .con{display: none; width:100%;height: auto;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);} 
.in-banner .con  .con-c{display:inline-block;max-width: 550px;height: auto;padding: 3% 0;border-top: 5px solid #fff;border-bottom: 5px solid #fff;}
.in-banner .con  .con-c .ico{width:35px; height: 35px;}
.in-banner .con  .con-c h6{font-size:24px;color: #fff;margin-top: 45px;}
@media only screen and (max-width:1680px) {
.in-banner .con  .con-c h6{font-size:22px}	
}
@media only screen and (max-width:1440px) {
.in-banner .con  .con-c .ico{width:30px; height:30px;}
.in-banner .con  .con-c h6{font-size:20px;}
}
@media only screen and (max-width:1280px) {
.in-banner .con  .con-c h6{font-size:18px}
}
@media only screen and (max-width:1024px) {
.in-banner{padding-top:55px;}
.in-banner .pic{height:450px;display: none; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.in-banner .pic img{display:none;}
.in-banner .con  .con-c .ico{width:25px; height:25px;}
.in-banner .con  .con-c h6{font-size:16px}
}
@media only screen and (max-width:720px) {
.in-banner .pic{height:350px;}
.in-banner2 .pic{height: auto;}
.in-banner2 .pic img{display:none;}
}

.news-box{width:100%;height: auto;background: url(../img/b015.jpg)center no-repeat;background-size: cover;}
.bread{width:100%;height: auto;padding-top:35px;}
.bread .bread-c{width:100%;color: #999; height: auto;font-size: 18px;}
.bread .bread-c a{color:#999;display: inline-block;}
.bread .bread-c a.home{padding-left:30px;position: relative;}
.bread .bread-c a.home:before{content:"";position: absolute;left: 0;top: 0;width: 25px;height: 25px;background: url(../img/i003.png)center no-repeat;background-size: 20px 20px;}
.bread .bread-c a:hover{color:#d2102f}
.bread .bread-c a.cut{color:#d2102f}
.recomnews{width:100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.recomnews .recomnews-c{width: 100%;padding-left:calc(50% - 800px);height: auto;}
.recomnews .recomnews-top{width:100%;height: auto;position: relative;}
.recomnews .recomnews-top .title{text-align:left;}
.recomnews .recomnews-top .swiper-button-next{
    background-image: url(../img/nexts.png);
    right: 0%;
    left: auto;
}
.recomnews .recomnews-top .swiper-button-prev{
    background-image: url(../img/prevs.png);
    right:calc(0% + 80px);
    left: auto;
}
.recomnews .recomnews-top .swiper-button-next, .recomnews .recomnews-top .swiper-button-prev {
position: absolute;top: 5%; width:80px;height: 80px;margin-top: 0px;z-index: 10;background-size:80px 80px;background-position: center;background-repeat: no-repeat;
}
.recomnews .recomnews-top .swiper-button-next:after,
.recomnews .recomnews-top .swiper-button-prev:after
{
	display: none;
}
.recomnews .recomnews-c .recomnews-js{padding-right:15%; width:100%;height: auto;}
.recomnews .recomnews-c .recomnews-js a{position:relative; display:block;width: 100%;height: auto;background: #fff;} 
.recomnews  .recomnews-c .recomnews-js a:hover{border-bottom:5px solid #d2102f;}
.recomnews  .recomnews-c .recomnews-js a  .con{position: relative;width:40%;  padding: 6% 5%; vertical-align: top;display: inline-block; height: auto;background-size: cover; background-repeat: no-repeat;background-position: center;}
.recomnews  .recomnews-c .recomnews-js a .con .time{width: 100%;text-align: left;font-family: "MB";line-height: 1;margin-bottom:35px;}
.recomnews  .recomnews-c .recomnews-js a  .con .time b{font-size: 40px;color:  #081F5E;display: block;}
.recomnews  .recomnews-c .recomnews-js a  .con .time span{color: #081F5E;font-size: 18px;}
.recomnews  .recomnews-c .recomnews-js a  .con strong{font-size: 24px;color: #000;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.recomnews  .recomnews-c .recomnews-js a  .con .txt-c{margin-top: 10px; width: 100%;height: auto;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.recomnews .recomnews-c .recomnews-js a .pic{position:absolute;right: 0;top: 0;width:60%;height:100%;background-size: cover;background-repeat: no-repeat;background-position: center;}



@media only screen and (max-width:1680px) {
.recomnews  .recomnews-c .recomnews-js a  .con .time b{font-size:36px}
.recomnews  .recomnews-c .recomnews-js a  .con .time span{color:16px}
	.recomnews  .recomnews-c .recomnews-js a  .con strong{font-size:22px}
	.bread .bread-c{font-size:18px}
.recomnews .recomnews-c{padding-left:6%}
.recomnews .recomnews-top .swiper-button-prev{
    background-image: url(../img/prevs.png);
    right:calc(0% + 70px);
    left: auto;
}
.recomnews .recomnews-top .swiper-button-next, .recomnews .recomnews-top .swiper-button-prev {
position: absolute;top: 5%; width:70px;height: 70px;margin-top: 0px;z-index: 10;background-size:70px 70px;background-position: center;background-repeat: no-repeat;
}
}
@media only screen and (max-width:1440px) {
	.bread .bread-c{font-size:16px}
	.recomnews  .recomnews-c .recomnews-js a  .con .time b{font-size:34px}
	.recomnews  .recomnews-c .recomnews-js a  .con .time span{color:15px}
	.recomnews  .recomnews-c .recomnews-js a  .con strong{font-size:20px}
	.recomnews .recomnews-top .swiper-button-prev{
	    background-image: url(../img/prevs.png);
	    right:calc(0% + 60px);
	    left: auto;
	}
	.recomnews .recomnews-top .swiper-button-next, .recomnews .recomnews-top .swiper-button-prev {
	position: absolute;top: 5%; width:60px;height: 60px;margin-top: 0px;z-index: 10;background-size:60px 60px;background-position: center;background-repeat: no-repeat;
	}
}
@media only screen and (max-width:1280px) {
	.recomnews  .recomnews-c .recomnews-js a  .con .time b{font-size:30px}
.recomnews  .recomnews-c .recomnews-js a  .con .time span{color:14px}
.recomnews  .recomnews-c .recomnews-js a  .con strong{font-size:18px}
	.in-banner .con  .con-c h6{font-size:18px}
	.recomnews .recomnews-top .swiper-button-prev{
	    background-image: url(../img/prevs.png);
	    right:calc(0% + 50px);
	    left: auto;
	}
	.recomnews .recomnews-top .swiper-button-next, .recomnews .recomnews-top .swiper-button-prev {
	position: absolute;top: 5%; width:50px;height: 50px;margin-top: 0px;z-index: 10;background-size:50px 50px;background-position: center;background-repeat: no-repeat;
	}
}
@media only screen and (max-width:1024px) {
.recomnews  .recomnews-c .recomnews-js a  .con strong{font-size:16px}
.bread .bread-c{font-size:15px;}
.recomnews .recomnews-c{padding-left:5%}	
.recomnews .recomnews-top .swiper-button-prev{
    background-image: url(../img/prevs.png);
    right:calc(0% + 40px);
    left: auto;
}
.recomnews .recomnews-top .swiper-button-next, .recomnews .recomnews-top .swiper-button-prev {
position: absolute;top: 5%; width:40px;height: 40px;margin-top: 0px;z-index: 10;background-size:40px 40px;background-position: center;background-repeat: no-repeat;
}
}
@media only screen and (max-width:720px) {
.recomnews  .recomnews-c .recomnews-js a  .con{width:100%}
.recomnews  .recomnews-c .recomnews-js a  .pic{width:100%;display: block;position: inherit;height: 250px;}
.recomnews .recomnews-c .recomnews-js{padding-right:5%;}
.recomnews .recomnews-top .swiper-button-prev{
    background-image: url(../img/prevs.png);
    right:calc(0% + 35px);
    left: auto;
}
.recomnews .recomnews-top .swiper-button-next, .recomnews .recomnews-top .swiper-button-prev {
position: absolute;top: 80%; width:35px;height:35px;margin-top: 0px;z-index: 10;background-size:35px 35px;background-position: center;background-repeat: no-repeat;
}

}



.news{width: 100%;height: auto;}
.news .title{text-align:center;}
.news .news-list{width:100%;height: auto; font-size: 0;}
.news .news-list li{position: relative; width:calc(33.3% - 10px);  margin-right: 15px;margin-bottom: 15px; height: auto; vertical-align: top;display: inline-block; height: auto;background-size: cover; background-repeat: no-repeat;background-position: center;}
.news .news-list li a{padding:6% 5%; background: #eff1f5; display: block;width: 100%;height: auto;}
.news .news-list li:nth-child(3n){margin-right:0}
.news .news-list li .time{width: 100%;text-align: left;font-family: "MB";line-height: 1;margin-bottom:35px; padding-top: 20px;}
.news .news-list li .time b{font-size: 40px;color: #081F5E;display: block;}
.news .news-list li .time span{color:#081F5E;font-size: 18px;}
.news .news-list li strong{font-size: 24px;color: #000;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news .news-list li .txt-c{margin-top: 10px; width: 100%;height: auto;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.news .news-list li:hover:before{content: "";position: absolute;left: 0;width: 100%;height: 5px;bottom: 0;background: #D2102F;}
.news .news-list li:hover a{background: rgba(12,23,50,0.3);}
.news .news-list li:hover  .time b,.news .news-list li:hover .time span{color: #FFFFFF;}
.news .news-list li:hover strong{color: #FFFFFF;}
.news .news-list li:hover .txt-c p{color: #FFFFFF;}


.news .news-list li.hover:before{content: "";position: absolute;left: 0;width: 100%;height: 5px;bottom: 0;background: #D2102F;}
.news .news-list li.hover a{background: rgba(12,23,50,0.3);}
.news .news-list li.hover  .time b,.news .news-list li.hover .time span{color: #FFFFFF;}
.news .news-list li.hover strong{color: #FFFFFF;}
.news .news-list li.hover .txt-c p{color: #FFFFFF;}



.fy{font-size:0; width:100%;height:auto;text-align: center;margin-top: 25px;}
.fy li{margin: 0 10px; display:inline-block;vertical-align: top;font-size: 18px;color: #081F5E;font-family: "MB";}
.fy li a{color:#081f5e; font-weight: bold;}
.fy li span,.fy li a{padding: 5px 10px;display: block;}
.fy li:hover a{color:#D2102F}
.fy li.active a{color:#D2102F}
.fy li.active span{color:#D2102F}

@media only screen and (max-width:1680px) {
.news .news-list li .time b{font-size:36px}
.news .news-list li .time span{color:16px}
.news .news-list li strong{font-size:22px}

	
}
@media only screen and (max-width:1440px) {
	.news .news-list li .time b{font-size:34px}
	.news .news-list li .time span{color:15px}
	.news .news-list li  strong{font-size:20px}
	.news .news-list li{width:calc(33.3% - 6px);margin-right: 9px;margin-bottom: 10px;}
	.fy li{font-size:16px}
}
@media only screen and (max-width:1280px) {
	.news .news-list li .time b{font-size:30px}
.news .news-list li .time span{color:14px}
.news .news-list li strong{font-size:18px}

}
@media only screen and (max-width:1024px) {
.news .news-list li strong{font-size:16px}
.news .news-list li{width:calc(50% - 5px);margin-right: 10px;margin-bottom: 10px;}
.news .news-list li:nth-child(3n){margin-right:10px}
.news .news-list li:nth-child(2n){margin-right:0}
	
}
@media only screen and (max-width:720px) {
	.news .news-list li{width:100%;}
	.fy li{font-size:15px}
	
}


.news-d{ width:100%;height: auto;overflow: hidden;}
.news-d  .news-dr{width:480px;float: right;height: auto;}
.news-d .news-dr .news-list li{width:100%;}
.news-d .news-dr h6{font-size:36px;color: #081f5e;margin-bottom: 35px;}
.news-d .news-dl{width: calc(100% - 480px);padding-right: 5%;float: left;}
.news-d .news-dl h1{font-size:36px;color: #081f5e;}
.news-d .news-dl .arttl{width: 100%;height: auto;padding: 35px 0;border-bottom: 1px solid #ececec;margin-bottom: 35px;}
.news-d .news-dl .arttl span{font-family: "ML"; display: inline-block;line-height: 20px; margin-right: 5%; font-size: 16px;color: #666;background-size: 18px 18px;background-repeat: no-repeat;background-position:left center;}
.news-d .news-dl .arttl span i{ display:inline-block;width: 20px;height: 20px;vertical-align: top;margin-right: 10px;}

.news-d .news-dl .txt-c{line-height: 2; width: 100%;height: auto;}
.news-d .news-dl .txt-c p img{max-width: 100%;height: auto;}
.news-d .news-dl  .pn-box{width: 100%;height: auto;margin-top: 35px; padding-top: 35px;border-top: 1px solid #ececec; width: 100%;height: auto;position: relative;overflow: hidden;}
.news-d .news-dl  .pn-box .pn{width:65%;float: left;}
.news-d .news-dl  .pn-box .pn a{font-size:18px;color: #081f5e;display: block;margin-bottom: 10px;}
.news-d .news-dl  .pn-box .more{float:right;}
.news-d .news-dl  .pn-box .pn a:hover{color:#d2102f}

@media only screen and (max-width:1680px) {
	.news-d .news-dl h1{font-size:34px}
	.news-d .news-dr h6{font-size:34px}
}
@media only screen and (max-width:1440px) {
	.news-d .news-dl h1{font-size:30px}
	.news-d .news-dr h6{font-size:30px}
	.news-d .news-dl  .pn-box .pn a{font-size:16px}
	.news-d .news-dl .arttl span{font-size:15px}
}
@media only screen and (max-width:1280px) {

.news-d .news-dl h1{font-size:28px}
.news-d .news-dr h6{font-size:28px}
.news-d .news-dl  .pn-box .pn a{font-size:15px}
}
@media only screen and (max-width:1024px) {
.news-d .news-dl  .pn-box .pn {width: 100%;float: none;}
.news-d .news-dl .arttl span{font-size:14px}
.news-d .news-dl h1{font-size:24px}
.news-d .news-dr h6{font-size:24px}
.news-d .news-dl{width: 100%;height: auto;float: none;padding-right: 0;}
.news-d .news-dr{width:100%;height: auto;float: none;margin-top: 55px;}
}
@media only screen and (max-width:720px) {
.news-d .news-dl h1{font-size:22px}
.news-d .news-dr h6{font-size:22px}
.news-d .news-dl  .pn-box .more{float:none;margin-top: 25px;}
}

.contact{width:100%;height: auto; overflow: hidden;padding-bottom: 10px;}
.contact .title{float:left;width: 40%;padding-right: 5%; height: auto;}
.contact .title b{display:block;}
.contact ul{width:55%;float: right;height: auto;font-size:0}
.contact ul li{ width: calc(50% - 10px);text-align: center;box-shadow: 0 0 10px rgba(8,31,94,0.2); display: inline-block;background: #fff;padding: 35px 5%;  margin-right: 20px;height: auto;vertical-align: top;}
.contact ul li:nth-child(2n){margin-right:0;}
.contact ul li .ico{ width:40%;max-width: 90px;margin: 0 auto;margin-bottom: 35px;border-radius: 100%;}
.contact ul li b{color:#000;display: block;font-size: 30px;margin-bottom: 15px;}
.contact ul li .con p{font-size:24px;color: #000;font-family: "ML";}


.map-box{width: 100%;position: relative;height: auto;z-index:0;}
.map-box .bks{z-index: -1;position: absolute; width: 100%;height: 50%;left: 0;top:auto;bottom: 0;  background: #eff1f5;}
.map-box .map{width:88%;max-width: 1600px;margin: 0 auto; height: 450px;border: 1px solid #081f5e;}
.business{width: 100%;height: auto;}
.business  .title{width:100%;text-align: center;padding: 0 5%;}
.business .pic{width:100%;height: auto;}
.business .pic img{width:90%;height: auto;margin: 0 auto;}

@media only screen and (max-width:1680px) {
	.contact ul li b{
		font-size: 29px;
	}
	.contact ul li .con p{
		font-size: 22px;
	}
}
@media only screen and (max-width:1440px) {
	.contact ul li b{
		font-size: 28px;
	}
	
	.contact ul li .con p{
		font-size: 21px;
	}
}
@media only screen and (max-width:1280px) {
	.contact ul li b{
		font-size: 27px;
	}
	.contact ul li .con p{
		font-size: 19px;
	}
}
@media only screen and (max-width:1024px) {
	.contact .title{
		width: 100%;
	}
	.contact ul{
		width: 100%;
		margin-top: 40px;
	}
	.contact ul li b{
		font-size: 26px;
	}
	.contact ul li .con p{
		font-size: 19px;
	}

}
@media only screen and (max-width:720px) {
	.contact ul li b{
		font-size: 25px;
	}
	.contact ul li .con p{
		font-size: 18px;
	}
	
	.contact ul li{
		width: 100%;
		margin-bottom: 10px;
	}
	
	
}



.cooperaton{
	width: 100%;
	height: auto;
	padding-bottom: 103px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: bottom center;
}


.cooperCon{
	display: flex;
	height: 430px;
	width: 100%;
	border-bottom: 1px solid #ced2df;
	border-top: 1px solid #ced2df;
}

.cooperL{
	width: 25%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 62px 0;
	box-sizing: border-box;
}

.cooperT{
	display: flex;
	flex-direction: column;
	width: 100%;
}

.cooperT div{
	display: flex;
	width: 100%;
	align-items: flex-end;
	margin-bottom: 16px;
}
.cooperT b{
	font-size: 60px;
	font-family: 'MB';
	line-height: 1;
	color: #d2102f;
}
.cooperT span{
	font-size: 36px;
	font-family: 'MB';
	line-height: 1;
	color: #d2102f;
}

.cooperT p{
	font-size: 18px;
	color: #000000;
	line-height: 1;
}

.cooperPN{
	display: flex;
}

.cooperP,.cooperN{
	width: 61px;
	height: 61px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.cooperN{
	margin-left: -1px;
}

.cooperP img,.cooperN img{
	display: block;
	width: 100%;
	height: 100%;
}

.cooperSwiper{
	width: 75%;
	height: 100%;
	overflow: hidden;
}

.cooperSwiper .swiper-slide{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50%;
	border-top: 1px solid #ced2df;
	border-left: 1px solid #ced2df;
	box-sizing: border-box;
}

.cooperSwiper .swiper-slide:nth-child(2n-1){
	border-top: 0;
}


.cooperSwiper .swiper-slide img{
	display: block;
	width: 80%;
}

.bgCover{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.Bottominput{
	display: flex;
	display: none;
	width: 100%;
	height: 910px;
}


.bottomIL{
	box-sizing: border-box;
	width: 50%;
	display: flex;
	flex-direction: column;
	padding-top: 106px;
	background-color: #f7f8fc;
}

.bottomIR{
	width: 50%;
	height: 100%;
}
.bottomIL form{
	display: flex;
	flex-direction: column;
	width: 100%;
	height: auto;
	margin-top: 58px;
	overflow: hidden;
}

.BinputBox{
	display: flex;
	align-items: center;
	width: 100%;
	background-color: #fff;
	height: 70px;
	padding: 0 36px;
	box-sizing: border-box;
	margin-bottom: 8px;
}

.BinputBox span{
	font-size: 18px;
	color:rgba(0,0,0,.6);
	line-height: 1;
}

.BinputBox input{
	flex: 1;
	font-size: 18px;
	color:rgba(0,0,0,.6);
	padding: 0 10px;
	box-sizing: border-box;
	border: none;
	line-height: 1;
}

.BinputBox p{
	font-size: 18px;
	color: #c01230;
} 
.BtextareaBox{
	display: flex;
	padding: 26px 36px;
	box-sizing: border-box;
	background-color: #fff;
	height: auto;
	width: 100%;
}

.BtextareaBox span{
	font-size: 18px;
	color:rgba(0,0,0,.6);
	line-height: 1.3;
}


.BtextareaBox textarea{
	flex: 1;
	padding: 0 10px;
	box-sizing: border-box;
	font-size: 18px;
	color:rgba(0,0,0,.6);
	border: none;
	height: 115px;
	font-family: "思源黑体 Regular";
	line-height: 1.3;
}
.tip{
	font-size: 18px;
	line-height: 1;
	color:rgba(0,0,0,.6);
	margin: 24px 0;
}


.bottomIL form button{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 346px;
	height: 70px;
	border: none;
	background-color: #081f5e;
}

.bottomIL form button span{
	font-size: 16px;
	color: #fff;
}

.bottomIL form button img{
	display: block;
	width: 30px;
	height: auto;
	margin-left: 14px;
}




.service-box{

	width: 100%;
	height: auto;
	overflow: hidden;
}

.serviceTop{
	width: 100%;
	display: none;
}

.serviceQBox{
	display: flex;
	width: 100%;
	height: auto;
	overflow: hidden;
	justify-content: space-between;
}

.sQList{
	width: calc(33.33% - 5.333px);
	height: 300px;
	position: relative;
}


.sQTop{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	display: flex;
	flex-direction: column;
	padding: 52px 46px;
	box-sizing: border-box;
	overflow: hidden;
}

.sQTop p{
	font-size: 26px;
	font-family: 'MB';
	line-height: 1;
	font-weight: bold;
}

.sQTop i{
	display: block;
	width: 13px;
	height: 4px;
	background-color: #d2102f;
	margin-top: 44px;
}


.sQBg{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	overflow: hidden;
}



.sQBg img{
	display: block;
	width: 171px;
	height: auto;
	margin-bottom: -12px;
	margin-right: 20px;
}


.sQList:first-child{
	background-color: #fff;
}

.sQList:nth-child(2){
	background-color: #edf0f7;
}

.sQList:last-child{
	background-color: #cad8f7;
}

.serviceListBox .title{
	text-align: center;
}


.serviceListCon{
	width: 100%;
	height: auto;
	overflow: hidden;
}

.serviceList{
	display: flex;
	align-items: center;
	width: 100%;
	height: 560px;
	margin-bottom: 50px;
	position: relative;
}

.serviceL{
	width: calc(100% - 440px);
	height: 100%;
}



.serviceEnd{
	width: 440px;
	display: flex;
	align-items: center;
	height: 100%;
	z-index: 1;
}

.SRight .serviceEnd{
	justify-content: flex-end;
}

.SLeft .serviceEnd{
	justify-content: flex-start;
}

.SRight{
	justify-content: space-between;
}

.SLeft{
	justify-content: space-between;
}

.SRight .serviceT{
	background-color: #081f5e;
}

.SRight .serviceT i{
	background-color: #d2102f;
}

.SLeft .serviceT{
	background-color: #d2102f;
}

.SLeft .serviceT i{
	background-color: #fff;
}

.SRight .serviceT::after{
	content: '';
	display: block;
	width: 5px;
	height: 100%;
	position: absolute;
	left: 0;
	top:0;
	background-color: #d2102f;
	z-index: 2;
}

.SLeft .serviceT::after{
	content: '';
	display: block;
	width: 5px;
	height: 100%;
	position: absolute;
	right: 0;
	top:0;
	background-color: #081f5e;
	z-index: 2;
}



.serviceT{
	width:100%;
	height: 100%;
	display: flex;
	padding: 0 3%;
	box-sizing: border-box;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
}

.serviceT span{
	font-size: 14px;
	color: rgba(255, 255, 255, .58);
	line-height: 1;
	font-family: 'ML';
	text-transform: capitalize;
}

.serviceT b{
	font-size: 72px;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	margin-top: 25px;
	margin-bottom: 32px;
}

.serviceT i{
	width: 13px;
	display: block;
	height: 4px;
	margin-bottom: 32px;
}

.serviceT p{
	font-size: 24px;
	font-family: 'ML';
	line-height: 1.4;
	color: #fff;
	text-align: center;
}

.serviceB{
	font-size: 380px;
	color: rgba(255, 255, 255, .05);
	position: absolute;
	top: 0;
	left: 0;
	font-family: 'MB';
	font-style: italic;
	line-height: 1;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	margin-top: 64px;
	margin-left: -26px;
}
.serviceList:last-child{
	margin-bottom: 0;
}


.fiveQCon{
	border-top: 1px solid #081f5e;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.fiveList{
	box-sizing: border-box;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #eeeeee;
}

.fiveTop{
	display: flex;
	width: 100%;
	align-items: center;
	padding-right:54px;
	box-sizing: border-box;
	padding: 45px 54px 45px 0;
}

.wenda{
	display: block;
	width: 50px;
	height: auto;
}

.fiveTop span{
	flex: 1;
	padding: 0 60px;
	box-sizing: border-box;
	line-height: 1.3;
	font-size: 26px;
	font-weight: bold;
}

.jiajian{
	width: 50px;
	height: auto;
	display: block;
}

.fiveListCon{
	font-size: 18px;
	color: #000000;
	line-height: 2;
	padding: 0 440px 0 112px;
	box-sizing: border-box;
	width: 100%;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	min-height: 168px;
	height: auto;
	display: none;
}


.bannerFlex{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.bannerCon{
	display: flex;
	flex-direction: column;
	width: 918px;
	height: auto;
	overflow: hidden;
	max-width: 80%;
}

.banenrConTop{
	width: 100%;
	height: 60px;
	display: flex;
	align-items: center;
}

.banenrConTop form{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}


.banenrConTop input{
	flex: 1;
	padding: 0 30px;
	box-sizing: border-box;
	font-size: 18px;
	color: rgba(0, 0, 0, .6);
	line-height: 1;
	height: 100%;
	border: none;
	font-family: "思源黑体 Regular";
}

.banenrConTop input::placeholder{
	font-size: 18px;
	color: rgba(0, 0, 0, .6);
}

.banenrConTop button{
	width: 60px;
	height:100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	background-color: #d2102f;
}

.banenrConTop button img{
	display: block;
	width: 28px;
	height: 32px;
}


.bannerCY{
	display: flex;
	align-items: center;
	width: 100%;
	padding-top: 24px;
}


.bannerCY span,.bannerCY a,.bannerCY p{
	font-size: 18px;
	line-height: 1;
	color: #fff;
}

.bannerCY a:hover{
	color: #d2102f;
}

.productBox{
	width: 100%;
	height: auto;
	overflow: hidden;
}

.productBox .w88{
	display: flex;
	justify-content: flex-end;
	position: relative;
}

.productL{
	width: 240px;
	min-width: 16%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
}


.productL ul{
	box-sizing: border-box;
	border: 2px solid #eaeaea;
	background-color: #fbfbfb;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.productL ul li{
	width: 100%;
	height: 70px;
	padding: 0 12px;
	box-sizing: border-box;
	cursor: pointer;
}

.productL ul li a{
	width: 100%;
	height: 100%;
	display: flex;
	align-items:center;
	border-bottom: 1px solid #e2e5eb;
}


.productL ul li:last-child div{
	border: none;
}



.proIcon{
	width: 32px;
	display: block;
	height: auto;
	margin: 0 12px;
}

.productL ul li a span{
	font-family: 'MB';
	color: #081f5e;
	font-size: 20px;
	line-height: 1;
	flex: 1;
}

.proRight{
	display: none;
	width: 30px;
	height: auto;
}

.productR{
	width: calc(100% - 240px - 4%);
	height: auto;
	overflow: hidden;
}

.proActive{
	background-color: #d2102f;
}
.productL ul li.proActive a span{color: #fff;}
.proActive .proIcon{
	filter: grayscale(100%) invert(100%);
}

.proActive .proRight{
	display: block;
}


.proActive div{
	border: none !important;
}

.proActive div span{
	color: #fff !important;
}

.productL ul li:hover{
	background-color: #d2102f;
}

.productL ul li:hover .proIcon{
	filter: grayscale(100%) invert(100%);
}

.productL ul li:hover div span{
	color: #fff !important;
}

.productL ul li:hover a span{
	color: #fff !important;
}

.productL ul li:hover div{
	border: none !important;
}




.productCon{
	width: 100%;
	height: auto;
	overflow: hidden;
	display: flex;
	flex-flow: row wrap;
}

.proConList{
	flex: 0 0 calc(33.333% - 5.333px);
	margin-right: 8px;
	padding: 40px;
	border: 1px solid #e2e5eb;
	box-sizing: border-box;
	margin-bottom: 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #fff;
}

.proConList:nth-child(3n){
	margin-right: 0;
}

.proTitle{
	width: 100%;
	display: flex;
	flex-direction: column;
	height: auto;
	overflow: hidden;
}

.proTitle span{
	font-size: 18px;
	line-height: 1;
	color: #333333;
}

.proTitle b{
	font-size: 24px;
	color: #222222;
	margin-top: 8px;
	line-height: 1.2;
}

.proImg{
	margin: 38px auto;
	width: 220px;
	height: 220px;
	border-radius: 5px;
	overflow: hidden;
	object-fit: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}

.proImg img{
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
}

.proConItem{
	width: 100%;
	height: auto;
	display: flex;
	flex: 1;
	flex-direction: column;
}

.proConItem p{
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-bottom: 28px;
	font-size: 18px;
	line-height: 1.2;
	color: #333333;
}


.proConItem p strong{
	font-size: 24px;
	color: #222222;
	margin-top: 8px;
	line-height: 1;
	font-family: 'MB';
}

.proBtn{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: auto;
	overflow: hidden;
}

.proBtn a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45%;
	height: 44px;
	font-size: 16px;
	color: #666666;
	line-height: 1;
	border: 2px solid #ececec;
}

.proBtn a:hover{
	background-color: #081f5e;
	color: #fff !important;
}


.demandBox .title{
	text-align: center;
}

.demandBox .title b,.demandBox .title p{
	color: #fff;
}



.demandCon{
	width: 100%;
	display: flex;
	align-items: center;
	height: auto;
	overflow: hidden;
}



.demandList{
	width: calc(100% / 6 - 10% / 6);
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	background-color: #fff;
	overflow: hidden;
	padding: 68px 18px 76px;
	margin-right: calc(10% / 6);
	box-sizing: border-box;
}

.demandList:last-child{
	margin-right: 0;
}

.demandList span{
	font-size: 14px;
	color: rgba(51, 51, 51, .58);
	line-height: 1;
	font-family: 'ML';
	z-index: 1;
	text-transform: capitalize;
}

.demandList b{
	font-size: 72px;
	font-weight: bold;
	color: #081f5e;
	line-height: 1;
	margin-top: 25px;
	margin-bottom: 32px;
	z-index: 1;
}


.demandList i{
	width: 13px;
	display: block;
	height: 4px;
	margin-bottom: 32px;
	background-color: #d2102f;
	z-index: 1;
}

.demandList p{
	font-size: 18px;
	font-family: 'ML';
	line-height: 2;
	color: #333333;
	z-index: 1;
	text-align: center;
}


.demandB{
	font-size: 320px;
	color: #f8f9fa;
	position: absolute;
	top: 0;
	left: 0;
	font-family: 'MB';
	font-style: italic;
	line-height: 1;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	margin-top: 64px;
	margin-left: -26px;
	z-index: 0;
}

.proDTop{
	width: 100%;
	height: auto;
	overflow: hidden;
	display: flex;
}

.proDL{
	width: 50%;
	height: auto;
	box-sizing: border-box;
}




.proDSwiper{
	padding: 68px 0 72px;
	display: flex;
	width: 100%;
	height: auto;
	flex-direction: column;
	align-items: center;
}

.BigSwiper{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 116px;
	
}


.BigSwiper .swiper-slide{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}


.bigCon{
	width:450px;
	height:450px;
	display: flex;
	align-items: center;
	justify-content: center;
	object-fit: cover;
}

.bigCon img{
	width: 100%;
	display: block;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
}

.SmSwiper{
	width: 538px;
	height: auto;
	overflow: hidden;
	display: flex;
	align-items: center;
	position: relative;
}

.SmPrev,.SmNext{
	width: 32px;
	height: 76px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.SmPrev{
	left: 0px;
}

.SmNext{
	right: 0px;
}


.SmPrev img,.SmNext img{
	width: 100%;
	height: auto;
	display: block;
}


.SmSwiper .swiper-slide{
	display: flex;
	align-items: center;
	justify-content: center;
}


.smCon{
	width: 101px;
	height: 101px;
	display: flex;
	align-items: center;
	justify-content: center;
	object-fit: cover;
}
.smCon img{
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
}



.SmSwiper .swiper-slide-thumb-active img{
	border: 2px solid #c01230;
	box-sizing: border-box;
}


.smSwiperCon{
	width: 600px;
	display: flex;
	justify-content: center;
	height: auto;
	position: relative;
}



.proDR{
	width: 50%;
	height: auto;
	overflow: hidden;
	background-color: #fff;
	padding: 116px 110px 72px;
	box-sizing: border-box;
}


.proDR .title p{
	color: #333333 !important;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 10px;
}

.proDR .line{
	width: 36px;
	height: 5px;
	margin-top: 46px;
}

.proDRItem{
	padding-left: 32px;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	margin-top: 44px;
}

.proDRItem p{
	width: 100%;
	position: relative;
	font-size: 20px;
	color: #333333;
	line-height: 1;
	font-weight: bold;
	display: block;
	margin-bottom: 34px;
}

.proDRItem p::after{
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	background-color: #c01230;
	position: absolute;
	top: 6px;
	left: -32px;
}



.proDRItem p strong{
	font-size: 20px;
	color: #333333;
	line-height: 1;
	font-family: 'MB';
	display: block;
	margin-top: 16px;
}

.IWant{
	margin-top: 74px;
	background-color: #081f5e;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 172px;
	height: 48px;
}

.IWant span{
	font-size: 16px;
	color: #fff;
	line-height: 1;
	margin-right: 16px;
}

.IWant img{
	display: block;
	width: 30px;
	height: auto;
}


.xlProCon{
	width: 100%;
	height: auto;
	overflow: hidden;
}

.xlProCon .title{
	text-align: center;
}

.xlProCon .title b{
	color: #fff;
}

.xlProCon .txt-c {
	margin: 54px auto 0;
	width: 70%;
}


.xlProCon .txt-c p{
	color: #fff;
	text-align: center;
}


.xlSwiperBox{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: auto;
	margin-top: 54px;
}

.xlPrev,.xlNext{
	width: 62px;
	height: 62px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.xlPrev img,.xlNext img{
	display: block;
	width: 100%;
	height: 100%;
}

.xlSwiper{
	width: calc(100% - 300px);
	height: auto;
	overflow: hidden;
}

.domainBox{
	width: 100%;
	height: auto;
	overflow: hidden;
}

.domainTop{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: auto;
}

.domainNP{
	display: flex;
	align-items: center;
	height: auto;
	justify-content: center;
}


.doMainNext,.domainPrev{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 61px;
	height: 61px;
}

.doMainNext img,.domainPrev img{
	display: block;
	width: 100%;
	height: 100%;
}

.domainPrev{
	margin-right: -1px;
}

.domainSwiper{
	width: 100%;
	height: auto;
	overflow: hidden;
}

.domainSwiper .swiper-slide{
	height: 424px;
}

.domainCon{
	width: 100%;
	height: 100%;
	padding: 52px 36px;
	background-image: linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.8));
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.domainCon img{
	width: 60px;
	display: block;
	height: 60px;
}

.domainCon span{
	width: 30px;
	height: 7px;
	background-color: #d2102f;
	display: block;
	margin: 44px 0;
}

.domainCon p{
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3;
	color:#fff;
}


.apply7Box{
	display: flex;
	height: auto;
	width: 100%;
	overflow: hidden;
}

.apply7List{
	width: calc(100% / 7);
	height: auto;
	padding: 42px 32px;
	box-sizing: border-box;
	background-color: #fff;
	border-right: 1px solid #ececec;
	display: flex;
	flex-direction: column;
}

.apply7List:last-child{
	border:none
}


.apply7List img{
	display: flex;
	width: 36px;
	height: 36px;
}

.apply7List i{
	display: block;
	width: 25px;
	height: 5px;
	background-color: #d2102f;
	margin: 44px 0 32px;
}

.apply7List p{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.6;
	color: #000000;
}


.activeApply{
	background-color: #d2102f;
}
.activeApply img{
	filter: grayscale(100%) invert(100%);
}

.activeApply i{
	background-color: #fff;
}

.activeApply p{
	color: #fff;
}



.apply7List:hover{
	background-color: #d2102f;
}

.apply7List:hover img{
	filter: grayscale(100%) invert(100%);
}

.apply7List:hover i{
	background-color: #fff;
}

.apply7List:hover p{
	color: #fff;
}



.applyTImg{
	display: flex;
	align-items: center;
	width: 100%;
	height: 690px;
	justify-content: flex-end;
	flex-direction: row-reverse;
}


.applyR{
	width: 60%;
	height: 100%;
	max-width: 100%;
}


.applyTEnd{
	width: 40%;
	display: flex;
	align-items: center;
	height: 100%;
	z-index: 1;
}


.applyT{
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	padding: 54px 62px;
	box-sizing: border-box;
	background-color: #fff;
}

.applyT div{
	font-size: 30px;
	font-weight: bold;
	color:#081f5e;
	line-height: 1.3;
}

.applyT p{
	margin: 40px 0;
	box-sizing: border-box;
	height: 250px;
	overflow: auto;
	width: 100%;
	display: block;
	font-size: 18px;
	color: #000000;
	line-height: 2;
}

.applyT a{
	width: 180px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #081f5e;
}

.applyT a span{
	font-size: 16px;
	color: #fff;
	line-height: 1;
	margin-right: 16px;
}

.applyT a img{
	display: block;
	width: 30px;
	height: auto;
}


.aboutTopBox{
	width: 100%;
	height: auto;
	overflow: hidden;
}

.aboutTopT{
	display: flex;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.aboutTopL{
	width: 25%;
}

.aboutTopR{
	width: 75%;
	display: flex;
	flex-direction: column;
	height: auto;
}

.aboutTopR p:first-child{
	text-indent: 2em;
}

.aboutTopR p:last-child{
	margin-bottom: 0;
}

.aboutTopR p{
	font-size: 18px;
	line-height: 2;
	margin-bottom: 40px;
	font-family: 'ML';
	display: block;
	width: 100%;
	color: #000000;
}

.aboutTopB{
	display: flex;
	justify-content: space-between;
	height: auto;
	margin-top: 104px;
}

.aboutTopB div{
	display: flex;
	flex-direction: column;
}

.aboutTopB div b{
	font-size: 64px;
	line-height: 1;
	margin-bottom: 16px;
	color: #0b2971;
	font-family: 'MB',"思源黑体 Regular";
}

.aboutTopB div:first-child b{
	color: #d2102f;
}

.aboutTopB div p{
	font-size: 18px;
	line-height: 1;
	color: #333333;
}


.fwBox{
	width: 100%;
	height: auto;
}

.fwBox .w88{
	display: flex;
	flex-direction: column;
	align-items: center;
}


.fwBox .title{
	text-align: center;
	display: flex;
	align-items: center;
	flex-direction: column;
}

.fwBox .title b{
	color: #fff;
}

.fwBox .txt-c{
	width: 50%;
	
}

.fwBox .txt-c p{
	color: #fff;
	text-align: center;
}


.fwListBox{
	display:flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.fwList{
	width: 22.5%;
	height: 240px;
	padding: 34px;
	box-sizing: border-box;
	border: 1px solid rgba(255,255,255,.5);
	background-color: rgba(255, 255, 255, .05);
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.fwList img{
	display: block;
	width: 48px;
	height: 48px;
}

.fwList div{
	display: flex;
	align-items: flex-end;
	flex-direction: column;
	height: auto;
	width: 100%;
	overflow: hidden;
}

.fwList div b{
	font-size: 36px;
	color: #fff;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 14px;
}

.fwList div p{
	line-height: 1;
	color: #fff;
	font-size: 18px;
	font-family: 'MB';
	text-transform: uppercase;
}

.fwList:hover{
	background-color: #d2102f;
}

.dszCon{
	width: 100%;
	height: 484px;
	display: flex;
	overflow: hidden;
}

.dszConL{
	width: 60%;
	height: 100%;
	padding: 40px 80px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.dszConL>img{
	display: block;
	width: 77px;
	height: 61px;
	margin-bottom: 20px;
}

.dszConL p{
	font-size: 18px;
	color: #fff;
	line-height: 1.8;
}

.qmBox{
	display: flex;
	justify-content: flex-end;
	width: 100%;
	height: auto;
	overflow: hidden;
	align-items: center;
	margin-top: 20px;
}

.qmBox span{
	font-size: 18px;
	color: #fff;
	line-height: 1;
}

.qmBox img{
	display: block;
	width: 141px;
	height: 52px;
}




.dszConR{
	width: 40%;
	height: 100%;
}


.timeBox{
	width: 100%;
	height: auto;
	overflow: hidden;
}

.timeTopBox{
	width: 100%;
	height: auto;
	overflow: hidden;
	display: flex;
}

.timeTopL{
	flex: 1;
}


.timeTopL .txt-c{
	width: 70%;
	margin-top: 50px;
}

.timeTopR{
	margin-top: 56px;
	display: flex;
	justify-content: flex-end;
}

.timePrev,.timeNext{
	width: 61px;
	height: 61px;
}

.timePrev img,.timeNext img{
	display: block;
	width: 100%;
	height: 100%;
}

.timeNext{
	margin-right: -1px;
}



.timeCon{
	width: 100%;
	height: auto;
	overflow: hidden;
}

.timeNumS{
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}

.timeNumS .swiper-slide{
	display: flex;
	justify-items: flex-end;
	flex-direction: column;
	align-items: center;
}

.timeNumS .swiper-slide::after{
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #081f5e;
	border: 6px solid #bec9d8;
	box-sizing: content-box;
}

.timeNumS::before{
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	content:'';
	width: 100%;
	height: 1px;
	background-color: #aab5cb;
}


.timeNumS .swiper-slide span{
	font-size: 36px;
	font-family: 'ML';
	color: #081f5e;
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 40px;
	line-height: 1;
	white-space: nowrap;
}


.timeNumS .swiper-slide-thumb-active span{
	color: #d2102f;
	font-weight: bold;
	font-family: 'MB';
}

.timeNumS .swiper-slide-thumb-active::after{
	background-color: #fff;
	border: 6px solid #d2102f;
}

.timeConS{
	width: 100%;
	height: auto;
	overflow: hidden;
}

.timeConS .swiper-slide{
	display: flex;
}

.timeConS .swiper-slide h2{
	font-size: 48px;
	line-height: 1;
	font-weight: bold;
	color: #d2102f;
	margin-right: 256px;
}

.timeConS .swiper-slide h2 span{
	font-size: 64px;
	line-height: 1;
	font-family: 'MB';
}

.issuesCon{
	flex: 1;
	display: flex;
	flex-direction: column;
}

.issuesCon p{
	line-height: 1.5;
	font-size: 18px;
	color: #000000;
	display: flex;
	align-items: center;
	position: relative;
	padding: 4px 0;
}

.issuesCon p::before{
	content: '';
	display: block;
	width: 9px;
	height: 2px;
	background-color: #d2102f;
	margin-right: 14px;
	position: absolute;
	top: 14px;
	left: -18px;
}

.zsBox{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.zsSwiper{
	width: 100%;
	height: auto;
	overflow: hidden;
}

.zsSwiper .swiper-slide{
	display: flex;
	padding: 50px;
	box-sizing: border-box;
	background-color: #fff;
	height: 450px;
	box-shadow: 0 0 20px rgba(0,0,0,.05);
}

.zsLeft{
	width: 55%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	padding-right: 5%;
}

.zsLeft span{
	font-size: 48px;
	font-family: 'ML';
	line-height: 1;
	color: #081f5e;
}
.zsLeft p{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	width: 100%;
}



.zsRight{
	width: 40%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

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

.zsPage{
	width: 100%;
	height: 5px;
	background-color: #dadddf !important;
	margin-top: 56px;
	position: relative;
}

.zsPage .swiper-pagination-progressbar-fill{
	background-color: #d2102f;
}


.ceBox{
	width: 80px;
	height: 240px;
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 9999;
}


.ceBox a{
	display: block;
	background: rgba(255, 255, 255, 0.3);
	width: 80px;
	height: 80px;
	position: relative;
	overflow: hidden;
	float: right;
	transition: all 0.3s ease;
}

.phoneTxt{
	position: absolute;
	top: 0;
	left: 80px;
	height: 80px;
	padding: 0 20px;
	width: 200px;
	box-sizing: border-box;
	font-size: 18px;
	color: #fff;
	display: flex;
	align-items: center;
	
}

.ceBox a img{
	display: block;
	width: 80px;
	height: 80px;
}


.ceBox a:hover{
	background: rgba(0, 0, 0, 0.3);
}

.phones:hover{
	width: 280px;
}

.ceBox a:hover img{
	filter:brightness(0) invert(1);
}


@media only screen and (max-width:1680px) {
	.aboutTopB div b,.cooperT b{
		font-size: 58px;
	}
	
	.aboutTopB div p,.cooperT p{
		font-size: 16px;
	}
	.aboutTopR p{
		font-size: 16px;
		margin-bottom: 36px
	}
	.fwList div p,.tip,.BinputBox span,.BtextareaBox span{
		font-size: 16px;
	}
	.dszConL p,.fiveListCon{
		font-size: 16px;
	}
	.qmBox span,.BinputBox input,.BtextareaBox textarea{
		font-size: 16px;
	}
	.issuesCon p,.demandList p{
		font-size: 16px;
	}
	.demandList p{
		line-height: 1.5;
	}
	.zsLeft span{
		font-size: 42px;
	}
	.zsLeft p,.proTitle span,.proConItem p{
		font-size: 16px;
	}
	
	.apply7List p,.applyT p{
		font-size: 16px;
	}
	.applyT div{
		font-size: 28px;
	}
	
	.bottomIL form button{
		width: 330px;
		height: 65px;
	}
	.bottomIL form button span{
		font-size: 14px;
	}
	.BinputBox{
		height: 65px;
		padding: 0 32px;
	}
	.BtextareaBox{
		padding: 26px 32px;
	}
	
	.proTitle b,.proConItem p strong{
		font-size: 23px;
	}
	.proConItem p{
		margin-bottom: 26px;
	}
	
	.bannerCY span, .bannerCY a, .bannerCY p,.banenrConTop input{
		font-size: 16px;
	}
	
	.banenrConTop input::placeholder{
		font-size: 16px;
	}
	.banenrConTop{
		height: 56px;
	}
	.banenrConTop button img{
		width: 26px;
		height: auto;
	}
	.domainCon p,.sQTop p{
		font-size: 22px;
	}
	.domainCon span{
		margin: 42px 0;
	}
	.domainSwiper .swiper-slide{
		height: 410px;
	}
	.smSwiperCon{
		width: 520px;
		padding: 0 46px;
	}
	
	.smCon{
		width: 92px;
		height: 92px;
	}
	.BigSwiper{
		margin-bottom: 90px;
	}
	.bigCon{
		width: 420px;
		height: 420px;
	}
	
	.fiveTop span{
		font-size: 24px;
	}
	.wenda,.jiajian{
		width: 46px;
	}
	.fiveListCon{
		padding: 0 20% 0 112px;
	}
	
	.proDRItem p{
		font-size: 18px;
		margin-bottom: 30px;
	}
	
}
@media only screen and (max-width:1440px) {
	.aboutTopB div b,.cooperT b{
		font-size: 50px;
	}
	.aboutTopB div p,.cooperT p{
		font-size: 15px;
	}
	.aboutTopR p{
		font-size: 15px;
		margin-bottom: 32px
	}
	
	.fwList div b{
		font-size: 32px;
	}
	.fwList div p,.tip,.BinputBox span,.BtextareaBox span{
		font-size: 15px;
	}
	.dszConL p,.proTitle span,.proConItem p,.fiveListCon{
		font-size: 15px;
	}
	
	.qmBox span,.demandList p{
		font-size: 15px;
	}
	.issuesCon p{
		font-size: 15px;
	}
	.zsLeft span{
		font-size: 36px;
	}
	.zsLeft p,.BinputBox input,.BtextareaBox textarea{
		font-size: 15px;
	}
	.zsSwiper .swiper-slide{
		height: 420px;
	}
	.apply7List i{
		margin: 30px 0 20px;
	}
	
	.apply7List p,.applyT p{
		font-size: 15px;
	}
	
	.applyT div{
		font-size: 26px;
	}
	.bottomIL form button{
		width: 320px;
		height: 60px;
	}
	.BinputBox{
		height: 60px;
		padding: 0 28px;
	}
	.BtextareaBox{
		padding: 26px 28px;
	}
	.productR{
		width: calc(100% - 200px - 3%);
	}
	.productL{
		width: 200px;
	}
	.proIcon{
		width: 29px;
		margin: 0 10px;
	}
	.productL ul li a span{
		font-size: 18px;
	}
	.proConList{
		padding: 38px;
	}
	.proBtn a{
		width: 46%;
	}
	.productL ul li{
		height: 65px;
	}
	.proTitle b,.proConItem p strong{
		font-size: 22px;
	}
	.proConItem p{
		margin-bottom: 24px;
	}
	.bannerCY span, .bannerCY a, .bannerCY p,.banenrConTop input{
		font-size: 15px;
	}
	.banenrConTop input::placeholder{
		font-size: 15px;
	}
	.banenrConTop{
		height: 54px;
	}
	.banenrConTop button img{
		width: 25px;
		height: auto;
	}
	.domainCon p,.sQTop p{
		font-size: 20px;
	}
	.domainCon span{
		margin: 40px 0;
	}
	.domainSwiper .swiper-slide{
		height: 406px;
	}
	
	.smSwiperCon{
		width: 500px;
		padding: 0 36px;
	}
	
	.smCon{
		width: 90px;
		height: 90px;
	}
	.BigSwiper{
		margin-bottom: 80px;
	}
	.bigCon{
		width: 400px;
		height: 400px;
	}
	.SmPrev, .SmNext{
		width: 30px;
	}
	
	.fiveTop span{
		font-size: 22px;
	}
	.wenda,.jiajian{
		width: 42px;
	}
	.proDRItem p{
		font-size: 17px;
		margin-bottom: 28px;
	}
	
}
@media only screen and (max-width:1280px) {
	.aboutTopB div b,.cooperT b{
		font-size: 42px;
	}
	.aboutTopB div p,.cooperT p{
		font-size: 14px;
	}
	.aboutTopR p{
		font-size: 14px;
		margin-bottom: 28px
	}
	
	.fwList{
		height: 200px;
	}
	.fwList div b{
		font-size: 28px;
	}
	.fwList img{
		width: 40px;
		height: 40px;
	}
	.fwList div p,.tip,.BinputBox span,.BtextareaBox span{
		font-size: 14px;
	}
	.dszConL p,.proTitle span,.proConItem p,.fiveListCon{
		font-size: 14px;
	}
	.fiveListCon{
		min-height: 120px;
	}
	
	.dszConL{
		padding: 50px;
		width: 50%;
	}
	.dszConR{
		width: 50%;
	}
	
	.qmBox span,.demandList p{
		font-size: 14px;
	}
	.qmBox img{
		display: block;
		width: 120px;
		height: auto;
	}
	.issuesCon p{
		font-size: 14px;
	}
	.zsLeft span,.BtextareaBox textarea{
		font-size: 28px;
	}
	.zsLeft{
		width: 50%;
	}
	.zsRight{
		width: 50%;
	}
	.zsLeft p{
		font-size: 14px;
	}
	.zsSwiper .swiper-slide{
		height: 380px;
		padding: 40px;
	}
	
	.apply7List p,.applyT p,.BinputBox input{
		font-size: 14px;
	}
	
	.applyT div{
		font-size: 26px;
	}
	.bottomIL form button{
		width: 300px;
		height: 55px;
	}
	.BinputBox{
		height: 55px;
		padding: 0 26px;
	}
	.BtextareaBox{
		padding: 26px 26px;
	}
	.proTitle b,.proConItem p strong{
		font-size: 21px;
	}
	.proConItem p{
		margin-bottom: 22px;
	}
	
	
	.productR{
		width: calc(100% - 190px - 3%);
	}
	.productL{
		width: 190px;
	}
	.proIcon{
		width: 28px;
		margin: 0 9px;
	}
	.productL ul li a span{
		font-size: 16px;
	}
	.proConList{
		padding: 36px;
	}
	.productL ul li{
		height: 62px;
	}
	
	.proConList{
		flex: 0 0 calc(50% - 4px);
	}
	.proConList:nth-child(2n){
		margin-right: 0 !important;
	}
	.proConList:nth-child(3n){
		margin-right: 8px;
	}
	.bannerCY span, .bannerCY a, .bannerCY p,.banenrConTop input{
		font-size: 14px;
	}
	.banenrConTop input::placeholder{
		font-size: 14px;
	}
	.banenrConTop{
		height: 54px;
	}
	.banenrConTop button img{
		width: 25px;
		height: auto;
	}
	.domainCon p,.sQTop p{
		font-size: 18px;
	}
	.domainCon span{
		margin: 38px 0;
	}
	.domainSwiper .swiper-slide{
		height: 402px;
	}
	.sQTop p{
		line-height: 1.5;
	}
	.serviceT p{
		font-size: 20px;
		line-height: 1.3;
		text-align: center;
	}
	.fiveTop span{
		font-size: 20px;
	}
	.wenda,.jiajian{
		width: 40px;
	}
	.proDRItem p{
		font-size: 16px;
		margin-bottom: 26px;
	}
}
@media only screen and (max-width:1024px) {

	.aboutTopL{
		width: 100%;
	}
	
	.aboutTopR{
		width: 100%;
		margin-top: 20px;
	}
	
	.aboutTopT{
		flex-direction: column;
	}
	
	.aboutTopR p{
		margin-bottom: 20px
	}
	
	.aboutTopB{
		margin-top: 60px;
	}
	.aboutTopB div b{
		font-size: 32px;
	}
	
	.aboutTopB{
		flex-flow: row wrap;
	}
	
	.aboutTopB div:nth-child(1){
		width: 50%;
		padding-right: 1%;
	}
	.aboutTopB div:nth-child(2){
		width: 50%;
		padding-left: 1%;
	}
	.aboutTopB div:nth-child(3){
		width: 100%;
		margin-top: 30px;
	}
	
	.fwList{
		padding: 30px 0;
		align-items: center;
	}
	
	.fwList div{
		align-items: center;
	}
	.fwBox .txt-c{
		width: 80%;
	}
	.fwBox .txt-c p{
		width: 100%;
	}
	.dszConL>img{
		width: 64px;
		height: auto;
	}
	
	.timePrev, .timeNext,.timePrev, .timeNext,.xlPrev, .xlNext,.cooperP, .cooperN,.doMainNext, .domainPrev{
		width: 54px;
		height: 54px;
	}
	.xlSwiper{
		width: calc(100% - 180px);
	}
	.apply7List i{
		margin: 20px 0 15px;
	}
	.apply7List{
		padding: 32px 22px;
	}
	.applyT div{
		font-size: 24px;
	}
	.applyTEnd{
		justify-content: center;
		position: unset;
		width: 100%;
	}
	.applyTImg{
		height: auto;
		display: flex;
		flex-direction: column-reverse;
	}
	
	.applyR{
		width: 100%;
		height: 400px;
	}
	
	.applyT{
		width: 100%;
		padding: 45px 40px;
		height: auto;
	}
	
	.applyT p{
		height: 200px;
	}
	.BinputBox{
		padding: 0 24px;
	}
	.BtextareaBox{
		padding: 26px 24px;
	}
	.proTitle b,.proConItem p strong{
		font-size: 20px;
	}
	.proConItem p{
		margin-bottom: 20px;
	}
	.banenrConTop{
		height: 52px;
	}
	.banenrConTop input{
		padding: 0 25px;
	}
	.domainCon p{
		font-size: 16px;
	}
	.domainCon span{
		margin: 36px 0;
	}
	.domainSwiper .swiper-slide{
		height: 380px;
	}
	
	.proDSwiper{
		padding: 50px 0;
	}
	.serviceT p{
		font-size: 18px;
	}
	
	.fiveTop span{
		font-size: 18px;
	}
	
}
@media only screen and (max-width:960px) {
	.cooperCon{
		flex-direction: column;
		height: auto;
		overflow: hidden;
	}
	.cooperL{
		width: 100%;
		flex-direction: row;
		align-items: center;
	}
	
	.cooperSwiper{
		width: 100%;
		height: 330px;
		border-right: 1px solid #ced2df;
	}
	
	.cooperSwiper .swiper-slide:nth-child(2n-1){
		border-top: 1px solid #ced2df;
	}
	.cooperSwiper .swiper-slide{
		box-sizing: border-box;
	}
	.Bottominput{
		flex-direction: column;
		height: auto;
	}
	
	.bottomIL{
		width: 100%;
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.bottomIR{
		display: none;
	}
	.BinputBox{
		padding: 0 22px;
	}
	.BtextareaBox{
		padding: 26px 22px;
	}
	
	.BinputBox span{
		white-space: nowrap;
	}
	
	.bottomIL form{
		align-items: center;
	}
	.banenrConTop{
		height: 50px;
	}
	
	.productBox .w88{
		flex-direction: column;
	}
	
	.productL{
		position: unset;
		width: 100%;
	}
	.proActive .proRight{
		display: none;
	}
	
	.productL ul{
		display: flex;
		flex-flow: row wrap;
		margin-bottom: 20px;
		border: none;
		border-left: 1px solid #eaeaea;
		border-top: 1px solid #eaeaea;
	}
	
	.productL ul li{
		flex: 0 0 20%;
		border-bottom: 1px solid #eaeaea;
		border-right: 1px solid #eaeaea;
		box-sizing: border-box;
		height: auto;
		padding: 10px 0;
	}
	.productL ul li a{
		border-bottom: none;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.productL ul li a span{
		flex: none;
		margin-top: 8px;
	}
	
	.productR{
		width: 100%;
	}
	.demandCon{
		flex-flow: row wrap;
	}
	.demandList{
		padding: 30px 14px 30px;
		width: calc(100% /3 - 4% / 2);
		margin-right: calc(4% / 2);
		margin-bottom: 6px;
	}
	
	.demandList:nth-child(3n){
		margin-right: 0;
	}
	
	.demandList b{
		font-size: 62px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.demandList i{
		margin-bottom: 20px;
	}
	
	.proDTop{
		flex-direction: column;
	}
	.proDL{
		width: 100%;
	}
	.smSwiperCon{
		width: 100%;
		box-sizing: border-box;
	}
	.proDR{
		width: 100%;
		padding: 50px 10% 30px;
	}
	.proDRList{
		margin-bottom: 20px;
	}
	.IWant{
		margin-top: 40px;
	}
	.proDR .line{
		margin-top: 20px;
	}
	
	.SmSwiper{
		width: 100%;
	}
	.smCon{
		width: 80%;
		height: auto;
	}
	
	.serviceEnd{
		justify-content: center !important;
		width: 100%;
		height: 340px;
	}
	
	.serviceT{
		width: 100%;
		height: 100%;
	}
	.serviceL{
		width: 100%;
		height: 340px;
	}
	
	.SLeft{
		flex-direction: column-reverse;
	}
	
	.SRight{
		flex-direction: column;
	}
	
	
	.serviceList{
		height: auto;
		overflow: hidden;
	}
	.SRight .serviceT::after,
	.SLeft .serviceT::after{
		display: none;
	}
	.serviceT b{
		font-size: 40px;
		margin-bottom: 20px;
	}
	.serviceT i{
		margin-bottom: 20px;
	}
	
	.serviceT p{
		font-size: 16px;
	}
	
	.wenda,.jiajian{
		width: 36px;
	}
	
	.ceBox{
		display: none;
	}
	.applyR{
		height: 360px;
	}
	
}

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

	.aboutTopB div b{
		font-size: 30px;
	}
	.aboutTopB {
	    margin-top: 40px;
	}
	
	.aboutTopB div{
		width: 100% !important;
		padding-right: 0;
		margin-bottom: 30px;
	}
	.aboutTopB div:nth-child(3){
		margin-top: 0px;
		margin-bottom: 0;
	}
	.fwBox .txt-c{
		width: 92%;
	}
	
	.fwList img{
		width: 32px;
		height: 32px;
	}
	
	.fwList div p{
		font-size: 12px;
		font-weight: normal;
	}
	
	.fwListBox{
		flex-direction: column;
	}
	
	.fwList{
		width: 100%;
		flex-direction: row;
		padding: 30px;
		height: auto;
		margin-bottom: 10px;
	}
	
	.fwList:last-child{
		margin-bottom: 0;
	}
	
	
	.fwList div b{
		font-size: 24px;
	}
	
	.dszCon{
		flex-direction: column-reverse;
		height: auto;
	}
	.dszConL{
		width: 100%;
		padding: 30px;
		height: auto;
	}
	
	.dszConR{
		width: 100%;
		height: 300px;
	}
	
	.qmBox img{
		width: 100px;
	}
	.dszConL>img{
		width: 56px;
	}
	
	.dszConL p{
		margin-top: 25px 0;
	}
	.timePrev, .timeNext,.timePrev, .timeNext,.xlPrev, .xlNext,.cooperP, .cooperN,.doMainNext, .domainPrev{
		width: 46px;
		height: 46px;
	}
	.timeTopBox{
		flex-direction: column;
	}
	.timeTopL .txt-c{
		width: 100%;
	}
	.timeNumS .swiper-slide span{
		font-size: 28px;
		margin-bottom: 14px;
	}
	
	.timeConS .swiper-slide{
		flex-direction: column;
	}
	.timeConS .swiper-slide h2{
		margin-right: 0;
		font-size: 28px;
	}
	.timeConS .swiper-slide h2 span{
		font-size: 40px;
	}
	
	.issuesCon{
		margin-top: 20px;
	}
	
	.issuesCon p{
		line-height: 1.2;
		margin-bottom: 10px;
	}
	.timeNumS .swiper-slide::after{
		width: 8px;
		height: 8px;
		border: 4px solid #bec9d8;
	}
	
	.timeNumS .swiper-slide-thumb-active::after{
		border: 4px solid #d2102f;
	}
	.timeNumS::before{
		bottom: 8px;
	}
	
	.zsSwiper .swiper-slide{
		flex-direction: column;
		height: auto;
	}
	
	.zsLeft{
		padding-right: 0;
		height: auto;
		width: 100%;
	}
	
	.zsLeft p{
		margin-top: 12px;
	}
	.zsRight{
		width: 100%;
		flex: 1;
		margin-top: 20px;
	}
	
	.zsRight img{
		display: block;
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
	}
	.zsPage{
		margin-top: 30px;
	}
	
	.apply7List i{
		margin: 10px 0;
	}
	
	.apply7Box{
		flex-flow: row wrap;
	}
	.apply7List{
		width: 25%;
		padding: 20px 10px;
		margin-top: 2px;
	}
	.xlSwiper{
		width: 100%;
	}
	.xlSwiperBox{
		position: relative;
	}
	.xlPrev, .xlNext{
		position: absolute;
		top: 32%;
		transform: translateY(-50%);
		z-index: 99;
		width: 40px;
		height: 40px;
	}
	
	.xlPrev{
		left: -15px;
	}
	.xlNext{
		right: -15px;
	}
	
	.proConList{
		margin-right: 8px;
		padding: 25px 14px;
	}
	
	.xlSwiperBox{
		margin-top: 36px;
	}
	.proTitle b{
		font-size: 20px;
	}
	.proConItem p,
	.proTitle span{
		font-size: 14px;
	}
	.proImg{
		margin: 15px auto;
		width:80%;
		height: auto;
	}
	
	.proImg::after{
		content: '';
		padding-top:100%;
		display: block;
	}
	
	.proConItem p strong{
		font-size: 18px;
	}
	.proConItem p{
		margin-bottom: 14px;
	}
	.applyT p{
		height: auto;
		margin: 20px auto;
		line-height: 1.8;
	}
	.applyT{
		padding: 30px 20px;
	}
	.applyT a span{
		font-size: 14px;
	}
	.applyT a{
		width: 140px;
		height: 40px;
	}
	.business .pic img{
		width: 100%;
	}
	.bottomIL{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.banenrConTop{
		height: 48px;
	}
	.banenrConTop button img{
		width: 22px;
	}
	.banenrConTop input{
		padding: 0 20px;
	}
	.productL ul li a span{
		font-size: 14px;
		text-align: center;
	}
	.productL ul li{
		flex: 0 0 25%;
		padding: 10px;
	}
	
	.proBtn{
		flex-direction: column;
	}
	.proBtn a{
		width: 100%;
		margin-top: 8px;
		border: 1px solid #ececec;
		font-size: 14px;
		height: 38px;
	}
	.proIcon{
		width: 26px;
	}
	
	.demandList b{
		font-size: 52px;
	}
	
	.xlProCon .txt-c{
		width: 100%;
	}
	
	.xlSwiper .proConList{
		    margin-right:0;
		    padding: 25px 40px;
	}
	
	.BigSwiper{
		margin-bottom: 30px;
	}
	
	.smSwiperCon{
		padding: 0 24px;
	}
	.bigCon{
		width: 100%;
		height: auto;
	}
	
	
	.SmPrev, .SmNext{
		width: 20px;
	}
	
	.sQList{
		height: 200px;
		width: calc(33.33% - 4px);
	}
	.sQTop{
		padding: 30px 16px;
	}
	.sQTop p{
		font-size: 16px;
	}
	.sQTop i{
		margin-top: 20px;
	}
	
	
	.sQBg img{
		margin-right: 0;
		width: 100%;
	}
	.serviceList{
		height: 420px;
	}
	
	.fiveTop span{
		padding: 0 20px;
	}
	
	.fiveListCon{
		padding: 0 10px;
	}
	.fiveTop{
		padding: 40px 0 20px;
	}
	.fiveTop span{
		font-size: 16px;
	}
	.wenda, .jiajian{
		width: 32px;
	}
	.proDRItem p{
		margin-bottom: 22px;
	}
	
	.proDRItem{
		padding-left: 20px;
	}
	.proDRItem p::after{
		left: -24px;
	}
	.issuesCon p::before{
		display: none;
	}
	.applyR{
		height: 300px;
	}
}



.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
	display: none;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{
	display: none;
}