@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","Heiti SC","PingFang SC","Microsoft Yahei",Helvetica,Arial,sans-serif; font-size:16px;overflow-x:hidden; color:#666;}
body.en{ font-family:'Open Sans', Arial, Helvetica, sans-serif}
a{ text-decoration:none;outline:none;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;color:#666}
a:hover{color:#0c3184}
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:.9em;font-family:'Microsoft Yahei', Helvetica, SimSun, Arial, sans-serif;text-transform: capitalize;}
/*input{-webkit-appearance: none ;}*/

input[type=checkbox] {cursor: pointer;position: relative;}
input[type=checkbox]::after {position: absolute;top: 0;background-color: #fff;color: #fff;width: 14px;height: 14px;display: inline-block;visibility: visible;padding-left: 0px;text-align: center;content: ' ';border-radius: 2px;box-sizing: border-box;border: 1px solid #ddd;}
input[type=checkbox]:checked::after {content: "";background-color: #80bc00;border-color: #80bc00;background-color: #80bc00;}
input[type=checkbox]:checked::before {content: '';position: absolute;top: 1px;left: 5px;width: 3px;height: 8px;border: solid white;border-width: 0 2px 2px 0;transform: rotate(45deg);z-index: 1;}
:root{
    --gradient-background-color:linear-gradient(45deg,#231c40,#425ea2);
    --gradient-background-color2:linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,0));
    --gradient-background-color3:linear-gradient(rgba(58,93,144,.8), rgba(58,93,144,0));
}

@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{ max-width:1450px;padding:0 1.5rem;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; 
    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{
    background:#0c3184;
    display: flex;
    display: -webkit-flex;
    align-items:center;
    justify-content:center;
    width: 150px;
    line-height: 45px;
    border-radius: 25px;
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
    position: relative;
    overflow: hidden;
}
.more:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top:0;
    z-index: 1;
    opacity: 0;
    transition: .3s;
    background:var(--gradient-background-color);
}
.more i, .more span{ position: relative;z-index: 2;;}
.more i, .more2 i{
    display: block;
    width:7px;
    height:7px;
    margin-left:8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}
.more:hover{color:#fff;}
.more:hover::after{ opacity: 1;}
.more2{color:#b2b2b2;display: flex;display: -webkit-flex;align-items:center;font-size: 14px;}
.more2 i{border-top: 1px solid #b2b2b2;border-right: 1px solid #b2b2b2;}

.header{position: fixed;top: 0;left: 0;z-index:99;width: 100%; background:#fff;padding:0 5em;height:80px;-webkit-transition:0.4s;-moz-transition:0.4s;transition:0.4s;text-transform: capitalize;}
.header-scroll{ box-shadow:0 0 10px rgba(0,0,0,.08);}
.logo{ display:flex; display:-webkit-flex; align-items:center; height:80px;position:relative;}
.logo img{ display:block; height:60px}

.menu{ position:absolute; left:50%;top:0; -moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);font-weight: 500;}
.menu>ul{display:flex;display:-webkit-flex;justify-content:space-between}
.menu>ul>li{margin:0 35px;position:relative;white-space: nowrap;}
.menu>ul>li>a{ display:flex;display: -webkit-flex;align-items:center; color:#333;line-height:80px;position:relative;text-transform: uppercase;}
.menu a>span{position: relative;}
.menu .has-sub a>i{
    display: block;
    width: 7px;
    height: 7px;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    margin-top: -5px;
    margin-left: 8px;
    transition: transform .4s;
    position: absolute;
    right: -15px;
}
.menu a>span:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: .75em;
    right: 0;
    width: 0;
    height: 1px;
    background-color: #0c3184;
    -webkit-transition: width .3s;
    transition: width .3s;
}
.menu>ul>li:hover>a, .menu>ul>li>a.cur{ color:#0c3184}
.menu .has-sub:hover a>i{border-bottom: 1px solid #0c3184;border-right: 1px solid #0c3184;}
.menu li:hover a>span:before{ left: 0;width: 100%;}
.menu .sub{ position:absolute;left: 50%;top: 100%; width:130px;text-align: center;font-size: .9em;background:#fff;box-shadow:0 3px 5px 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;color:#666; line-height: 20px; padding: 12px 10px;word-wrap: break-word;white-space:normal}
.menu .sub a:hover{background:#0c3184; color:#fff}



.lang{line-height:80px;}
.lang a{ position: relative;color:#333;font-weight:500;}
.lang a:first-child{margin-right: 12px;padding-right: 12px;}
.lang a:first-child:after{content:"";width: 1px;height:15px;position:absolute;right:0;top:2px;background-color: #ddd;}
.lang a.cur{color:#ccc}
.lang a:hover{color:#0c3184}

.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, .nbanner{margin-top:80px; clear:both;transition: all 0.5s ease;}
.banner{ position:relative; z-index:1;height: calc(100vh - 70px);}
.banner img{ display:block; width:100%;height: 100%;object-fit: cover;}
.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;}
.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:3%; text-align:center;}
.banner .swiper-pagination-bullet{ width:14px; height:14px; border:solid 1px #fff; opacity:1; background:none; margin:0 8px !important; border-radius:50%; outline: none;}
.banner .swiper-pagination-bullet-active{background:#fff;}
.banner .swiper-slide{ position:relative}
.banner .swiper-slide-active .txt h3{-webkit-animation:fadeInUp .6s ease;animation: fadeInUp .6s ease;-webkit-animation-delay:.4s;animation-delay:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

.space{ padding:80px 0}
.title{ margin-bottom:.8em;text-align:center; font-size:42px; color:#000;font-weight:500;position:relative; text-transform: uppercase; line-height: 1.5;}
.title:after{content:"";width: 40px; height: 3px; background-color: #3e5da8;display: block;margin:.2em auto 0;}

.i-product-categy ul{ display: flex; display: -webkit-flex;justify-content: space-between;}
.i-product-categy li{ width: 24%;position: relative;padding-bottom: 130px;}
.i-product-categy .top{ position: relative;}
.i-product-categy .top .pic{ overflow: hidden; border-radius: 10px;z-index:1;position: relative;}
.i-product-categy .top .pic:before{ padding-top: 133.9%;}
.i-product-categy .top .pic:after{content: '';width: 100%;height:60%;position: absolute;left:0;top:0;background: var(--gradient-background-color2);}
.i-product-categy li:nth-child(3) .top .pic:after{background: var(--gradient-background-color3);}
.i-product-categy .top .txt{ position: absolute;left: 0;top:0;right:0;text-align: center;padding:60px 2em;z-index: 2;}
.i-product-categy .top .txt h3{font-size: 24px;font-weight: bold;color: #fff;margin-bottom:.5em;}
.i-product-categy .top .more2{justify-content: center;color: #fff; opacity: .8;}
.i-product-categy .top .more2 i{border-top: 1px solid #fff;border-right: 1px solid #fff;}
.i-product-categy .pro-db{ position: absolute;left:0;bottom:0; z-index: 2;}
.i-product-categy .pro-db img{width:100%}
.i-product-categy li:hover .top img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05); transform: scale(1.05);}

.i-product-tj{ margin-top: 60px;}
.i-product-tj .top-tit{ display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;margin-bottom:2em;}
.i-product-tj .ltit{ font-weight: bold;color: #333;font-size: 24px;}

.i-productList{ background-color: #fff; padding-bottom: 40px;border-radius: 10px;box-shadow: 0 5px 25px rgba(0,0,0,.08);}
.i-productList a{display: block;padding:35px 40px; text-align: center;}
.i-productList .pic:before{ padding-top: 100%;}
.i-productList .pic img{ object-fit: contain;}
.i-productList .tit{ color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; -webkit-transition: .4s;-moz-transition: .4s;transition: .4s; margin-top: 1.5em;}
.i-productList a:hover .tit{color: #0c3184;}
.i-productList a:hover .pic img{ -webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);} 
.i-productList .swiper-pagination{bottom:25px}
.i-productList .swiper-pagination-bullet{width:12px;height:12px;border: 2px solid #fff;background-color: #ccc;opacity: 1;}
.i-productList .swiper-pagination-bullet-active{border: 2px solid #0c3184;background-color: #fff;}

.i-about{ display: flex;display: -webkit-flex;}
.i-aboutLeft{width: 50%; position: relative;}
.i-aboutLeft .img{height: 100%; overflow: hidden;}
.i-aboutLeft .img img{ position: absolute;left:0;top:0;width:100%;height:100%; object-fit: cover;}
.v-btn{
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    cursor: pointer;
}
.v-btn .icon{
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 50%; 
    position: relative;
}
.v-btn .icon i{
    width: 100%;
    height: 100%;
    display: block;
    background: url(../images/v-btn.png) no-repeat 55% center; 
}
.v-btn .icon::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    content: '';
    z-index: -1;
    animation: scale 2s ease-out infinite;
    background: #fff;
    opacity: 0.5;
}
.v-btn .icon::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    content: '';
    z-index: -1;
    animation: scale2 2s ease-out infinite;
    background: #fff;
    opacity: 0.3;
}
@keyframes scale{
    0%{
        transform:translate(-50%, -50%) scale(1);
        opacity:.9
    }
    100%{
        transform:translate(-50%, -50%) scale(5);
        opacity:0;
    }
}
@keyframes scale2{
    0%{
        transform:translate(-50%, -50%) scale(1);
        opacity:.9;
    }
    100%{
        transform:translate(-50%, -50%) scale(7);
        opacity:0;
    }
}
.focusvideo{display: none; position: fixed;width: 100%;height: 100%;top:0; left:0;z-index: 99;background-color: rgba(0, 0, 0, 0.85);}
.show-video{ display:block}
.video-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:1000px;}
.video-close{ width:30px; height:30px; position:absolute; top:0; right:-40px; cursor:pointer; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.video-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)}
.video-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)}

.i-aboutRight{ width: 50%;background: url(../images/abtbg.jpg) no-repeat center;background-size: cover;padding-left: 4% !important;padding-right: calc(calc(100% - 1400px) / 2);}
.i-aboutRight .title{ text-align: left;line-height: 1.2;margin-bottom: 1em;margin-top: .6em;}
.i-aboutRight .title:after{margin-left: 0;margin-top: .5em;}
.i-aboutRight .conn{ line-height: 1.875;color: #666;font-weight: 300;}
.i-aboutRight .conn p{ margin-bottom: .5em;}
.i-aboutRight .more{ margin:4.5em 0 1em;}
.numlist{ display: flex;display: -webkit-flex;justify-content: space-between;margin-top: 3.5em;}
.numlist .sign{color: #425ea2;font-size: 18px;font-weight: normal;}
.numlist .counter{
    font-size: 2.85em; 
    font-family: "PingFang SC";
    line-height: 1;
    background: var(--gradient-background-color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight:600;
}

.i-newsList{ margin: 0 -20px;padding-bottom:60px;}
.i-newsList a{ display: block;margin:0 20px;overflow: hidden; border-radius:10px; background-color: #f3f3f3;}
.i-newsList .pic:before{padding-top:71.74%}
.i-newsList .txt{ padding:2em}
.i-newsList h3{color:#333; font-size: 20px;line-height:1.4;margin-bottom: .6em;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;text-transform: capitalize;}
.i-newsList h3{ -webkit-transition: .3s;-mmoz-transition: .3s;transition: .3s;}
.i-newsList .intro{color:#999;font-size:15px;display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;margin-bottom: 1.5em;}
.i-newsList .bot{display: flex;display: -webkit-flex;justify-content:space-between;border-top: 1px solid #d8d8d8;font-size: 14px;color: #999;font-weight: 300;padding-top: 1.2em;}
.i-newsList .swiper-pagination{bottom:0}
.i-newsList .swiper-pagination-bullet{width:12px;height:12px;border: 2px solid #fff;background-color: #ccc;opacity: 1;}
.i-newsList .swiper-pagination-bullet-active{border: 2px solid #0c3184;background-color: #fff;}
.i-newsList a:hover .pic img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
.i-newsList a:hover h3{color:#0c3184}

.i-partner{ background: #f3f3f3 url(../images/hbbg.jpg) no-repeat center bottom; background-size: 100% auto;}
.i-partlist{ overflow: hidden;}
.i-partlist ul{width: 100%; display: flex;}
.i-partlist li {
    width: 250px;
    height: 112px;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 15px;
    float: left;
    margin-right: 25px;
}
.i-partlist .img{ display: flex;display: -webkit-flex;align-items:center;justify-content: center;height: 100%;}
.i-partlist .img img{max-width: 100%; max-height: 100%;}

.footer{ background:#162241; color:#878b98; padding:45px 0 25px;font-size: .85em;}
.footer a{ color:#878b98}
.footer a:hover{ color:#fff}
.footer-top{padding-bottom:30px;display:flex;display: -webkit-flex;justify-content:space-between;align-items:center;}
.f-logo img{ display: block;height: 50px;}
.f-form input[type=text]{ width: 150px;border: 0;line-height: 40px;border-radius: 25px;background-color: #303a56;padding: 0 15px; margin-right: 5px;color: #fff;}
.f-form #content{width: 260px;}
.f-form .submit{padding: 0 20px;line-height: 40px;border: 0;background-color: #f27f02;color: #fff;text-align: center;border-radius: 25px;cursor: pointer;}
.f-form input::-webkit-input-placeholder { color: #878b98;} 
.f-form input:-moz-placeholder { color: #878b98; } 
.f-form input::-moz-placeholder { color: #878b98; } 
.f-form input:-ms-input-placeholder { color: #878b98;}
.footer-mid{border-bottom:1px solid rgba(255,255,255,.15);border-top:1px solid rgba(255,255,255,.15);padding:40px 0;line-height:2;}
.f-nav{width:46%;margin-right:4%;}
.f-nav ul{ display:flex; display:-webkit-flex;justify-content:space-between;}
.f-nav li{position:relative;max-width:24%;text-transform: capitalize;}
.f-nav h4, .f-contact h4{font-size:1.15em; margin-bottom:.5em;color:#fff}
.f-contact{max-width: 40%;display:-webkit-flex;display: flex;align-items: flex-start;}
.f-ewm{padding: 8px 8px 12px;border: 1px solid rgba(255,255,255,.25);text-align: center;position: relative;margin-right: 30px;}
.f-ewm img{ display: block;width:110px;}
.f-ewm span{ background-color:#162241;font-size: .9em;position: absolute;padding: 0 10px;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);;transform: translateX(-50%);white-space: nowrap;}
.f-contlist{font-size: .95em;}
.f-contlist .tel{ margin-bottom: 1.5em;}
.f-contlist .tel span{display: block;font-size: 1.6em;font-weight: 500;color: #fff;line-height: 1;}
.f-contlist p.add, .f-contlist p.mail, .f-contlist p.tel2{position: relative;padding-left: 25px;}
.f-contlist p i{display: block;width: 25px;height: 25px;opacity: .6;position:absolute;left: 0;}
.f-contlist .add i{ background: url(../images/f-ico1.png) no-repeat left center;}
.f-contlist .mail i{ background: url(../images/f-ico2.png) no-repeat 1px center;}
.f-contlist .tel2 i{ background: url(../images/f-ico3.png) no-repeat 2px center;}
.footer-bot{padding-top: 25px;}

.nbanner{position:relative;overflow:hidden;}
.nbanner img{ position:absolute; left:0;top:0; width:100%; height:100%; object-fit:cover}
.nbanner:before{ content:""; width:100%; padding-top:23.4375%; display:block}
.biaot{ position:absolute; top:45%;color:#fff; left:50%;font-size:55px; -webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%); text-align:center; line-height:1.2;    text-transform: uppercase;}

.inner-nav{position:relative;border-bottom: 1px solid #e8e8e8;}
.inner-nav .wrap{ display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;}
.inner-nav ul{ display:flex; display:-webkit-flex; justify-content:center;}
.inner-nav li{ margin-right:4rem; position: relative;}
.inner-nav li:not(:last-child):before {content: '';width: 1px;height: 17px;background:#e8e8e8;position: absolute;top: 50%;transform: translateY(-50%);right: -2rem;}
.inner-nav li a{display:block;text-align: center;padding:28px 0; line-height:1.8;color:#666;position: relative;}
.inner-nav li a:after{content:"";width: 0;height:3px; position: absolute;left:50%;bottom:0; -wwbkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.inner-nav li.cur a, .inner-nav li:hover a{color:#0c3184;font-weight: 500;}
.inner-nav li.cur a:after, .inner-nav li:hover a:after{width:100%;left:0; background: #0c3184;}
.location{font-size: .9em;color: #999;font-weight: 300; background: url(../images/home-ico.png) no-repeat left center; padding-left: 20px;}
.location i{ 
    display: inline-block;
    width:6px;
    height:6px;
    margin:0 5px;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}
.location i, .location a{ display: inline-block; vertical-align: middle;}

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


.main{position: relative;}
.main .content{line-height: 1.875;}
.main .content img{max-width: 100%;}

.main_abt{ position: relative; overflow: hidden;}
.main_abt:after{
    content: '';
    width: 100%;
    height: 100%;
    left:10%;
    top: 0;
    background-color: #f3f3f3;
    position: absolute;
    z-index: -1;

}
.content-abt{ display: flex;display: -webkit-flex;align-items: center;}
.content-abt-left{width: 50%; position: relative;}
.content-abt-left .img{height: 100%; overflow: hidden;}
.content-abt-left .img img{width:100%;display: block;}
.content-abt-right{ width: 50%;padding-left: 4%;padding-right: calc(calc(100% - 1400px) / 2);}
.content-abt-right .title{ text-align: left;line-height: 1.2;margin-bottom: .6em;margin-top: .6em;}
.content-abt-right .title:after{margin-left: 0;margin-top: .5em;}
.content-abt-right h2{font-size: 2rem;color:#333;margin-bottom: .2em;}
.content-abt-right .conn{ line-height: 1.875;color: #666;}
.content-abt-right .conn p{ margin-bottom: .5em;}
.main_parter.space{padding-top: 0;}
.partList{display: flex;display: -webkit-flex;flex-wrap:wrap;justify-content:center;margin-right: -3%;}
.partList li{ width:13.66%;margin-bottom:2%; margin-right: 3%;}
.partList .pic{border-radius:10px;box-shadow: 0 5px 15px rgba(0,0,0,.1);background-color: #fff;}
.partList .pic:before{ padding-top: 60%;}
.partList .pic img {width: auto;height: auto;max-width: 100%;max-height: 100%; object-fit: contain;margin: auto;}
.officeList{margin: 0 -10px;padding-bottom:60px;}
.officeList .pic{margin: 0 10px;border-radius: 10px;}
.officeList .pic:before{padding-top: 66%;}
.officeList .swiper-pagination{bottom:0}
.officeList .swiper-pagination-bullet{width:12px;height:12px;border: 2px solid #fff;background-color: #ccc;opacity: 1;}
.officeList .swiper-pagination-bullet-active{border: 2px solid #0c3184;background-color: #fff;}

.cul_mission{display: flex;display: -webkit-flex;justify-content: space-between;}
.cul_mission .img{width: 49.4%;border-radius: 10px;overflow: hidden;}
.cul_mission .img img{display: block;width: 100%;}
.cul_mission .txt{width: 49.4%;background-color: #f7f7f7;border-radius: 15px;padding: 3%;}
.cul_mission .txt h3{font-size: 1.5em;color: #333;font-weight: bold;margin-bottom: .5em;}
.cul_mission .txt li{position: relative;padding-left: 15px;}
.cul_mission .txt li:before{content: '';width:5px;height:5px;background: #ccc;border-radius: 50%;position: absolute;left: 0;top: .7em;}
.divide-line{height: 1px; background-color: #e8e8e8;margin:60px 0;}
.jyln{ display: flex;display: -webkit-flex;justify-content:space-between;}
.jyln li{ width:220px; height: 220px; background: url(../images/culbg.png) no-repeat center; background-size: contain;display: flex;display: -webkit-flex;align-items:center;justify-content: center;}
.jyln li p{font-size:2em;color:#333;font-weight: 500;line-height:1.2;}
.jyln li span{ display: block;}
.hrList ul{ margin-right:-3%;display: flex;display: -webkit-flex;flex-wrap: wrap;}
.hrList li{ 
    background-color: #f3f3f3;
    padding:2.5em;
    width: 30.33%;
    margin-right: 3%;
    margin-bottom: 3%;
    overflow: hidden;
    border-radius: 5px;
    border-bottom: 5px solid rgba(12,49,132,.15);
    transition:.4s ease;
    cursor: pointer;
    position: relative;
}
.hrList h3{font-size: 1.25em;color: #333;transition:.4s ease;line-height: 1.5;}
.hrList h6{margin:1em 0;font-weight: normal;font-size: .85em;line-height: 1.5;}
.hrList h6 span {
    display: inline-block;    
    font-weight: 300;;
    color: #999;
    transition:.4s ease;
    padding-left: 20px;
    background: url(../images/label-ico.png) no-repeat left center;
    margin-right: 20px;
}
.hrList p{
    color: #666;
    transition:.4s ease;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: .85em;
}
.hrList i{
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50%;
    border: 1px solid #ddd;
    margin-top: 2em;
    transition:.4s ease;
    position: relative;
}
.hrList i:before{
    content: '';
    width: 6px; 
    height: 6px;
    display: block;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    transform: rotate(45deg);
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -5px;
    margin-top: -5px;
    transition:.4s ease;
}
.hrList .circle{transition:.6s ease-in-out;opacity:0;border-radius: 50%;position:absolute;}
.hrList .circle1{width:300px;height:300px;background:rgba(255,255,255,.05);top:-99px;left:36px;transform:translate(-90px,0);-webkit-transform:translate(-90px,0);}
.hrList .circle2{width:280px;height:280px;background:rgba(255,255,255,.1);top:-99px;left:233px;transform:translate(90px,0);-webkit-transform:translate(90px,0);}
.hrList .circle3{width:325px;height:325px;background:rgba(255,255,255,.3);top:82px;left:148px;transform:translate(0,90px);-webkit-transform:translate(0,90px);}

.hrList li:hover .circle{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
.hrList li:hover{background-color: #0c3184;border-color: #162241;}
.hrList li:hover h3, .hrList li:hover h6 span, .hrList li:hover p{color: #fff;}
.hrList li:hover i{border: 1px solid rgba(255,255,255,.3);}
.hrList li:hover i:before{border-top: 1px solid #fff;border-right: 1px solid #fff;}

.popUp{width:100%;height:100%;background:rgba(0,0,0,.5);position:fixed;top:0px;left:0px;z-index:99999;display: none;opacity: 0;}
.popUp-item{width:1000px;padding: 54px 92px 60px;background:#fff;display: none;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.popUp-name{border-bottom:1px solid #e5e5e5;width: 100%;margin-bottom: 25px;padding-bottom: 20px;overflow: hidden;}
.popUp-name-title{font-size: 24px;color: #333;line-height: 1.4em;float: left;}
.popUp-name-info{float: right;font-size: 0;margin-top:5px;}
.popUp-name-info span{display: inline-block;font-size: 16px;font-weight: 300;color: #888;padding-left: 20px;background: url('../images/label-ico.png') no-repeat left center;margin-left: 20px;}
.popUp-cont{color: #666;height: 350px;overflow-y: auto;padding-right: 25px;font-size: .9em;line-height: 1.8;}
.popUp-cont p{margin-bottom: .5em;}
.popUp-cont img{width: 100%;object-fit: cover;}
.popUp-cont::-webkit-scrollbar {width: 2px;height: 4px;}
.popUp-cont::-webkit-scrollbar-thumb {border-radius: 5px;box-shadow: inset 0 0 5px #0c3184;}
.popUp-cont::-webkit-scrollbar-track {box-shadow: inset 0 0 5px #dadada;border-radius: 0;}
.popUp-btn{position:absolute;right:-50px;top:0px;}
.popUp-btn a{display:block;width:50px;height:50px;background-color:rgba(0,0,0,.5);position:relative;margin:0 0 1px;transition: all .4s ease;background-repeat: no-repeat;background-position: center;}
.popUp-btn a.popUp-close{background-image: url('../images/popClose.png');background-size:20px;}
.popUp-btn a.popUp-prev{background-image: url('../images/popPrev.png');background-size: 14px auto;}
.popUp-btn a.popUp-next{background-image: url('../images/popNext.png');background-size: 14px auto;}
.popUp-btn a:hover{background-color: #0c3184;}

.productList ul{ margin-right: -3%;}
.productList li{ float: left;width: 30.33%; margin-bottom: 3%; margin-right: 3%;text-align: center;}
.productList .pic{box-shadow: 0 5px 15px rgba(0,0,0,.1); border-radius: 10px;}
.productList .pic:before{content: "";padding-top: 90%;}
.productList .pic img{margin: auto; object-fit: contain;width: 80%;height: 80%;}
.productList .tit{color: #333;font-size: 1.25em;margin-top: 1em;line-height: 1.5;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.productList li:hover .pic img{ -webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}
.productList li:hover .tit{color:#0c3184}
.main_product{background-color: #f3f3f3;}
.n-pto-left{width: 48%;background-color: #fff;border-radius: 10px;display: flex;display: -webkit-flex;align-items:center;justify-content:center;position: relative;}
.n-pto-left::before{content: '';display: block;padding-top: 66%;}
.main .content .n-pto-left img{position: absolute;left: 0;right: 0;bottom: 0;top: 0;margin: auto;width: 80%;height: 90%;object-fit: contain;}
.n-pto-right{width: 48%;padding-top: 6%;}
.n-pto-right h2{ color: #333;font-size:40px;font-weight: 500;line-height: 1.2;margin-bottom:1em;}
.n-pto-right h2:after {
    content: "";
    width: 40px;
    height: 3px;
    background-color: #3e5da8;
    display: block;
    margin: .5em 0 0;
}
.n-pto-right .tel{background-color: #f27f02;display: flex;display: -webkit-flex;align-items: center;justify-content:center;color: #fff;width: 200px;line-height: 45px;border-radius: 5px;}
.n-pto-right .tel i{display: block;width: 15px;height: 15px;background: url(../images/f-ico3.png) no-repeat left center; margin-right: 5px;}
.pcm-imglist{ display: flex;display: -webkit-flex;margin-right: -1%;}
.pcm-imglist p{width: 24%; margin-right: 1%;}
.pcm-imglist p img{ display: block;width: 100%;height: 100%;}

.TemplateParent{ display: flex; display: webkit-flex;flex-wrap:wrap; margin-right: -3%;}
.TemplateParent-Item{ width: 30.33%;margin-right: 3%;margin-bottom: 3%;text-align: center;}
.TemplateParent-Item .pic:before{padding-top: 70%;}
.TemplateParent-Item p{color: #333;font-size: 1.125em;margin-top: 1em;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.TemplateParent-Item:hover .pic img{ -webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}
.horList .TemplateParent-Item{ padding:1.5em;background: #f3f3f3;}
.horList .TemplateParent-Item .pic:before{ padding-top: 72.5%;}
.horList .TemplateParent-Item .pic img{ object-fit: contain;}
.equipList .TemplateParent-Item .pic{border: 1px solid #e8e8e8;}


.newsList li{ border-bottom:1px solid #e8e8e8; padding-bottom:3%; margin-bottom:3%}
.newsList li .pic{ width:27%; position:relative; overflow:hidden;border-radius:10px;}
.newsList li .pic:before{ content:""; display:block;padding-top:71.74%}
.newsList li .pic img{position:absolute;left:0;top:0; width:100%; height:100%; object-fit:cover; -moz-transition:.8s;-webkit-transition:.8s;transition:.8s;}
.newsList li .txt{ width:69%;line-height: 1.8;padding-top:1%;position:relative;text-transform: capitalize;-webkit-transition:.4s;-moz-transition:.4s; transition:.4s;}
.newsList li .tit{ font-size:1.375rem; color:#3d3a3a; margin:.2em 0 .5em;}
.newsList li .intro{ color:#666; margin-bottom:2em; font-weight:300; }
.newsList li .tit, .newsList li .intro{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;line-height: 1.5;-webkit-transition:.4s;-moz-transition:.4s; transition:.4s;}
.newsList li .time{font-size: .9em;color: #888;font-family: 'Arial';}
.newsList li .more{ background-color: #fff;border:1px solid #0c3184;color:#0c3184;}
.newsList li .more i{border-top: 1px solid #0c3184;border-right: 1px solid #0c3184;}
.newsList li:hover .pic img{ transform:scale(1.03)}
.newsList li:hover .txt{ -webkit-transform: translateX(5px);-moz-transform: translateX(5px);transform: translateX(5px);}
.newsList li .more:hover{color:#fff}
.newsList li .more:hover i{border-top: 1px solid #fff;border-right: 1px solid #fff;}
.newsContent{position: relative;}

.newstop{ margin-top: 80px;border-top: 1px solid #e8e8e8;}
.newsContent{ max-width: 960px; margin: 0 auto;}
.newsContent img{max-width: 100%;}
.newtit{color: #333;font-size:2.5rem;font-weight: 500;text-align: center;line-height: 1.4;}
.newtm{ color: #999;font-weight:300;text-align: center;font-size:.85em;margin:2em 0;}
.newtm span{margin:0 10px;}
.newdetail{ border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;padding: 2.5em 0;}
.newdetail p{ margin-bottom: 1em;}
.newdetail strong{color: #525252;}
.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;}

.videoList ul{ margin-right:-3%}
.videoList li{ float:left; width:47%; margin-right:3%; margin-bottom:2%;text-align:center; background:#fff;}
.videoList li .pic{ position:relative; overflow:hidden}
.videoList li .pic:before{padding-top:58.33333%}
.videoList li .pic .icon{position:absolute;width:100%; height:100%; background:url(../images/v-btn2.png) rgba(0,0,0,0.4) no-repeat center center; background-size:12% auto;left:0%; top:0%;opacity: 0.5;}
.videoList li .tit{ font-size:20px; font-weight:bold;color:#333; padding:20px 0; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.videoList li .pic img,.videoList li .pic .ico{ -webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;transition:.8s;}
.videoList li:hover .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.videoList li:hover .pic .icon{ opacity:1;background:url(../images/v-btn2.png) rgba(0,0,0,0.2) no-repeat center center; background-size:12% auto;}
.videoList li:hover .tit{color: #0c3184;}
/*===========================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: 110px;height: 110px;border: 1px solid #dedede;border-radius: 50%;display: flex;display: -webkit-flex;align-items: center;justify-content:center;margin:0 auto}
.contact-list .txt h4{margin-top:20px;font-size: 1.25em;color: #333;font-weight: 500;line-height: 1.5;}
.contact-list .txt p{color: #666;font-weight: 300;}
.content-contact .map{height: 500px; position: relative;overflow: hidden;}
.content-contact .map img{position: absolute;left: 0;top:0;right:0;bottom:0;object-fit: cover;margin: auto;}

#allmap{width:100%;height:500px;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;
}
#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);}

.en .f-contlist .add{line-height: 1.4;}
.en .title{text-transform: capitalize;font-weight: bold;}
.en .menu>ul>li{margin: 0 30px;}
.en .newsList li .tit, .en .newtit{line-height: 1.2;}
.en .productList .tit{font-size: 1.125em;}