@charset "utf-8";

/* CSS Document */



*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

html{-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","PingFang SC","Microsoft Yahei","WenQuanYi Micro Hei",Helvetica,Arial,sans-serif; font-size:14px;overflow-x:hidden; color:#666;}

body.en{ font-family:Arial, Helvetica, sans-serif}

a{ text-decoration:none;outline:none;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;color:#666}

a:hover{color:#005bac}

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;}

.fl{ float:left}

.fr{ float:right}

botton,input,textarea,select{ outline:none; font-family:Arial}

h1,h2,h3,h4,h5{ font-weight:normal}

.flex{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}

.col01{ color:#006835}

.col02{ color:#008abd}

.col03{ color:#ec6a17}

.red{ color:#f00}

.ovh{ overflow:hidden}

.f20{ font-size:20px;}

.f18{ font-size:18px;}

.f16{ font-size:16px;}

video:focus{ outline:none}





.wrap{margin:0 auto;width:72.916666%;}

.header{position: fixed;top: 0;left: 0;z-index:100;width: 100%;line-height: 90px;text-align: center; background:#fff;transition: all 0.5s;}

.header-scroll{ box-shadow:0 0 15px rgba(0,0,0,.15)}

.header .wrap{display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;padding: 0 0 0 50px;width: 100%;}

.logo{ display:flex; display:-webkit-flex; align-items:center; height:90px;position:relative;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}

.logo img{ display:block; height:50px}



.head-r{display: flex;align-items: center}



.menu>ul{display:flex; display:-webkit-flex}

.menu>ul>li{ float:left; font-size:16px; margin:0 30px;position:relative;white-space: nowrap;}

.menu>ul>li>a{ display:block; color:#333;line-height:90px;position:relative}

.menu>ul>li>a:after {content: "";position: absolute;bottom: 0;left: 50%;width: 0;height: 2px;background: #005bac;-webkit-transition: .5s;;-moz-transition: .5s;;transition: .5s;}

.menu>ul>li:hover>a, .menu>ul>li.cur>a{color:#005bac}

.menu>ul>li:hover>a:after, .menu>ul>li.cur>a:after{left:0;width:100%}

.menu .sub{ position:absolute;left: 50%;top: 100%; min-width: 100%;text-align: center;box-shadow: 0 0 10px rgba(0,0,0,0.1);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%); display:none}

.menu .sub a{ display:block; background:#fff; border-bottom:1px solid #ddd;font-size: 15px;color:#666; line-height: 20px; padding: 12px 20px; word-break: keep-all; white-space: nowrap;}

.menu .sub a:hover{background:#005bac;color:#fff}





.search{ position:relative;}

.search-btn{ display:block;width:35px;height:80px;background:url(../images/search-btn.png) no-repeat center;cursor:pointer; margin-right:10px;}



.search-alert{height:100%;position: absolute;right:30px;top:0;z-index: 50;background: #fff;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);transition:.3s; -webkit-transition:.3s; display:flex; display:-webkit-flex;align-items:center}

.search-alert-show{overflow:visible;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}

.search-alert form {position: relative; width:100%; border:1px solid #e8e8e8;line-height:35px; height:35px;}

.search-alert input[type=text]{border:0;height:100%; width:240px;color: #555;background:#fff;padding-left:10px; padding-right:40px; display:block}

.search-alert input[type=submit]{border: none;position: absolute;right: 0;top: 0;width:40px; height:100%;cursor:pointer; background:url(../images/search-btn.png) no-repeat center; background-size:15px; opacity:.6}

.search-alert .search-close{ width:15px; height:15px;cursor:pointer;margin-left: 15px;position:relative}

.search-alert .search-close:before{ content:""; width:20px; height:1px; background:#0a2d5a; position:absolute; top:0; left:0; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); transform-origin:left top}

.search-alert .search-close:after{ content:""; width:20px; height:1px; background:#0a2d5a; position:absolute; bottom:0; left:0; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg); transform-origin:left bottom}

.search-show .search-btn{ opacity:0}

.head-r .tel{font-weight:bold;font-size:20px; color:#000; font-weight:bold;display: -webkit-flex;display: flex;align-items: center;padding: 0 50px; border-left:1px solid #ececec; border-right:1px solid #ececec; white-space:nowrap}

.head-r .tel span{ display:block; width:36px; height:36px; border-radius:50%; background:#005bac url(../images/tel.png) no-repeat center; margin-right:15px}

.lang{ position:relative}

.lang a{ display:block; padding:0 45px; background:#005bac; color:#fff; display:flex; display:-webkit-flex; align-items:center}

.lang em{ display:block; width:0; height:0; border-top:4px solid transparent; border-left:4px solid #669dcd; border-bottom:4px solid transparent; margin-left:5px}

.lang a:hover{ background:#0a5598}

/*banner*/



.banner{ position:relative; height:100vh}

.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-active img, .banner .swiper-slide-duplicate-active img{

	-webkit-transition:16s linear;

	-moz-transition:16s linear;

	transition:16s linear;

	-moz-transform:scale(1.1,1.1);

	-webkit-transform:scale(1.1,1.1);

	transform:scale(1.1,1.1);

}
.banner .swiper-slide{ z-index:1}
.banner .swiper-slide-active{z-index:2}
/*分页器*/

.banner .swiper-pagination{bottom:4%}

.banner .swiper-pagination-bullet{ width:12px; height:12px;background:none; border:1px solid #fff;border-radius:50%;opacity:1;position:relative;transition:.3s}

.banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 10px;}

.banner .swiper-pagination-bullet-active{ opacity:1;background:#fff}



.m-banner{position: relative;z-index: 1;overflow: hidden;width: 100%; display:none;border:1px solid #fff;}

.m-banner a{ display:block; background:#131313}

.m-banner img{ display:block; width:100%; height:auto}

.m-banner .swiper-pagination-bullet{ background:none; border:1px solid #fff; opacity:1}

.m-banner .swiper-pagination-bullet-active{ background:#fff}







@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");

}



.space{ padding:100px 0}

.title{ color:#333; font-size:28px;text-align:center; margin-bottom:35px;position:relative}

.title span{ display:block}

.title .en{ font-size:38px; color:#005bac; text-transform:uppercase; font-weight:300; line-height:1}

.more{display:block;display:flex; display:-webkit-flex; align-items:center; justify-content:center; width:160px;line-height:46px; border:1px solid #ececec; font-size:14px; font-weight:300; color:#666;}

.more em{ width:20px; background:url(../images/arrow.png) no-repeat center; display:block; height:46px; margin-left:12px}

.more:hover{ background:#005bac; color:#fff}

.more:hover em{background:url(../images/arrow_w.png) no-repeat center;}



.i-solution{ padding-top:100px; background:#f5f5f5}

.i-solution-list li{ width:25%; float:left; position:relative}

.i-solution-list .pic{ overflow:hidden; position:relative}

.i-solution-list .pic:after{ content:""; width:100%; display:block; padding-top:145.83333%}

.i-solution-list .pic img{ position:absolute; left:0;top:0; display:block; width:101%; height:100%;object-fit:cover; -webkit-transition:1s;-moz-transition:1s;transition:1s}

.i-solution-list .txt{position: absolute;bottom: 0;left: 0;padding: 50px;width: 100%; color:#fff}

.i-solution-list .s-more{position: relative;margin-bottom:25px;width: 40px;height: 40px;background: #fff;border-radius: 20px;overflow: hidden;transition: .5s;}

.i-solution-list .s-more p{padding-left: 22px;font-size: 12px;line-height: 40px;color: #005bac;white-space: nowrap;}

.i-solution-list .s-more .add{position: absolute;top: 0;right: 0;width: 40px;height: 40px;border-radius: 50%;background: #fff;transition: .5s;}

.i-solution-list .s-more .add::before, .i-solution-list .s-more .add::after {content: "";position: absolute;top: 50%;left: 50%; margin: -1px 0 0 -6px; width: 12px; height: 2px; background: #005bac;}

.i-solution-list .s-more .add::after {-webkit-transform: rotate(90deg);transform: rotate(90deg);}

.i-solution-list li:hover .s-more{width: 110px;}

.i-solution-list li:hover .s-more .add{-webkit-transform: rotate(360deg);transform: rotate(360deg);}



.i-solution-list .s-tit{ font-size:24px; font-weight:bold;}

.i-solution-list .s-entit{ font-size:16px; text-transform:capitalize}

.i-solution-list li:hover .pic img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}



.i-product{ background:#f5f5f5}

.i-product-list ul{ margin-right:-2%}

.i-product-list li{ float:left; width:31.33%; margin-right:2%; margin-bottom:2%; background:#fff}

.i-product-list .pic{ position:relative; overflow:hidden}

.i-product-list .pic:after{ content:""; display:block; padding-top:66.66666%}

.i-product-list .pic img{ display:block; position:absolute; left:0;top:0;right:0;bottom:0; margin:auto; max-width:100%; max-height:100%;height:100%; -webkit-transition:1s;-moz-transition:1s;transition:1s}

.i-product-list .tit{ font-size:18px; color:#333; line-height:60px; overflow:hidden; white-space:nowrap; padding:0 15px; border-top:1px solid #ececec; text-align:center}

.i-product-list .tit{ -webkit-transition:.5s;-moz-transition:.5s;transition:.5s}

.i-product-list li:hover .tit{background:#005bac; color:#fff;border-top:1px solid #005bac;}

.i-product-list li:hover .pic img{ -moz-transform:scale(1.03);-webkit-transform:scale(1.03);transform:scale(1.03)}

.i-product .more{ margin:50px auto 0;background:#005bac; color:#fff}

.i-product .more em{background:url(../images/arrow_w.png) no-repeat center;}

.i-product .more:hover{background:#0a5598}

.i-advantage{ height:260px; background:url(../images/bg1-1.jpg) no-repeat center; background-size:cover; position:relative}

.i-advantage:before{ content:""; width:13.541667%; background:#000509; position:absolute; left:0;top:0;bottom:0}

.i-advantage .left{ width:350px; height:260px;position:relative}

.i-advantage .left:before{ content:""; width:100%; height:100%; position:absolute; left:0;top:0; background:#000509;-webkit-clip-path: polygon(0 0, 100% 0%, 86% 100%, 0% 100%);clip-path: polygon(0 0, 100% 0%, 86% 100%, 0% 100%); z-index:2}

.i-advantage .left:after{ content:""; width:103%; height:100%; position:absolute; left:0;top:0; background:#f4b836;-webkit-clip-path: polygon(0 0, 100% 0%, 83.8% 100%, 0% 100%);clip-path: polygon(0 0, 100% 0%, 83.8% 100%, 0% 100%); z-index:1}

.i-advantage .title{color:#fff; text-align:left; padding-top:90px; position:relative; z-index:3}

.i-advantage .title .en{ color:#fff}

.i-advantage .right{ width:calc(100% - 500px);}

.i-advantage .right ul{ display:flex; display:-webkit-flex;justify-content:space-between;align-items:center; height:260px;}

.i-advantage li{ width:126px; height:136px; background:url(../images/ys-bg.png) no-repeat center;color:#fff;text-align:center}

.i-advantage li .ico{ width:100%; height:35px; margin-top:35px}

.i-advantage li .ico img{ display:block; margin:0 auto}

.i-advantage li h3{ font-size:20px; line-height:2}



.i-about{}

.i-about-con .pic{ width:50%; position:relative}

.i-about-con .pic img{ display:block; width:100%; padding-left:22px; position:relative; z-index:2}

.i-about-con .pic:before{ content:""; width:80%; height:80%; background:#005bac; position:absolute; left:0;bottom:-22px}

.i-about-con .txt{ width:46.5%; padding-top:3%}

.i-about-con .title{ text-align:left}

.i-about-con .intro{ font-size:16px; line-height:30px; margin-bottom:5%}

.i-about-con .intro p{ margin-bottom:15px}

.i-partner{ margin-top:60px}

.i-partner .tit{ position:relative; color:#005bac; font-size:24px; margin-bottom:20px}

.i-partner .tit span{ position:relative; background:#fff; padding-right:30px; z-index:2}

.i-partner .tit:after{ content:""; width:100%; height:1px; background:#ececec; position:absolute; left:0;top:50%}

.i-partner-list .pic{ border:1px solid #ececec; position:relative}

.i-partner-list .pic:before{ content:""; width:100%; padding-top:41.81818%; display:block}

.i-partner-list .pic img{ position:absolute; left:0;top:0;right:0;bottom:0; margin:auto; max-width:80%; max-height:80%}

.i-partner-list>.swiper-container > .swiper-wrapper {

-webkit-transition-timing-function: linear;/*之前是ease-out*/

-moz-transition-timing-function: linear;

-ms-transition-timing-function: linear;

-o-transition-timing-function: linear;

transition-timing-function: linear;

margin: 0 auto;

}





.i-news{ background:#f5f5f5}

.i-news-list{ position:relative;}

.i-news-list .pic{ position: relative; overflow:hidden}

.i-news-list .pic:before{content:""; display:block; padding-top:68.91891%}

.i-news-list .pic img{ position:absolute;left:0;top:0; width:100%; height:100%; object-fit:cover; -moz-transition:1s;-webkit-transition:1s;transition:1s}

.i-news-list .time{font-size:12px;color:#fff; font-weight:300; position:absolute;top:0;left:0; line-height:26px;padding:0 15px 2px 8px; background:#005bac; border-bottom-right-radius:30px}

.i-news-list .txt{position:relative; z-index:2}

.i-news-list h3{ color:#333; font-size:20px; line-height:28px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; overflow:hidden; margin-top:5%; margin-bottom:3%}

.i-news-list .desc{ font-size:14px; color:#999; line-height:24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; margin-bottom:5%}

.i-news-list .more{ -webkit-transition:.5s;-moz-transition:.5s;transition:.5s; border:1px solid #e8e8e8}

.i-news-list h3{-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}

.i-news-list .swiper-slide:hover h3{color:#005bac}

.i-news-list .swiper-slide:hover .pic img{ -moz-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}

.i-news-list .swiper-pagination{ width:100%;bottom:0; display:none}

.i-news-list .swiper-pagination-bullet{ background:#ccc; width:6px; height:6px; margin:0 3px; opacity:1}

.i-news-list .swiper-pagination-bullet-active{ background:#005bac}









.footer{ background:#005bac;color:#adc0dc; padding:50px 0 0;position:relative;z-index: 2;}

.footer a{color:#adc0dc;}

.footer a:hover{ color:#fff}

.footer .top{ padding-bottom:40px}

.f-logo img{ height:57px}



.footer .bot{ padding:20px 0; border-top:1px solid rgba(255,255,255,.3); font-size:14px; font-weight:300}

.f-nav{ margin-left:15%; max-width:20%}

.f-nav>p{ font-size:16px; font-weight:500; color:#fff; margin-bottom:5px}

.f-nav li{ float:left; width:50%}

.f-nav li a{ display:block;line-height:32px; color:#adc0dc}

.f-ewm{ text-align:center; color:#fff}

.f-ewm img{ display:block; width:125px; margin-bottom:5px}



.f-contact{ margin-left:15%}

.f-contact li{ display:flex; display:-webkit-flex;margin-bottom:12px}

.f-contact .ico{ width:40px; height:40px; border-radius:50%; background:#1a6cb4; display:flex; display:-webki-flex;align-items:center; justify-content:center; margin-right:10px}

.f-contact .con{ padding-top:5px}

.f-contact .con span{ display:block;color:#fff; line-height:1}

.f-contact .tel .con p{ font-size:22px; font-weight:800; color:#fff}





/*============================================================*/

.headHeight{ height:90px; position:relative}

.nbanner{ position:relative;overflow:hidden; margin-top:90px;}

.nbanner img{ position:absolute; left:0;top:0; width:100%; height:100%; object-fit:cover}

.nbanner:before{ content:""; width:100%; padding-top:26.0416%; display:block}

/*.nbanner:after{ content:""; width:100%; height:30%; position:absolute; left:0;right:0;bottom:0;background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));

  background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));

  background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));

  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3)); z-index:1}

*/

.nbanner .nbantit{position: absolute; width:100%;left:0;top:50%; -moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%); color:#fff;z-index:2;}

.nbanner .wrap{ height:100%; position: relative;top:-100%; z-index:2}

.nbanner .nbantit h4{animation-name: fadeInUp;animation-duration:1s; animation-delay:.1s;animation-fill-mode: both; font-size:45px; font-weight:bold; line-height:1.2}

.nbanner .nbantit h4:after{ content:""; width:20px; height:3px; background:#fff; display:block; margin-top:15px}

.nbanner-2 .nbantit{ color:#333}
.nbanner-2 .nbantit h4:after{background:#bfbfbf;}

.navBox{background:#ebebeb}

.inner-nav{position:relative; border-bottom:1px solid #ececec}

.inner-nav ul{ display:flex; display:-webkit-flex; justify-content:center;}

.inner-nav li{ width:25%}

.inner-nav li a{font-size:18px;color: #333;display: flex; display:-webkit-flex; justify-content:center; align-items:center; height:80px;position:relative}

.inner-nav li a:before{content:"";position: absolute;left: 50%;bottom: 0px; width: 0%;height: 3px;background-color: none;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}

.inner-nav li a:after{content:"";position: absolute;width: 1px;height:100%;display: block;background: #ececec;top:0;right: 0px;}

.inner-nav li:first-child a{ border-left:1px solid #ececec}

.inner-nav li.cur a, .inner-nav li:hover a{position:relative;color:#005bac;}

.inner-nav li.cur a:before, .inner-nav li:hover a:before{ background:#005bac; width:100%; left:0}

.lacat{ padding:15px 0; margin-top:90px; background:#fff; border-top:1px solid #ececec;line-height: 24px; color:#999}

.lacat a{color: #999;}

.lacat a:hover{color:#005bac}



.main{position:relative;}

.main_2{ background:#f5f5f5}



.main .content{ line-height:30px; font-size:16px;}

.main .content img{ max-width:100%;}

.anchor{display: block;top: -100px;visibility: hidden; position:absolute;}





.main .content-about{}

.content-about .pic{ width:50%; position:relative}

.content-about .pic img{ display:block; width:100%; padding-left:22px; position:relative; z-index:2}

.content-about .pic:before{ content:""; width:80%; height:80%; background:#005bac; position:absolute; left:0;bottom:-22px}

.content-about .txt{ width:47%; padding-top:3%}

.content-about h3{ color:#333; font-size:30px; font-weight:bold; margin-bottom:20px;}

.content-about p{ margin-bottom:15px}



.content-about-intro{height:360px;overflow: hidden;overflow-y: auto;padding-right:30px;}

.content-about-intro::-webkit-scrollbar {width: 2px;}

.content-about-intro::-webkit-scrollbar-thumb {background:#006835; border-radius:3px;}

.content-about-intro::-webkit-scrollbar-track {background:#e7e7e7;}

.abtList{ margin-top:100px}
.abtList ul{ display:flex; display:-webkit-flex;}
.abtList li{ width:25%; border-left:1px solid #e8e8e8; padding:0 3%}
.abtList h4{ color:#333; font-size:24px; margin:1% 0 6%}
.abtList .ico{ opacity:.15}
.abtList .info p{position:relative; padding-left:15px; margin-bottom:10px; line-height:1.6;}
.abtList .info p:before{ content:""; width:5px; height:5px; background:#ccc; transform:rotate(45deg); position:absolute; left:0;top:11px}

.main-culture{ background:#f5f5f5}

.culture ul{ display:flex; display:-webkit-flex;justify-content:space-between;}

.culture li{ width:32%;position: relative;}

.culture .pic{ position:relative; overflow:hidden;}

.culture .pic:before{ display:block; content:""; padding-top:130%}

.culture .pic img{ display:block; position:absolute; left:0;top:0; width:100%; height:100%; object-fit:cover; -webkit-transition:1s;-moz-transition:1s;transition:1s}

.culture .txt{ position:absolute; left:0;top:0;right:0;bottom:0; padding:10%; padding-top:50%; text-align:center;}

.culture .txt h3{color:#fff;font-size:30px;line-height:1.8; margin-bottom:5%; background:#005bac; display:inline-block; padding:0 35px; font-weight:300;-webkit-clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);

clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);}

.culture .txt .intro{ line-height:1.5; color:rgba(255,255,255,.8); font-size:18px}

.culture li:hover .pic img{ -webkit-transform:scale(1.02);-moz-transform:scale(1.02);transform:scale(1.02)}



.main-advantage{ background:url(../images/bg3.jpg) no-repeat center; background-size:cover; padding:120px 0}

.main-advantage .title, .main-advantage .title .en{ color:#fff}

.advlist ul{ display:flex; display:-webkit-flex;justify-content:space-between;align-items:center;-webkit-clip-path: polygon(3% 0, 100% 0, 97% 100%, 0% 100%);
clip-path: polygon(3% 0, 100% 0, 97% 100%, 0% 100%);background:rgba(0,91,172,.6);}

.advlist li{ width:25%;color:#fff;text-align:center; position:relative}

.advlist li .con{ padding:12% 0;}

.advlist li .ico{ width:100%; height:35px; margin-bottom:5px}

.advlist li .ico img{ display:block; margin:0 auto}

.advlist li h3{ font-size:20px; line-height:2}

.advlist li:after{ content:""; width:1px; height:50%; border-right:1px dotted #93c7f5; position:absolute; right:0;top:24%; transform:skewX(-15deg)}

.advlist li:last-child:after{ display:none}

.main-partner{ background:#f5f5f5}

.partnerlist{}

.partnerlist .pic{ border:1px solid #ececec; background:#fff;position:relative}

.partnerlist .pic:before{ content:""; width:100%; padding-top:41.81818%; display:block}

.partnerlist .pic img{ position:absolute; left:0;top:0;right:0;bottom:0; margin:auto; max-width:80%; max-height:80%}

.partnerlist{ padding-bottom:50px;}

.partnerlist .swiper-pagination{bottom:0; line-height:1}

.partnerlist .swiper-pagination-bullet-active{ background:#005bac}





.solutionlist li{ background:#f5f5f5; margin-bottom:4%}

.solutionlist a{ display:flex; display:-webkit-flex; align-items:center; padding:4%}

.solutionlist .pic{ position:relative; overflow:hidden; background:#fff; width:50%}

.solutionlist .pic:after{ content:""; width:100%; padding-top:62.5%; display:block}

.solutionlist .pic img{ display:block; position:absolute; left:0;top:0; right:0; width:100%; height:100%; object-fit:cover; -webkit-transition:1s;-moz-transition:1s;transition:1s}

.solutionlist .txt{ width:50%; padding:0 5%}

.solutionlist h3{ font-size:30px;line-height: 1.2; color:#333; margin-bottom:3%;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}

.solutionlist .intro{ font-size:16px; color:#666; margin-bottom:5%; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; font-weight:300}

.solutionlist .more{ -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;background: #005bac;color:#fff}

.solutionlist .more em {background: url(../images/arrow_w.png) no-repeat center;}

.solutionlist .more:hover{background:#0a5598}

.solutionlist li:hover .pic img{ -moz-transform:scale(1.03);-webkit-transform:scale(1.03);transform:scale(1.03)}

.solutionlist li:hover h3{color:#005bac}

.solutionCon>h2{color:#333; font-size:30px;margin-bottom:3%; text-align:center;}

.solutionCon .s-article img{ max-width:100%; height:auto !important}

.solutionCon .s-article p{margin-bottom:10px}

.solRelated .productRelated-tj .pic:after{padding-top: 62.5%;}

.solRelated .productRelated-tj .pic img{width: 100%;height: 100%;object-fit: cover;}

.precisionCon .item>.ttit{border-bottom:1px solid #ececec; margin-bottom:30px;}

.precisionCon .item>.ttit span{ display:inline-block;background:#005bac; color:#fff; font-size:20px; padding:0 40px 0 20px; line-height:60px;-webkit-clip-path: polygon(0 0, 86% 0%, 100% 100%, 0% 100%);

clip-path: polygon(0 0, 86% 0%, 100% 100%, 0% 100%);}

.jmjg{ text-align:center; margin-bottom:20px}
.precisionCon{ margin-right:-2%}

.precisionCon .item{ margin-bottom:2%}

.precisionCon li{ float:left; width:31.33%; margin-right:2%; margin-bottom:3%; position:relative}

.precisionCon .pic{ position:relative; overflow:hidden; background:#f3f3f3}

.precisionCon .pic:before{ content:""; display:block; padding-top:75%}

.precisionCon .pic img{ display:block; position:absolute; left:0;top:0; right:0;bottom:0; margin:auto; max-width:100%; max-height:100%;-webkit-transition:1s;-moz-transition:1s;transition:1s}

.precisionCon h4{font-size:16px;text-align:center; position:absolute; left:0;right:0;bottom:0; background:rgba(0,0,0,.3); color:#fff; padding:10px}

.precisionCon .item:first-child .pic img{width:100%; height:100%; object-fit:cover}



.productlist{ overflow-x:hidden}

.productlist ul{ margin-right:-2%}

.productlist li{ float:left; width:31.33%; margin-right:2%; margin-bottom:2%; background:#fff; border:2px solid #ececec}

.productlist .pic{ position:relative; overflow:hidden}

.productlist .pic:after{ content:""; display:block; padding-top:66.66666%}

.productlist .pic img{ display:block; position:absolute; left:0;top:0;right:0;bottom:0; margin:auto; max-width:100%; max-height:100%; -webkit-transition:1s;-moz-transition:1s;transition:1s}

.productlist .tit{ font-size:18px; color:#333; line-height:60px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 60px 0 22px; border-top:1px solid #ececec; background:url(../images/arrow.png) no-repeat right 30px center}

.productlist li, .productlist .tit{ -webkit-transition:.5s;-moz-transition:.5s;transition:.5s}

.productlist li:hover{border:2px solid #005bac}

.productlist li:hover .tit{background:#005bac url(../images/arrow_w.png) no-repeat right 30px center; color:#fff;border-top:1px solid #005bac;}

.productlist li:hover .pic img{ -moz-transform:scale(1.03);-webkit-transform:scale(1.03);transform:scale(1.03)}

.productCon .pic{ width:50%; border:2px solid #ececec}

.productCon .pic img{ display:block; margin:auto; max-width:100%}

.productCon .txt{ width:46%}

.productCon .txt>h2{ color:#333; font-size:30px; border-bottom:1px solid #ececec; margin-bottom:5%}

.productCon .txt>h2 span{ display:inline-block; border-bottom:2px solid #005bac}

.productCon .txt .intro{ font-size:16px; line-height:30px;}

.productCon .txt .intro p{ margin-bottom:5px}

.productRelated{ margin-top:50px}

.productRelated>.tit{ border-bottom:1px solid #ececec; margin-bottom:30px}

.productRelated>.tit span{ display:inline-block; background:#005bac; color:#fff; font-size:20px; padding:0 40px 0 20px; line-height:60px;-webkit-clip-path: polygon(0 0, 86% 0%, 100% 100%, 0% 100%);

clip-path: polygon(0 0, 86% 0%, 100% 100%, 0% 100%);}

.productRelated-tj{ padding-bottom:60px}

.productRelated-tj a{ display:block; background:#f5f5f5; padding:20px}

.productRelated-tj .pic{position:relative; overflow:hidden; background:#fff}

.productRelated-tj .pic:after{ content:""; display:block; padding-top:66.66666%}

.productRelated-tj .pic img{ display:block; position:absolute; left:0;top:0;right:0;bottom:0; margin:auto; max-width:100%; max-height:100%; -webkit-transition:1s;-moz-transition:1s;transition:1s}

.productRelated-tj .tit{ text-align:center; font-size:18px;line-height:40px;color:#333; padding-top:10px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; -moz-transition:.5s;-webkit-transition:.5s;transition:.5s}

.productRelated-tj a:hover{ background:#005bac;}

.productRelated-tj a:hover .pic img{ -moz-transform:scale(1.03);-webkit-transform:scale(1.03);transform:scale(1.03)}

.productRelated-tj a:hover .tit{ color:#fff}

.productRelated-tj .swiper-pagination{bottom:0}

.productRelated-tj .swiper-pagination-bullet{ width:10px; height:10px;background:#ccc;border-radius:50%;opacity:1;position:relative;transition:.3s}

.productRelated-tj.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 6px;}

.productRelated-tj .swiper-pagination-bullet-active{ opacity:1;background:#005bac}



.productlist2{ position:relative}
.productlist2:before{ content:""; width:100%; height:1px; background:#ed7d31; position:absolute; left:0;top:50%}
.productlist2 .swiper-slide{ position: relative; height:700px}
.productlist2 .item{ position:absolute; left:0;top:0;width: 100%;}
.productlist2 .item:after{ content:""; width:1px; height:50px; background:#ed7d31; position:absolute;left:50%; -webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}
.productlist2 .swiper-slide:nth-child(2n) .item{top:auto;bottom:0}
.productlist2 .pic{ height:280px; width:100%; position:relative}
.productlist2 .pic img{ height:100%; display:block; position:absolute; min-width:100%; left:50%; -webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}
.productlist2 .tit{ background:#ed7d31; color:#fff; font-size:20px; border-radius:50%; white-space:nowrap; padding:0 25px; line-height:50px; position:absolute; left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}
.productlist2 .swiper-slide:nth-child(2n) .tit{top:-95px}
.productlist2 .swiper-slide:nth-child(2n+1) .tit{bottom:-95px}
.productlist2 .swiper-slide:nth-child(2n) .item:after{top:-50px}
.productlist2 .swiper-slide:nth-child(2n+1) .item:after{bottom:-50px}
.productlist2 .swiper-pagination{ display:none}
.m-productlist2{ display:none}
.m-productlist2 ul{ margin-right:-3%}
.m-productlist2 li{ float:left; width:47%; margin-right:3%; margin-bottom:3%; position:relative}
.m-productlist2 .pic{ position:relative; overflow:hidden}
.m-productlist2 .pic:after{ content:""; display:block; padding-top:66.66666%}
.m-productlist2 .pic img{ display:block; position:absolute; left:0;top:0;right:0;bottom:0; margin:auto; width:100%;height:100%;object-fit:cover; -webkit-transition:1s;-moz-transition:1s;transition:1s}
.m-productlist2 .tit{ position:absolute; left:0;bottom:0; background:#ed7d31; color:#fff;line-height: 1.4; padding:5px 25px 5px 15px; font-size:16px;-webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);}

.techlist ul{display:flex; display:-webkit-flex;justify-content:space-between}

.techlist li{ width:31.33%; background:#f5f5f5}

.techlist .pic{position:relative; overflow:hidden; width:100%;}

.techlist .pic:after{content: "";display: block;padding-top:68.91891%;}

.techlist .pic img{ display:block;left: 0;position: absolute;top: 0;width: 100%; height:100%; object-fit: cover;-moz-transition:1s;-webkit-transition:1s;transition:1s}

.techlist li:nth-child(2) .pic img{object-fit: contain;}

.techlist .txt{ padding:5%}

.techlist .txt h3{ font-size:20px; color:#333; margin-bottom:3%}

.techlist .intro{ position:relative;}

.techlist .intro:before{ content:""; width:1px; height:100%; background:#ddd; position:absolute; left:3px;top:0}

.techlist .intro p{ position:relative; padding-left:20px; margin-top:5px}

.techlist .intro p:before{ content:""; width:7px; height:7px; background:#ddd; border-radius:50%; position:absolute; left:0;top:10px}

.techlist li:hover .pic img{ -webkit-transform:scale(1.03);-moz-transform:scale(1.03);transform:scale(1.03)}



.tech-case-list ul{display:flex; display:-webkit-flex;justify-content:space-between}

.tech-case-list li{ width:49%}

.tech-case-list .pic{position:relative; overflow:hidden;}

.tech-case-list .pic:after{content: "";display: block;padding-top:68.91891%;}

.tech-case-list .pic img{ display:block;left: 0;position: absolute;top: 0;width: 100%; height:100%; object-fit: cover;-moz-transition:1s;-webkit-transition:1s;transition:1s}

.tech-case-list li:hover .pic img{ -webkit-transform:scale(1.03);-moz-transform:scale(1.03);transform:scale(1.03)}



.jianjulist{padding-bottom: 60px;}

.jianjulist .swiper-slide{ display:inline-block; width:auto}

.jianjulist .pic img{ display:block; height:450px}

.jianjulist .swiper-pagination{bottom:0; line-height:1}

.jianjulist .swiper-pagination-bullet{ width:10px; height:10px;background:#ccc;border-radius:50%;opacity:1;position:relative;transition:.3s}

.jianjulist.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 6px;}

.jianjulist .swiper-pagination-bullet-active{ background:#005bac}





.newslist ul{ display:flex; display:-webkit-flex;flex-wrap:wrap; margin-right:-3%}

.newslist li{width:30.33%; margin-right:3%; margin-bottom:4%;position:relative}

.newslist li a{ display:block; position:relative; z-index:2}

.newslist .pic{ position:relative; overflow:hidden; width:100%;}

.newslist .pic:after{content: "";display: block;padding-top:68.91891%;}

.newslist .pic img{ display:block;left: 0;position: absolute;top: 0;width: 100%; height:100%; object-fit:cover;-moz-transition:1s;-webkit-transition:1s;transition:1s}

.newslist .txt .tit{display: flex;align-items:flex-start;justify-content: space-between; padding:5% 0 2.5%;line-height:26px;}

.newslist .txt .time{font-size: 12px;color: #999999;width: 70px;display:block;}

.newslist .txt h3{font-size:20px;color: #333; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; text-overflow:ellipsis;width:calc(100% - 85px)}

.newslist .txt .desc{color:#666; line-height:24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow: ellipsis; min-height:48px; font-weight:300; margin-bottom:4%;}

.newslist .more{ -webkit-transition:.5s;-moz-transition:.5s;transition:.5s}

.newslist li:hover .pic img{ -webkit-transform:scale(1.03);-moz-transform:scale(1.03);transform:scale(1.03)}

.newslist li:hover h3{ color:#005bac}

.newslist li:hover .more{background:#005bac; color:#fff}

.newslist li:hover .more em{background:url(../images/arrow_w.png) no-repeat center;}





.main_news{ background:#f5f5f5;}

.main_news.space{ padding-top:20px}

.news_fl{ width:75%;}

.news_fr{ width:23%; background:#fff; padding:1% 1.5% 2%}

.newscon{ padding:5%; background:#fff; line-height:28px;}

.newscon .n-tit{font-size:32px;color: #333;line-height:35px;position:relative;}

.newscon .n-time{ font-size:13px; color:#999; border-bottom:1px solid #ececec; padding:1% 0; line-height:1;margin-bottom:2%;}

.newscon .n-article{}

.newscon .n-article img{ max-width:100%; height:auto !important}

.newscon .n-article p{margin-bottom:10px}

.page-list{ display:flex; display:-webkit-flex; justify-content:space-between; margin-top:20px}

.page-list P{ width:49.5%; }

.page-list a{ background:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:25px; line-height:24px; display:block; color:#333}

.page-list a:hover{background: #005bac;color:#fff}

.newscon .more{ margin-top:4%}

.news_fr>.tit{ font-weight:400; color:#333; border-bottom:1px solid #ececec; font-size:22px; line-height:2;}

.news_fr li{ padding:7% 0; border-bottom:1px dashed #d8d8d8}

.news_fr li .pic{ width:35%; position:relative; overflow:hidden}

.news_fr li .pic:after{ content:""; width:100%; display:block; padding-top:68.91891%}

.news_fr li .pic img{ display:block; position:absolute; left:0;top:0; width:100%; height:100%;object-fit:cover;-moz-transition:1s;-webkit-transition:1s;transition:1s}

.news_fr li a{ display:flex; display:-webkit-flex;align-items:center}

.news_fr li h4{width:65%; padding-left:5%;font-size: 16px;line-height: 26px;color: #333;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s}

.news_fr li:hover h4{color:#005bac}

.news_fr li:hover .pic img{ -webkit-transform:scale(1.03);-moz-transform:scale(1.03);transform:scale(1.03)}

/*===========================contact================================*/

.main .content-contact{ font-size:16px; line-height:26px; background:#f5f5f5; position:relative}

.contact-list{ width:50%; padding:5%}

.contact-list h2{ font-size:30px; line-height:1.3; color:#333}

.contact-list ul{ margin-top:2em}

.contact-list li{ display:flex; display:-webkit-flex;margin-bottom:12px}

.contact-list .ico{ width:40px; height:40px; border-radius:50%; background:#005bac; display:flex; display:-webki-flex;align-items:center; justify-content:center; margin-right:15px}

.contact-list .con{ padding-top:5px}

.contact-list .con span{ display:block;color:#666; line-height:1; font-weight:300; font-size:14px}

.contact-list .tel .con p{ font-size:22px; font-weight:800; color:#333}

.content-contact .map{ width:50%; position:absolute; right:0;top:0; bottom:0}



.message .ts{ text-align:center; margin-top:-30px; margin-bottom:30px}

.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:90px; line-height:60px;color: #333;font-size: 16px;}

.message .item:nth-child(4) input[type=text]{ padding-left:100px}





.message .item2{ width:100%}

.message .item2 label{ bottom:auto;top:0}

.message textarea{ height:61px}

.message .item3{ float:left !important; width:100%}

.message .yzm[type=text]{ padding-left:85px; width:30%; float:left}

.message .submit{ width:120px; height:45px; line-height:45px; border:0; color:#fff; font-size:16px;border-radius:5px; text-transform:uppercase; cursor:pointer; transition:.5s; display:block; margin:0 auto;background: -webkit-linear-gradient(120deg, #22bcf0, #013e96);

    background: -o-linear-gradient(120deg, #22bcf0, #013e96);

    background: -moz-linear-gradient(120deg, #22bcf0, #013e96);

    background: linear-gradient(120deg, #22bcf0, #013e96);}

.message .submit:hover{border-radius:25px}

.message02 .item:nth-child(8) input[type=text]{ padding-left:100px}





#allmap{width:100%;height:100%;line-height:22px; font-size:14px; border:0;}

.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;

	padding-bottom:8px;

}



/*============================================================*/









.float_kf{position: fixed;right: 16px;bottom: 30px;text-align: right;z-index: 300;}

.float_kf .item{overflow: hidden;}

.float_kf .item-inner{position: relative;width:80px; padding:10px;border:1px solid #eee; background:#fff; text-align:center; cursor:pointer}

.float_kf .item-inner .ico{display:block; height:24px; position:relative; margin:10px 0; overflow:hidden}

.float_kf .item-inner .ico img{ position:absolute; left:0;right:0; margin:auto;top:0;}

.float_kf .item-inner .ico .icon-1{top:0}

.float_kf .item-inner .ico .icon-2{top:100%}

.float_kf .item-inner .tit{ font-size:12px; color:#666; font-weight:300}

.float_kf .item-inner:hover{ background:#df1e25}

.float_kf .item-inner:hover .tit{ color:#fff}

.float_kf .item-inner:hover .ico .icon-1{top:-100%}

.float_kf .item-inner:hover .ico .icon-2{top:0}

.float_kf .item-inner, .float_kf .item-inner .ico .icon-1, .float_kf .item-inner .ico .icon-2{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}



.pages{ margin-top:40px}

.pagination{ height:auto !important; padding:0 !important}

.en .i-solution-list li:hover .s-more{width: 125px;}
.en .productlist2 .tit{font-size:16px; height:50px; line-height:1;white-space:normal; display:flex; display:-webkit-flex; align-items:center; justify-content:center;text-align: center;}
.en .title .en{ text-transform:capitalize}