@charset "utf-8";

*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{font-size:16px;overflow-x:hidden;-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/-webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
-o-tap-highlight-color:rgba(0, 0, 0, 0);  
tap-highlight-color:rgba(0, 0, 0, 0);}

body{ font-family:"Source Han Sans CN","Hiragino Sans GB","Heiti SC","Microsoft Yahei",Helvetica,Arial,sans-serif; font-size:16px;overflow-x:hidden; color:#666;}
a{ text-decoration:none;outline:none;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;color:#717072}
a:hover{color:#233e8d}
img{ border:none;}
table{ border-collapse:collapse}
ul,ol,li{ list-style:none}
.clearfix{zoom:1; clear:both}
.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}
.clear{ clear:both}
.fl{ float:left}
.fr{ float:right}
botton,input,textarea,select{ outline:none; font-family:Arial}
h1,h2,h3,h4,h5{ font-weight:normal}
.ovh{ overflow:hidden}
.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}
video:focus{ outline:none}

input,textarea,select,button,input{ outline:none; font-size:15px;font-family: Arial, 'Microsoft Yahei', Helvetica, SimSun, sans-serif;text-transform: capitalize;}
/*input{-webkit-appearance: none ;}*/


:root{
    --gradient-background-color: -webkit-linear-gradient(35deg, #233e8d, #0166b8);
    --gradient-background-color: -o-linear-gradient(35deg, #233e8d, #0166b8);
    --gradient-background-color: -moz-linear-gradient(35deg, #233e8d, #0166b8);
    --gradient-background-color: linear-gradient(35deg, #233e8d, #0166b8);
    --gradient-background-color2: linear-gradient(35deg, #233e8d, #0166b8, #0059a5, #1c4390);
    --blue-color:#233e8d;
    --grey-color:#575454;
    --black-color:#1a1a1a;
}

@font-face{
    font-family:'bebas';
    src:url("../fonts/bebas.eot");
    src:url("../fonts/bebas.eot") format("embedded-opentype"),
    url("../fonts/bebas.woff2") format("woff2"),
    url("../fonts/bebas.woff") format("woff"),
    url("../fonts/bebas.ttf") format("truetype"),
    url("../fonts/bebas.svg#BEBAS") format("svg");
}

.wrap{width: 90%; max-width:90%;padding:0 1rem;margin:0 auto}
.pic{overflow:hidden; position:relative}
.pic:before{content:""; display: block;}
.pic img{ 
    position: absolute;
    left:0;
    top:0;
    right:0;
    bottom:0; 
    margin: auto;
    width:100%;
    height:100%;
    object-fit:cover;
    -moz-transition:.8s cubic-bezier(.64,.93,.88,1.07);
    -webkit-transition:.8s cubic-bezier(.64,.93,.88,1.07);
    transition:.8s cubic-bezier(.64,.93,.88,1.07);
}
.more{display: flex;display: -webkit-flex;justify-content:center;}
.more a{display: block;width: 200px;line-height: 55px;font-size: 1.05em;text-align: center;border-radius:30px;background: #fff;}
.more a:hover{background-color: var(--blue-color);color: #fff;box-shadow: 0 10px 30px -3px rgba(22, 48, 125, .3);}
.more-border a{border: 1px solid #ddd;}


.header{position: fixed;top: 0;left: 0;width: 100%;z-index:99;height:80px;-webkit-transition:0.4s;-moz-transition:0.4s;transition:0.4s;text-transform: capitalize;background-color: #fff;font-size:1.18em;}
.header-scroll{ box-shadow:0 0 10px rgba(0,0,0,.08);}
.header .wrap{position: relative;z-index: 2;}
.logo{height:80px;position:relative;display: flex;display: -webkit-flex;align-items: center;}
.logo img{display: block;width:auto;height:45px;}
.header .tel{background:url(../images/tel.png) no-repeat left center;line-height: 80px;padding-left: 25px;font-size: 18px;font-weight: bold;color: #333;margin-left: 20px;}

.menu{position: relative;z-index: 2;}
.menu>ul{display:flex;display:-webkit-flex;justify-content:space-between}
.menu>ul>li{margin:0 30px;position:relative;white-space: nowrap;}
.menu .menu_a{color:var(--black-color);line-height:80px;position:relative;text-transform: uppercase;display: block;}
.menu .sub{ 
    position:absolute;
    left: 50%;
    top: 100%; 
    width:150px;
    text-align: center;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transform:translateX(-50%); 
    opacity: 0;
    visibility: hidden;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    transition:.5s;
}
.menu .sub .con {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); 
    position:relative;
    padding: 10px 0;
    margin-top: 10px;
}
.menu .sub .con:before { 
    content:""; 
    width:0; 
    height:0; 
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:6px solid #fff; 
    display:block; 
    position:absolute; 
    left:50%; 
    margin-left:-6px; 
    top:-6px
}
.menu .sub a { 
    display:block; 
    background:#fff; 
    border-bottom:1px solid #e8e8e8;
    font-size: .9em;
    color:#666; 
    line-height: 20px; 
    padding: 15px 20px;
    word-wrap: break-word;
    white-space:normal
}
.menu .sub a:last-child{border-bottom: 0;}
.menu li:hover .sub {opacity: 1;visibility: visible;}
.menu .sub a:hover {
    background:var(--blue-color); 
    color:#fff
}



.search{ position:relative}
.search-top{ width:70px; height:70px; background:url(../images/search-btn.png) no-repeat center #e7c957; cursor:pointer}
.search-box{ position:fixed; width:100%; height:100%; background:#333;top:0; left:0; z-index:100; display:none}
.search-box .close{ width:30px; height:30px;display:block; position:absolute; top:10%; right:10%; transition:.3s; cursor:pointer}
.search-box .close:before{ content:""; width:100%; height:2px; background:#fff; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);position: absolute;left: 0;top: 50%;}
.search-box .close:after{ content:""; width:100%; height:2px; background:#fff; -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);position: absolute;left: 0;top: 50%;}
.search-form{ position:absolute; top:42%; width:80%; left:10%;border-bottom:1px solid #515151; height:90px; line-height:90px;}
.search-form .inp{ width:100%; height:90px; background:url(../images/search-btn.png) no-repeat left center; border:none; box-sizing: border-box; color:#4d4d4d; padding-left:100px;font-size:30px;}
.search-form .submit{ position:absolute; right:0;top:0; background:none; border:0; font-size:35px; line-height:90px; color:#808080; cursor:pointer}
.search-box .close:hover{ transform:rotate(90deg)}


/**/

.banner{ position:relative; z-index:1;margin-top: 80px;overflow: hidden;height: calc(100vh - 80px);}
.banner .swiper-container {width: 100%;height: 100%;}
.banner img{ display:block; width:100%;height: 100%;object-fit: cover;-moz-transition:1s linear 2s;-webkit-transition:1s linear 2s;transition:1s linear 2s;}
.banner .swiper-slide{ position:relative}
.banner .swiper-button-prev, .banner .swiper-button-next{ width:30px; height:30px; margin-top:-15px; outline:none; opacity:0.4; top:50%; overflow:hidden; transition: .3s;background: none;}
.banner .swiper-button-prev{border-top: 2px solid #fff;border-left: 2px solid #fff; transform: rotate(-45deg);left:2%}
.banner .swiper-button-next{border-top: 2px solid #fff;border-right: 2px solid #fff; transform: rotate(45deg);right:2%}
.banner .swiper-button-prev:after, .banner .swiper-button-next:after{ content:"";}
.banner .swiper-button-prev:hover, .banner .swiper-button-next:hover{ opacity:1;}
.banner .swiper-pagination{bottom: 4%;}
.banner .swiper-pagination-bullet{width: 50px;height: 2px;background-color: #fff;opacity: .3;border-radius: 0; transition: .3s;}
.banner .swiper-pagination-bullet-active{opacity: 1;}
.banner .swiper-slide{ position:relative}
.banner .txt{ position: absolute;left: 20%;top:50%;color: #fff;font-size: 60px;font-weight: 300;opacity: 0;}
.banner .txt span{display: block;}
.banner .swiper-slide-active .txt{top:45%;opacity: 1;transition:1s ease;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.banner .swiper-slide-active img, .banner .swiper-slide-duplicate-active img{
	transition:16s linear;
	-moz-transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.12);
	transform:scale(1.1,1.1);
}
.strength{ background:#2e2d2d; text-align:center; position:relative}
.strength ul{display: flex;display: -webkit-flex;justify-content: center;}
.strength li{padding:28px 5% 20px 5%;position:relative;text-align:left;}
.strength li::after{ content:""; width:1px; height:calc(100% - 48px); background-color:#414141; position:absolute; right:0;top:28px; }
.strength_box{position:relative;padding-left: 80px;}
.strength li .p1{ color:#fff; font-size:24px; line-height:30px; font-weight:bold}
.strength li .p1 em{ font-style:normal}
.strength li .p1 span{ color:#707070; font-size:14px;}
.strength li .p2{ color: rgba(255,255,255,0.7);}
.strength .li1 .strength_box{ background:url(../images/icon_s1.png) no-repeat 0 0;}
.strength .li2 .strength_box{ background:url(../images/icon_s2.png) no-repeat 0 0;}
.strength .li3 .strength_box{ background:url(../images/icon_s3.png) no-repeat 0 0;}
.strength .li4 .strength_box{ background:url(../images/icon_s4.png) no-repeat 0 0;}
.strength .li4::after{ display:none}
.strength li:hover{ background-color:#333}


.space{ padding:90px 0}
.title{text-align: center;margin-bottom:2.5em;}
.title h4{font-size: 40px;color: var(--black-color);line-height: 1;}
.title p{color: #999;margin-top: .8em;}

.i-service{margin-top: -140px;height: 140px;z-index: 9;position: relative;background: rgba(68, 138, 207, 0.2);backdrop-filter: blur(10px);padding:30px 5% 0;}
.i-service ul{display: flex;display: -webkit-flex;justify-content:center;}
.i-service li{width: 31.33%;position: relative;border-radius: 10px;margin: 0 1%;}
.i-service a{display: flex;display: -webkit-flex;padding:0 15%;align-items: flex-start;position: relative;}
/* .i-service li:nth-child(1) a{background: url(../images/num_01.png) no-repeat right 10% bottom;}
.i-service li:nth-child(2) a{background: url(../images/num_02.png) no-repeat right 8% bottom;}
.i-service li:nth-child(3) a{background: url(../images/num_03.png) no-repeat right 8% bottom;} */

.i-service .ico{flex-shrink: 0;opacity: .4;}
.i-service .txt{padding-left: 10%;color: #fff;}
.i-service h2{font-size: 26px;color: #fff;line-height: 1;margin-bottom:.5em;}
.i-service .intro{line-height: 1.6;}
.i-service .intro p{white-space: nowrap;font-weight: 300;}
.i-service .mor{width: 40px;height: 40px;border-radius: 50%;overflow: hidden;border-radius: 50%;position: absolute;right: 10%;top:0;opacity: 0;}
.i-service .mor::after, .i-service .mor::before{content: '';width: 100%;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.i-service .mor::after{background: #233e8d;transform: scale(0);border-radius: 50%;}
.i-service .mor::before{background: url(../images/more_h.png) no-repeat center;background-size: 20px;z-index: 2;}
.i-service .ico, .i-service .mor, .i-service .mor::after, .i-service .mor::before{transition: .4s;-webkit-transition: .4s;-moz-transition: .4s;}
.i-service li:hover .ico{transform: scaleX(-1);}
.i-service li:hover .mor{opacity: 1;}
.i-service li:hover .mor::after{transform: scale(1);}


.i-template{background: #f5f5f5; overflow: hidden;}
.i-temp-list ul{display: flex;display: -webkit-flex;flex-wrap: wrap;margin-right: -2%;}
.i-temp-list li{width: 23%;margin-right: 2%;margin-bottom: 2%;background: #fff;padding: 10px;border-radius: 5px;}
.i-temp-list .imgbox{border-radius: 5px;overflow: hidden;position: relative;}
.i-temp-list .imgbox span{position: absolute;left: 50%;bottom:0;transform: translateX(-50%);border-radius: 15px;background: #0065b3;box-shadow: 0 3px 10px rgba(32, 64, 141, .6);color: #fff;padding: 0 15px;line-height: 2;min-width: 150px;text-align: center;opacity: 0;}
.i-temp-list .imgbox:before{content: '';display: block;padding-top:82%;}
.i-temp-list .imgbox img{position: absolute;left: 0;top: 0;right: 0;width: 100%;}
.i-temp-list .imgbox i{position: absolute;top: 0;right: 0;width: 70px;height: 70px;background: url(../images/new-up.png) no-repeat;background-size: contain;display: none;}
.i-temp-list .new-up .imgbox i{display: block;}
.i-temp-list .txt{padding: 20px 0 20px; text-align: center;}
.i-temp-list .txt h3{font-size: 1.25em;color: #333;}
.i-temp-list .txt p{color: #666;line-height: 1;font-size: 1.125em;}
.i-temp-list li, .i-temp-list .imgbox span, .i-temp-list .imgbox{transition: .4s;-webkit-transition: .4s;-moz-transition: .4s;}
.i-temp-list li:hover{box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);}
.i-temp-list li:hover .imgbox span{bottom: 25px; opacity: 1;}


.i-process{background: url(../images/lcbg.jpg) no-repeat center bottom;background-size: 100% auto;}
.i-process-list{position: relative;}
.i-process-list .line{position: absolute;left: -10%;right: -10%;top: 50px;border-top: 1px dotted #d8d8d8;}
.i-process-list ul{display: flex;display: -webkit-flex;justify-content: space-between;position: relative;z-index: 2;}
.i-process-list li{width: 20%;text-align: center;padding:0 2% 2%;border-radius: 15px; position: relative;}
.i-process-list li:after{
    content: '';
    width: 100%;
    height: 85%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.6));
    background: -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.6));
    background: -moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.6));
    background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.6));
    box-shadow: 0 15px 15px rgba(0, 0, 0, 0.06);
    opacity: 0;
    
}
.i-process-list .ico, .i-process-list .txt{position: relative;z-index: 2;}
.i-process-list .ico{width: 99px;height: 99px;border-radius: 50%;background: #233e8d;margin: 0 auto 6%; display: flex;display: -webkit-flex;justify-content: center;align-items: center;box-shadow: 0 0 0 8px #f2f2f3;}
.i-process-list .ico{
    background: -webkit-linear-gradient(35deg, #233e8d, #0166b8);
    background: -o-linear-gradient(35deg, #233e8d, #0166b8);
    background: -moz-linear-gradient(35deg, #233e8d, #0166b8);
    background: linear-gradient(35deg, #233e8d, #0166b8);
}
.i-process-list .intro{color: #666;font-size: 1.125em;line-height: 1.8;font-weight: 300;}
.i-process-list .tit{color: #233e8d;margin-bottom: 3%;}
.i-process-list .tit span{font-weight: 300;}
.i-process-list .tit h3{font-size: 22px;line-height: 1.2;}
.i-process-list li, .i-process-list .ico, .i-process-list li:after{transition: .4s;-webkit-transition: .4s;-moz-transition: .4s;}
.i-process-list li:hover::after {opacity: 1;}
.i-process-list li:hover .ico{transform:scaleX(-1);-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1)}
/* .i-process-list li:nth-child(2) .ico, .i-process-list li:nth-child(5) .ico{background: #01a165;}
.i-process-list li:nth-child(2) .tit, .i-process-list li:nth-child(5) .tit{color: #01a165;}
.i-process-list li:nth-child(3) .ico{background: #f74d05;}
.i-process-list li:nth-child(3) .tit{color: #f74d05;} */


.i-advantage{
    background: #4a4a4a; 
    position: relative;
    color: #fff;
    background: linear-gradient(45deg,#233e8d,#1478c7,#0166b4,#0059a5);
    background-size: 300%;
    -webkit-animation: gradient 15s ease infinite;
    animation: gradient 15s ease infinite;
    padding-bottom: 120px; 
}
#particles-js {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.i-advantage .title h4{color: #fff;}
.i-advantage .title p{color: rgba(255,255,255,.4);}
.i-adv-list{position: relative;}
/* .i-adv-list:after{content: '';display: block;height: 50%;background-color: #fff;position: absolute;left: -10%;right: -10%;bottom: 0;} */
.i-adv-list ul{position: relative;z-index: 2;}
.i-adv-list li{float: left;width: 20%;}
.i-adv-list .txt{background: url(../images/advbg.jpg) no-repeat left bottom;background-size: cover;position: relative;font-size: 22px;line-height: 1.8;text-align: center;}
.i-adv-list .txt:before{content: '';display: block;}
.i-adv-list .txt p{position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 5%;color: #333;display: flex;display: -webkit-flex;align-items: center;justify-content: center;}
.i-adv-list .imgbox{position: relative;}
.i-adv-list .txt:before, .i-adv-list .pic::before{padding-top: 62%;}
.i-adv-list .pic::after{content: '';width: 100%;height: 100%; background: rgba(0, 0, 0, .6);position: absolute;left: 0;top: 0;}
.i-adv-list .tit{width: 91px;height: 99px;background: url(../images/titbg.png) no-repeat center;background-size: contain;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(1.2);-moz-transform: translate(-50%,-50%) scale(1.2);-webkit-transform: translate(-50%,-50%) scale(1.2);display: flex;justify-content: center;align-items: center;color: #fff;}
.i-adv-list .tit h3{font-size: 26px;font-weight: 500;position: relative;z-index: 2;}
.i-adv-list .tit p{font-size: 60px;color: #fff;position: absolute;left: 0;right: 0;top: 0;bottom: 0;text-align: center;line-height: 99px;opacity: .05;}
.i-adv-list li:nth-child(odd) .cont{display: flex;display: -webkit-flex;flex-direction: column-reverse;}
.i-adv-list li:hover .pic img{transform: scale(1.05);}


.i-news .title{margin-bottom: 1em;}
.i-news-cls{ text-align:center; margin-bottom:2.5em}
.i-news-cls ul{ text-align:center; display:inline-block; vertical-align:middle}
.i-news-cls li{ display:inline-block;margin:0 6px 10px}
.i-news-cls li a{ display:block;padding:8px 40px;color:#666; background:#eee;-webkit-border-radius:25px;-moz-border-radius:25px; border-radius:25px;}
.i-news-cls li a.cur,.i-news-cls li a:hover{ background:#233e8d; color:#fff}

.i-news-list ul{ margin-right:-1%}
.i-news-list li{ width:49%; margin-right:1%; margin-bottom:1%; background:#fff; float:left}
.i-news-list li a{padding:15px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);display: flex;display: -webkit-flex;justify-content: space-between;border-radius: 10px;}
.i-news-list li .pic{ width:30%}
.i-news-list li .pic:before{content: '';padding-top: 50%;}
.i-news-list li .pic img{ width:100%;height: 100%;object-fit: cover; display:block}
.i-news-list li .time{ font-size:14px; margin-top:25px; color:#999; background: url(../images/time.png) no-repeat 0 center; padding-left:20px; background-size:15px 15px;}

.i-news-list li .text{ width:67%;}
.i-news-list li .text .tit{ color:#333; font-size:18px; line-height:26px; margin-bottom:10px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis}
.i-news-list li .text .intro{ font-size:14px; color:#999; line-height:20px; min-height:40px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis}

.i-news-list li{-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
.i-news-list li:hover{-webkit-box-shadow:0 5px 20px rgba(0,0,0,.1);-moz-box-shadow:0 5px 20px rgba(0,0,0,.1);box-shadow:0 5px 20px rgba(0,0,0,.1);}
.i-news-list li:hover .pic img{transform: scale(1.05);}
/**/
.footer{background-color: #272626;color: #999;line-height: 2;}
.footer a{ color:#999}
.footer a:hover{ color:#fff}
.footer-top{padding:60px 0 45px;border-bottom: 1px solid rgba(255,255,255,.1);}
.footer-top .wrap{display:flex;display: -webkit-flex;justify-content:space-between;align-items:center;}
.footer-bot{padding: 30px 0 40px;line-height: 1.5;font-size: 14px;}

.f-nav{position: relative;min-width: 50%;margin-left:20%;}
.f-nav ul{ display:flex; display:-webkit-flex;justify-content:space-between;}
.f-nav li{position:relative;max-width:24%;}
.f-nav li>a, .f-contact h4{font-size: 1.125em;color: #fff;margin-bottom: 1em;display: block;}
.f-nav .sub a{display: block;}
.f-contact{min-width: 340px;}
.f-ewm{text-align: center;line-height: 1.5;font-size: .9em;}
.f-ewm ul{display: flex;display: -webkit-flex;}
.f-ewm li{margin-left: 5px;}
.f-ewm img{display: block;width: 125px;margin-bottom: 5px;}
.f-link{margin-bottom: .5em;}
.f-link a{position: relative;padding-right: 10px;margin-right: 10px;}
.f-link a:after{content: '';width: 1px;height: 12px;background-color: #999;position: absolute;right: 0;top:0}


/**/
.nbanner{position:relative;overflow:hidden;margin-top: 80px;}
.nbanner:before{content: '';display: block;padding-top: 31.25%;}
.nbanner img{display: block;width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}
.nbanner .txt{position: absolute;left: 0;bottom: 40%;width: 100%;color: #fff;font-size:1.25em;}
.nbanner .txt h3{font-size: 2.5em;margin-bottom: .1em;}
.nbanner .txt p{line-height: 1.8;}

.inner-nav{line-height: 70px; border-bottom:solid 1px #ddd; position:relative;  background:#fff}
.inner-nav ul{display: flex;display: -webkit-flex;justify-content: center;}
.inner-nav li a{ display:block; margin:0 35px; font-size:18px; position:relative}
.inner-nav li a:after {content: '';width: 0;height: 2px;background-color: #233e8d;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);bottom: -1px ;-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;transition: .3s}
.inner-nav li.cur a:after, .inner-nav li a:hover:after{ width:100%}
.inner-nav li.cur a, .inner-nav li a:hover{color: #233e8d;}
.inner-nav.fixeds {position: fixed;left: 0;right: 0;top: 80px;width: 100%;z-index: 9;}
.inner-nav-h{height: 71px;display: none;}
.inner-nav-h.cur{display: block;}
.inner-nav2{margin-bottom: 2.5em;}
.inner-nav2 ul{display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: center;}
.inner-nav2 li{position: relative;margin:0 .5% 1%;}
.inner-nav2 a{display: block;position: relative;border-radius: 30px;padding:12px 25px;border: 1px solid #333;color: #333;line-height: 1.5;}
.inner-nav2 li.cur a, .inner-nav2 li:hover a{color:#fff;background-color: #233e8d;border: 1px solid #233e8d;}
.herderH{height: 80px;position: relative;}

.main, .main .section{position: relative;}
.main .content{line-height: 1.875;}
.main .content img{max-width: 100%;}
.bgc{background-color: #f5f5f5;}
.anchor {display: block;top: -80px;visibility: hidden;position: absolute;}
/*0yuan*/
.main_price .section{position: relative;}
.main_price .section:nth-child(odd){background-color: #f2f2f2;}
.adv-list ul{display: flex;display: -webkit-flex;justify-content: space-between;}
.adv-list li{width: 18%;background: #fff;border-radius: 10px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.06);overflow: hidden;}
.adv-list .imgbox{position: relative;}
.adv-list .pic:before{padding-top: 30%;}
.adv-list .pic::after{content: '';width:80px;height:87px;position: absolute;bottom:-40px;left: 50%;margin-left: -40px;background:url(../images/titbg_w.png) no-repeat center;background-size: contain;transform: scale(1.05);}
.adv-list .tit{width: 80px;height: 87px;background: url(../images/titbg.png) no-repeat center;background-size: contain;position: absolute;left: 50%;bottom: -40px;margin-left: -40px;display: flex;justify-content: center;align-items: center;color: #fff;}
.adv-list .tit h3{font-size: 24px;font-weight: 500;position: relative;z-index: 2;}
.adv-list .tit p{font-size: 50px;color: #fff;position: absolute;left: 0;right: 0;top: 0;bottom: 0;text-align: center;line-height: 87px; opacity: .05;}
.adv-list .txt{padding: 60px 6% 5%;text-align: center;}

.main_price .section_process{background: url(../images/lcbg2.jpg) no-repeat center bottom;background-size: cover;}

.table td{ border:1px solid #e0e0e0; padding:9px; text-align: center;}
.table th{padding:9px;color:#fff;font-size: 1.25em;font-weight: bold;background: #233e8d;}
.table th strong{color: #fff;}
.table tr{background: #fff;}
.table tr:nth-child(2n){ background:#f7f7f7}
.table td strong{color: #333;}
.btn-custom {
    background-color: #d51516;
    border: 1px solid #d51516;
    color: #fff;
    font-size: 14px;
    padding: 10px 30px;
    text-transform: uppercase;
}
.btn-custom:hover{background-color: #e99412;border: 1px solid #e99412;color: #fff;}
.table-mb th{padding: 15px 10px !important;background: #fff;color: #333;}
.table-mb tr td:first-child{width: 30%;}
.table-mb tr:first-child th:first-child{font-size: 2em;font-weight: normal;}
.table-mb .price{display: inline-block;background: #233e8d;background: var(--gradient-background-color);border-radius: 25px;color: #fff;padding:3px 40px;line-height: 1.5;font-size: .9em;}
.table-mb .renew span{color: #233e8d;font-weight: bold;font-size:2em;}

/*moban*/
.templateList ul{display: flex;display: -webkit-flex;flex-wrap: wrap;margin-right: -2%;}
.templateList li{width: 23%;margin-right: 2%;margin-bottom: 2%;background: #fff;padding: 10px;border-radius: 5px;}
.templateList .imgbox{border-radius: 5px;overflow: hidden;position: relative;}
.templateList .imgbox span{position: absolute;left: 50%;bottom:0;transform: translateX(-50%);border-radius: 15px;background: #0065b3;box-shadow: 0 3px 10px rgba(32, 64, 141, .6);color: #fff;padding: 0 15px;line-height: 2;min-width: 150px;text-align: center; opacity: 0;}
.templateList .imgbox:before{content: '';display: block;padding-top:82%;}
.templateList .imgbox img{position: absolute;left: 0;top: 0;right: 0;width: 100%;}
.templateList .imgbox i{position: absolute;top: 0;right: 0;width: 70px;height: 70px;background: url(../images/new-up.png) no-repeat;background-size: contain;display: none;}
.templateList .new-up .imgbox i{display: block;}
.templateList .txt{padding: 20px 0 20px; text-align: center;}
.templateList .txt h3{font-size: 1.25em;color: #333;}
.templateList .txt p{color: #666;line-height: 1;font-size: 1.125em;}
.templateList li, .templateList .imgbox span, .templateList .imgbox{transition: .4s;-webkit-transition: .4s;-moz-transition: .4s;}
.templateList li:hover{box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);}
.templateList li:hover .imgbox span{bottom: 25px; opacity: 1;}
.templateList-shadow li{box-shadow: 0 0 5px rgba(0, 0, 0, .2);}

.temp-category{background: #fff;border-radius: 10px;margin-bottom: 3%;padding:30px 60px;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.03);}
.temp-category h3{color: #333;font-size: 2em;margin-bottom: .5em;}
.temp-category .item:not(:last-child){margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px dotted #ddd;}
.temp-category .item{display: flex;display: -webkit-flex;align-items: flex-start;line-height: 35px;}
.temp-category .item li:first-child{
    background: -webkit-linear-gradient(left, #223f8f , #0266b4);
    background: -o-linear-gradient(right, #223f8f, #0266b4);
    background: -moz-linear-gradient(right, #223f8f, #0266b4);
    background: linear-gradient(to right, #223f8f , #0266b4);
    color: #fff;
    border-radius: 25px;
    padding: 0 30px;
    margin-right: 20px;
    flex-shrink: 0;
}
.temp-category li a{display: inline-block;margin-right:5px;margin-bottom:5px;background: #fff;border-radius: 25px;padding: 0 15px;}
.temp-category li a:hover{color: #0266b4;background: #f5f5f5;}
.temp-category li a.cur{color: #0266b4;font-weight: bold;}

.pop-up{display: none; position: fixed;width: 100%;height: 100%;top:0; left:0;z-index: 99;background-color: rgba(0, 0, 0, 0.45);}
.pop-up-active{ display:block}
.pop-up-show {position: relative;z-index: 9999999;margin: 0 auto;top:50%; -moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);display: table;width:600px; background: #fff;padding:3% 5%;text-align: center;}
.pop-up-show .tit{font-size: 20px;color: #333; padding-bottom: 20px;border-bottom: 1px solid #e8e8e8;position: relative;}
.pop-up-show .tit:after{content: '';width:45px;height:2px;background: #223f8f;position: absolute;bottom: -1px;left: 50%;margin-left: -22px;}
.pop-up-show input[type=password] {width: 100%;height: 48px;line-height: 48px;padding:0 20px; margin-top:8%;border: 1px solid #ddd;border-radius: 48px;outline: none;}
.pop-up-show .btn{background-color: #223f8f;border: none;width: 100%;height: 48px;line-height: 48px;border-radius: 48px;color: #fff;margin-top: 8%;font-size: 16px;cursor: pointer;transition: .3s;}
.pop-up-show .btn:hover{background-color: #0266b4;}
.pop-up-close{ width:30px; height:30px; position:absolute; top:0; right:-40px; cursor:pointer; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.pop-up-close:after{ content:""; width:1px; height:30px; background:#fff; position:absolute; left:15px;top:0; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.pop-up-close:before{ content:""; width:1px; height:30px; background:#fff; position:absolute; left:15px;top:0; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

.spcc{padding: 0 20px;overflow-x: visible;}
.spcc #control{
    height: 70px;
    position: relative;
    z-index: 10;
}
.spcc #contentArea{position: relative;}
.spcc #contentArea.desktop .area_wrapper{
    width: 100%;
    height: calc(100vh - 90px);
    border-radius: 5px;
}
.spcc #contentArea .area_wrapper{
    background-color: #fff;
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.2);
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
}
.spcc #contentFrame{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10;
}
.spcc #mask{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    background: url(../images/loading.gif) no-repeat 50%;
    background-color: #000;
    z-index: 999;
}
.spcc .control-menu{position: relative;display: flex;display: -webkit-flex;justify-content: center;height: 70px;}
.spcc .control-menu .back{position: absolute;right: 3%;top: 0;bottom: 0;}
.spcc .control-menu .back a{background-color: #fa5051; color: #fff;border-radius: 25px;line-height: 35px;width: 120px;text-align: center;display: block;margin-top: 15px;}
.spcc .device-select{display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
.spcc .device-select a{display: block;height: 100%;width: 40px;margin: 0 15px; opacity: .3;}
.spcc .device-select .desktop{background: url(../images/mb_PC.png) no-repeat center;background-size: 35px;}
.spcc .device-select .mobile{background: url(../images/mb_mobile.png) no-repeat center;background-size: 35px;}
.spcc .device-select a.active{opacity: 1;}
.spcc #contentArea.mobile .area_wrapper {
    background-color: #fff;
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.2);
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
    margin-top: 45px;
    padding: 48px 0 54px;
    width: 320px;
    border-radius: 30px;
    height: 538px;
}
@media (min-width: 1921px){
.spcc #contentArea.mobile .area_wrapper {
    margin-top: 90px;
    padding: 48px 0 54px;
    width: 420px;
    border-radius: 40px;
    height: 760px;
}
}

/*dingzhi*/
.main_website .section:nth-child(odd){background: #f5f5f5;}
.dingzhiys-list ul{display: flex;display: -webkit-flex;justify-content: space-between;}
.dingzhiys-list li{width: 15%;background: #fff;text-align: center;position: relative;border-radius: 10px;overflow: hidden;}
.dingzhiys-list .ico{width:100%;height: 80px;display: flex;display: -webkit-flex;justify-content: center;align-items: center;background: #233e8d;background: var(--gradient-background-color);overflow: hidden;}
.dingzhiys-list .ico img{display: block;height: 60px}
.dingzhiys-list .txt{padding:30px 30px 45px;}
.dingzhiys-list h3{font-size: 1.25em;font-weight: bold;color: #333;margin-bottom: 15px;line-height: 1.2;}
.dingzhiys-list h4{margin-bottom: 12px;}
.dingzhiys-list p{color: #666;font-size: .95em;}

.dingzhiys2-list ul{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.dingzhiys2-list li{width:32%;margin-bottom:2%; padding:30px; background:#fff;border-radius: 10px; box-shadow:0 3px 12px rgba(0,0,0,0.1);display: flex;display: -webkit-flex;align-items: center;}
.dingzhiys2-list li .ico{flex-shrink: 0;width: 160px;}
.dingzhiys2-list li .ico img{ display:block;width:85px;margin: 0 auto;}
.dingzhiys2-list li .text{width:65%;}
.dingzhiys2-list li .text h4{ font-size:1.25em; color:#333;font-weight: bold;}
.dingzhiys2-list li .text p{color:#666}

.dz-process-list ul{display: flex;display: -webkit-flex;justify-content: center;}
.dz-process-list li{width:calc(12.5% + 50px);border-radius: 50%;background: #fff;border: 20px solid #f5f5f5;position: relative;margin: 0 -25px;}
.dz-process-list li:before{content: '';display: block;padding-top: 100%;}
.dz-process-list .txt{position: absolute;left: 0;top: 0;right: 0;bottom: 0;padding: 20%;text-align: center;font-size: 1.3em;line-height: 1.5;color: #333;display:flex;display: -webkit-flex;flex-direction: column;justify-content: center;}
.dz-process-list .num{font-size:1.8em;font-weight: bold;border-bottom: 1px dashed #3c3c3c;margin-bottom: 15px;padding-bottom: 12px;line-height: 1;}
.dz-process-list li:nth-child(even){background: #233e8d;}
.dz-process-list li:nth-child(even) .txt{color: #fff;}
.dz-process-list li:nth-child(even)  .num{border-bottom: 1px dashed rgba(255,255,255,.6);}
.main_website .case-list + .more a{background: #f5f5f5;}
.main_website .case-list + .more a:hover{background: #233e8d;}
/*waimao*/
.main_website_wm .section:nth-child(odd){background-color: #f2f2f2;}
.main_website_wmys { background:url(../images/inewsbg.jpg) no-repeat center bottom;background-size: cover;}
.main_website_wmys .tabmenu{ text-align:center; margin-bottom:40px;}
.main_website_wmys .tabmenu li{ cursor:pointer; margin:0 5px; display:inline-block; padding:0 25px; line-height:50px; border-radius:25px; border:solid 1px #ddd; background:#fff; font-size:18px;}
.main_website_wmys .tabmenu li.cli, .ndown .tabmenu li:hover{ background:#233e8d; color:#fff;}
.main_website_wmys #tabcontent .hidden {display:none;}
.main_website_wmys #tabcontent  ul{ display:table}
.main_website_wmys #tabcontent .left{ display: table-cell; vertical-align: middle; width:52%; padding-right:5%; color:#333; line-height:35px;}
.main_website_wmys #tabcontent .left .nttop{ margin-bottom:45px;}
.main_website_wmys #tabcontent .left .nttop h3{ font-size:40px; margin-bottom:25px; font-weight:bold;}
.main_website_wmys #tabcontent .left .nttop p{ font-size:18px;}
.main_website_wmys #tabcontent .left .intro p{ position:relative; font-size:18px; padding-left:30px;}
.main_website_wmys #tabcontent .left .intro p:before{content: '';width: 5px;height: 5px;border-radius: 50%;background: #233e8d;position: absolute;left: 0;top:50%; margin-top:-2.5px;}
.main_website_wmys #tabcontent .right{ width:48%;display: table-cell; vertical-align: middle;}
.main_website_wmys #tabcontent .right img{ display:block; width:auto; max-width:100%}

.wm-website-lang ul{display: -webkit-box;display: flex;-webkit-box-pack: start;justify-content:space-between;}
.wm-website-lang li{ width:23.5%; text-align:center; margin-top:40px; padding:60px 25px 25px 25px; background:#fff; position:relative}
.wm-website-lang li h3{ width:90px;height:90px; border-radius:50%; font-size:24px; color:#fff; background:#233e8d; left:50%; margin-left:-45px; position:absolute; margin-top:-105px;display: flex;display: -webkit-flex;align-items: center;justify-content: center;}

.main_case{border-top: 1px solid #e8e8e8;position: relative;}
.case-list{overflow: hidden;}
.case-list ul{display: flex;display: -webkit-flex;flex-wrap: wrap;margin-right: -2%;}
.case-list li{width: 31.333%;margin-right: 2%;margin-bottom: 2%;background: #f2f2f2;border: solid 1px #eff3fe;}
.case-list .pic::before{padding-top: 66.66%;}
.case-list .txt{padding: 6% 8% 7% 8%;background: #eee;}
.case-list .txt h3{font-size: 1.5em;color: #333;margin-bottom: 4%;line-height: 1.5;}
.case-list .mor{width: 38px;height: 38px;border: 1px solid #7f8085;border-radius: 50%;position: relative}
.case-list .mor span{display: block;position: absolute;background: #7f8085;}
.case-list .mor .line1{width: 11px;height: 1px;left: 13px;top: 18px;}
.case-list .mor .line2{width: 1px;height: 11px;left: 18px;top: 13px;}
.case-list .txt, .case-list .txt h3, .case-list .mor, .case-list .mor span{transition: .4s;-webkit-transition: .4s;-moz-transition: .4s;}
.case-list li:hover .txt{ background:#233e8d;}
.case-list li:hover .txt h3{color: #fff;}
.case-list li:hover .pic img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.case-list li:hover .mor{border: 1px solid rgba(255,255,255,0.7);}
.case-list li:hover .mor span{background: #fff;}
.main_case .more{margin-top: 4%;}
.main_case_recom{background: #f2f2f2;}
.case_related .swiper-container{padding-bottom: 40px;}
.case_related .swiper-slide{border: 1px solid #eff3fe;}
.case_related .swiper-slide .txt{background: #fff;}
.case_related a:hover .txt{ background:#233e8d;}
.case_related a:hover .txt h3{color: #fff;}
.case_related a:hover .pic img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.case_related a:hover .mor{border: 1px solid rgba(255,255,255,0.7);}
.case_related a:hover .mor span{background: #fff;}
.case_related .swiper-pagination{bottom: 0;}
.case_related .swiper-pagination-bullet{background:#999;width: 12px;height: 12px;opacity: 1;outline: none;margin: 0 5px!important;}
.case_related .swiper-pagination-bullet-active{background:#223f8f;}
/*waimao*/
/* .main_website_wm .wrap{max-width: 1600px;} */
.website_wm_list1 ul{display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: space-between;}
.website_wm_list1 li{width: 30.33%;text-align: center;margin-bottom: 4%;}
.website_wm_list1 .tit{font-size: 1.25em;font-weight: bold;color: #333;}
.main_website_wm .wmyjs{padding: 0 20%;text-align: center;}
.website_wm_list2 ul{display: flex;display: -webkit-flex;justify-content: space-between;}
.website_wm_list2 li{width: 30.33%;text-align: center;border-radius: 6px;background-color: #fff;text-align: center;}
.website_wm_list2 .tit{display: block;color: #fff;line-height: 25px;font-weight: bold;background: #c31105;position: relative;height: 150px;border-radius: 6px 6px 0 0;}
.website_wm_list2 .tit i{display: block;width: 84px;height: 84px;border: 1px solid #c31105;margin: -25px auto 0;border-radius: 88px;background-color: #c31105;position: absolute;left: 0;right: 0;background-position: center center;background-repeat: no-repeat;}
.website_wm_list2 .tit i.bi-1 {background-image: url(../images/cdot_3hv.png);}
.website_wm_list2 .tit i.bi-3 {background-image: url(../images/cdot_1hv.png);}
.website_wm_list2 .tit i.bi-2 {background-image: url(../images/cdot_2hv.png);}
.website_wm_list2 .tit span{display: block;font-size: 30px;font-weight: bold;padding: 75px 0 0;color: #fff;}
.website_wm_list2 .txt{color: #666;padding:8%;}

.promotion-service {text-align: center;}
.promotion-service ul {display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: space-between;}
.promotion-service li {width:23%;border-radius: 10px;background: #fff;overflow: hidden;}
.promotion-service li:nth-child(-n+4){margin-bottom: 3%;}
.promotion-service .img {background-color: #e7140d;display: flex;display: -webkit-flex;align-items: center;justify-content: center;height: 87px}
.promotion-service li.ou .img{background:#595959}
.promotion-service .img img {height: 55px;display: block;}
.promotion-service .img img.q1 {display: none;}

.promotion-service .txt{padding: 5% 8%;position: relative;}
.promotion-service .txt:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    border-width: 24px 24px 0 0;
    border-style: solid;
    border-color: #d41416 transparent transparent transparent;
}
.promotion-service li.ou .txt:before{border-color: #595959 transparent transparent transparent;}
.promotion-service .tit{font-size: 1.25em;color: #333;line-height: 1.2;font-weight: bold;}
.promotion-service .ltit{color: #666;margin-bottom: 12px;font-weight: 400}
.promotion-service  .intro {color: #666;text-align: left;border-top:solid 1px #f7f7f7;font-size: .95em;font-weight: 300;}

.drainage-list{margin-top:90px;}
.drainage-list ul{display: flex;display: -webkit-flex;justify-content: center;flex-wrap: wrap;}
.drainage-list li{width: 33.3333%;background: #fff;text-align: center;box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.05);border-radius: 3px;position: relative;}
.drainage-list .ico{position: absolute; top: -50px;left: 50%;margin-left: -45px;}
.drainage-list .txt{padding:60px  8% 8%;}
.drainage-list li:nth-child(-n+3) .txt{padding-bottom: 15%;}
.drainage-list h3{font-size: 1.25em;font-weight: bold;color: #333;}
.drainage-list h4{margin-bottom: 12px;}
.drainage-list p{color: #666;font-size: .95em;font-weight: 300;}

.additional-list ul{display: flex;display: -webkit-flex;text-align: center;flex-wrap: wrap;justify-content: center;}
.additional-list li{width: 25%;}
.additional-list li .icon {width: 140px;height: 140px;border: 1px solid #d90000;-webkit-border-radius: 50%;border-radius: 50%;margin: 0 auto 12px;display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
.additional-list li h5{font-size: 1.25em;color: #333;}

.xitongjm{position: relative;max-width: 1400px;margin: 0 auto;text-align: center;}
.xitongjm .swiper-container{padding-bottom: 30px;}
.xitongjm .swiper-button-prev, .xitongjm .swiper-button-next{width: 75px;height: 75px;border: none;cursor: pointer;outline: none;border-radius: 50%;background:#b2b2b2;transition: .3s;-webkit-transition: .3s;-moz-transition: .3s;}
.xitongjm .swiper-button-prev::before, .xitongjm .swiper-button-next::before{content: '';width: 20px;height: 20px;position: absolute;top: 35%;}
.xitongjm .swiper-button-prev::before{border-top: 1px solid #fff;border-left: 1px solid #fff;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);left:45%;}
.xitongjm .swiper-button-next::before{border-top: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);right:40%;}
.xitongjm .swiper-pagination{bottom: 0;}
.xitongjm .swiper-pagination-bullet{background:#999;width: 12px;height: 12px;opacity: 1;outline: none;margin: 0 5px!important;}
.xitongjm .swiper-pagination-bullet-active{background:#c90000;}
.xitongjm .swiper-button-prev:hover, .xitongjm .swiper-button-next:hover{background:#c90000;}



.main_website_wm .section_zx{
    text-align: center;
    color: #fff;
    font-size: 1.5em;
    background: linear-gradient(45deg,#223f8f,#008c86,#5bbd94,#0166b4);
    background-size: 300%;
    -webkit-animation: gradient 15s ease infinite;
    animation: gradient 15s ease infinite;
}
@keyframes gradient {
    0% {
        background-position: 0 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0 50%;
    }
}
.main_website_wm .section_zx h4 span{font-weight: bold;font-size: 1.25em;}
.main_website_wm .section_zx .zx_button{margin-top:30px;}
.main_website_wm .section_zx .zx_button a{border-radius: 5px;border: 1px solid #fff;color: #fff;padding:15px 80px;font-size: 18px;}
.main_website_wm .section_zx .zx_button a:hover{background: #fff;color: #333;}


/**/
.main_about .section:nth-child(even){background-color: #f5f5f5;}

.content_about{font-size: 1.125em;}
.content_about p{margin-bottom: 15px;}
.horlist .swiper-container{padding-bottom: 40px;}
.horlist .pic::before{content: '';padding-top: 137%;}
.horlist .swiper-pagination{bottom: 0;}
.horlist .swiper-pagination-bullet{background:#999;width: 12px;height: 12px;opacity: 1;outline: none;margin: 0 5px!important;}
.horlist .swiper-pagination-bullet-active{background:#223f8f;}

.horlist02 .kuai{ padding:40px; border:solid 1px #ddd; background-image: linear-gradient(#fff, #fff, #eff3fe); border-radius:15px; overflow:hidden; margin-bottom:30px;}
.horlist02 h3{ color:#333; font-weight:bold}
.horlist02 h3 span{ color:#f00}
.horlist02 .icon{ float:left; width:20%; max-width:150px;}
.horlist02 .icon img{ display:block; width:100%; height:auto}
.horlist02 .text{ float:right; width:40%;}
.horlist02 .text h3{ margin-bottom:20px}
.horlist02 .kuai:nth-child(2) .text h3{ margin-top:40px;}
.horlist02 .text p{ line-height:40px; padding-left:10px; position:relative}
.horlist02 .text p:after{ content:""; position:absolute; width:8px; height:8px; border-radius:50%; background:#216aae; left:0; top:50%; margin-top:-4px; }

.client-list{padding-bottom:40px;}
.client-list .pic{ border:solid 1px #ddd;background: #fff;}
.client-list .pic::before{padding-top: 51.32%;}
.client-list .swiper-pagination{bottom: 0;}
.client-list .swiper-pagination-bullet{background:#999;width: 12px;height: 12px;opacity: 1;outline: none;margin: 0 5px!important;}
.client-list .swiper-pagination-bullet-active{background:#223f8f;}


.newsList ul{display: flex;display: -webkit-flex;flex-wrap: wrap;}
.newsList li{border-radius: 15px;overflow: hidden;background: #fff;width:22%;margin-right: 3%;margin-bottom: 3%;}
.newsList li .pic{position:relative; overflow:hidden;}
.newsList li .pic:before{padding-top:50%}
.newsList li .pic img{-moz-transition:.8s;-webkit-transition:.8s;transition:.8s;}
.newsList li .txtCon{ width:50%;line-height: 1.8;position:relative;display: flex;display: -webkit-flex;align-items: flex-start;justify-content:space-between;}
.newsList .txt{padding:5% 8% 6%;}
.newsList .txt h3{font-size:1.25em;line-height: 1.5;color:#333; margin-bottom:.8em;}
.newsList .txt h3 span{background-image: linear-gradient(90deg,#000,#000);background-position: 100% 100%;background-repeat: no-repeat;background-size: 0 1px;position: relative;display: inline;padding-bottom: 4px;}
.newsList .txt .intro{color:#666; margin-bottom:1.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;line-height: 1.5;font-weight: 300;}
.newsList .time{font-size: 14px;color: #999;background: url(../images/time.png) no-repeat 0 center;padding-left: 20px;background-size: 15px 15px;}
.newsList .txt h3 span{-webkit-transition:background-size .4s;-moz-transition:background-size .4s;transition:background-size .4s}
.newsList li:hover .pic img{ transform:scale(1.03)}
.newsList li:hover h3 span{background-position:0 100%;background-size:100% 1px}



.newsContent{position: relative;border-top: 1px solid #e8e8e8;}
.newsContent .newsleft{ float:left; width:calc(100% - 500px)}
.newtit{margin-bottom: 45px;}
.newtit h3{ font-size:30px;font-weight: bold;color: #333;}
.newtit .date{background:url(../images/time.png) no-repeat left center; padding-left:28px; color:#666; margin-top:15px;font-weight: 300;}
.newsContent .newsleft .content { color:#555}
.newsContent .newsleft .content p{ margin-bottom:10px;}
.newsContent .newsleft .content img{ display:block; width:auto; max-width:100%; margin:0 auto}
.newsContent .newsleft .more{margin-top: 45px;justify-content:flex-start}

.newsContent .newsright{ float:right; width:450px; background:#fff; border:solid 1px #ddd; padding:30px;transition: .3s;z-index: 9;}
.newsContent .newsright .ntitle{ margin-bottom:20px;color: #333;}
.newsContent .newsright .ntitle h3{ font-size:24px; font-weight:bold;color: #333;}
.newsContent .newsright .kuai{ margin-bottom:15px; padding-bottom:15px; border-bottom:solid 1px #ddd}
.newsContent .newsright .kuai:last-child{ margin-bottom:0; border-bottom:none}
.newsContent .newsright h3{color: #333;}
.newsContent .newsright h3 span{background-image: linear-gradient(90deg,#000,#000);background-position: 100% 100%;background-repeat: no-repeat;background-size: 0 1px;position: relative;display: inline;padding-bottom: 4px;}
.newsContent .newsright p{ color:#666; margin-top:10px;font-size: 14px;font-weight: 300;}
.newsContent .newsright h3 span{-webkit-transition:background-size .4s;-moz-transition:background-size .4s;transition:background-size .4s}
.newsContent .newsright a:hover h3 span{background-position:0 100%;background-size:100% 1px}
.newsContent .newsright.fixeds{position: fixed;left:auto; right:5% !important;top:130px !important}

.pageturn{ margin-top: 3em;display: flex;display: -webkit-flex;justify-content: space-between;position: relative;}
.pageturn p{ font-weight: 300;width: 45%;font-size: .85em; line-height: 1.3;}
.pageturn p a{ display: block;font-size:1.2em; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.pageturn p:nth-child(2){ text-align: right;}
.pageturn .back{ position: absolute;left: 50%;top:50%; transform: translate(-50%,-50%);width: 20px;height: 20px;background: url(../images/back.png) no-repeat center;}


/*===========================contact================================*/
.content-contact{line-height:1.8;position:relative;text-transform: capitalize;}
.contact-list{ margin-bottom: 40px;}
.contact-list ul{ display: flex;display: -webkit-flex;justify-content:space-between}
.contact-list li{width: 25%;text-align: center;}
.contact-list li:last-child{width: 35%;}
.contact-list .ico{width: 80px;height: 80px;border-radius: 50%;display: flex;display: -webkit-flex;align-items: center;justify-content:center;margin:0 auto 30px;background-color: var(--blue-color);box-shadow: 0 0 0 10px rgba(22,48,125,.1);}
.contact-list h4{margin-bottom: 10px;}
.contact-list p{color:var(--blue-color);font-weight: 300;font-size: 1.6em;}

.mapBox{position: relative;padding-bottom: 100px;}
.traffic{position: absolute;width: 90%;left: 5%;bottom: 0;background-color:#fff;padding: 60px;box-shadow: 0 10px 45px rgba(0,0,0,.1);}
.traffic ul{display: flex;display: -webkit-flex;justify-content: center}
.traffic li{width: 50%;padding: 0 10%;}
.traffic li:not(:last-child){border-right: 1px dotted #ddd;}
.traffic .intro{font-size: 1.25em;font-weight: 300;}
.traffic .intro b{color: var(--blue-color);}
#map {width: 100%;height: 600px;background: #ccc;margin-top:30px; border:1px solid #ddd}
.BMap_bubble_title{ white-space:normal !important;color: #151515; font-size:16px;padding:10px 0;}
.BMap_bubble_content{color: #888; font-size:13px}
.iwTitle {
    color: #CC5522;
    font-size: 14px;
    font-weight: bold;
	line-height:22px;
	display:block;
}
#allmap .map-address-name {
	text-align: center;
	font-size: 16px;
	line-height: 1.1;
	color: #333;
	padding: 10px 0;
}

#allmap .map-address-detail {
	text-align: center;
	font-size: 12px;
	line-height: 1.5;
	color: #888;
}
.meaasge{text-transform: capitalize;}
.message .ts{ text-align:center; margin-top:-30px; margin-bottom:30px;font-weight:300;color:#999}
.message .item{ margin-bottom:1%; float:left; width:49.5%; position:relative}
.message .item:nth-child(even){ float:right}
.message label{ display:block;line-height:58px; color:#999;position:absolute; left:15px;top:0;bottom:0;}
.message label span{ margin-right:5px;}
.message input[type=text], .message textarea {display: block;width: 100%;border: 0;background:#fff; padding: 0 10px; padding-left:80px; line-height:60px;color: #333;font-size: 16px;}

.message .item2{ width:100%}
.message .item2 label{ bottom:auto;top:0}
.message textarea{ height:100px}
.message .item3{ float:left !important; width:100%}
.message .yzm[type=text]{ padding-left:85px; width:30%; float:left}
.message .submit{
    background: -webkit-linear-gradient(left, #cba042 , #e8cd58); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #cba042, #e8cd58); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #cba042, #e8cd58); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #cba042 , #e8cd58);
    display: block;
    margin: 1.5em auto 0;
    width: 140px;
    line-height: 50px;
    border-radius: 25px;
    color: #fff;
    border: 0;
    font-size: 16px;
    cursor: pointer;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
}
.message .submit:hover{box-shadow: 0 5px 25px rgba(203,160,66,.3);}