@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;
    -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
body { 
    font-family:"Source Han Sans CN","PingFang SC","Heiti SC","Microsoft Yahei",Helvetica,Arial,sans-serif; 
    font-size:16px;
    color: #60676f;
}
body.en{ font-family:Helvetica, Arial, sans-serif}
a{ text-decoration:none;outline:none;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;color:#717072}
a:hover{color:#24211d}
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;height: 100vh;}
video:focus{ outline:none}
.col{color: #1d2088;}

input,textarea,select,button,input{ outline:none; font-size:14px;font-family:Helvetica, sans-serif;text-transform: capitalize;}


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:linear-gradient(to right,#1d2088,#008fd9);
    --gradient-background-turn:linear-gradient(to right,#008fd9,#1d2088);
    --radial-background: radial-gradient(#008fd9,#1d2088); 
}

.wrap{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; 
    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, .more_n{display: inline-block;}
.more a, .more_n>div{
    display: flex;
    display: -webkit-flex;
    align-items:center;
    justify-content:center;
    line-height: 45px;
    border-radius:25px;
    color: #fff;
    text-transform: capitalize;
    position: relative;
    overflow: hidden;
    padding: 0 25px;
}
.more a:after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: var(--gradient-background);transition: .5s;}
.more a:before{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: var(--gradient-background-turn);transition: .5s;opacity: 0;}
.more span{position: relative;z-index: 2;}
.more i {display: block;width: 6px;height:12px;margin-left: 10px;background: url(../images/ico_mor.png) no-repeat center;position: relative;z-index: 2;}
.more a:hover::before{opacity: 1;}
.more a:hover::after{opacity: 0;}
.align_c{text-align: center;}
.more_n>div{border: 1px solid #d8d8d8;color: #221815;transition: .4s;}
.more_n>div:after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: var(--gradient-background);transition: .5s;opacity: 0;}
.more_n span{position: relative;z-index: 2;}
.more_n i{display: block;width: 6px;height: 6px;border-top: 1px solid #333;border-right: 1px solid #333;transform: rotate(45deg);margin-left: 10px;position: relative;z-index: 2;}
.more_n>div:hover{color: #fff;}
.more_n>div:hover::after{opacity: 1;}
.more_n>div:hover i{border-top: 1px solid #fff;border-right: 1px solid #fff;}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index:99;
    height:100px;
    -webkit-transition:0.4s;
    -moz-transition:0.4s;
    transition:0.4s;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}
.header .wrap{display: flex;display: -wekit-flex;justify-content: space-between;align-items: center;}
.logo{height:100px;position:relative;z-index: 2;}
.logo img{display:block;height:72px;position: absolute;left: 0;right: 0;top:0;bottom:0;margin: auto;transition: .3s;}

.menu{z-index: 2;font-size: 1.125em;margin-left: 6%;}
.menu ul{display:flex;display:-webkit-flex;justify-content:space-between}
.menu li{margin:0 40px;}
.menu .menu_a{color:#0b0b0b;position:relative;text-transform: capitalize;display: block;line-height:100px;}
.menu .sub{ 
    position:absolute;
    left: 0;
    top: 100%; 
    width:100%;
    -webkit-transition:.4s ease;
    -moz-transition:.4s ease;
    transition:.4s ease;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .03);
    border-top: 1px solid #ebebeb;
    background-color: #f5f5f5;
    transform:scaleY(0) translateZ(0);
    transform-origin: 50% 0;
    font-size: .9em;
}
.menu .sub_con {
    margin: 0 auto;
    height: 450px;
    display: flex;
    display: -webkit-flex;
    padding-left: calc(calc(100% - 1200px) / 2);
}
.menu .sub_con_navlist{width: 280px;padding-top: 60px;}
.menu .sub_con_navlist a{display: block;padding: 12px 45px;position: relative;margin-bottom: 1px;}
.menu .sub_con_navlist a:after{content: '';width: 5px;height: 5px;border-top: 1px solid #008fd9;border-right: 1px solid #008fd9;transform: rotate(45deg); position: absolute;top: 20px;right: 30px;opacity: 0;transition: .4s;}
.menu .sub_con_navlist a:first-child, .menu .sub_con_navlist a:hover{background-color: #fff;}
.menu .sub_con_navlist a:hover{color: #008fd9;}
.menu .sub_con_navlist a:first-child::after, .menu .sub_con_navlist a:hover::after{opacity: 1;}
.menu .sub_con_info{background-color: #fff;width: calc(100% - 280px);padding-top:60px;padding-left: 8%;position: relative;overflow: hidden;}
.menu .sub_con_info .txt{width: 40%;position: relative;z-index: 2;}
.menu .sub_con_info .txt h4{color: #0b0b0b;font-size: 2em;margin-bottom: .5em;}
.menu .sub_con_info .txt p{color: #666;}
.menu .sub_con_info .txt .more{margin-top: 10%;font-size: .95em;}
.menu .sub_con_info .img{position: absolute;right: 0;top: 0;bottom: 0;width: 55%;}
.menu .sub_con_info .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.menu .sub_con_info .img:before{content: '';width: 40%;height: 100%;position: absolute;left: 0;top: 0;bottom: 0;
    background: -webkit-linear-gradient(left, #fff , rgba(0,0,0,0));
    background: -o-linear-gradient(right, #fff, rgba(0,0,0,0));
    background: -moz-linear-gradient(right, #fff, rgba(0,0,0,0));
    background: linear-gradient(to right, #fff , rgba(0,0,0,0));}

.menu li:hover .menu_a{color: #1d2088;}
.menu li:hover .sub { transform:scaleY(1) translateZ(0);}


.lang{position: relative;font-size: 17px;font-weight: 300;}
.lang a{line-height: 35px;color: #231815;padding: 0 18px;display: flex;display: -webkit-flex;align-items: center;background-color: #f2f2f2;border-radius: 23px;position: relative;overflow: hidden;}
.lang a:before{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: var(--gradient-background);opacity: 0;transition: .4s;}
.lang a span, .lang a i{position: relative;z-index: 2;}
.lang a i{display: block;width: 6px;height: 6px;border-top: 1px solid #231815;border-right: 1px solid #231815;transform: rotate(45deg);margin-left: 5px;transition: .4s;}
.lang a:hover::before{opacity: 1;}
.lang a:hover{color: #fff;}
.lang a:hover i{border-top: 1px solid rgba(255, 255, 255, .9);border-right: 1px solid rgba(255, 255, 255, .9);}
/**/

.banner{ position:relative;z-index:1;margin-top: 100px;height: calc(100vh - 80px);}
.banner img{ display:block; width:100%;height: 100%;object-fit: cover;}
.banner a{display: block;height: 100%;}
.banner .swiper-button-prev, .banner .swiper-button-next{ width:25px; height:25px; margin-top:-15px; outline:none; opacity:0.3; 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:hover, .banner .swiper-button-next:hover{ opacity:1;}
.banner .swiper-pagination{bottom:5%;width: auto;left: 5%;}
.banner .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #fff;opacity: .6;margin:0 15px!important;position: relative;}
.banner .swiper-pagination-bullet:after{content: '';border: 1px solid #fff;border-radius: 50%;width: calc(100% + 12px);height: calc(100% + 12px);position: absolute;left: -6px;top: -6px;box-sizing: border-box;opacity: 0;}
.banner .tit{ position: absolute;left:50%;bottom:40%;transform: translateX(-50%);color: #fff;font-size:2rem;opacity: 0;font-weight: 300;}
.banner .swiper-slide-active .tit{bottom:45%;opacity: 1;transition:.8s ease;transition-delay: .6s;}
.banner .swiper-slide-active .img{
    -webkit-animation:animban 2s linear both; 
    animation:animban 2s linear both;
}
@-webkit-keyframes animban{
    0%{ transform: scale(1.1) }
    50%{ transform: scale(1.05) }
    100%{ transform: scale(1) }
}
@keyframes animban{
    0%{ transform: scale(1.1) }
    50%{ transform: scale(1.05) }   
    100%{ transform: scale(1) }
}

.banner .swiper-slide-active{z-index: 2;}
.banner .swiper-pagination-bullet-active{opacity: 1;}
.banner .swiper-pagination-bullet-active:after{opacity: 1;}
.banner .scroll-down{width: 32px;height: 32px;position: absolute;left: 50%;bottom: 5%;-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);overflow: hidden;z-index: 9;}
.banner .scroll-down span{display: block;height: 100%;background: url(../images/ico_arrow_bot.png) no-repeat center;-webkit-animation: move 1.8s linear linear forwards; animation: move 1.8s linear infinite forwards;}
@keyframes move{
    0%{transform: translateY(0);opacity: 1;}
    33%{transform: translateY(100%); opacity: 0;}   
    66%{transform: translateY(-100%); opacity: 0;}
    100%{transform: translateY(0); opacity: 1;}
}

.space{padding:90px 0;}
.titleBox{position: relative;}
.title {font-size: 3.25rem;color: #231815; line-height: 1.3;margin-bottom: 1em;}
.title .line{display: block;width: 55px;height: 6px;background-color: #1d2189;margin-top: 10px;}

.i-productCon{display: grid;grid-template-columns:repeat(4, 25%);}
.i-productCon .item{overflow: hidden;position: relative;}
.i-productCon .item-pro a{display: block;position: relative;}
.i-productCon .item-pro .pic:before{padding-top: 100%;}
.i-productCon .item-pro h3{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);color: #fff;font-size: 1.125em;background-color: rgba(29, 32, 136, .8);padding: 11px 15px;border-radius: 25px;text-align: center;}
.i-productCon .item-1{grid-column: 1/span 2;padding-right: 20%;display: flex;display: -webkit-flex;flex-direction: column;justify-content: center;}
.i-productCon .item-1 .con{font-size: 1.25em;color: #666;line-height: 1.8;}
.i-productCon .item-mor{background-color: #1d2088;border-bottom-right-radius: 30%;}
.i-productCon .item-mor a{display: block;width: 100%;height: 100%;position: relative;z-index: 2;border-bottom-right-radius: 30%;display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
.i-productCon .item-mor a:before, .i-productCon .item-mor a:after{content: '';width: 100%;height: 100%;background-color: #008fd9;position: absolute;border-radius: 50%;transition: .4s;}
.i-productCon .item-mor a:before{opacity: .1;left: 50%;bottom: 0;}
.i-productCon .item-mor a:after{opacity: .15;top: 55%;right: 0;}
.i-productCon .mor span{color: #fff;font-size: 1.125em;}
.i-productCon .mor i{display: block;width: 45px;height: 45px;border-radius: 50%;background: url(../images/ico_mor_b.png) no-repeat center #008fd9;margin: 15px auto 0;}
.i-productCon .item-pro h3{transition: .4s;}
.i-productCon .item-pro a:hover .pic img{transform: scale(1.03);}
.i-productCon .item-pro a:hover h3{background-color: rgba(29, 32, 136, 1)}
.i-productCon .item-mor a:hover::before{bottom: -15px;left: 45%;}
.i-productCon .item-mor a:hover::after{right: -15px;top: 50%;}
.i-product .align_c{display: none;}

.i-about{background: url(../images/abt_bg.jpg) no-repeat center;background-size: cover;position: relative;}
.i-about.space{padding: 0;}
.i-about .wrap{width: 100%;padding-right: 0;padding-left: calc(5% + 1rem);display: flex;display: -webkit-flex;align-items: center;}
.i-about .left{width: 40%;padding: 50px 0;}
.i-about .title h4{font-size: .55em;margin-top: 15px;}
.i-about .title h4 span{font-weight: bold;color: #1d2088;}
.i-about .content{font-size: 1.25em;color: #666;line-height: 1.8;margin-bottom: 3em;}
.i-about .right{width: 60%;height: 100%;background: url(../images/desktop.png) no-repeat left bottom;background-size: contain;padding-left: 5%;}
.i-about .right img{display: block;margin: 90px auto 10%;min-width: 80%;max-width: 100%;}


.i-news .swiper-pagination{right: 0;bottom: 10px;}
.i-news .swiper-pagination-bullet{opacity: 1;background-color: #d8d8d8;margin-left: 25px;position: relative;transition: .4s;outline:none;}
.i-news .swiper-pagination-bullet:after{content: '';border: 1px solid #193194;border-radius: 50%;width: calc(100% + 12px);height: calc(100% + 12px);position: absolute;left: -6px;top: -6px;box-sizing: border-box;opacity: 0;transition: .4s;}
.i-news .swiper-pagination-bullet-active{background-color: #193194;}
.i-news .swiper-pagination-bullet-active:after{opacity: 1;}
.i-news-list{margin-bottom: 60px;}
.i-news-list a{display: block;border-radius: 10px;overflow: hidden;;}
.i-news-list .pic::before{padding-top: 58.33%;}
.i-news-list .txt{background-color: #f5f5f5;padding: 5% 7% 2%;transition: .3s;position: relative;}
.i-news-list .txt:after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: var(--gradient-background);opacity: 0;transition: .4s;}
.i-news-list .txt>*{position: relative;z-index: 2;transition: .4s;}
.i-news-list h3{color: #231815;font-size: 1.25em;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-weight: bold;line-height: 1.4;}
.i-news-list .info{margin: 3% 0 4%;font-size: 0.95em;color: #666;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.i-news-list .bot{border-top:1px solid #d8d8d8;padding: 15px 0;display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;}
.i-news-list .bot .tm{color: #999;font-size: .875em;font-weight: 300;}
.i-news-list .bot .mor{display: block;width: 8px;height: 8px;border-top: 2px solid #ccc;border-right: 2px solid #ccc;transform: rotate(45deg);}
.i-news-list a:hover .pic img{-webkit-transform: scale(1.03);-moz-transform: scale(1.03);transform: scale(1.03);}
.i-news-list a:hover .txt:after{opacity: 1;}
.i-news-list a:hover h3{color: #fff;}
.i-news-list a:hover .info{color: #fff;opacity: .6;}
.i-news-list a:hover .bot{border-top:1px solid rgba(255, 255, 255, .2);}
/**/
.footer{color:#fff;background-color:#141414;}
.footer-top{border-bottom: 1px solid rgba(255,255,255,.15);padding: 45px 0;}
.footer-top .wrap{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;}
.footer-top .backtop{display: block;width: 45px;height: 45px;border-radius: 50%;background-color: #2c2c2c;position: relative;}
.footer-top .backtop::after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(../images/ico_arrow_top.png) no-repeat center;opacity: .6;transition: .3s;}
.footer-top .backtop:hover::after{opacity: 1;}
.f-navkj ul{display: flex;display: -webkit-flex;}
.f-navkj li{margin-right: 50px;}
.f-navkj li a{color: #fff;opacity: .7;}
.f-navkj li a:hover{opacity: .9;}
.footer-mid{border-bottom: 1px solid rgba(255,255,255,.15);padding: 60px 0;}
.footer-mid .wrap{display: flex;display: -webkit-flex;justify-content: space-between;}
.f-nav{width: 40%;}
.f-nav ul{ display:flex; display:-webkit-flex;justify-content:space-between;}
.f-nav li{position:relative;text-transform: capitalize;margin-right: 5%;max-width: 33%;}
.f-nav h4{font-size: 1em;margin-bottom: 20px;white-space: nowrap;}
.f-nav h4 a{color: #fff;}
.f-nav .sub{font-size: .95em;}
.f-nav .sub a{display: block;color: #fff;opacity: .6;;margin-bottom: 8px;}
.f-contact{border-left:1px solid rgba(255,255,255,.15);border-right:1px solid rgba(255,255,255,.15);width: 35%;padding: 0 5%;color: #ababab;font-size: .95em; font-weight: 300;}
.f-contact .tel{background: url(../images/ico_tel.png) no-repeat left 5px;padding-left: 65px;margin-bottom: 30px;}
.f-contact .tel p{font-size: 1.5em;font-family: Helvetica, sans-serif;color: #fff;}
.f-contact .tel p span{font-weight: bold;}
.f-contact .tel p span:nth-child(1){margin-right: 10px;}
.f-contact .tel p span:nth-child(2){margin-left: 10px;}
.f-contact p{margin-bottom: 10px;display: flex;}
.f-contact p span{display: block;white-space: nowrap;}
.f-ewm{text-align: center;}
.f-ewm img{display: block;width: 130px;}
.f-ewm p{font-size: 14px;opacity: .6;margin-top: 10px;}
.footer-bot{padding: 20px 0;color: #868686;font-size:14px;text-align: center;font-weight: 300;}
.footer-bot a{color: #868686;}
.footer-bot a:hover, .f-nav .sub a:hover{color: #bababa;}

/**/

.nbanner{position:relative;margin-top: 100px;}
.nbanner:before{content: '';padding-top:26%;display: block;}
.nbanner img{ display: block;width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}
.nbanner .tit{position: absolute;width: 100%;left:0;bottom:30%;color: #fff;font-size:3.25rem;font-weight: 500;z-index: 2;text-align: center;}

.inner-nav{border-bottom: 1px solid #e8e8e8;}
.inner-nav ul{display: flex;display: -webkit-flex;justify-content: center;}
.inner-nav li{position: relative;margin:0 30px;}
.inner-nav a{display: block;position: relative;padding:25px 0;font-size: 1.125em;position: relative;}
.inner-nav a:after{content: '';width: 0;height: 2px;background-color: #1d2088;position: absolute;left: 50%;bottom: -1px;transition: .4s;}
.inner-nav li.cur a, .inner-nav li:hover a{color:#1d2088;}
.inner-nav li.cur a:after, .inner-nav li:hover a:after{left: 0;width: 100%;}

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


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

.main_about .section{position: relative;}
.section_comp{
    background: -webkit-linear-gradient(#fff, #f5f5f5);
    background: -o-linear-gradient(#fff, #f5f5f5);
    background: -moz-linear-gradient(#fff, #f5f5f5);
    background: linear-gradient(#fff, #f5f5f5);
}
.section_comp .wrap{width: 100%;padding-left: 0;padding-right: calc(5% + 1rem);}
.section_comp_con{display: grid;grid-gap:5rem; grid-template-columns:1.6fr 1fr;}
.section_comp_con .abt_pic{position: relative;overflow: hidden;}
.section_comp_con .abt_pic:before{content: '';padding-top: 62.5%;display: block;}
.section_comp_con .abt_pic img{position: absolute;left: 0;right: 0;top:0;bottom: 0;margin: auto;width: 100%;height: 100%;object-fit: cover;}
.section_comp_con .abt_txt{display: flex;display: -webkit-flex;flex-direction: column;justify-content: center;}
.section_comp_con .abt_txt h2{margin-bottom: .6em;}
.section_comp_con .abt_txt .intro{font-size: 1.15em;}
.section_comp_con .abt_txt .intro p{margin-bottom: 15px;}

.section_culture{background: url(../images/cul_bg.jpg) no-repeat bottom center;background-size: 100% auto;}
.culList ul{display: flex;display: -webkit-flex;justify-content:space-around;padding: 4% 6%;}
.culList li{position: relative;}
.culList .con{width: 120px;height: 120px;display: flex;display: -webkit-flex;justify-content: center;align-items: center;background: var(--radial-background);border-radius: 50%;position: relative;z-index: 2;}
.culList h4{color: #fff;font-size: 1.875em;line-height: 1.2;}
.culList li:nth-child(1), .culList li:nth-child(3){transform: scale(1.5);}
.culList li:after, .culList li:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    -webkit-animation: zoom 2s linear infinite;
    -o-animation: zoom 2s linear infinite;
    animation: zoom 2s linear infinite;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 147, 221, .3);
}
.culList li:before {background-color: rgba(0, 147, 221, .4);animation-delay: 1s;}
@keyframes zoom {
	0% {width: 100%;height: 100%; opacity: 1;}
	100% {width: 130%;height: 130%; opacity: 0;}
}


.section_honor{background-color: #f5f5f5;}
.honorList{padding-bottom: 50px;}
.honorList .swiper-slide{background-color: #fff;padding:35px;text-align: center;border-radius: 10px;}
.honorList .pic:before{padding-top: 65%;}
.honorList .pic img{object-fit: contain;}
.honorList p{font-size: 1.25em;color: #221815;margin-top: 10px;}
.honorList .swiper-pagination{bottom: 2px;}
.honorList .swiper-pagination-bullet{opacity: 1;background-color: #d8d8d8;margin:0 12px !important;position: relative;transition: .4s;outline:none;}
.honorList .swiper-pagination-bullet:after{content: '';border: 1px solid #193194;border-radius: 50%;width: calc(100% + 12px);height: calc(100% + 12px);position: absolute;left: -6px;top: -6px;box-sizing: border-box;opacity: 0;transition: .4s;}
.honorList .swiper-pagination-bullet-active{background-color: #193194;}
.honorList .swiper-pagination-bullet-active:after{opacity: 1;}

/*products*/
.pro-titbox{display: flex;display: -webkit-flex;justify-content: space-between;}
.pro-titbox .title{width: 40%;}
.pro-titbox .intro{width: 50%;font-size: 1.15em;line-height: 1.8;}
.proList{margin-top: 2%;}
.proList ul{display: flex;display: -webkit-flex;margin-right: -2%;flex-wrap: wrap;}
.proList li{width: 23%;margin-right: 2%;margin-bottom: 2%;border-radius: 10px;overflow: hidden;}
.proList .pic::before{padding-top: 100%;}
.proList .txt{background: var(--gradient-background);color: #fff;text-align: center;padding:20px;font-size: 1.25em;}
.proList li:hover .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05); transform:scale(1.05)}

.main_product_dt{margin-top: 100px;}
.location{background-color: #f5f5f5;padding: 15px 0;}
.location .wrap{display: flex;display: -webkit-flex;align-items: center;}
.location i{display: block;width: 6px;height: 6px;border-top: 1px solid #666;border-right: 1px solid #666;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);margin: 0 10px;}
.location span{color: #0093dd;}
.product_content{max-width: 1600px;margin: 0 auto;}
.product_left{width: calc(100% - 420px);}
.product_left>h2{color: #221815;font-size:2.6em;font-weight: 500;line-height: 1.2;margin-bottom: .2em;}
.product_left>h3{color: #0093dd;font-size: 1em;}
.product_left>.pic{margin-top: 2%;border-radius: 15px;margin-bottom: 3%;}
.product_left>.pic:before{padding-top: 45%;}
.product_left>.pic img{height: 100%;}
.product_left_detail>h4{font-weight: 500;background: var(--gradient-background);color: #fff;padding:5px 15px;max-width: 40%;border-top-left-radius:10px;border-bottom-left-radius:10px;position: relative;margin: 2% 0;font-size: 1.25em;}
.product_left_detail>h4:after{content: '';width: 40%;height: 100%;position: absolute;right: 0;top: 0;bottom: 0;
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) , #fff);
    background: -o-linear-gradient(right, rgba(0,0,0,0) , #fff);
    background: -moz-linear-gradient(right, rgba(0,0,0,0) , #fff);
    background: linear-gradient(to right, rgba(0,0,0,0) , #fff);}
.product_left_detail p{margin-bottom: 10px;}
.apptlist ul{display: flex;display: -webkit-flex;margin-right: -2%;flex-wrap: wrap;}
.apptlist li{width: 48%;margin-right: 2%;margin-bottom: 2%;background-color: #f5f5f5;border-radius: 15px;padding: 25px;overflow: hidden;}
.apptlist .tit{font-size: 1.25em;background: var(--gradient-background); -webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block;font-weight: 500;}
.apptlist .info{line-height: 1.7;margin-top: 5px;}
.apptlist .info p{margin-bottom: 0;}
.apptlist .dbt{width: 98%;display: flex;display: -webkit-flex;flex-direction: row-reverse;padding: 0;justify-content: space-between;align-items: center;}
.apptlist .dbt .pic{width: 49%;border-radius: 15px;}
.apptlist .dbt .pic:before{padding-top: 50%;}
.apptlist .dbt .pic img{height: 100%;}
.apptlist .dbt .txt{width: 49%;padding: 25px;}
.apptlist-oil li:nth-child(6){width: 98%;}
.apptlist-oil li:nth-child(9){flex-direction: row;}
.apptlist-qfm li{margin-bottom: 3%;display: flex;display: -webkit-flex;justify-content: space-between;}
.apptlist-qfm .pic{width: 45%;border-radius: 15px;}
.apptlist-qfm .pic:before{padding-top: 45%;}
.apptlist-qfm .pic img{height: 100%;}
.apptlist-qfm .txt{width: 53%;background-color: #f5f5f5;border-radius: 15px;padding: 25px;display: flex;display: -webkit-flex;align-items: center;}
.apptlist-qfm .tit{font-size: 1.25em;background: var(--gradient-background); -webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block;font-weight: 500;}
.apptlist-qfm .info{line-height: 1.7;margin-top: 5px;}
.apptlist-qfm .info p{margin-bottom: 0;}
.apptlist-qfm li:nth-child(even){flex-direction: row-reverse;}

.product_left_detail table{width: 100%;border-top-left-radius: 10px;border-top-right-radius: 10px;margin-bottom: 30px;border: 0;}
.product_left_detail table th{color: #fff;padding:13px 10px;background-color: #1d2088;font-size: 1.15em;font-weight: normal;line-height: 1.4;}
.product_left_detail table th:first-child{border-top-left-radius: 10px;}
.product_left_detail table th:last-child{border-top-right-radius: 10px;}
.product_left_detail table td{border: 1px solid #d8d8d8;padding:10px;text-align: center;line-height: 1.6;}
.product_left_detail table td p{margin-bottom: 0;}
.product_left_detail .model{display: flex;display: -webkit-flex;}
.product_left_detail .model .info{margin-left: 4%;}
.product_left_detail .model .col{font-weight: 500;margin-top: 10px;margin-bottom: 0;}
.product_left_detail .structure{display: flex;display: -webkit-flex;align-items: center;}
.product_left_detail .structure .info{margin-right: 5%;}
.product_left_detail .structure .img{flex-shrink: 0;}
.product_left_detail .structure-qfm{margin: 2% 0;}
.product_left_detail .package ul{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.product_left_detail .package li{border-radius: 15px;overflow: hidden;width: 49%;}
.product_left_detail .package li img{display: block;width: 100%;}

.product_right{width: 360px;padding-top: 50px;}
.product_right>h3{color: #221815;font-size: 1.5em;margin-bottom: .5em;}
.product_right li{background-color: #f5f5f5;margin-bottom: 15px;overflow: hidden;}
.product_right li a{display: block;padding: 15px;position: relative;}
.product_right li a:after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top:0;background: var(--gradient-background);opacity: 0;transition: .4s;}
.product_right .pic{border-radius: 10px;position: relative;z-index: 2;}
.product_right .pic::before{padding-top: 66%;}
.product_right .pic img{height: 100%;}
.product_right p{margin-top: 10px;color: #221815;position: relative;z-index: 2;transition: .4s;font-size: 1.15em;line-height: 1.4}
.product_right li:hover a::after{opacity: 1;}
.product_right li:hover p{color: #fff;}
.product_right li:hover .pic img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03); transform:scale(1.03)}
/*news*/
.newsList li{margin-bottom: 3%;padding-bottom: 3%;border-bottom: 1px solid #e8e8e8;}
.newsList a{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;}
.newsList .txt{width: 65%;}
.newsList .tm{color: #008fd9;font-size: .85em;margin-bottom:.8em;}
.newsList .tm span{margin-left: 15px;}
.newsList h3{color: #231815;font-size: 24px;margin-bottom:.8em;transition: .4s;font-weight: bold;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.newsList .info{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;color: #666;font-weight: 300;margin-bottom:4em;}
.newsList .pic{width: 30%;border-radius: 10px;}
.newsList .pic:before{padding-top:58.33%} 
.newsList li:hover .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05); transform:scale(1.05)}
.newsList li:hover h3{color: #1d2088;}

.main_news_dt{margin-top: 100px;}
.newsContent{max-width: 1250px;margin: 0 auto;}
.newsContent img{max-width: 100%;}
.newsContent .left{width: 68%;}
.newsContent .right{width: 25%;}
.newsContent .left .newstit, .newsContent .left .newstm{text-align: left}
.newstit{color:#000;font-size:2.25em;line-height: 1.4;text-align: center;}
.newstm{ color:#999;font-size:.9em;margin-top:1em;text-align: center;}
.newstm span{margin:0 10px;}
.newsdetail{ border-top: 1px solid #e8e8e8;padding:3em 0 0;margin-top: 2em;}
.newsdetail p{ margin-bottom: .6em;}
.newsdetail b, .newdetail strong{color:#333;}
.pageturn{position: relative;border-top: 1px solid #e8e8e8;padding-top: 2.5em;margin-top: 3.5em;font-size: .9em;}
.pageturn p{width: 60%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 2;}
.pageturn p a:hover{color: #1d2088;}
.pageturn .more{ position: absolute;right: 0;top:3em;line-height:42px;}

.related-news{background-color: #f5f5f5;}
.related-news-list{padding-bottom: 50px;}
.related-news-list .pic{border-radius: 10px;}
.related-news-list .pic::before{padding-top: 58%;}
.related-news-list .txt{padding-top: 15px;}
.related-news-list h3{font-size:1.25em;line-height: 1.5;color:#221814;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;transition:.4s}
.related-news-list a:hover .pic img{transform: scale(1.03);}
.related-news-list a:hover h3{color: #1d2088;}
.related-news-list .swiper-pagination{bottom: 0;}
.related-news-list .swiper-pagination-bullet{opacity: 1;background-color: #d8d8d8;margin:0 12px !important;position: relative;transition: .4s;outline:none;}
.related-news-list .swiper-pagination-bullet:after{content: '';border: 1px solid #193194;border-radius: 50%;width: calc(100% + 12px);height: calc(100% + 12px);position: absolute;left: -6px;top: -6px;box-sizing: border-box;opacity: 0;transition: .4s;}
.related-news-list .swiper-pagination-bullet-active{background-color: #193194;}
.related-news-list .swiper-pagination-bullet-active:after{opacity: 1;}

.videoList ul{display: flex;display: -webkit-flex;margin-right: -2%;flex-wrap: wrap;}
.videoList li{width: 31.33%;margin-bottom:2%;margin-right: 2%;}
.videoList a{display: block;}
.videoList .pic{border-radius: 10px;}
.videoList .pic:before{padding-top:66%}
.videoList .v-btn{position: absolute;left: 0;top: 0;cursor: pointer; width: 100%;height: 100%; background: url(../images/video-btn.png) no-repeat center;background-size: 60px;z-index: 3;}
.videoList .tit{text-align: center;color: #231815;font-size: 1.25em;margin-top: 15px;transition: .4s;}
.videoList li:hover .tit{color: #1d2088;}
.videoList li:hover .pic img{-webkit-transform: scale(1.04);-moz-transform: scale(1.04);transform: scale(1.04);}
.focusvideo{position: fixed;width: 100%;height: 0;top:50%; left:0;z-index: 99;background-color: rgba(0, 0, 0, .75);opacity: 0;visibility: hidden;transition: .3s;}
.show-video{opacity: 1;visibility: visible;height: 100%;top: 0;}
.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)}


/*hr*/
.more img{position: relative;z-index: 2;margin-right: 6px;height: 12px !important;}
.hrList{background-color: #f5f5f5;padding:4% 8%;}
.hrList li{border-bottom: 1px solid #d8d8d8;}
.hrList .hr_tit{padding: 20px 60px;display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;cursor: pointer;transition: .4s;}
.hrList .hr_tit h3{font-size: 26px;background: url(../images/ico_hr.png) no-repeat left center;padding-left: 40px;font-weight: 500;color: #221815;transition: .4s;}
.hrList .hr_tit .arrow{width: 25px;height: 25px;position: relative;transition: .4s;}
.hrList .hr_tit .arrow:before{content: '';position: absolute;top: 0;left:calc(50% - 2px);height: 100%;width: 2px;background: #666;border-radius: 2px;transition: .4s;}
.hrList .hr_tit .arrow:after{content: '';position: absolute;left: 0;top:calc(50% - 2px);height: 2px;width: 100%;background: #666;border-radius: 2px;transition: .4s;}
.hrList .hr_con{padding:45px 60px 60px;background-color: #fff;display: none;}
.hrList .hr_con h4{color: #1d2088;font-size: 1.15em;margin-bottom: 5px;}
.hrList .hr_con p{margin-bottom: 6px;}
.hrList .hr_con .more{margin-top: 30px;}
.hrList li:hover .hr_tit{background-color: #fff;}
.hrList li.on{border-radius: 10px;overflow: hidden;}
.hrList li.on .hr_tit{background: var(--gradient-background);}
.hrList li.on .hr_tit h3{background: url(../images/ico_hr_h.png) no-repeat left center;color: #fff;}
.hrList li.on .hr_tit .arrow:before, .hrList li.on .hr_tit .arrow:after{background: #fff;}
.hrList li.on .hr_tit .arrow{transform: rotate(135deg);}
/*===========================contact================================*/
.content_contact{line-height:1.8;position:relative;display: flex;display: -webkit-flex;flex-direction: row-reverse;justify-content: space-between;}
.contact-list{ width: 37%;color: #231815;font-size: 1.15em;}
.contact-list h2{font-size: 2em;font-weight: 500;margin-bottom: 1em;line-height: 1.2;}
.contact-list li{margin-bottom: 3%;display: flex;display: -webkit-flex;align-items: flex-start;}
.contact-list .ico{width:65px;height: 65px;border-radius: 50%;background:#f5f5f5;margin-right: 15px;display: flex;display: -webkit-flex;align-items: center;justify-content: center;flex-shrink: 0;}
.contact-list .ico img{display: block;}
.contact-list .tit{font-size: .85em;font-weight: 300;color: #999;line-height: 1.5;display: block;}
.contact-list li:first-child p{font-weight: bold;}
.map {width: 60%;}
#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;
}
.main_message{background-color: #f5f5f5;}
.message .row{margin-bottom: 15px;display: flex;display: -webkit-flex;justify-content: space-between;}
.message .row .colum{width: 24.5%;}
.message input[type=text], .message textarea {
    width: 100%;
    overflow: hidden;
    border: 1px #e3e3e3 solid;
    box-sizing: border-box;
    padding: 0px 24px;
    font-size: 15px;
    color: #666;
    background: #fff;
}
.message input[type=text]{height: 60px;line-height: 60px;}
.message textarea{width: 100%;height: 150px;padding: 24px;line-height: 1.4;}
.message .row_yzm{justify-content: flex-start;}
.message .row_yzm .yzm{width:24.5%;}
.message .submit{
    background:var(--gradient-background);
    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: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    position: relative;
}
.message .submit:hover{box-shadow: 0 3px 15px rgba(29, 32, 136, .25);}
.pagination{height: auto !important;padding-bottom: 0 !important;}

.en .title{margin-bottom: .8em;line-height: 1.2;}
.en .i-productCon .item-1 .con{line-height: 1.5;}
.en .i-about .content{line-height: 1.5;}
.en .i-about .title h4{margin-top: 0;}
.en .main .content{line-height: 1.6;}
.en .culList h4{font-size: 1.25em;}
.en .pro-titbox .intro{line-height: 1.6;}
.en .apptlist .info, .en .apptlist-qfm .info{line-height: 1.5;}
.en .content_contact{line-height: 1.5;}