﻿@font-face {
	font-family: 'roboto-Bold';
	src:url('../fonts/roboto-Bold.woff') format('woff');
    font-display:swap;
}

ul,li,form, dl,dt,dd,div,p,em,i,address,ol{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}

html{-webkit-text-size-adjust:100%;font-size:100px; overflow-x: hidden;}
body, input, pre, select, table th, table td, textarea { font-size: 0.18rem; font-weight: lighter;}
.f16{font-size: 0.16rem;}
.f18{font-size: 0.18rem;}
.f20{font-size: 0.2rem;}
    
@media (max-width:1550px) {
    html {font-size: 6.2vw;}
}

@media (max-width:1024px) {
    html {font-size:9.765625vw}
}

@media (max-width:640px) {
    html {font-size:12.02083vw}
    body{font-size: 14px;line-height: 24px;}
    .f16{font-size: 14px;}
	.f18{font-size: 16px;}
	.f20{font-size:18px;}
}


.w1600{max-width:1600px;width: 92%;margin: 0 auto}
.w1300{max-width:1300px;width: 92%;margin: 0 auto}

a:hover{color: #006cbf}

.pt100{padding-top: .8rem}
.pb100{padding-bottom: .8rem}

@media(max-width:1024px){
    .pt100{padding-top: 50px}
    .pb100{padding-bottom: 50px}
}





.Top003156{box-shadow: 0 3px 12px rgba(0,0,0,.1);position: relative;z-index: 100}


.open-search{cursor: pointer;;display: block;width: 22px;height: 22px;background: url(../images/icon-search.svg) no-repeat center center; background-size: 22px auto;}
.open-search.on:before,
.open-search.on:after{background-color: #006cbf;}
.top-search{position: absolute;right:0; top: 100%;z-index: 100; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.3);border-radius: 5px;overflow: hidden}
.top-search .text{width: 100%; height: 3.125em;line-height: 3.125em;padding: 0 3.125em 0 0.625em;font-size: 1em;}
.top-search .btn{position: absolute;right: 0; top: 0;width: 3.125em;height: 100%; background: url(../images/icon-search.svg) no-repeat center center;background-size: auto 22px;}

.Top003156 menu li span,
.Top003156 menu li span a{display: block;}
.Top003156 menu li span{position: relative;z-index: 2;}
.Top003156 menu li span:after{position: absolute;content: ''; left: 50%;height: 3px;background-color: #006cbf;transform: translateX(-50%);transition: 0.3s; bottom: 0; width: 0;}
.Top003156 menu li span a:hover,
.Top003156 menu li.aon span a{color: #006cbf;}
.Top003156 menu li:hover span:after,
.Top003156 menu li.aon span:after{width: 100%;}
.Top003156 menu li span a{}

@media (min-width:1025px) {
    .Top003156 header{display: flex;justify-content: space-between;align-items: center;height: .9rem}
    .Top003156 .w1600{position: relative}
    .Top003156 menu{margin: 0 auto;display: table;}
    .Top003156 menu li{float: left; }
    .Top003156 menu li + li{margin-left: .7rem;} 
    .Top003156 menu li span a{line-height:.9rem;font-size: .2rem;}
    .Top003156 .top-right{display: flex;align-items: center;justify-content: space-between;}  
    .Top003156 dl.top-right{border-left: 1px solid #ddd;margin-left: .5rem}  
    .Top003156 .logo img{max-height: .48rem}
    .open-search{margin-left: 3.125em;}
    .top-search{width: 25em;}
    .Top003156 menu li .sub{position: absolute; top: 100%; background-color: #fff;border-radius: 0 0 5px 5px; overflow: hidden;}
}

@media (max-width:1024px) {
    .Top003156 .w1600{}
    .Top003156 header{display: flex;justify-content: space-between;align-items: center;height: 60px}
    .Top003156 menu{position: absolute; right: 0;top: 100%; width: 100%; padding: 0.625em 20px;box-shadow: 0 20px 20px rgba(0,0,0,0.3);visibility: hidden; transform: translateY(5em); transition: 0.3s; opacity: 0;background: #fff}  
    .menu-show .Top003156 menu{transform: translateY(0); opacity: 1; visibility: inherit;}
    .Top003156 menu li span a{padding: 0.5em 0;}
    .Top003156 .logo{max-width: 40%;}  
    .Top003156 .top-right{display: flex;align-items: center;justify-content: space-between;}
    .Top003156 .top-right dd{}
    .Top003156 .top-right dt{padding-left: 1em;}
    .Top003156 .open-menu{display: block;width: 2em;height: 2em;}
    .Top003156 .open-menu i{background-color: #0735a8;}
    .Top003156 .open-menu:not(.on) i:nth-child(1){margin-top: -0.625em;}
    .Top003156 .open-menu:not(.on) i:nth-child(3){margin-top: calc(0.625em - 3px);}
    .top-search{width: 100%;}
    .has-multi aside .op-multi:before, 
    .has-multi aside .op-multi:after, 
    .has-sub span .op:before, 
    .has-sub span .op:after{background: #333}
    .Top003156 menu li .sub dl{background: #f0f0f0}
    .Top003156 menu li .sub dt{padding-left: 0;text-align: left}
}



.banner{position: relative}


.Banner003200{position: relative;z-index: 1;}
.Banner003200 .solgan{position: absolute; left: 0;top: 0;width: 100%; height: 100%;z-index: 10;}
.Banner003200 .solgan .auto{max-width: 1600px; height: 100%;}
.Banner003200 .solgan img{max-width: calc(577 / 1600 * 100%);}
.Banner003200 .slick-dots{position: absolute; left: 0;width: 100%;text-align: center; bottom: 22%;z-index: 10;}
.Banner003200 .slick-dots li{width: 12px;height: 12px;border: 1px solid #fff; border-radius: 50%; cursor: pointer; display: inline-block; margin: 0 calc(10 / 1920 * 100vw);}
.Banner003200 .slick-dots li button{display: none;}
.Banner003200 .slick-dots li.slick-active{background-color:#006cbf; border-color: #006cbf;}
.Banner003200 ul li a{position: relative;display: block;}
.Banner003200 ul li .span{
	position: absolute;
	left: 0;
	top: 0;
	width: 94%;
	height: 90%;
	max-width: 13rem;
	display: flex;
	justify-content: center;
	flex-direction: column;
	color: #fff;
	font-weight: 700;
	text-shadow: 0 5px 10px rgba(0,0,0,.2);
	line-height: 1.3;
	margin: 0 auto;
	right: 0;
    z-index: 20
}
.Banner003200 ul li .span h4{
	font-size: .80rem;
	letter-spacing: .05rem;
}

.Banner003200 ul li .span h4 b{
	font-size: 1.1rem;
}

.Banner003200 ul li .span .desc{
	margin-top: .3rem;
	font-size: .32rem;
	line-height: 1.8;
	max-width: 8rem;
	letter-spacing: 2px;
}
@media (min-width:1025px) {
    .Banner003200 .wap{display: none;}
}
@media (max-width:1024px) {
    .Banner003200 .pc{display: none;}
    .Banner003200 ul li .span h4{ font-size: .56rem;}
}

@media (max-width:768px) {
   .Banner003200 ul li .span h4{ font-size: .45rem;}
}


.home_box1{position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,.24);width: 100%;z-index: 10}

.home_box1 li{float: left;width: 20%;padding: 0 1vw;transition: .3s all;position: relative}
.home_box1 li::before{content: '';position: absolute;width: 100%;height: 0;left: 0;bottom: 0;background:#006cbf;z-index: 1;}

.home_box1 li a{display: flex;align-items: center;height: 1.2rem;position: relative;z-index: 2;transition: .3s all}
.home_box1 li a .icon{flex: 0 0 auto;}
.home_box1 li a .icon img{max-height: .42rem;margin-right: .3rem;filter: grayscale(100) brightness(100);}
.home_box1 li a .txt{flex: 1;position: relative}
.home_box1 li a .txt .tit1{color: #fff;font-weight: 400}
.home_box1 li a .txt .tit2{text-transform: uppercase;color: rgba(255, 255, 255, 0.55);margin-top: 5px;}
.home_box1 li a .txt .more{color: #fff;font-size: 14px;padding-right: 20px;background: url(../images/icon-r2.png) no-repeat right center;position: absolute;left: 0;bottom: -.5rem;opacity: 0;transition: .3s all}



@media(min-width:1025px){
    .home_box1 ul{display: table;vertical-align: bottom}
    .home_box1 li:hover::before{height: 1.7rem }
    .home_box1 li:hover a{transform: translateY(-.5rem)}
    .home_box1 li:hover a .txt .more{opacity: 1}
    .home_box1 li:not(:last-child){border-right: 1px solid rgba(255, 255, 255, 0.08)}
}

@media(max-width:1024px){
    .home_box1 .slick-arrow{position: absolute;border: 0;background:url(../images/icon-r2.png)no-repeat center ;font-size: 0;top: 50%;transform: translateY(-50%);width: 20px;height: 20px;z-index: 10}
    .home_box1 .slick-prev{left: -10px;transform: rotateY(180deg) translateY(-50%)}
    .home_box1 .slick-next{right: -10px;}
    .home_box1 li{padding: 20px;}
    .home_box1 li:hover{ background:#006cbf;}
    .home_box1 li a .txt .tit2{font-size: 12px;line-height: 18px}
    .home_box1 li a .icon img{}
}


.home_box2{padding: .5rem 0}
.home_box2 .left .title {}
.home_box2 .left .title .tit1{font-size: .28rem;color: #000;font-weight: 600;padding-bottom: .15rem;position: relative;margin-right: .4rem}
.home_box2 .left .title .tit1::after{content: '';position: absolute;bottom: 0;left: 0;width: .4rem;height: 2px;background:#006cbf;}
.home_box2 .left .title .title_tab{border-bottom: 1px solid #ebebeb}
.home_box2 .left .title .title_tab span{display: inline-block;padding-bottom: .15rem;color: #333;cursor: pointer;position: relative;font-size: .24rem;}
.home_box2 .left .title .title_tab span:not(:last-child){margin-right: .4rem}
.home_box2 .left .title .title_tab span::before{content: '';position: absolute;width: 100%;height: 3px;background: #006cbf;left: 0%;bottom: -3px;opacity: 0;}
.home_box2 .left .title .title_tab span.on{color: #006cbf;font-weight: 400}
.home_box2 .left .title .title_tab span.on::before{opacity: 1}

.home_box2 .left .tab-list{padding-top: .3rem}
.home_box2 .left .tab-list .box{display: none}
.home_box2 .left .tab-list .box .con1{display: flex;align-items: center;margin-bottom: .2rem;padding-bottom: .2rem;border-bottom: 1px solid #ebebeb}
.home_box2 .left .tab-list .box .con1 .time{width: 70px;height: 75px;background:#006cbf;text-align: center;color: #fff;display: flex;justify-content: center;align-items: center;flex: 0 0 auto;font-size: 12px;margin-right: .3rem}
.home_box2 .left .tab-list .box .con1 time span{display: block;font-weight: bold;font-size: .34rem;line-height: 1.24}

.home_box2 .left .tab-list .box .con1 .tit{color: #000;padding-bottom: .12rem;font-weight: 400;font-size: 18px}
.home_box2 .left .tab-list .box .con1 .desc{font-size:.14rem;line-height: 1.5;color: #999;}

.home_box2 .left .tab-list .box li{display: flex;align-items: center;}
.home_box2 .left .tab-list .box li time{color: #a8b6d3;font-size:.14rem;margin-right: .3rem;flex: 0 0 auto;transform: translateY(2px)}
.home_box2 .left .tab-list .box li a{flex: 1;font-weight: 400;line-height: 36px}

.home_box2 .right{position: relative;background-size: cover;background-position: center;background-repeat: no-repeat}
.home_box2 .right .title .title_tab{border-bottom: 1px solid #ebebeb}
.home_box2 .right .title .title_tab span{display: inline-block;padding-bottom: .15rem;color: #006cbf;cursor: pointer;position: relative;font-size: .24rem;font-weight: 400}
.home_box2 .right .title .title_tab span:not(:last-child){margin-right: .4rem}
.home_box2 .right .title .title_tab span::before{content: '';position: absolute;width: 100%;height: 3px;background: #006cbf;left: 0%;bottom: -3px;}

.home_box2 .right .box{display: flex;justify-content: space-between;padding-top: .3rem}
.home_box2 .right .box .pic{width: 35%;position: relative;overflow: hidden}
.home_box2 .right .box .pic img{position: absolute;width: 100%;height: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);object-fit: cover}
.home_box2 .right .box .list{width: 60%;}
.home_box2 .right .box .list li{display: flex;align-items: center;}
.home_box2 .right .box .list li time{color: #a8b6d3;font-size: 14px;margin-right: .3rem;flex: 0 0 auto;transform: translateY(2px)}
.home_box2 .right .box .list li a{flex: 1;font-weight: 400;line-height: 36px}

@media(max-width:1400px){
    .home_box2 .left .tab-list .box li time{font-size:12px;}
}

@media(min-width:1025px){
    .home_box2 .flex{display: flex;justify-content: space-between;}
    .home_box2 .flex .left{width: 50.3%;}
    .home_box2 .flex .right{width: 42.3%;}
}

@media(max-width:1024px){
    .home_box2 .left .title .title_tab span{font-size: 18px;}
    .home_box2 .left .tab-list .box .con1 time span{font-size: 24px}
    .home_box2 .left .tab-list .box .con1 .txt{width: 76%}
    .home_box2 .left .tab-list .box .con1 .tit{font-size: 16px}
    .home_box2 .left .tab-list .box .con1 .desc{font-size:12px;}
    
    .home_box2 .right{margin-top: 20px}
    .home_box2 .right .title .title_tab span{font-size: 18px;}
}



.bottom{background:#f8f9fb}
.fnav{display:inline-block;vertical-align:top;width:82%;}
.fnav li{display:inline-block;vertical-align:top;width:16.666%;}
.fnav li em{font-style:normal;color:#666;display:block;margin-bottom:10px;}
.fnav li .sub a{color:#999;line-height:34px;}
.fnav li .sub a:hover{color:#006cbf;}
.qcode{text-align:center;color:#999;float:right;max-width:18%;}
.qcode img{display:block;margin-bottom:10px;max-width: 1.5rem}
.ftop{padding:40px 0;overflow:hidden;}

.copyright{line-height:70px;color:#999;border-top:1px solid #f2f2f2;font-size:16px;}
.copyright .fr a{color:#999;padding-left:10px;border-left:1px solid #999;margin-left:10px;}
.copyright .fr a:first-child{border:none;padding:0;margin:0;}

@media(max-width:1024px){
    .ftop{padding:40px 0 10px;overflow:hidden;}
    .fnav{display:none;}
    .qcode{float:none;max-width:50%;margin: 0 auto}
    .qcode img{max-width: 100px;display: inline-block}
    
    .copyright{line-height:2;text-align: center;padding: 20px 0}
}



.cbanner{position: relative;height: 5rem;background-size: cover;background-position: center;background-repeat: no-repeat}
.cbanner .tit{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;font-size: .66rem;z-index: 2;font-weight: 400; text-align: center;
	transition: all .5s;
	margin-top: .5rem;
	opacity: 0;
    width: 92%;
    max-width: 1300px;
    letter-spacing:3px;
    line-height:1.5;
}
.cbanner .tit.active {
	margin-top: 0;
	opacity: 1;
}

@media(max-width:1024px){
    .cbanner{height: 3rem;}
    .cbanner .tit{ font-size: .46rem;}
}

@media(max-width:768px){
    .cbanner .tit{ font-size: .4rem;}
}

.CMenu{border-bottom: 1px solid #ebebeb;}

.CMenu .flex .nav li{float: left;}
.CMenu .flex .nav li:not(:last-child){margin-right: .6rem;}
.CMenu .flex .nav li a{line-height: .96rem;color: #333;border-bottom: 2px solid transparent;display: block}
.CMenu .flex .nav li.aon a{color: #006cbf;border-color: #006cbf;font-weight: 400}

.CMenu .flex .location{padding-left: .22rem;background: url(../images/icon-home.svg)no-repeat center left;background-size: .2rem auto;line-height: .96rem;}
.CMenu .flex .location i{display: inline-block;margin: 0 5px}
.CMenu .flex .location span{color: #006cbf;}
@media(min-width:1025px){
    .CMenu .flex{display: flex;justify-content: space-between;align-items: center}
    .CMenu .flex .nav{width: 65%;}
    .CMenu .flex .location{text-align: right;flex: 0 0 auto}
}

@media(max-width:1024px){
    .CMenu .flex .location{display: none}
}



.About .title{color: #333;font-size: .36rem;font-weight: 400;padding-bottom: .5rem}
.About .title:after{content: '';display: block;width: .5rem;height: 5px;background:#006cbf;margin-top: .3rem }
.About .con{line-height: 2}
.About .con .video{position: relative}
.About .con .video .open-video{position: absolute;width: 100%;height: 100%;background: url(../images/icon-play.svg)no-repeat center rgba(0,0,0,.15);background-size: .8rem auto}

@media(max-width:1024px){
    .About .title{font-size: 26px;line-height: 1.25}
}




.culture .title{color: #333;font-size: .36rem;font-weight: 400;padding-bottom: .5rem;text-align: center}
.culture .title:after{content: '';display: block;width: .5rem;height: 5px;background:#006cbf;margin: .3rem auto 0}
.culture .desc{color: #333;line-height: 2;text-align: center;padding-bottom: .5rem;}

.culture .flex{background: #f9fafe}
.culture .flex .left{background:url(../images/culture-bg.png)no-repeat center bottom -3rem #f9fafe;background-size: 100% auto; padding: .6rem .8rem}
.culture .flex .left .con{font-size: .24rem;font-weight: 400;color: #333;padding-top: .2rem;padding-bottom: .3rem;padding-left: .76rem;background: url(../images/culture-icon.png)no-repeat top left;}
.culture .flex .left p{line-height: 1.66;color: #333}
.culture .flex .left p:not(:last-child){padding-bottom: .15rem}
.culture .flex .left p span{color: #006cbf;font-weight: 400}
@media(min-width:1025px){
    
    .culture .flex{display: flex;justify-content: space-between;align-items: center}
    .culture .flex .left{width: 50%;}
    .culture .flex .right{width: 50%}
}
@media(max-width:1024px){
    .culture .title{font-size: 26px;}
    .culture .flex .left .con{font-size: 20px;}
}



.Timeline003058{}
.Timeline003058 .title{font-size: .4rem;color: #fff; text-align: center;padding-bottom: 4%}
.Timeline003058 .list{overflow: hidden;padding-bottom: 1vw}
.Timeline003058 .year{position: relative; z-index: 1;}
.Timeline003058 .year .slider:after{position: absolute;content: ''; left: 0; top: 38px; width: 100%;height: 8px;border-radius: 4px;display: none}
.Timeline003058 .year .slick-list{margin: 0 4.5vw}
.Timeline003058 .year li{padding-bottom: 11px; text-align: center;background: url(../images/Timeline003058-line1.png)no-repeat left -52px bottom 13px;position: relative}
.Timeline003058 .year li::after{content: '';position: absolute;width: 1px;height: 19px;background: rgba(256,256,256,.2);left: 0;bottom: 4px}
.Timeline003058 .year li.slick-current{}
.Timeline003058 .year li span{color: #333;display: inline-block; padding: 0 0.889em; line-height:40px;font-size: 0.2rem;}
.Timeline003058 .year li span::after{content: '';display: block;width: 6px;height: 6px;border: 1px solid #006cbf;background: #fff;border-radius: 50%;margin: 15px auto 0}
.Timeline003058 .year li.slick-current span{font-size: 0.24rem;color: #006cbf;font-weight: bold}
.Timeline003058 .slick-arrow{position: absolute; z-index: 30; top: 50%; width: 50px; height: 50px; background:url(../images/icon-rjt.svg)no-repeat center;background-size: .24rem auto;padding: 0; border-radius: 50%; transition: 0.3s;font-size: 0;border: 1px solid #006cbf;cursor: pointer}
.Timeline003058 .slick-prev{left: 1px;transform: rotate(180deg)}
.Timeline003058 .slick-next{right: 1px;}
.Timeline003058 .slick-disabled{opacity: .3;cursor: not-allowed;}
.Timeline003058 .slider-list{position: relative;}
.Timeline003058 .slider-list .inner{margin:.5rem auto 0;width: 80%}
.Timeline003058 .slider-list .inner .con {border-left: 5px solid #eee;padding:.3rem 0 .3rem .5rem}
.Timeline003058 .slider-list .inner .con .year{margin-bottom: .3rem;display: flex;justify-content: center;align-items: center;width: .9rem;height: .9rem;border-radius: 50%;background: #006cbf;position: relative}
.Timeline003058 .slider-list .inner .con .year::before{content: '';position: absolute;width: .24rem;height: .24rem;border-radius: 50%;background: #fff;border: 4px solid #006cbf;left: -.65rem;}
.Timeline003058 .slider-list .inner .con .year span{font-size: .26rem;color: #fff;font-weight: 400}
.Timeline003058 .slider-list .inner .con .txt{}
.Timeline003058 .slider-list .inner .con .txt p{display: flex;line-height: 2;position: relative}
.Timeline003058 .slider-list .inner .con .txt p:not(:last-child){margin-bottom: .15rem;}
.Timeline003058 .slider-list .inner .con .txt p:before{content: '';position: absolute;width: .16rem;height: .16rem;background: #fff;border-radius: 50%;left: -.61rem;top:.08rem;border: 2px solid #eee }
.Timeline003058 .slider-list .inner .con .txt p:after{content: '';position: absolute;width: .10rem;height: 1px;background: #eee;left: -.46rem;top:.15rem; }
.Timeline003058 .slider-list .inner .con .txt p span{font-weight: 400;color: #006cbf;margin-right: .2rem;flex: 0 0 auto}
.Timeline003058 .slider-list .inner .con .more{cursor: pointer;width: 1.4rem;height: .5rem;line-height: .5rem;text-align: center;color: #fff;background:#006cbf;margin-top: .5rem }

.Timeline003058 .slider-list .honor_box{margin: .5rem 4.5vw 0;}
.Timeline003058 .slider-list .honor_box dl{display: flex;justify-content: center;flex-wrap: wrap;}
.Timeline003058 .slider-list .honor_box dd{float: left;width: 23.5%;margin:0 .5%;margin-bottom: 4%}
.Timeline003058 .slider-list .honor_box dd .pic{background:#f6f7f8;height: 3rem;position: relative;overflow: hidden}
.Timeline003058 .slider-list .honor_box dd img{position: absolute;max-width: 65%;max-height: 75%;left: 50%;top: 50%;transform: translate(-50%,-50%);object-fit: contain;box-shadow: 0 3px 12px rgba(0, 0, 0, .1);}
.Timeline003058 .slider-list .honor_box dd .tit{min-height: 57px;text-align: center;color: #333;padding-top: .2rem}


@media(max-width:1600px){
.Timeline003058 .year li{background: url(../images/Timeline003058-line1.png)no-repeat center bottom 13px;}
.Timeline003058 .slider-list .btn .slick-prev{left: 0;}
.Timeline003058 .slider-list .btn .slick-next{right: 0;}
.Timeline003058 .slider-list .inner{}
.Timeline003058 .slider-list .slider{}
}

@media(max-width:1400px){
.Timeline003058 .slider-list .inner time {transform: translateX(-120px);}
}
@media(max-width:1024px){
    .Timeline003058{padding-top: 0vw;}
    .Timeline003058 .slider-list .inner{width: 100%}

    .Timeline003058 .list{padding-right: 0%;}
    .Timeline003058 .slider-list{padding: 0;}
    .Timeline003058 .slider-list li {padding: 0;}
    .Timeline003058 .slider-list .pic{}
    .Timeline003058 .slider-list .btn .slick-arrow{width: 5vw; height: 5vw;margin-top: -2.5vw;}
    .Timeline003058 .slider-list .slider{}
    .Timeline003058 .slider-list .inner{margin: 0;padding: 20px}
    .Timeline003058 .slider-list .inner time{transform: translateX(0px);display: block;font-size:30px }
    .Timeline003058 .slider-list .inner .con .year{width: 90px;height: 90px;}
    .Timeline003058 .slider-list .inner .con .year span {font-size: 24px;}
    .Timeline003058 .slider-list .p{font-size: 16px;display: block;width: 100%;height: 10.5em}
    .Timeline003058 .slider-list .inner .con .more{cursor: pointer;width: 130px;height: 40px;line-height: 40px;display: none}
    
    .Timeline003058 .year{padding: 0 5vw;margin-top: 30px}
    .Timeline003058 .year .slider:after{height: 5px;top: 28px;}
    .Timeline003058 .year li.slick-current span{font-size:20px;}
    .Timeline003058 .year li span{font-size: 4vw;}
    .Timeline003058 .year li span::after{margin: 10px auto 0}
    .Timeline003058 .slick-prev{left: 0vw;width: 30px;height: 30px;background-size: contain}
    .Timeline003058 .slick-next{right: 0vw;width: 30px;height: 30px;background-size: contain}
    
    .Timeline003058 .slider-list .honor_box dl{display: block;}
    .Timeline003058 .slider-list .honor_box dd{width: 48%;margin:0;margin-bottom: 4%;float: left;}
    .Timeline003058 .slider-list .honor_box dd:nth-child(2n){float: right;}
}




.Honor{padding-bottom: .5rem}

.Honor_tab{text-align: center;margin-bottom: .05rem}
.Honor_tab span{display: inline-block;}
.Honor_tab span a{display: block;padding: .15rem .4rem;;}
.Honor_tab span.aon a{background:#006cbf;color: #fff}

.Honor_year .w1300{background:#f4f5fb;display: flex;justify-content: center;flex-wrap: wrap;padding: .2rem}
.Honor_year .w1300 a{margin: 0 .3rem;}
.Honor_year .w1300 a.aon{color: #006cbf;text-decoration: underline;}




.Case li{float: left;width: 31%;margin-right: 3.5%;margin-bottom: 4%;}
.Case li:nth-child(3n){margin-right: 0%;}
.Case li .pic{height: 2.46rem;position: relative;overflow: hidden}
.Case li .pic img{position: absolute;width: 100%;height: 100%; left: 50%;top: 50%;transform: translate(-50%,-50%);object-fit: cover;transition: .3s all}
.Case li .tit{color: #333;text-align: center;padding-top: .15rem;}
.Case li:hover .pic img{transform: scale(1.05) translate(-50%,-50%)}

@media(max-width:1024px){
    .Case li{width: 48%;margin-right: 3.5%;margin-bottom: 4%;}
    .Case li:nth-child(3n){margin-right: 3.5%;}
    .Case li:nth-child(2n){margin-right: 0;}
}


.Columnpage .Pages { text-align: center; padding: 0 0 5%}
.Columnpage .Pages a { border-radius: 50px; display: inline-block; vertical-align: middle; background: #fff; border: 1px solid #ddd; width: .5rem; text-align: center; line-height: .48rem; color: #666; }
.Columnpage .Pages a.a_cur, 
.Columnpage .Pages a:hover { background-color: #006cbf; color: #fff; }
.Columnpage .Pages em { font-style: normal; display: inline-block; vertical-align: middle; }
.Columnpage .Pages em a { margin: 0 .1rem; }
.Columnpage .Pages .p_count, 
.Columnpage .Pages .p_cur, 
.Columnpage .Pages .p_jump,
.Columnpage .Pages .p_total, 
.Columnpage .Pages .a_first, 
.Columnpage .Pages .a_end { display: none }
.Columnpage .Pages .a_prev, 
.Columnpage .Pages .a_next { padding: 0; width: .5rem; overflow: hidden; line-height: 1000px; height: .5rem; margin: 0 .1rem;}
.Columnpage .Pages .a_prev { background: url(../images/Columnpage-a_prev.png) no-repeat center center #fff; }
.Columnpage .Pages .a_next { background: url(../images/Columnpage-a_next.png) no-repeat center center #fff }
.Columnpage .Pages .a_prev:hover { background: url(../images/Columnpage-a_prev2.png) no-repeat center center #006cbf }
.Columnpage .Pages .a_next:hover { background: url(../images/Columnpage-a_next2.png) no-repeat center center #006cbf }

@media(max-width:640px) {
    .Columnpage .Pages { padding: 5% 0}
    .Columnpage .Pages a { padding: 0 5px;width: 36px;line-height: 34px;margin: 0 5px }
    .Columnpage .Pages em a { margin: 0 2px; }
    .Columnpage .Pages .a_prev, 
    .Columnpage .Pages .a_next { padding: 0; width: 36px; height: 36px; margin: 0 5px;}
    .Columnpage .Pages .a_end, 
    .Columnpage .Pages .a_first { display: none }
}






.News li{display: flex;justify-content: space-between;align-items: center;}
.News li:not(:last-child){margin-bottom: 5%;}
.News li .pic{width: 26.5%;height: 2.2rem;position: relative;overflow: hidden;flex: 0 0 auto;margin-right: .6rem;border-radius: 3px;}
/* .News li .pic img{position: absolute;width: 100%;height: 100%; left: 50%;top: 50%;transform: translate(-50%,-50%);object-fit: cover} */
.News li .pic img{width: 100%;}
.News li .txt{flex: 1}
.News li .txt .tit{color: #333;font-weight: 400;padding-bottom: .26rem}
.News li .txt .desc{line-height: 1.66;}
.News li .txt .tip{border-top: 1px solid #ebebeb;margin-top: .35rem;padding-top: .35rem;display: flex;justify-content: space-between;}
.News li .txt .tip .more{color: #666;background: url(../images/icon-rjt.svg)no-repeat center right;background-size: .2rem auto;padding-right: .24rem}

@media(max-width:1024px){
    .News {padding-bottom: 0}
    .News li{display: block;}
    .News li:not(:last-child){margin-bottom: 30px}
    .News li .pic{width: 100%;height: 4.2rem;margin-right:0;margin-bottom: 20px}
    .News li .txt .tip .more{background-size: 16px auto;padding-right: 24px}
}


.NewsDetail .title{text-align: center;border-bottom: 1px solid #ebebeb;padding-bottom: .4rem;margin-bottom: .4rem}
.NewsDetail .title .tit{font-size: .4rem;color: #333;font-weight: 400;padding-bottom: .2rem}
.NewsDetail .con{line-height: 2;}

.NewsDetail .btns{display: flex;justify-content: space-between;align-items: center;border-top: 1px solid #ebebeb;margin-top: .5rem;padding-top: .5rem}
.NewsDetail .btns .left{width: 70%;flex: 0 0 auto;}
.NewsDetail .btns .left a{line-height: 2}
.NewsDetail .btns .more {width: 1.5rem;text-align: center;line-height: .5rem;border-radius: 36px;border: 1px solid #ebebeb}
.NewsDetail .btns .more:hover {border-color: #006cbf;color: #fff;background: #006cbf}

@media(max-width:1024px){
    .NewsDetail .btns{display: block;}
    .NewsDetail .btns .left{width: 100%;}
    .NewsDetail .btns .more {width:120px;line-height: 40px;display: block;margin-top: 20px}
}



.dangj li{float: left;width: 32%;margin-right: 2%;margin-bottom: 4%}
.dangj li:nth-child(3n){margin-right: 0;}

.dangj li .pic{padding-bottom: 62%;position: relative;overflow: hidden}
.dangj li .pic img{position: absolute;width: 100%;height: 100%; left: 50%;top: 50%;transform: translate(-50%,-50%);object-fit: cover;transition: .3s all}

.dangj li .txt{background: #f7f8fb;padding: .3rem}
.dangj li .txt time{}
.dangj li .txt .tit{color: #333;padding: .1rem 0 .2rem;font-weight: 400}
.dangj li .txt .desc{line-height: 1.66;color: #999;margin-bottom: .4rem}
.dangj li .txt .more{color: #666;background: url(../images/icon-rjt.svg)no-repeat center right;background-size: .2rem auto;padding-right: .24rem}

.dangj li:hover .pic img{transform: scale(1.05) translate(-50%,-50%)}

@media(min-width:1025px){
    .dangj li:nth-child(4),
    .dangj li:nth-child(5),
    .dangj li:nth-child(6){margin-bottom: 0;}
}
@media(max-width:1024px){
    .dangj {padding-bottom: 0}
    .dangj li{width: 100%;margin-right: 0}
    .dangj li .txt{padding: 20px}
    .dangj li .txt .more{background-size: 16px auto;padding-right: 24px}
}


.Contact .title{color: #333;font-size: .36rem;font-weight: 400;padding-bottom: .5rem;text-align: center}
.Contact .title:after{content: '';display: block;width: .5rem;height: 5px;background:#006cbf;margin: .3rem auto 0}

.Contact .con{display: flex;justify-content: space-between;align-items: center;}
.Contact .con .left{width: 40%;}
.Contact .con .left .item{display: flex;align-items: center}
.Contact .con .left .item:not(:last-child){margin-bottom: .35rem;}
.Contact .con .left .item .icon {background: #f2f2f2;width: .6rem;height: .6rem;border-radius: 100%;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.Contact .con .left .item .icon img{max-width: .3rem;max-height: .3rem;}
.Contact .con .left .item .txt {width: calc(100% - .6rem);padding-left: .25rem;}
.Contact .con .left .item .txt .name{margin-bottom: .05rem;color: #999999;}
.Contact .con .left .item .txt .desc{color: #333;}

.Contact .con .right{width: 55%;overflow: hidden;border-radius: 3px}

@media(max-width:1024px){
    .Contact .title{font-size: 26px;}
    .Contact .con{display: block;}
    .Contact .con .left{width: 100%;}
    .Contact .con .left .item .icon {width: 50px;height: 50px;}
    .Contact .con .left .item .icon img{max-width: 20px;max-height: 20px;}
    .Contact .con .right{width: 100%;margin-top: 20px}
}


.Idea .tit{font-size: .36rem;color: #333;font-weight: 400;padding-bottom: .4rem}
.Idea .tit:after{content: '';display: block;width: .5rem;height: 5px;background:#006cbf;margin-top: .3rem }
.Idea .desc{line-height: 2}
.Idea .pic{border-radius: 3px;overflow: hidden}
@media(min-width:1025px){
    .Idea .flex{display: flex;align-items: center;justify-content: space-between;}
    .Idea .txt{width: 45%}
    .Idea .pic{width: 50%}
}
@media(max-width:1024px){
    .Idea .tit{font-size: 26px;}
    .Idea .pic{margin-top: 20px}
}



.join .w1300{border-top: 6px solid #006cbf;}
.join .item{border-bottom:1px solid #e9e9e9;transition:.3s;}
.join .item .it{align-items:center;cursor:pointer;padding:24px 0 24px 45px;display: flex;align-items: center;justify-content: space-between;}
.join .item .it .tl{flex:1 1 auto;display: flex;align-items: center;justify-content: space-between;}
.join .item .it .tit{flex:0 0 auto;width:13em;padding-right:2em;font-size: .24rem}
.join .item .tgs{flex:1 1 auto;}
.join .item .tgs span{margin-right:3em;display:inline-block;vertical-align:middle;}
.join .item .icon{flex:0 0 auto;width:1.2rem;text-align:center;cursor:pointer;}
.join .item .icon i{display:inline-block;vertical-align:middle;padding:9px;border-right:1px solid #006cbf;border-bottom:1px solid #006cbf;transform:rotate(45deg) translateY(-10px);transition:.3s;}
.join .item .con{padding:45px 40px 30px 0;border-top:1px solid #e9e9e9;}
.join .item .con .tgs{margin-bottom:20px;}
.join .item .li{align-items:flex-start;margin-bottom:30px;display: flex;justify-content: space-between;}
.join .item .li .lb{flex:0 0 auto;width:10em;line-height:1.5;}
.join .item .li .lp{flex:1 1 auto;line-height:1.75;}
.join .item .lbot{border-top:1px solid #e9e9e9;padding-top:30px;}
.join .item .lbot a{text-decoration:underline;color:#006cbf;}
.join .item .ip{display:none;padding:0 45px;}
.join .item.cur{box-shadow:0 0 20px rgba(0,0,0,0.1);}
.join .item.cur .tl{display:block;}
.join .item.cur .tgs{margin-top:10px;}
.join .item.cur .icon i{transform:rotate(-135deg);}

@media(min-width:1025px){
    .join .dis_wap{display: none;}
}
@media(max-width:1024px){
    .join .item .it{padding:24px 0 24px 20px;}
    .join .item .it .tit{font-size: 20px}
    .join .item .tgs:not(.dis_wap){display: none;}
    
    .join .item .con{padding:30px 30px 30px 0;border-top:1px solid #e9e9e9;}
    .join .item .ip{padding:0 20px;}
    
    .join .item .li{display: block;}
    .join .item .li .lb{margin-bottom: 15px;}
}




.Galary003154 .slider-for .Ispic{padding-bottom: 47.059%;border-radius: 4px;}
.Galary003154 .slider-for li{position: relative;}
.Galary003154 .slider-for li .txt{position: absolute; bottom: 0; left: 50px;background-color: #006cbf; color: #fff; font-size: 1.25em;line-height: 3; padding:1.3em 0; width: 15em;text-align: center;transition: 0.5s 1s; opacity: 0;}
.Galary003154 .slider-for li.slick-current .txt{opacity: 1;left: 0;}
.Galary003154 .slider-nav{margin-top: 1.625em;}
.Galary003154 .slider-nav .slider{margin: 0 -0.7em;}
.Galary003154 .slider-nav li div{padding: 0 0.9375em;}
.Galary003154 .slider-nav .Ispic{padding-bottom: 64.706%; border: 2px solid #fff;border-radius: 4px;}
.Galary003154 .slider-nav li.slick-current .Ispic{border-color: #006cbf;}
.Galary003154 .slick-arrow{width:.5rem; border-radius: 50%;height: .5rem;border: 0;z-index: 10;position: absolute; top: 50%;margin-top: -1.40625em;background-image: url(../images/icon-r1.png);background-position: center;background-repeat: no-repeat;background-size: 8px auto;}
.Galary003154 .slick-prev{left: 1.25em;transform: rotate(180deg)}
.Galary003154 .slick-next{right: 1.25em; }
.Galary003154 .slick-arrow:hover{background-color: #006cbf;border-color: #006cbf;background-image: url(../images/icon-r2.png);}

@media (max-width:1024px) {
    .Galary003154 .slider-nav{margin-top: 0.5em;}
    .Galary003154 .slider-nav .slider{margin: 0 -0.3em;}
    .Galary003154 .slider-nav li div{padding: 0 0.3em;}
    .Galary003154 .slider-for li .txt{font-size:14px;padding:15px 0; width: 100%;line-height: 1.25;position: relative;text-align: center;background: none;color: #333}
    
    .Galary003154 .slick-arrow{width:36px;height: 36px;margin-top: -3em}
}




.Timeline001265 { position: relative;}
.Timeline001265 .tit{font-size: .36rem;color: #333;font-weight: 400;padding-bottom: .4rem;text-align: center}
.Timeline001265 .tit:after{content: '';display: block;width: .5rem;height: 5px;background:#006cbf;margin: .3rem auto 0}

.Timeline001265 .con{position: relative;padding: 1rem 0}
.Timeline001265 .con::before {position: absolute; z-index: 1; content: '';top: 5%;width: 1px;height: 90%;left: .2rem;background: #e5e5e5;}
.Timeline001265 .list {height: 5.75rem;overflow: hidden;position: relative;}

.Timeline001265 ul {position: relative;}
.Timeline001265 li {display: flex;padding: .1rem 0;padding-left: .8rem;position: relative}
.Timeline001265 li h1 { color: #006cbf;font-weight: lighter;font-size: .18rem;margin: 0;margin-right: 1.3rem;position: relative;display: none}

.Timeline001265 li h1 i {display: block;width: 10px;height: 10px;position: absolute;left: -.64rem;top: .09rem;border-radius: 50%;background-color: #006cbf;z-index: 2;}
.Timeline001265 li::before {content: ''; display: block;width: 10px;height: 10px;position: absolute;left: .16rem;top: .09rem;border-radius: 50%;background-color: #006cbf;z-index: 2;}
.Timeline001265 .btn {position: absolute;left: 0;width: .4rem;height: .4rem;border-radius: 100%;overflow: hidden;z-index: 2;border: solid 1px #006cbf;cursor: pointer;background: #fff}
.Timeline001265 .btn::after {content: '';display: block;width: 100%;height: 100%;background: url(../images/icon-r1.png) no-repeat center;background-size: 8px auto;transition: all .5s;}
.Timeline001265 .btn:hover::after {background: #006cbf url(../images/icon-r2.png) no-repeat center;background-size: 8px auto;}
.Timeline001265 .prev {top: 0;transform: rotate(-90deg);}
.Timeline001265 .next {bottom: 0;transform: rotate(90deg);}

.Timeline001265 .flex .pic{overflow: hidden;border-radius: 3px;}

@media(min-width:1025px){
    .Timeline001265 .flex{display: flex;justify-content: space-between;}
    .Timeline001265 .flex .con{width: 55%;}
    .Timeline001265 .flex .pic{width: 35%;padding: 1rem 0 0}
    
    .Timeline001265 li h1:before{ content: '';position: absolute;width: 1rem;height: 1px;background: #ddd;left: 160%;top: 50%;}
}

@media(max-width:1024px) {
    .Timeline001265 .tit{font-size: 26px;}
    .Timeline001265 .list {height: 430px;}
    .Timeline001265 li {padding-left: .6rem;}
    .Timeline001265 li h1 {font-size: .28rem;margin-right: .2rem;}
    .Timeline001265 li h1 i {left: -.48rem;}
    .Timeline001265 li dl {font-size: .24rem;width: calc(100% - 1.5rem);}
    
    .Timeline001265 .btn {width: 36px;height: 36px;left: -8px}
    
    .Timeline001265 .flex .pic{margin-top: 50px}
}



.Kanw_select .tit{color: #333;font-weight: 400}
.Kanw_select .year{width: 20%;display: inline-block}
.Kanw_select .year select{width: 100%;border: 1px solid #ebebeb;line-height: .48rem;height: .5rem;padding:0 .1rem;}
.Kanw_select .month{width: 10%;display: inline-block}
.Kanw_select .month select{width: 100%;border: 1px solid #ebebeb;line-height: .48rem;height: .5rem;padding:0 .1rem;}


.Kanw{}
.Kanw li{float: left;width: 22.37%;margin-right: 3.5%;margin-top: 3.5%}
.Kanw li:nth-child(4n){margin-right: 0%}
.Kanw li .pic{background:#f6f7f8;height: 3rem;position: relative;overflow: hidden}
.Kanw li img{position: absolute;max-width: 60%;max-height: 75%; left: 50%;top: 50%;transform: translate(-50%,-50%);object-fit: contain;box-shadow: 0 3px 12px rgba(0, 0, 0, .1);}
.Kanw li .tit{text-align: center;padding: .2rem .15rem 0}
.Kanw li .handle{
	display: flex;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 3;
}
.Kanw li .handle a{
	width: 50%;
	line-height: .35rem;
	font-size: .16rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #eee;
}
.Kanw li .handle a:hover{
	color: #006cbf;
}
.Kanw li .handle a img{
	width: .2rem;
	margin-right: .1rem;
	position: static;
	box-shadow: none;
	transform: translate(0, 0);
}
.Kanw li .handle a.look{
	border-right: solid 1px #ccc;
}


@media(max-width:1024px){
    .Kanw_select .year{width: 50%;}
    .Kanw_select .year select{line-height: 38px;height: 40px;padding:0 10px;font-size: 14px}
    .Kanw_select .month{width: 30%;}
    .Kanw_select .month select{line-height: 38px;height: 40px;padding:0 10px;font-size: 14px}
    
    .Kanw li{width: 49%;margin-right: 2%;margin-top: 3.5%}
    .Kanw li:nth-child(2n){margin-right: 0%}
}




.historybg{overflow: hidden}

@media(max-width:1024px){
    .historybg{overflow: auto}
    .historybg .box{width: 160%}
}




.TextList002322{ padding: .8rem 0;}
.TextList002322 h3{font-size: .24rem;color: #333;font-weight: normal;}
.TextList002322 .list li{ position: relative; padding: 10px 100px 10px 0; line-height: 22px;}
.TextList002322 .list li *{ color: #777;}
.TextList002322 .list li time{ position: absolute; right: 0; top: 10px; display: block;}
.TextList002322 .list li a{position: relative; display: block; width: 100%;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; padding-left: 15px; }
.TextList002322 .list li a:before{ display: table; content: ">"; position: absolute; left: 0; top: 0; height: 100%; width: 20px;}
.TextList002322 .list li a:hover{ color: #fbb03f;}
@media only screen and (max-width:767px ) {
.TextList002322{ padding: 20px 3%;}
}





.single_info {padding: 4% 0;}
.single_info .tit {text-align: center;font-size: 24px;margin: 0 0 3%;font-weight: normal;}
    
.sitemap li {padding: 1% 0;border-bottom: 1px solid #e8e8e8;}
.sitemap li em {font-style: normal;font-weight: bold;}
.sitemap li span {display: inline-block;opacity: 0.7;padding-right: 20px;}


.caseTitle h4{
	font-size: .28rem;
	line-height: .6rem;
	background: rgba(0,0,0,0.7);
	color: #fff;
	padding: 0 .2rem;
	font-weight: 400;
	text-align: left;
}
.caseImgs .minSwiper .swiper-slide{
	opacity: .6;
}
.caseImgs .minSwiper .swiper-slide.swiper-slide-thumb-active{
	opacity: 1;
}
.caseImgs .minSwiper{
	margin-top: 10px;
}
.caseImgs .maxSwiper .swiper-button-next,
.caseImgs .maxSwiper .swiper-button-prev{
	color: #fff;
}

.scale{
	overflow: hidden;
}
.scale img{
	transition: all .5s;
}
.scale:hover img {
	
	transform: scale(1.02);
}
.pr{
	position: relative;
}
.ab{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}

.qrcodes {
    float: right;
    display: flex;
    max-width: 18%;
    justify-content: flex-end;
    align-items: flex-start;
}

.qrcodes .qcode {
    flex: 0 0 auto;
    max-width: 48%;
    margin-left: 10px;
}
.qcode img {
    max-width: 100%;
    
}
@media(max-width:1024px){
    .qrcodes {
        float: none;
        width: 240px;
        margin: auto;
        max-width: 60%;
    }
    
    .qrcodes .qcode {
        margin: 0 10px;
    }
}
@media (max-width: 768px) {
	.Kanw li .handle a{
		line-height: .55rem;
		font-size: 14px;
	}
	.Kanw li .handle a img{
		width: .4rem;
	}
}