@import "animate.min.css";@import "swiper-bundle.min.css";@import "bootstrap.min.css";@import "public.youacacia.min.css";
/*scrollbar*/
::-webkit-scrollbar{width:2px;height:11px;border:none;background:#0388c4!important}
::-webkit-scrollbar-track-piece{border:none;position:absolute;padding:0;box-shadow:none;background-color:#0388c4;border-radius:1px}
::-webkit-scrollbar-thumb:vertical{background-color:#0388c4;border-radius:0;border:none}
::-webkit-scrollbar-thumb:horizontal{background-color:#0388c4;border-radius:0;border:none}
::-webkit-scrollbar{width:2px;height:12px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:#0388c4}
::-webkit-scrollbar-track-piece{background:#fff}
::-webkit-scrollbar-thumb:vertical{background-color:#0388c4;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#0388c4}
::-webkit-scrollbar-corner:vertical{background-color:#0388c4}
::-webkit-scrollbar-resizer:vertical{background-color:#0388c4}
/*define font*/
@font-face {
    font-family: 'iconfont';  /* Project id 3258101 */
    src: url('//at.alicdn.com/t/font_3258101_o6zbhv6vlmd.eot?t=1651197249814'); /* IE9 */
    src: url('//at.alicdn.com/t/font_3258101_o6zbhv6vlmd.eot?t=1651197249814#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//at.alicdn.com/t/font_3258101_o6zbhv6vlmd.woff2?t=1651197249814') format('woff2'),
    url('//at.alicdn.com/t/font_3258101_o6zbhv6vlmd.woff?t=1651197249814') format('woff'),
    url('//at.alicdn.com/t/font_3258101_o6zbhv6vlmd.ttf?t=1651197249814') format('truetype'),
    url('//at.alicdn.com/t/font_3258101_o6zbhv6vlmd.svg?t=1651197249814#iconfont') format('svg');
}
@font-face {
    font-family: 'SourceHanSerifCN-VF';  /* Project id 2779080 */
    src: url('../fonts/SourceHanSerifCN-VF.eot?t=1632557895843'); /* IE9 */
    src: url('../fonts/SourceHanSerifCN-VF.eot?t=1632557895843#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/SourceHanSerifCN-VF.woff2?t=1632557895843') format('woff2'),
    url('../fonts/SourceHanSerifCN-VF.woff?t=1632557895843') format('woff'),
    url('../fonts/SourceHanSerifCN-VF.ttf?t=1632557895843') format('truetype'),
    url('../fonts/SourceHanSerifCN-VF.svg?t=1632557895843#iconfont') format('svg');
}
.yc-icon{ font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.1px;
    -moz-osx-font-smoothing: grayscale;
}
/*define public css*/
@media(min-width: 1500px){
    .container{width: 100%;max-width: 1500px}
}
@media(min-width: 1200px) and (max-width: 1499px){
    .container{width: 95%}
}
/*loader*/
.loader{position:fixed;left:0;top:0;width:100%;height:100%;background:#0388c4;z-index:199}
.loader.active .circular{transform:translate(-50%,-50%) scale(1);-webkit-transform:translate(-50%,-50%) scale(1)}
.loader.active .loader-logo img{opacity:1;transition:1s}
.loader.active .loader-line.left,.loader.active .loader-line.right{transform:scaleX(1)}
.loader-circular{transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:1210px;padding-bottom:1210px}
.circular,.loader-circular{position:absolute;left:50%;top:50%}
.circular{width:34.26%;height:34.26%;border-radius:50%;transform:translate(-50%,-50%) scale(0);-webkit-transform:translate(-50%,-50%) scale(0);background:hsla(0,0%,100%,.05);transition:1.8s}
.circular.circular2{width:54.64%;height:54.64%;background:hsla(0,0%,100%,.02)}
.circular.circular3{width:76.41%;height:76.41%;background:hsla(0,0%,100%,.02);transition:2.6s}
.circular.circular4{width:100%;height:100%;background:hsla(0,0%,100%,.02);transition:3.4s}
.loader-text{position:absolute;left:0;top:50%;width:100%;z-index:3;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%)}
.loader-line{position:absolute;top:50%;height:1px;background:hsla(0,0%,100%,.3)}
.loader-line:before{position:absolute;content:"";width:200px;height:1px;background:#fff}
.loader-line.left{left:0;right:50%;margin-right:230px;transform-origin:right center;transform:scaleX(0);transition:4s}
.loader-line.left:before{right:0}
.loader-line.right{right:0;left:50%;margin-left:230px;transform-origin:left center;transform:scaleX(0);transition:4s}
.loader-line.right:before{left:0}
.loader-logo{position:relative;text-align:center;margin:auto;width:380px}
.loader-logo img{display:block;width:100%;height:auto;opacity:0}
.loader-logo p{position:absolute;left:0;top:100%;width:100%;margin-top:24px;color:#fff;text-align:center;font-size:30px;font-family:Century Gothic;line-height:1}
.loader-logo p b{font-weight:400}
/*header*/
#header{position: fixed;left: 0;top: 0;width: 100%;background: rgba(255,255,255,.6);height: 80px;z-index: 10;transition: ease-in .3s;-webkit-transition: ease-in .3s;-moz-transition: ease-in .3s;-ms-transition: ease-in .3s;-o-transition: ease-in .3s;}
#header:before{position: absolute;left: 80px;width: 1px;height: 100%;background: rgba(255,255,255,.3);content: ""}
#header:after{position: absolute;left: 0;width: 100%;height: 1px;background: rgba(255,255,255,.3);bottom: 0;content: ''}
.header-menu{height:80px;/*background: #0388c4;*/position: relative;cursor: pointer;float: left;width: 80px;z-index: 14}
.header-menu:after{}
.header-menu i{font-size: 40px;color:#474443;transition: ease-in .3s;-webkit-transition: ease-in .3s;-moz-transition: ease-in .3s;-ms-transition: ease-in .3s;-o-transition: ease-in .3s;}
.header-menu.active i{transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);}
.header-logo{
	float: left;
	width: 302px;
	max-width:15.67%;
	margin-left: 1.82%;
	height: 100%;
	position: relative
}
.header-logo a{
	display: block;
	width: 100%;
}
.header-logo img{
	width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: ease .5s;
}
.header-logo img.hide{
	position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
}
#header.active .header-logo img.hide{
	
}
.header-right{overflow: hidden;float: right;display: flex;align-items: center}
@keyframes navscale{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}
@keyframes navscalel{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}
.header-nav{float: left;overflow: hidden;margin-right: 20px;}
.header-nav li{float: left;position: relative}
.header-nav li.active:before{
	position: absolute;
    left: 15px;
    top: 15px;
    width: 50px;
    height: 50px;
    border: solid 1px #0388c4;
    opacity: .6;
    border-radius: 50%;
    content: '';
	animation: navscalel 1s .5s infinite;
}
.header-nav li.active:after{
	position: absolute;
    left: 24px;
    top: 24px;
    width: 32px;
    height: 32px;
    border: solid 4px #0388c4;
    border-radius: 50%;
    opacity: .4;
    content: '';
	animation: navscale 1s infinite;
}
.header-nav li:first-child{padding-left: 0}
.header-nav li a{line-height: 80px;font-size: 16px;color: #474443;position: relative;display: block;padding: 0 0 0 24px;margin-left: 20px}
.header-nav li a:after{opacity: 0; position: absolute;left:50%;bottom: 0;width: 0px;height: 3px;background: #0388c4;content: '';transition: ease-in .3s;-webkit-transition: ease-in .3s;-moz-transition: ease-in .3s;-ms-transition: ease-in .3s;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%)}
/*
.header-nav li:hover a,.header-nav li.active a{
	background-color: rgba(146,49,54,.8);border-radius: 30px;
	color: #fff
}
*/
.header-nav li:hover a:after,.header-nav li.active a:after{width: 40px;background: #0388c4;}
.header-tel,.header-search{width: 80px;height: 80px;border-left: solid 1px rgba(255,255,255,.3);font-size: 20px;color: #474443}
.header-tel i.yc-icon,.header-search .yc-icon{font-size: 20px;cursor: pointer;position: relative;z-index: 2}
.header-tel-text{right: 80px;background: #fff;top: 50%;width: 160px;border-radius: 5px;text-align: center;font-size: 18px;color: #0388c4;padding: 5px 10px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transition: ease-in .3s;-webkit-transition: ease-in .3s;-moz-transition: ease-in .3s;-ms-transition: ease-in .3s;-o-transition: ease-in .3s;visibility: hidden;opacity: 0}
.header-tel-text:after{position: absolute;right: -4px;top: 50%;width: 0;height: 0;border-top: solid 6px transparent;border-bottom: solid 6px transparent;border-left:solid 6px #fff;content: '';margin-top: -6px;}
.header-tel:hover i{color: #fff;}
.header-tel:hover .header-tel-text{right: 80px;visibility: visible;opacity: 1}
.header-search button{border: none;outline: none;background: none;position: relative;z-index: 3}
.header-input{right:-240px;top: 0;height: 80px;background: #fff;border: none;outline: none;padding-left: 10px;font-size: 14px;width: 240px;padding-right: 80px;border-bottom: solid 2px #0388c4;transition: ease-in .3s;-webkit-transition: ease-in .3s;-moz-transition: ease-in .3s;-ms-transition: ease-in .3s;-o-transition: ease-in .3s;box-sizing: border-box;z-index: 2}
.header-search:hover button{color: #0388c4;}
.header-search:hover .header-input{right: 0}
#header.active{background: rgba(255,255,255,1);box-shadow: 0 0 5px rgba(0,0,0,.1)}
#header.backg{/*background: none*/}
/*#header.backg .header-nav li a,#header.backg .header-tel,#header.backg .header-search{color: #fff}*/
#header.backg.active{background: #fff}
/*#header.backg.active .header-nav li a,#header.backg.active .header-tel,#header.backg.active .header-search{color: #333}*/
/*
#header.backg.active .header-nav li.active a{
	color: #fff
}
*/
#header:hover,#header.active:hover{/*background: #0388c4;*/}
/*
#header:hover .header-menu i,#header.active:hover .header-menu i{
	color: #fff
}
*/
/*
#header:hover .header-logo img.hide,#header.active:hover .header-logo img.hide{
	top: 50%;
	opacity: 1;
    visibility: visible;
	display: block!important;
	transform: translateY(-50%);
}
#header:hover .header-logo img.show,#header.active:hover .header-logo img.show{
	opacity: 0;
    visibility: hidden;
	display: none!important
}
*/
#header:hover .header-nav li a,#header.active:hover .header-nav li a{/*color: #fff;*/}
#header:hover .header-nav li a:after,#header.active:hover .header-nav li a:after{background: #0388c4;}
#header:hover .header-tel,#header:hover .header-search,#header.active:hover .header-tel,#header.active:hover .header-search{/*color: #fff*/}
@media screen and (max-width: 1440px) {
    .header-nav li a{
        margin-left: 10px;
        padding-left: 12px;
    }
}
@media(max-width: 1200px){
    .header-nav li{padding: 0 15px}
}
@media(max-width: 992px){
    #header{background: #fff;box-shadow: 0 0 5px rgba(0,0,0,.2)}
    #header:before{display: none;}
    .header-menu{right: 0;float: right}
    .header-logo{max-width: 60%;}
    .header-right{display: none}
}
@media(max-width: 760px){
    #header{height: 60px;}
    .header-menu{height: 60px;width: 60px;}
    .logo_20_bg,.logo_20_bg.one{display:none!important}
}
/*nav menu*/
.nav-menu{position: fixed;left: 0;top: 0;width: 100%;height: 0;background: rgba(3,136,196,.9);z-index: 11;transition: 1.5s cubic-bezier(0.77, 0, 0.175, 1);overflow: hidden}
.Circles{position:absolute;overflow:hidden;top:0;left:0;right:0;bottom:0;pointer-events:none!important;z-index:0}
.Circles-circle{display:block;position:absolute;will-change:transform;transition:1.2s cubic-bezier(.165,.84,.44,1)}
.Circles-circle:nth-child(1){width:21.87vw;height:21.87vw;top:-7.26vw;left:-7.26vw}
.Circles-circle:nth-child(1) .Circles-dot{opacity:.05}
.Circles-circle:nth-child(2){width:35vw;height:35vw;top:-11.7vw;left:-11.7vw;transition:2.4s cubic-bezier(.165,.84,.44,1)}
.Circles-circle:nth-child(2) .Circles-dot{opacity:.04}
.Circles-circle:nth-child(3){width:48vw;height:48vw;top:-16vw;left:-16vw;transition:2.4s cubic-bezier(.165,.84,.44,1)}
.Circles-circle:nth-child(3) .Circles-dot{opacity:.03}
.Circles-circle:nth-child(4){width:63.4vw;height:63.4vw;top:-21.1vw;left:-21.1vw;transition:3.6s cubic-bezier(.165,.84,.44,1)}
.Circles-circle:nth-child(4) .Circles-dot{opacity:.02}
.Circles-circle:nth-child(5){width:92vw;height:92vw;top:-30.7vw;left:-30.7vw;transition:3.6s cubic-bezier(.165,.84,.44,1)}
.Circles-circle:nth-child(5) .Circles-dot{opacity:.02}
.Circles-dot{position:absolute;left:0;top:0;right:0;bottom:0}
.Circles-dot:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:#f2f2f2;border-radius:50%;transition:transform 1.2s cubic-bezier(.165,.84,.44,1),opacity .6s;will-change:transform}
.nav-logo{/*background: url(../images/logo-white.png) no-repeat center;height: 50px;*/margin-bottom: 50px;text-align:center}
.nav-list{display: flex;justify-content: center;-webkit-justify-content: center;}
.nav-item{margin-right: 6%}
.nav-item:last-child{margin-right: 0}
.nav-item dt{margin-bottom: 30px;font-size: 16px;font-weight: normal}
.nav-item dt a{color: #fff;}
.nav-item dd{font-size: 14px;line-height: 40px}
.nav-item dd a{color: rgba(255,255,255,.5)}
.nav-item dd:hover a{color: #fff;}
.nav-menu.active{height: 100%}
@media(max-width: 992px){
    .nav-logo{display: none}
    .nav-list{display: block}
    .nav-item{margin-bottom: 30px;}
    .nav-item dt{margin-bottom: 5px}
    .nav-item dd{display: inline-block;margin-right: 15px;}
}
@media(max-width: 760px){
    .nav-menu{display: block}
    .nav-menu .container{width: 100%;margin-top: 60px;}
    .nav-item{margin-bottom: 20px;}
    .nav-item dt{font-size: 1.4rem;margin-bottom: 0}
    .nav-item dd{font-size: 1.3rem}
}
/*banner*/
#banner{position: relative;}
#banner:after,#banner:before{position: absolute;top: 80px;width: 1px;height: calc(100% - 80px);background: rgba(255,255,255,.3);content: '';z-index: 2}
#banner:before{left: 79px}
#banner:after{right: 79px}
.swiper-banner{
	height: 100vh;
	overflow: hidden
}
.swiper-banner .swiper-slide{
	position: relative;
	height: 100%;
	overflow: hidden
}
#banner img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.video-slide{
	height: 100%;
	position: relative;
	min-height: 410px;
	overflow: hidden
}
.video-slide video{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 410px;
	-o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 60%;
    object-position: 50% 60%;
}
.slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-size: cover;
	background-position: center;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.banner-pagination{justify-content: center;-webkit-justify-content: center;bottom: 55px !important;}
.banner-pagination .circle-progress{width: 14px;height: 14px;background: rgba(255,255,255,.6);border: solid 1px rgba(0,0,0,.6);opacity: 1;transition: ease-in .3s;position: relative;margin: auto 15px !important}
.banner-pagination .circle-progress i{opacity: 0;font-style: normal;color: #fff;font-size: 16px;}
.banner-pagination .circle-progress.swiper-pagination-bullet-active i{opacity: 1;line-height: 46px;font-size: 16px;color: #fff;font-style: normal}
.banner-pagination .circle-progress.swiper-pagination-bullet-active{width: 50px;height: 50px;border:solid 2px rgba(255,255,255,.5);background: rgba(0,0,0,.5)}
.banner-pagination .circle-progress.swiper-pagination-bullet-active .left{left: -2px}
.banner-pagination .circle-progress.swiper-pagination-bullet-active .right{right: -2px}
.banner-pagination .circle-progress.swiper-pagination-bullet-active .content{position: absolute;top: -2px;width: 25px;height: 50px;overflow: hidden}
.banner-pagination .circle-progress.swiper-pagination-bullet-active .circle{position: absolute;width:50px;height: 50px;border-radius: 50%;z-index: 2;border: solid 2px transparent}
.banner-pagination .circle-progress.swiper-pagination-bullet-active .left-circle{left: 0;border-top-color: #fff;border-left-color: #fff;animation: circle-left 5.05s linear;transform: rotate(136deg);}
.banner-pagination .circle-progress.swiper-pagination-bullet-active .right-circle{right: 0;border-bottom-color: #fff;border-left-color: #fff;animation: circle-right 5.05s linear;transform: rotate(46deg);}
@keyframes circle-right {0% {transform: rotate(46deg);} 50%,100% {transform: rotate(224deg);} }
@keyframes circle-left { 0%, 50% {transform: rotate(136deg);} 100% {transform: rotate(315deg);} }
@media(max-width: 992px){
    #banner{margin-top: 80px;}
}
@media(max-width: 760px){
    #banner{
		margin-top: 60px;
		height: calc(100vh - 60px - 60px);
	}
	.swiper-banner{
		height: 100%;
	}
	.page-banner{
		height: 30vh!important;
	}
	#banner:after, #banner:before{
		top: 0;
		height: 100%;
		opacity: 0
	}
    #banner:before{left: 60px}
    #banner:after{right: 60px;}
    .banner-pagination{bottom: 10px !important}
    .banner-pagination .circle-progress.swiper-pagination-bullet-active{width: 30px;height: 30px;}
    .banner-pagination .circle-progress.swiper-pagination-bullet-active .circle{width: 30px;height: 30px;}
    .banner-pagination .circle-progress.swiper-pagination-bullet-active i{line-height: 24px;font-size: 1.2rem}
	.banner-pagination .circle-progress.swiper-pagination-bullet-active .left-circle{
		transform: rotate(90deg)
	}
	.banner-pagination .circle-progress.swiper-pagination-bullet-active .right-circle{
		transform: rotate(135deg)
	}
	@keyframes circle-right {0% {transform: rotate(45deg);} 50%,100% {transform: rotate(90deg);} }
	@keyframes circle-left { 0%, 50% {transform: rotate(90deg);} 100% {transform: rotate(270deg);} }
}
/*main*/
/*
.home-title{font-size: 36px;padding-left: 58px;padding-top: 70px;background-repeat:no-repeat;background-position: left center}
.home-title i{margin-left: 10px;font-size: 24px;font-style: normal;margin-right: 10px;}
.home-title span{font-size: 16px;color: #686868}
*/

.home-more a{display: block;width: 124px;height: 35px;background: #0388c4;border-radius: 17px;line-height: 35px;text-align: center}
.home-more span{position: relative;padding-right: 25px;font-size: 14px;color: #fff;}
.home-more span:after{position: absolute;right: 0;top: 50%;width: 18px;height: 18px;background: #fff;border-radius: 50%;content: '>';color: #0388c4;line-height: 18px;font-family: SimSun-ExtB;font-weight: bold;margin-top: -9px;}
@media(max-width: 992px){
/*
    .home-title{background-image: none !important;padding: 0 !important;margin-left: 0;text-align: center;font-size: 3rem;height: auto !important}
    .home-title i{display: none}
    .home-title span{display: block;}
    .home-title span:before{display: block;width: 40px;height: 2px;background: #0388c4;content: '';margin: 15px auto}
*/
}
@media(max-width: 760px){
/*
    .home-title{font-size: 2.2rem;margin-left: 0 !important}
    .home-title span{font-size: 1.3rem}
*/
}
/*about*/
.about{background: url(../images/backg_1.jpg) no-repeat top center;padding-top: 70px;padding-bottom: 85px;}
.about-title{background-image: url(../images/title_1.png);height: 115px;margin-left: 15px;}
.about-box{margin-top: 80px;padding: 0 15px;display: flex;margin-bottom: 70px;}
.about-left{flex: 1;width: 722px;max-width: 49.15%}
.about-right{flex: 1;width: calc(100% - 722px);max-width: 50.85%;padding-left: 60px;}
.about-box .about-pagination{bottom: 25px;}
.about-pagination span{background: #fff;opacity: 1;width: 7px;height: 7px;position: relative;margin: auto 10px !important;}
.about-pagination span.swiper-pagination-bullet-active:after{width: 15px;height: 15px;position: absolute;top: -4px;left:-4px;content: '';border: solid 1px #fff;border-radius: 50%}
.about-name{font-size: 24px;color: #0388c4;font-weight: bold;margin-bottom: 25px;}
.about-summary{font-size: 16px;color: #686868;line-height: 36px;margin-bottom: 25px;}
.about-list{display: flex;margin-bottom: 30px;}
.about-item{flex: 1;margin-right: 30px;text-align: center}
.about-item:last-child{margin-right: 0}
.about-item a{display: block;padding: 35px 15px;border-radius: 10px;background: transparent;text-align: center;color: #333}
.about-item i{font-size: 44px;line-height: 1;display: block}
.about-item span{font-size: 16px;display: block;margin-top: 10px;}
.about-item:hover a{background: #fff;color: #0388c4;box-shadow: 0 0 10px rgba(165,165,165,.21)}
.about-parameter{display: flex;padding: 0 15px}
.about-parameter-item{flex: 1;border-right: solid 1px rgba(102,102,102,.3);padding: 0 4%;overflow: hidden;margin-right: 2%}
.about-parameter-item:last-child{border-right: none;margin-right: 0;padding-right: 0;}
.about-parameter-left{float: left;min-width: 80%}
.about-parameter-subtitle{font-size: 16px;color: #686868;margin-bottom: 15px;}
.about-parameter-title{font-size: 30px;color: #0388c4;font-weight: bold;}
.about-parameter-title em{font-style: normal;font-size:18px;margin-left: 5px;}
.about-parameter-icon{color: #686868;font-size: 36px;float: left;line-height: 1}
.about-parameter-item:hover,.about-parameter-item:hover .about-parameter-subtitle,.about-parameter-item:hover .about-parameter-icon{color: #0388c4}

@media(max-width: 1180px){
    .about-name{font-size: 2rem;margin-bottom: 15px}
    .about-summary{font-size: 14px;line-height: 2;margin-bottom: 10px}
    .about-list{margin-bottom: 15px}
    .about-item a{padding: 15px 5px;}
    .about-item i{font-size: 2.8rem}
    .about-item span{font-size: 1.3rem}
    .about-parameter-icon{margin-top: 15px;}
}
@media(max-width: 992px){
    .about{background-size: cover}
    .about-box{margin-top: 30px;padding: 0;display: block}
    .about-left{width: 100%;max-width: 100%}
    .about-right{width: 100%;max-width: 100%;padding-left: 0;margin-top: 30px;}
    .about-summary{margin-bottom: 30px}
    .about-list{margin-bottom: 30px;}
    .about .home-more a{text-align: center;margin: auto}
    .about-parameter{padding: 0;flex-wrap: wrap;margin-top: 30px;}
    /*.about-parameter-item:first-child{padding-left: 0}*/
	.about-parameter-item{
		width: 50%;
		padding: 4%;
		flex: auto;
		margin-right: 0
	}
	.about-parameter-item:nth-child(1),.about-parameter-item:nth-child(2){
		border-bottom: solid 1px rgba(102,102,102,.3);
	}
	.about-parameter-item:nth-child(2){
		border-right: none
	}
	.about-parameter-item:last-child{
		padding-right: 4%
	}
	.about-parameter-left{
		float: none;
		width: 100%;
	}
	.about-parameter-title{
		font-size: 24px;
	}
	.about-parameter-icon{
		font-size: 30px;
	}
}
@media(max-width: 760px){
    .about{padding: 50px 0}
    .about-box{margin-top: 20px;margin-bottom: 0px;}
    .about-right{margin-top: 20px;}
    .about-name{text-align: center;font-size: 1.8rem}
    .about-summary{font-size: 1.3rem;-webkit-line-clamp:8}
    .about-item{margin-right: 15px;}
    .about-parameter{}
}
/*area*/
.area{padding-top: 70px; background: url(../images/backg_2.jpg) no-repeat top center;position: relative;overflow:hidden;background-size: cover}
.area-left{float: left;width: 791px;max-width: 41.2%;position: absolute;left: 0;top: 0;height: 100%;background-size: cover;background-position: center}
.area-title{margin-top: 100px;background-image: url(../images/title_2.png);background-position: right top;height: 118px}
.area .home-title{
	text-align: right;
	padding-left: 0;
	padding-right: 55px;
}
.area .home-title:before{
	left: auto;
	right: 0
}
.area .home-title:after{
	left: auto;
	right: 24px
}
.area-right{width: 100%;height: 100%;justify-content: right;position: relative;z-index: 2;margin-bottom: 70px}
.area-list{overflow: hidden;margin-top: 75px;background: #fff;width: 81.7%;float: right;}
.area-item{padding:8px 0;text-align: center;}
.area-item a{display: inline-block;background: transparent;min-width: 65%;border-radius: 10px;padding: 25px 0}
.area-number{font-size: 48px;color: #0388c4;opacity: .15;display: block;font-family: "SourceHanSerifCN-VF";font-weight: bold;line-height: 1}
.area-name{font-size: 16px;color: #333333;display: block;line-height: 1;margin-top: -15px;}
.area-name em{font-style: normal;color: #0388c4}
@media(min-width: 993px){
    .area-item:first-child,.area-item:nth-child(5),.area-item:nth-child(9),.area-item:nth-child(13),.area-item:nth-child(17){background: #0388c4}
    .area-item:first-child .area-number,.area-item:nth-child(5) .area-number,.area-item:nth-child(9) .area-number,.area-item:nth-child(13) .area-number,.area-item:nth-child(17) .area-number,.area-item:first-child .area-name,.area-item:nth-child(5) .area-name,.area-item:nth-child(9) .area-name,.area-item:nth-child(13) .area-name,.area-item:nth-child(17) .area-name,.area-item:first-child .area-name em,.area-item:nth-child(5) .area-name em,.area-item:nth-child(9) .area-name em,.area-item:nth-child(13) .area-name em,.area-item:nth-child(17) .area-name em{color: #fff}
}
.area-item:hover a{background: #0388c4}
.area-item:hover .area-number{color: #fff}
.area-item:hover .area-name,.area-item:hover .area-name em{color: #fff}
.area-item:nth-child(4n+1):hover a{background: #fff}
.area-item:nth-child(4n+1):hover .area-number{color: #0388c4}
.area-item:nth-child(4n+1):hover .area-name,.area-item:nth-child(4n+1):hover .area-name em{color: #0388c4}
@media(max-width: 1180px){
    .area-name{font-size: 1.4rem}
}
@media(max-width: 760px){
    .area-left{width: 100%;max-width: 100%}
    .area-right{margin-bottom: 30px;}
    /*.area-title{margin-top: 50px;}*/
	.area{
		padding-top: 50px
	}
	.area .home-title{
		text-align: center;
		padding-right: 0
	}
    .area-list{margin-top: 30px;width: 100%;background: rgba(255,255,255,.7)}
    .area-item{border-right: solid 1px rgba(255,255,255,.5);border-bottom: solid 1px rgba(255,255,255,.5)}
    .area-item:nth-child(3n){border-right: none;}
    .area-item:last-child,.area-item:nth-last-child(2){border-bottom: none}
    .area-number{font-size: 3.4rem;opacity: .5}
    .area-name{margin-top: 10px;line-height: 20px;font-size: 1.2rem;/*min-height: 60px*/}
    .area-name em{display: block;}
}
/*news*/
.news{background: url(../images/backg_3.jpg) no-repeat top center;padding-top: 70px; padding-bottom: 150px;background-size: cover}
.news-title-channel{background-image: url(../images/title_3.png);height: 116px;margin-top: 90px;}
.news-box{margin-top: 100px;position: relative;overflow: hidden}
.news-left{float: left;margin-left: 13.56%}
.news-nav{margin-top: 130px;margin-bottom: 155px;}
.news-nav a{height: 46px;width: 136px;height: 44px;border: solid 1px transparent;line-height: 42px;font-size: 18px;color: #686868;display: block;margin-bottom: 55px;text-align: center;border-radius: 10px;transition: ease-in .3s;-webkit-transition: ease-in .3s;-moz-transition: ease-in .3s;-ms-transition: ease-in .3s;-o-transition: ease-in .3s;}
.news-nav a:hover,.news-nav a.active{border-color: #0388c4;color: #0388c4;font-size: 24px;}
.news-right{width: 1325px;max-width: 69%;float: right}
.news-right .swiper-container{padding-bottom: 30px;}
.news-right ul li{padding-top: 40px;padding-bottom: 30px; position: relative;}
.news-right ul li:before{
	width: 0%;
    height: 2px;
    background: #0388c4;
    position: absolute;
    display: block;
    content: "";
    bottom: 0px;
    left: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.news-right ul li:after{
	width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    display: block;
    content: "";
    bottom: 1px;
    left: 0;
}
.news-time{position: absolute;right: 20px;top: -40px;background: #0388c4;width: 96px;height: 78px;font-size: 18px;color: #fff;line-height: 78px;font-weight: bold;z-index: 2}
.news-time span{font-size: 27px;}
.news-img{width:100%;height: 262px;position: relative;overflow: hidden;z-index: 1}
.news-img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: ease-in .3s;-webkit-transition: ease-in .3s;-moz-transition: ease-in .3s;-ms-transition: ease-in .3s;-o-transition: ease-in .3s;}
.news-content{text-align: left}
.news-date{margin-top: 15px;font-size: 16px;color: #333;margin-bottom: 15px;}
.news-title{font-size: 18px;color: #333;margin-bottom: 30px;font-weight: bold}
.news-content .home-more span{color: #686868}
.news-content .home-more span:after{text-align: center;background: #686868;color: #fff}
.news-right .swiper-pagination{bottom: 1px;top: auto;height: 2px;background: #dcdcdc}
.news-right .swiper-pagination span{height: 4px !important;background: #0388c4;margin-top: -1px}
.news-right ul li:hover:before{
	width: 100%;
}
.news-right ul li:hover .news-img img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1)}
.news-right ul li:hover .news-title{color: #0388c4}
@media(max-width: 992px){
    .news{padding-bottom: 90px;}
    .news-box{margin-top: 50px;}
    .news-left{width: 100%;margin-left: 0}
    .news-nav{margin-top: 0;margin-bottom: 0;text-align: center;}
    .news-nav a{display: inline-block;margin-bottom: 0}
    .news-left .home-more{display: none}
    .news-right{width: 90%;max-width: 90%;float: left;margin-left: 5%;margin-top: 50px;}
}
@media(max-width: 760px){
    .news{padding-top: 0; padding-bottom: 70px;}
    .news .home-title{margin-top: 50px;}
    .news-nav a{font-size: 1.5rem;line-height: 34px;height: 36px;width: 120px}
    .news-nav a:hover, .news-nav a.active{font-size: 1.5rem}
    .news-right ul li{padding-top: 20px;}
    .news-right{width: 100%;max-width: 100%;padding: 0 10px;margin-left: 0;margin-top: 30px;}
    .news-time{height: 40px;top: -20px;line-height: 40px;font-size: 1.2rem;border-radius: 5px;width: 70px;}
    .news-time span{font-size: 1.4rem}
    .news-date{font-size: 1.2rem}
    .news-title{font-size: 1.5rem;margin-bottom: 20px;}
    .news-content .home-more span{font-size: 1.2rem}
}
/*footer*/
#footer{background: #333333}
.footer-top{padding: 20px 0;}
.footer-top .container{display: flex; align-items: center;}
.footer-top .container div{
	margin: 0
}
.footer-top .container:before,.footer-top .container:after{
	display: none;
}
.footer-left{flex: 1;width: 442px;max-width: 32.46%;margin: 0}
.footer-logo{width: 25%;/*background: url(../images/logo_2.png) no-repeat left center;background-size: contain;height: 73px;margin-bottom: 35px;*/}
.footer-adds{
	width: 44%;
	margin-left: 6%!important;
}
.footer-adds p{
	font-size: 14px;
	color:#fff;
	line-height: 36px;
	letter-spacing: 4px;
	padding-left: 40px;
	background: url("../images/icon1.png") no-repeat 0 0;
}
.footer-adds p.i-add{
	background-position: 0 -36px;
}
.footer-adds p.i-email{
	background-position: 0 -72px;
}
.footer-adds p.i-fax{
	background-position: 0 -108px;
}
.footer-adds p.i-post{
	background-position: 0 bottom;
}
.wx-code{
	width: 25%;
	position: relative;
}
.wx-code:before{
	content: "";
	width: 1px;
	height: 100%;
	background-color: rgba(84,84,84,.6);
	position: absolute;
	left: 0;
	top: 0
}
.wx-code:after{
	content: "";
	width: 1px;
	height: 100%;
	background-color: rgba(84,84,84,.6);
	position: absolute;
	right: 0;
	top: 0
}
.wx-code p{
	padding: 0;
	line-height: 2;
	font-size: 14px;
	color: #fff
}
.footer-right{flex: 1;margin-top: 35px;position: relative;display: flex;padding-left:20px;max-width: 67.54%}
.footer-right:before,.code-item:after{position: absolute;left: 0;top: 50%;width: 1px;height: 100%;background: #b1b1b1;content: "";opacity: .26;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%)}
.footer-item{flex: 1;margin-left: 15px;}
.footer-item:last-child{min-width: 125px}
.footer-item dt{position: relative;padding-left: 25px;font-size: 16px;font-weight: normal;margin-bottom: 20px;}
.footer-item dt:before{position: absolute;left: 0;top: 50%;width: 12px;height: 12px;background: #0388c4;margin-top: -6px;content: "";border-radius: 50%}
.footer-item dt a{color: #fff;}
.footer-item dd{line-height: 40px;font-size: 14px;padding-left: 25px;}
.footer-item dd a{color: #929292}
.footer-item dd:hover a{color: #fff;}
.code-item{
	padding-right: 30px;
	position: relative;
}
.code-item:after{
	left: auto;
	right: 0
}
.code-item dd{
	padding-left: 0
}
.footer-copy{background: #282828;padding: 10px 0;font-size: 13px;color: rgba(255,255,255,.36)}
.footer-copy span{margin-left: 15px;}
.footer-copy a{color: rgba(255,255,255,.36)}
.footer-copy a:hover{color: #fff;}
.footer-goTop{position:absolute;cursor:pointer;top: -48px;width: 148px;height: 48px;background: url(../images/copyright.png) no-repeat center;margin-left: -74px;left: 50%}
.footer-goTop::before{border-left:1px solid #fff;border-top:1px solid #fff;width:14px;height:14px;position:absolute;top:18px;left:50%;transform:rotate(45deg);content:'';animation:slowmove 2s infinite;margin-left: -7px;}
.footer-goTop:after{border-left:1px solid #fff;border-top:1px solid #fff;width:10px;height:10px;position:absolute;transform:rotate(45deg);content:'';left: 50%;bottom: 10px;margin-left: -5px;opacity: .5}
@-ms-keyframes slowmove{0%{top:18px}
    50%{top:12px}
    100%{top:18px}
}
@-webkit-keyframes slowmove{0%{top:18px}
    50%{top:12px}
    100%{top:18px}
}
@keyframes slowmove{0%{top:18px}
    50%{top:12px}
    100%{top:18px}
}
@-moz-keyframes slowmove{0%{top:18px}
    50%{top:12px}
    100%{top:18px}
}
@media(max-width: 1350px){
    .footer-adds{
		font-size: 13px;
		line-height: 30px;
		margin-left: 0px!important
	}
}
@media (max-width: 1200px){
    .footer-item{margin-left: 10px;}
}
@media(max-width: 992px){
    .footer-top{padding: 30px 0 50px}
    .footer-top .container{
		flex-direction: column
	}
	.footer-top .container div{
		width: 100%;
	}
	.footer-logo{
		margin-bottom: 20px!important
	}
	.footer-logo img{
		width: 66%;
		display: block;
		margin: 0 auto;
	}
	.footer-adds p{
		letter-spacing: 0px
	}
}
@media(max-width: 760px){
    #footer{margin-bottom: 60px;}
    .footer-logo{}
    .footer-adds{font-size: 1.2rem}
    .footer-copy{padding: 15px 0;font-size: 1.2rem}
    .footer-copy span{display: block}
}
/*footer button*/
#footer-button{background: #0388c4;border-top-color: #78161b;box-shadow: 0 0 5px #0388c4}
#footer-button a{border-right-color:#78161b;border-left-color: #98484c}
/*page*/
.page-banner{left: 0;top:0;width: 100%;height: 100%}
.page-banner:before{
  content:"";
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(3,136,196,1) 0%,
    rgba(3,136,196,0) 100%
  );
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.page-banner-title{font-size: 48px;font-family: 'Noto Serif CJK SC', 'Noto Serif CJK', 'Source Han Serif SC', 'Source Han Serif', source-han-serif-sc, serif;color: #ffffff;font-weight: bold;position:relative}
.page-banner-subtitle{font-size: 18px;color: rgba(255,255,255,.68);margin-top: 10px;font-weight: 600;position:relative}
.page-channel{margin-top: -45px;position: relative;z-index: 5;}
.page-channel .container{background: #fff;height: 88px;}
.page-channel ul li{flex: 1;text-align: center;line-height: 88px}
.page-channel ul li a{font-size: 18px;color: #333333;display: block;position: relative;transition: ease-in .3s;-webkit-transition: ease-in .3s;-moz-transition: ease-in .3s;-ms-transition: ease-in .3s;-o-transition: ease-in .3s}
.page-channel ul li a:after{position: absolute;left: 0;bottom: 0;width: 0;height: 4px;background: #0388c4;content: "";transition: ease-in .3s;-webkit-transition: ease-in .3s;-moz-transition: ease-in .3s;-ms-transition: ease-in .3s;-o-transition: ease-in .3s}
.page-channel ul li:hover,.page-channel ul li.active{background: rgba(3,136,196,.12)}
.page-channel ul li:hover a,.page-channel ul li.active a{color: #0388c4}
.page-channel ul li:hover a:after,.page-channel ul li.active a:after{width: 100%}
.page-main{background: #f6f6f6}
.page-container{padding-top: 70px;min-height:calc(100vh - 600px)}
.page-title{font-size: 20px;color: #000;}
.page-text{font-size: 14px;color: #333;line-height: 2;}
.page-text img{max-width: 100%;height: auto !important}
.home-title,.page-channel-title{padding-top: 30px;padding-left: 55px;position: relative}
.home-title:before,.page-channel-title:before{position: absolute;left: 0;top: 0;width: 110px;height: 110px;border: solid 1px #0388c4;opacity: .2;border-radius: 50%;content: ''}
.home-title:after,.page-channel-title:after{position: absolute;left: 24px;top: 24px;width: 62px;height: 62px;border: solid 10px #0388c4;border-radius: 50%;opacity: .3;content: '';}
.home-title-en,.page-channel-title-en{font-family: 'Noto Serif CJK SC', 'Noto Serif CJK', 'Source Han Serif SC', 'Source Han Serif', source-han-serif-sc, serif;font-size: 36px;color: #333333;font-weight: bold;line-height: 1;margin-bottom: 10px;text-transform:capitalize}
.home-title-cn,.page-channel-title-cn{font-size: 34px;color: #333333;line-height: 1;}
.home-title-cn i,.page-channel-title-cn i{font-size: 24px;margin-left: 10px;margin-right: 10px;}
.home-title-cn span,.page-channel-title-cn span{font-size: 16px;color: #686868}
.page-case-content{
	width: 80%;
}
@media(max-width: 992px){
    .page-banner-title{font-size: 2rem}
    .page-banner-subtitle{font-size: 1.3rem;padding: 0 15px;}
    .home-title-en,.page-channel-title-en{font-size: 3rem}
    .home-title-cn,.page-channel-title-cn{font-size: 2.6rem}
    .home-title-cn span,.page-channel-title-cn span{font-size: 1.4rem}
	.page-case-content{
		width: 96%;
	}
}
@media(max-width: 760px){
    .page-channel{margin-top: -15px;padding: 0 5px;}
    .page-channel .container{padding: 0;height: 40px;}
    .page-channel ul li{flex: none;width: auto;margin-right: 20px;padding: 0 15px;}
    .page-channel ul li a{font-size: 1.4rem;line-height: 40px;}
    .page-channel ul li a:after{height: 2px;}
    .page-container{padding-top: 50px;min-height:calc(100vh - 30vh - 60px)}
    .home-title,.page-channel-title{padding: 0;text-align: center}
    .home-title:before,.home-title:after,.page-channel-title:before,.page-channel-title:after{display: none}
    .home-title-en,.page-channel-title-en{font-size: 2rem;text-transform: uppercase;opacity: .5}
    .home-title-en:after,.page-channel-title-en:after{display: block;width: 30px;height: 2px;background: #0388c4;content: '';margin: 15px auto}
    .home-title-cn,.page-channel-title-cn{font-size: 2.2rem;font-weight: bold}
    .home-title-cn i,.page-channel-title-cn i{display: none}
    .home-title-cn span,.page-channel-title-cn span{display: block;font-size: 1.2rem;font-weight: normal;margin-top: 15px;}

}
/*page about*/
.page-about-backg{background: url(../images/about_bakcg_1.png) no-repeat bottom 50px center;padding-bottom: 90px}
.page-about{margin-top: 50px;display: flex;margin-bottom: 65px;}
.page-about-left{flex: 1;width: 722px;max-width: 49.15%}
.page-about-right{flex: 1;width: calc(100% - 722px);max-width: 50.85%;padding-left: 60px;}
.page-about-name{font-size: 24px;color: #0388c4;font-weight: bold;margin-bottom: 20px;}
.page-about-summary{font-size: 16px;color: #686868;line-height: 40px}
@media(max-width: 1400px){
    .page-about-summary{font-size: 15px;line-height: 34px;}
}
@media(max-width: 1200px){
    .page-about-right{padding-left: 40px;}
    .page-about-summary{font-size: 14px;line-height: 2}
}
@media(max-width: 760px){
    .page-about{margin-top: 30px;display: block;margin-bottom: 0}
    .page-about-backg{background-size: contain;padding-bottom: 60px;}
    .page-about-left{width: 100%;max-width: 100%;margin-bottom: 30px;}
    .page-about-right{padding: 0;max-width: 100%;width: 100%}
    .page-about-name{font-size: 2rem}
    .page-about-summary{font-size: 1.2rem;}
}
/*page honor*/
.page-honor-background{background: url(../images/honor_backg.jpg) no-repeat top center;background-size: cover}
.page-honor{margin-top: 100px;margin-bottom: 65px;}
.honor-nav{position: relative;margin-bottom: 100px;padding: 0 3%}
.honor-nav:after{position: absolute;left: 0;width: 100%;height: 2px;background: #d4d4d4;content: '';bottom: 0}
.honor-nav ul li{text-align: center;cursor: pointer}
.honor-nav ul li span{line-height: 110px;font-size: 20px;color: #686868;position: relative;display: inline-block}
.honor-nav ul li span:after{position: absolute;left: 50%;width: 0;height: 3px;background: #0388c4;content: '';bottom: 0;margin-left: -77px;}
.honor-nav ul li.swiper-slide-thumb-active span{color: #0388c4;font-size: 30px;font-weight: bold}
.honor-nav ul li.swiper-slide-thumb-active span:after{width: 154px;}
.honor-next,.honor-prev{color: #d9d9d9;font-size: 38px;}
.honor-next:after,.honor-prev:after{display: none}
.honor-prev{transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg)}
.page-honor-img{display: block;overflow: hidden;}
.page-honor-text{margin-top: 80px;font-size: 14px;color: #686868;text-align: center;line-height: 30px;max-width: 240px}
.honor-prev:hover,.honor-next:hover{color: #0388c4}
.swiper-honor-list ul li{width: 330px;}
.swiper-honor-list ul li .page-honor-img{
	display: flex;
	align-items:flex-end;
	height: 245px;
	background-color: #fff;
	width: 100%;
	/*max-width:200px;*/
	box-shadow: 0 0 10px rgba(115,115,115,.69)
}
.swiper-honor-list ul li .page-honor-img a{
	position: relative;
	margin: auto;
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	transition: all 0.5s;
}
.swiper-honor-list ul li .page-honor-img img{
	display: block;
	width: 90%;
	height: 90%;
	object-fit: contain
}
.swiper-honor-list ul li.swiper-slide-active .page-honor-img{
	width: 330px !important;
	/*max-width: 330px;*/
}
.swiper-honor-list ul li .page-honor-block{
	height: 100%;
}
.swiper-honor-list ul li .page-honor-img a{
	height: 100%;
}
@media(max-width: 760px){
    .page-honor{margin-top: 50px;}
    .honor-nav{padding: 0 50px;margin-bottom: 30px;}
    .honor-nav ul li span{line-height: 50px;font-size: 1.6rem}
    .honor-nav ul li.swiper-slide-thumb-active span{font-size: 2rem}
    .honor-nav ul li.swiper-slide-thumb-active span:after{width: 100%;margin-left: 0;left: 0}
    .honor-next, .honor-prev{font-size: 2rem}
    .swiper-honor-list ul li{width: 100%;max-width: 100%}
    .swiper-honor-list ul li.swiper-slide-active .page-honor-img{width: 100% !important;max-width: 100%}
    .page-honor-text{max-width: 100%;margin-top: 50px;}
}
/*page philosophy*/
.page-philosophy-background{background: url(../images/service_backg.jpg) no-repeat top center}
.page-philosophy-info{margin-top: 95px;}
.page-philosophy-text{text-align: center;margin-top: 45px;font-size: 18px;color: #333333;font-weight: bold;}
.page-philosophy-text span{color: #0388c4}
.page-philosophy-list{margin-top: 180px;display: flex;margin-bottom: 50px}
.page-philosophy-item{flex: 1;border-right: solid 1px #ebebeb;padding-right: 15px;margin-right: 45px;}
.page-philosophy-item:first-child{flex: 1.2}
.page-philosophy-item:nth-last-child(2){flex: 1.4}
.page-philosophy-item:last-child{border-right: none;margin-right: 0}
.page-philosophy-title{margin-top: 15px;color: #0388c4;font-size: 20px;margin-bottom: 15px;font-weight: bold}
.page-philosophy-summary{font-size: 15px;color: #686868;line-height: 36px;}
@media (max-width: 760px) {
    .page-philosophy-info{margin-top: 60px}
    .page-philosophy-logo img{max-height: 80px}
    .page-philosophy-text{margin-top: 30px;font-size: 1.4rem}
    .page-philosophy-list{display: block;overflow: hidden;box-shadow: 0 0 5px rgba(0,0,0,.1);margin-bottom: 30px;margin-top: 50px;margin-right: 0;background: rgba(255,255,255,.5)}
    .page-philosophy-item{width: 50%;float: left;padding: 20px 3%;border-right: solid 1px #ddd;border-bottom: solid 1px #ddd;;margin-right: 0}
    .page-philosophy-item:nth-child(2n){border-right: 0}
    .page-philosophy-item:last-child,.page-culture-item:nth-last-child(2){border-bottom: none}
    .page-philosophy-item:last-child{width: 100%}
    .page-philosophy-title{text-align: center;font-size: 1.6rem}
    .page-philosophy-summary{font-size: 1.2rem;line-height: 20px;min-height: 200px}
    .page-philosophy-item:last-child .page-philosophy-summary{min-height: auto;text-align: center}
}
/*page features*/
.page-features-background{background: url(../images/features_backg.jpg) no-repeat top center;background-size: cover}
.page-features-container{margin-top: 70px;margin-bottom: 60px;}
.page-features-text{padding: 0 25px;line-height: 40px;}
.page-features-text h3{font-size: 16px;color: #0388c4;font-weight: bold;margin-bottom: 10px;margin-top: 10px;}
.page-features-text p{font-size: 14px;color: #686868;text-indent: 30px;}
@media(max-width: 760px){
    .page-features-container{margin-top: 50px;margin-bottom: 50px;}
    .page-features-text{padding: 0}
    .page-features-text h3{font-size: 1.5rem;margin-top: 15px}
    .page-features-text p{font-size: 1.2rem;line-height: 2;text-indent: 20px}
}
/*page unit*/
.page-unit-container{margin-top: 95px;margin-bottom: 100px;}
.swiper-unit{width: 100%;position: relative;height: 100px;overflow: hidden;margin-bottom: 20px}
.swiper-unit:before,.swiper-unit:after{position: absolute;top: 0;width: 90px;height: 100%;content: '';z-index: 2}
.swiper-unit:before{left: 0;background: -webkit-gradient(linear,0% 100%, 100% 100%, from(#f5f6f8), to(transparent))}
.swiper-unit:after{right: 0;background: -webkit-gradient(linear,0% 100%, 100% 100%, from(transparent), to(#f5f6f8))}
.swiper-unit-box{width:3000px;height: 100px;position: absolute;top: 0}
.unit-item{width: 224px;height: 100px;text-align: center;background: #fff;margin-right: 25px;float: left;border-radius: 6px;position: relative}
.unit-item img{
	display: block;
	width: 90%!important;
	height: 98%!important;
	object-fit: contain;
}
@media(max-width: 760px){
	.swiper-unit{
		height: 46px;
	}
	.unit-item{
		padding: 0 10px;
		width: 152px;
		height: 46px;
	}
}
/*team*/
.page-filter{margin-top: 50px;}
.page-filter-title{font-size: 18px;line-height: 1.75;color: #333;margin-bottom: 10px;}
.page-filter-list a{display: inline-block;height: 36px;background: #eee;text-align: center;line-height: 36px;margin-right: .8vw;margin-bottom: 6px;font-size:20px;color: #999;padding: 0 10px;}
.page-filter-list a.active,.page-filter-list a:hover{background: #0388c4;color: #fff;}
@media(max-width: 760px){
    .page-filter{margin-top: 30px;}
    .page-filter-title{font-size: 1.4rem;text-align: center}
    .page-filter-list a{padding: 0 5px;font-size: 1.2rem;line-height: 24px;height: 24px;}
}
.page-team-container{
	width: 100%;
    position: relative;
    margin-top: 76px;
    border-top: 1px solid #d5d5d5;
    padding-top: 76px;
}
.hel_c1p3ul {
    margin: 0 -25px;
}
.hel_c1p3li {
    width: 33.333333%;
    padding: 0 25px;
    margin-bottom: 50px;
}
.hel_c1p3li a:hover .hel_tisp{
	color: #0388c4
}
.hel_c1p3jb {
    width: 100%;
    position: relative;
    background: #eee;
    transition: all 0.36s;
}
.hel_c1p3jble {
    width: calc(100% - 220px);
    padding-right: 20px;
    padding-top: 43px;
	padding-left: 40px
}
.hel_d2p2tle .hel_title {
    font-size: 28px;
    line-height: 1.2;
    color: #333333;
    margin-bottom: 10px;
}
.hel_c1p3jtui .hel_tisp {
    font-family: 'Arial' !important;
}
.hel_c1p3jkd {
    margin-top: 24px;
    padding-top: 23px;
    position: relative;
    display: inline-block;
}


.hel_c1p3jkd::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #d5d5d5;
    transition: all 0.36s;
}

.hel_c1p3jkd p {
    font-size: 16px;
    line-height: 1.75;
    color: #666666;
    height: 112px;
    overflow: hidden;
	word-wrap: break-word;
	word-break: normal
}
.hel_c1p3jbri {
    width: 220px;
    position: relative;
}
.hel_img {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
}

.hel_img1 {
	display: block;
    width: 100%;
    height: 100%;
	object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
/*team detail*/
.hel_c2ymbx {
    width: 100%;
    position: relative;
}

.hel_c2ymbx::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 33.7%;
    height: 100%;
    background: #fafafa;
}
.hel_content {
    padding-right: 150px;
    padding-left: 150px;
}
/* c2 star */
.hel_c2p1 {
    width: 100%;
    position: relative;
}

.hel_c2p1le {
    width: 490px;
    padding-right: 100px;
    padding-top: 78px;
    min-height: 100vh;
}

.hel_c2p1ri {
    width: calc(100% - 490px);
    padding-left: 109px;
    padding-top: 76px;
    padding-bottom: 76px;
    overflow: hidden;
}

.hel_c2p1leig {
    width: 100%;
}

.hel_c2p1leig img {
    width: 100%;
}

.hel_c2p1dle {
    width: 22px;
}

.hel_c2p1dle img {
    width: 100%;
}

.hel_c2p1dri {
    width: calc(100% - 22px);
    padding-left: 15px;
}

.hel_c2p1dri p {
    font-size: 16px;
    line-height: 1.625;
    color: #333333;
}

.hel_c2p1leli {
    margin-bottom: 16px;
}

.hel_c2p1leul {
    margin-top: 28px;
    padding-left: 36px;
}

.hel_c2ymbx {
    width: 100%;
    position: relative;
}

.hel_c2ymbx::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 33.7%;
    height: 100%;
    background: #fafafa;
}

.hel_c2p1rop .hel_c2p1ti {
    font-size: 40px;
    line-height: 1.5;
    color: #333333;
    font-weight: bold;
}

.hel_c2p1rop .hel_c2p1sp {
    font-size: 24px;
    line-height: 1.5;
    color: #666666;
    padding-left: 24px;
}

.hel_c2p1rop {
    display: flex;
    align-items: flex-end;
}

.hel_c2p1fti p {
    font-size: 20px;
    line-height: 1.5;
    color: #333333;
    font-weight: bold;
}

.hel_c2p1fti {
    position: relative;
}

.hel_c2p1fti::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 95px;
    width: calc(100% - 95px);
    height: 1px;
    background: #dfdfdf;
}

.hel_c2p1fti::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 95px;
    width: 20px;
    height: 3px;
    background: #1b2c43;
}

.hel_c2p1ftute p {
	margin-bottom: 15px;
    font-size: 16px;
    line-height: 2;
    color: #666666;
}

.hel_c2p1ftute {
    margin-top: 20px;
    font-size: 16px;
    line-height: 2;
    color: #666666;
}

.hel_c2p1ful {
    margin-top: 46px;
}

.hel_c2p1fli {
    margin-bottom: 55px;
}

.hel_c2p1mor a {
    display: block;
    width: 150px;
    border: 1px solid #cdcdcd;
    padding: 0 25px;
}

.hel_c2p1mig {
    width: 6px;
    line-height: 46px;
}

.hel_c2p1mig img {
    width: 100%;
}

.hel_c2p1mie p {
    font-size: 16px;
    line-height: 46px;
    color: #666666;
}

.hel_c2p1mie {
    width: calc(100% - 6px);
    padding-left: 19px;
}
.hel_c1p2jle {
    width: calc(100% - 200px);
}
@media screen and (max-width: 1680px) {
    .hel_c1p3li {
        padding: 0 20px;
        margin-bottom: 40px;
    }
    .hel_c1p3ul {
        margin: 0px -20px;
    }
	.hel_c1p3jb{
	}
	.hel_c1p3jble{
		width: calc(100% - 180px);
		padding-left: 26px;
		padding-right: 5px;
	}
	.hel_c1p3jkd p{
		font-size: 16px;
	    height: 96px;
		line-height: 1.5;
	}
	.hel_c1p3jbri{
		width: 180px;
	}
}
@media screen and (max-width: 1560px){
	.hel_content {
		padding-right: 90px;
		padding-left: 90px;
	}
}
@media screen and (max-width: 1440px) {
	.page-team-container{
		margin-top: 55px;
    	padding-top: 55px;
	}
	.hel_c1p3li {
        padding: 0 15px;
        margin-bottom: 30px;
    }
	.hel_c1p3ul {
        margin: 0px -15px;
    }
	.hel_c1p3jb{
	}
	.hel_c1p3jble{
		padding-left: 20px;
		width: calc(100% - 150px);
		padding-right: 0
	}
	.hel_d2p2tle .hel_title{
		font-size: 22px;
	}
	.hel_c1p3jkd{
		margin-top: 12px;
	    padding-top: 12px;
	}
	.hel_c1p3jbri{
		width: 150px;
	}
	.hel_c2p1le{
		width: 440px;
		padding-right: 80px;
		padding-top: 50px;
	}
	.hel_c2p1ri{
		width: calc(100% - 440px);
		padding-left: 100px;
		padding-top: 55px;
		padding-bottom: 55px;
	}
	.hel_c2p1rop .hel_c2p1ti{
		font-size: 32px;
	}
	.hel_c2p1rop .hel_c2p1sp{
		font-size: 18px;
	}
	.hel_c2p1ful{
		margin-top: 30px;
	}
	.hel_c2p1fli{
		margin-bottom: 30px;
	}
}
@media screen and (max-width: 1366px){
	.hel_c1p3jkd p {
		font-size: 14px;
		height: 84px;
	}
	.hel_c2p1ri {
		padding-left: 64px;
	}
}
@media screen and (max-width: 1280px){
	.hel_c1p3jb{
	}
	.hel_c1p3jble{
		padding-left: 26px;
		padding-right: 17px;
    	padding-top: 30px;
		width: calc(100% - 140px);
	}
	.hel_d2p2tle .hel_title{
		margin-bottom: 4px;
	}
	.hel_c1p3jkd {
		margin-top: 10px;
		padding-top: 10px;
	}
	.hel_c1p3jkd p{
		height: 105px;
	}
	.hel_c1p3jbri{
		width: 140px;
	}
	.hel_c2p1le {
		width: 383px;
		padding-right: 40px;
	}
}
@media screen and (min-width:1200px) {
    .hel_d1ymli:hover .hel_d1ymri img {
        transform: scale(1.06);
    }

    .hel_c1p1nbks p:hover {
        color: #1b2c43;
    }

    .hel_c1p2kli:hover {
        background: #1b2c43;
    }

    .hel_c1p2kli:hover a {
        color: #fff;
    }

    .hel_c1p3li:hover .hel_c1p3jb {
        background: #cacaca;
    }

    .hel_c1p3li:hover .hel_c1p3jkd::before {
        background: #afafaf;
    }
}
@media screen and (max-width: 1199px) {
	.hel_c1p3li {
        padding: 0 10px;
        margin-bottom: 20px;
    }
    .hel_c1p3ul {
        margin: 0px -10px;
    }
	.hel_content {
		padding-right: 20px;
		padding-left: 20px;
		width: 100%;
	}
	.hel_c2p1rop .hel_c2p1ti {
		font-size: 26px;
	}
}
@media screen and (max-width: 950px) {
	.hel_c1p3li {
        width: 50%;
    }
	.hel_c2p1le {
		width: 340px;
		padding-right: 28px;
	}
	.hel_c2p1fti p{
		font-size: 18px;
	}
}
@media screen and (max-width: 768px){
	.page-team-container{
		margin-top: 31px;
    	padding-top: 26px;
	}
	.hel_c1p3jb{
	}
	.hel_c1p3jble{
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 9px;
	    width: calc(100% - 124px);
	}
	.hel_d2p2tle .hel_title{
		font-size: 16px;
	}
	.hel_d2p2tle .hel_tisp{
		font-size: 14px;
	}
	.hel_c1p3jbri{
		width: 124px;
	}
	.hel_c2p1le {
		width: 100%;
		padding-right: 0px;
		position: relative;
	    z-index: 10;
		padding-top: 25px;
		padding-bottom: 20px;
		min-height: inherit;
	}
	.hel_c2p1leig{
		width: 300px;
    	max-width: 100%;
	}
	.hel_c2p1ri {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		padding-top: 34px;
	    padding-bottom: 36px;
	}
	.hel_c2p1rop .hel_c2p1ti {
		font-size: 18px;
	}
	.hel_c2p1rop .hel_c2p1sp{
		font-size: 14px;
		padding-left: 10px;
	}
	.hel_c2p1ful{
		margin-top: 18px;
	}
	.hel_c2p1fli{
		margin-bottom: 17px;
	}
	.hel_c2p1fti p{
		font-size: 16px;
	}
	.hel_c2p1fti::before{
		left: 80px;
	    width: calc(100% - 50px);
	}
	.hel_c2p1fti::after{
		left: 80px;
	    height: 2px;
	}
	.hel_c2p1ftute{
		margin-top: 8px;
	}
	.yxedr_active p{
		font-size: 14px;
	    margin-bottom: 10px;
	}
	.hel_c2p1mor a{
		width: 119px;
		padding: 0 20px
	}
	.hel_c2p1mig{
		line-height: 39px;
	}
	.hel_c2p1mie{
		width: calc(100% - 6px);
	    padding-left: 12px;
	}
	.hel_c2p1mie p{
		font-size: 14px;
	    line-height: 39px;
	}
	.hel_c2ymbx::before{
		opacity: 0
	}
	.hel_c2p1le::after{
		content: '';
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		background: #fafafa;
		height: 100%;
		width: 100vw;
		z-index: -1;
	}
}
@media screen and (max-width: 480px) {
	.page-team-container{
		margin-top: 24px;
    	padding-top: 26px;
	}
	.hel_c1p3li {
        width: 100%;
    }
	.hel_c1p3jkd{
		margin-top: 8px;
	    padding-top: 9px;
	}
	.hel_c1p3jkd p{
		height: 85px;
	}
	.hel_c2p1leul{
		margin-top: 22px;
    	padding-left: 0px;
	}
	.hel_c2p1leli{
		margin-bottom: 11px;
	}
	.hel_c2p1dle{
		width: 18px;
	}
	.hel_c2p1dri{
		width: calc(100% - 18px);
    	padding-left: 12px;
	}
	.hel_c2p1dri p{
		font-size: 14px;
	}
}
/*business area list*/
.proField-main{display:flex;flex-wrap:wrap;margin-top:50px}
.proField-main:after{width:32%;content:''}
.proField-main .item{background:#f4f4f4;display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc((100% - 90px)/4);padding:62px 0;position:relative;z-index:1;margin-right:30px;margin-bottom:30px;transition:all .4s ease;border-radius: 8px;/*border:2px solid transparent;z-index:1*/}
.proField-main .item:before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;background:#0388c4;border-radius: 8px; transition:all .4s ease;z-index:-1}
.proField-main .item .bg-number{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;font-weight:700;font-size:150px;color:rgba(193,193,193,.1);z-index:-1;transition:all .4s ease}
.proField-main .item h3{font-size:20px;color:#444;margin:10px 0 15px;font-weight:700;z-index:1}
.proField-main .item .more-btn{font-size:13px;color:#8b8b8b}
.proField-main .item:nth-child(4n){margin-right:0}
.proField-main .item:hover .bg-number{opacity:0}
.proField-main .item:hover:before{opacity:1}
.proField-main .item:hover .more-btn,.proField-main .item:hover h3{color:#fff}
.proField-main .item i .ico-white{display: none;}
.proField-main .item:hover i .ico-white{display: block;}
.proField-main .item:hover i .ico-red{display: none;}
.proField-main .item i{display: flex;align-items: center;justify-content: center;width: 50px;height: 50px;margin: 0 auto}
.proField-main .item i img{max-width:100%}

/*Certificate Enquiry*/
.cerField-main{
    margin-top:50px;
    display: flex;
    flex-flow: row wrap;
    gap: 30px;
}
.cerField-main .item{
    width: calc((100% - 60px)/3);
    display: flex;
    flex-flow: column;
    align-items: center;
}
.cerField-main .item img{
    display: block;
    margin: 0 auto 20px;
    width: auto;
    height: 120px;
}
.cerField-main .item h3{
    font-size:20px;color:#444;margin:10px 0 15px;font-weight:700;z-index:1
}
@media(max-width: 760px){
    .cerField-main .item{
        width: 100%;
    }
    .cerField-main .item img{
        height: 58px;
    }
    .cerField-main .item h3{
        font-size: 16px;
    }
}
/*business area detail*/
.in-article {padding: 30px 0;width: 80%;}
.in-article-top { border-bottom: #e5e5e5 solid 1px; padding-bottom: 20px; margin-bottom: 30px;}
.in-article-top h1 {font-size: 30px; text-align: center; font-weight: normal; padding-bottom: 20px;}
.in-article-top p { text-align: center;}
.in-article-top p span {font-size: 14px; color: #999; margin: 0 20px;}
.in-article-con p {font-size: 16px; margin-bottom: 20px; line-height: 30px;}
.in-article-btm {padding-top: 20px;}
.in-article-btm .bdsharebuttonbox {margin-bottom: 20px;}
.in-article-btm .mz {padding: 20px 0; border: #e9e9e9 solid 1px; border-left: none; border-right: 0;}
.in-article-btm .mz p {font-size: 16px; color: #b5b5b5; line-height: 30px;}
.in-article-btm .pn {padding: 20px 0;}
.in-article-btm .pn p {margin-bottom: 20px; }
.in-article-btm .pn p a {font-size: 16px; color: #666; display: block;}
.in-article-btm .pn p a:hover {text-decoration: underline; color: #910000;}
@media all and (max-width:1000px) {
	.proField-main .item{padding: 60px 0}
    .proField-main .item .bg-number{font-size: 130px}
	.in-article{
		width: 90%;
		padding-top: 0
	}
	.in-article-top{
		padding-bottom: 0;
		margin-bottom: 20px;
	}
	.in-article-top h1{
		font-size: 22px;
		color: #333
	}
	.in-article-con p{
		font-size: 14px;
	}
}
@media all and (max-width:640px) {
	.proField-main .item {width: 48%;padding: 60px 0;}
	.proField-main .item{padding: 20px 0;margin-bottom: 15px}
    .proField-main .item .bg-number{font-size: 90px;top: -10px}
	.proField-main .item i{width: 40px;height: 40px}
    .proField-main .item i img{max-width: 85%;max-height: 85%}
    .proField-main .item h3{font-size: 14px}
}
/*casse*/
.page-case-filter{display: flex;justify-content: space-between}
.page-case-filter>div{margin: auto 0}
.page-case-filter-right{margin-left: 3vw;display: flex}
.page-case-filter-right>div{margin: auto 0}
.page-case-filter-title{position: relative}
.page-case-filter-box{position: absolute;right: 0;top: 55px;background: #fff;padding: 5px;box-shadow: 0 0 5px rgba(0,0,0,.1);z-index: 20;width: 360px;display: none}
.page-case-filter-box:after{position: absolute;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: solid 10px #fff;content: '';right: 30px;top: -10px;box-shadow: 0 0 5px rgba(0,0,0,.1)}
.page-case-filter-box .page-filter-list{display: flex;width: 100%;flex-direction: row;flex-wrap: wrap}
.page-case-filter-box .page-filter-list a{width: calc(50% - 5px);margin-right: 10px;font-size: 14px;white-space: nowrap}
.page-case-filter-box .page-filter-list a:nth-child(2n){margin-right: 0}
.page-case-filter-block{height: 46px;color: #333333;position: relative;padding:0 30px 0 10px ;text-align: center;line-height: 46px;background: #0388c4;cursor: pointer}
.page-case-filter-name{font-size: 16px;color: #fff}
.page-case-filter-name a{color: #fff}
.page-case-filter-block svg{position: absolute;right: 15px;width: 14px;height: 14px;top: 50%;margin-top: -7px;fill: #fff;cursor: pointer}
.page-case-more{height: 46px;width: 120px;border: solid 1px #0388c4;line-height: 44px;background: #fff;text-align: center;color: #0388c4;font-size: 16px;margin-left: 15px !important;cursor: pointer}
@media(max-width: 760px){
    .page-case-filter{flex-direction: row;flex-wrap:wrap}
    .page-case-filter>div{width: 100%}
    .page-case-filter-right{margin-top: 30px !important;justify-content: center}
    .page-case-filter-block{font-size: 1.4rem}
    .page-case-filter-name{font-size: 1.4rem}
    .page-case-filter-box{left: -20%;}
    .page-case-filter-box .page-filter-list a{line-height: 34px;height: 34px;}
    .page-case-more{width: 90px;font-size: 1.4rem}
}
.g_f1nrpt{
	margin: 36px -13px 0;
	visibility: visible
}
.g_sypt1botflz{
	width: 33.333333%;
    padding: 0 11px;
    margin-bottom: 22px;
}
.g_sypt1botflz a{
	display: block;
    width: 100%;
    height: 100%;
    padding: 34px;
    border: 1px solid #e5e5e5;
    background: -webkit-linear-gradient(left top, rgba(255,255,255, 1) , rgba(255,255,255, 1));
    background: -o-linear-gradient(bottom right, rgba(255,255,255, 1) , rgba(255,255,255, 1));
    background: -moz-linear-gradient(bottom right, rgba(255,255,255, 1) , rgba(255,255,255, 1));
    background: linear-gradient(to bottom right, rgba(255,255,255, 1) , rgba(255,255,255, 1));
    transition: all .5s;
}
.g_sypt1botflztle{
	color: #333333;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px;
    height: 60px;
    overflow: hidden;
}
.g_xinxifl{
	margin-bottom: 16px;
}
.g_xinxi .g_xinxifl{
	margin-right: 15px;
}
.g_xinxifl1{
	width: 14px;
    position: relative;
    margin-top: 3px;
}
.g_xinxifl1 img{
	width: 100%;
}
.g_f1nrpt .g_xinxifl11{
	position: relative;
    top: 0;
    left: 0;
}
.g_f1nrpt .g_xinxifl12{
	position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.g_xinxifl2{
	margin-left: 10px;
    font-size: 16px;
    color: #999;
    line-height: 22px;
}
.g_sypt1botflwz{
	color: #999999;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}
.ace_sypt1botflwz{
	margin-top: 18px;
}
.g_sypt1botflwzbox{
	position: relative;
    width: 28px;
    z-index: 10;
}
.g_sypt1botflwzbox img{
	width: 100%	
}
.g_sypt1botflwzbox .g_sypt1botbtn1{
	display: block;
	width: 28px;
	position: relative;
    top: 0;
    left: 0;
}
.g_sypt1botflwzbox .g_sypt1botbtn2{
	position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.ace_sypt1botflwz p{
	color: #666;
	transform: translateX(10px);
	line-height: 28px;
    z-index: 1;
    transition: all .36s;
}
.g_sypt1botflz:hover .g_sypt1botflztle{
	color: #0388c4
}
@media screen and (max-width: 1200px){
	.g_f1nrpt .g_sypt1botflz {
	    width: 50%;
	}
	.g_sypt1botflz a {
	    padding: 24px 18px;
	}
	.g_sypt1botflyou .g_sypt1botflztle {
	    font-size: 18px;
	    line-height: 28px;
	    height: 56px;
	    margin-bottom: 10px;
	}
	.g_xinxifl {
	    margin-right: 15px;
	}
}
@media screen and (max-width: 768px){
	.g_dongfl .g_sypt1botflztle {
	    margin-bottom: 10px;
	}
	.g_sypt1botflztle {
	    font-size: 16px;
	    line-height: 28px;
	    margin-bottom: 10px;
	    height: 56px;
	}
	.g_f1nrpt .g_sypt1botflwz {
	    margin-top: 0;
	}
}
@media screen and (max-width: 416px){
	.g_f1nrpt .g_sypt1botflz {
	    width: 100%;
	}
	.g_f1nrpt .g_sypt1botflz {
	    padding: 0 15px;
	    margin-bottom: 15px;
	}
	.g_sypt1botflz a {
	    padding: 15px;
	}
	.g_dongfl .g_sypt1botflztle {
	    height: 48px;
	    margin-bottom: 0;
	}
	.g_sypt1botflyou .g_sypt1botflztle {
	    font-size: 16px;
	    line-height: 26px;
	    height: 52px;
	}
	.g_f2nrpt .g_sypt1botflztle {
	    font-size: 16px;;
	    height: 52px;
	}
	.g_2e1pt4fl .g_xinxifl {
	    top: 24px;
	    right: 15px;
	}
	.g_xinxifl {
	    margin-bottom: 5px;
	    margin-top: 5px;
	}
	.g_synr1 .g_dongfl .g_xinxifl {
	    margin-right: 10px;
	}
	.g_sypt1botflwzbox {
	    width: 24px;
	}
	.g_sypt1botbtn1 {
	    width: 24px;
	}
	.ace_sypt1botflwz p {
	    color: #0388c4;
	    transform: translateX(10px);
	}
}
/*case detail*/
.g_f4top h3{
    text-align: center;
    color:#333333;
    line-height: 32px;
    font-size: 24px;
    margin-bottom: 30px;
}
.g_f4titleb{
    text-align: center;
    width:100%;
    border-top:1px solid #eeeeee;
    border-bottom:1px solid #eeeeee;
    padding:16px 0;
}
.g_f4title{
	display: inline-block
}
.g_f4titlefl{
	padding: 0 40px
}
.g_f4titlefl .g_f4titlefltu{
	float: left;
    width: 14px;
    display: block;
}
.g_f4titlefltu img{
	width: 100%
}
.g_f4titleflwz{
	color: #999999;
    font-size: 14px;
    line-height: 18px;
    float: left;
    margin-left: 10px;
}
.g_f4cen{
	margin-top: 30px;
	padding-bottom: 20px;
	color: #666;
    font-size: 14px;
    line-height: 28px;
}
.g_f4cen p{
	color: #666;
    font-size: 14px;
    line-height: 28px;
}
.g_f4cen img{
    margin-bottom: 15px;
    max-width: 100%;
    height: auto!important;
}
.g_f4cen a{
	color: #0388c4;
}
.g_f4bot{
	margin-bottom: 100px
}
@media screen and (max-width:1199px) {
	.g_f4titlefl{
		padding: 0 15px;
	}
	.g_f4cen img{
		max-width: 100%;
		height: auto!important
	}
	.g_f4bot{
		margin-bottom: 50px;
		padding-top: 10px;
	}
	.g_f4botxiafl{
		width: 100%;
		line-height: 2;
		float: none!important
	}
	.g_f4botxiafl.fl,.g_f4botxiafl.fr{
		float: none!important
	}
	.g_f4botxiafl2.fl{
		float: none!important;
	}
}
@media screen and (max-width:760px){
	.g_f4cen iframe,.g_f4cen video{
		width: 100%!important;
		height: 246px!important
	}
}
/*news list*/
.jiansuo{
	margin-top: 81px
}
.jiansuo .three{
	margin-top: 36px;
	width: 100%;
}
.jiansuo .three .t{
	position: relative;
	overflow: hidden;
    box-shadow: -1px 1px 20px #999;
}
.jiansuo .three .t img{
	width: 431px;
    transition: all 0.6s ease-out 0s;
    -ms-transition: all 0.6s ease-out 0s;
    -moz-transition: all 0.6s ease-out 0s;
    -webkit-transition: all 0.6s ease-out 0s;
    -o-transition: all 0.6s ease-out 0s;
}
.jiansuo .three .del{
	margin: auto;
    width: calc(100% - 431px);
    background: #fff;
    position: relative;
    padding: 18px 30px 7px 10px;
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
    margin-top: 20px;
}
.kuang{
	margin-left: 80px;
    margin-right: 195px;
    position: relative;
    z-index: 5;
}
.kuang h3 {
	font-size: 22px;
	line-height: 34px;
	color: #464646;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	padding-top: 10px;
}

.kuang h4 {
	line-height: 98px;
	font-size: 22px;
	color: #1b2c43;
}

.kuang p {
	font-size: 16px;
	height: 48px;
	line-height: 48px;
	color: #848484;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.lf{
	margin: 31px 0 20px;
	display: flex;
    position: relative;
    -webkit-transition: all .6s ease-out 0s;
    -moz-transition: all .6s ease-out 0s;
    -ms-transition: all .6s ease-out 0s;
    -o-transition: all .6s ease-out 0s;
    transition: all .6s ease-out 0s;
}
.lf:after{
	position: absolute;
    content: '';
    width: 0px;
    background: #666;
    height: 2px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transition: all .6s ease-out 0s;
    -moz-transition: all .6s ease-out 0s;
    -ms-transition: all .6s ease-out 0s;
    -o-transition: all .6s ease-out 0s;
    transition: all .6s ease-out 0s;
}
.lf img{
	-webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.del:hover .lf{
	padding-left: 200px
}
.del:hover .lf:after{
	width: 200px
}
@media screen and (max-width: 1685px ) {
	.kuang{
		margin-right: 30px;
		margin-left: 40px;
	}
}
@media screen and (max-width:1199px ) {
	.t{
		width: 100%;
	}
	.t img{
		width: 100%;
	}
	.jiansuo .three .t img{
		width: 100%;
	}
	.jiansuo .three .del,.kuang{
		width: 100%;
	}
    .kuang{
        margin-left: 0;
        padding: 0px;
    }
    .jiansuo .three .del{
        padding: 25px 15px;
    }
    .lf{
        margin-bottom: 0;
        margin-top: 20px;
    }
    .kuang h4{
        line-height: 30px;
        padding: 10px 0;
    }
    .kuang p{
        line-height: 26px;
        height:auto;
    }
}
@media screen and (max-width: 767px) {
	.jiansuo .three .del{
		margin-top: -80px;
	}
	.kuang h4{
		line-height:40px ;
	}
}
/*job list*/
.join_list{
	width: 100%;
	padding: 0 30px;
	text-align: left;
	position: relative;
	margin: 50px 0;
	background-color: #fff;
}
.join_list li{
	width: 100%;
	color: #000;
	font-size: 12px;
}
.join_list li .li_con{
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	padding: 30px 4%;
	cursor: pointer;
}
.join_list li:nth-child(2n+2) .li_con{
	background-color: #fcfcfc;
}
.join_list li .li_con:after{
	content: '';
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 8px solid #000;
	border-bottom: none;
	position: absolute;
	right: 4%;
	top: 38px;
	/*transition: all .3s;*/
}
.join_list li:hover .li_con:after{
	border-top: 8px solid red;
}
.join_list li.on .li_con:after{
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid red;
	border-top: none;
}
.join_list li .li_con b{
	font-size: 16px;
}
.join_list li .li_con span{
	float: right;
	opacity: .6;
	margin-right: 60px;
}

.join_list li .li_detail{
	width: 100%;
	color: #000;
	font-size: 14px;
	border-bottom: 1px solid #e5e5e5;
	padding: 0 4% 80px;
	display: none;
}
.join_list li .li_detail p{
	line-height: 30px;
}
.join_list li .li_detail b{
	font-weight: bold;
}
.li_detail_jy{
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	padding: 35px 0;
}
.li_detail_jy p{
	display: inline-block;
	width: 36%;
}
.li_detail_jy p:nth-child(2),.li_detail_jy p:nth-child(5){
	width: 42%;
}
.li_detail_jy p:nth-child(3),.li_detail_jy p:nth-child(6){
	width: 20%;
}
.li_detail_jy p b{
	margin-right: 10px;
}

.li_detail_xx{
	width: 100%;
	padding: 30px 0;
}

.li_detail_btn{
	width: 250px;
	height: 60px;
	line-height: 60px;
	color: #f3f3f3;
	font-size: 18px;
	text-align: center;
	background-color: #222;
	margin-left: 0;
	cursor: pointer;
}
.li_detail_btn:hover{
	background-color: #333;
}

.join_pop{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	background-color: rgba(0,0,0,0.85);
	display: none;
}
.join_pop_box{
	width: 1200px;
	max-width: 90%;
	max-height: 90%;
	background-color: #fff;
	position: relative;
	top: 52%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 5% 0;
}
.join_pop_box_close{
	position: absolute;
	right: 0;
	bottom: 100%;
	z-index: 100;
	background-color: #e60014;
	padding: 5px;
	cursor: pointer;
}
.join_pop_box_close i{
	display: block;
	color: #fff;
	font-size: 40px;
	transform:rotate(45deg);
	cursor: pointer;
}
.join_pop_con{
	width: 600px;
	max-width: 100%;
	height: 100%;
}
.section_title{
	text-shadow: none;
}
.join_pop_put{
	width: 100%;
	position: relative;
}
.join_pop_put p{
	width: 100%;
	line-height: 40px;
	text-align: left;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 20px;
}
.join_pop_put p span{
	display: block;
}
.join_pop_put p input{
	display: block;
	width: 100%;
	line-height: 40px;
	cursor: text;
}
.join_pop_put p select{
	display: inline-block;
	width: 45%;
	line-height: 40px;
	border: none;
	cursor: pointer;
}
.join_pop_put p select.bm{
	margin-right: 8%;
}

.join_pop_btn{
	width: 250px;
	height: 60px;
	line-height: 60px;
	color: #f3f3f3;
	font-size: 18px;
	text-align: center;
	background-color: #222;
	margin-left: 0;
	margin-top: 50px;
	cursor: pointer;
}
.join_pop_btn:hover{
	background-color: #333;
}
.join_pop_em{
	width: 100%;
	text-align: left;
	margin-top: 20px;
}
.join_pop_em span{
	color: #d93a3a;
}
@media screen and (max-width: 760px) {
	.join_list{
		padding: 0
	}
	.li_detail_jy{
		padding: 15px 0
	}
	.join_list li .li_con{
		padding: 15px 4%
	}
	.li_detail_jy p{
		width: 50%
	}
	.li_detail_jy p:nth-child(3), .li_detail_jy p:nth-child(5), .li_detail_jy p:nth-child(6){
		width: 100%
	}
	.join_list li .li_con:after{
		content: '';
		width: 0;
		height: 0;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 8px solid #000;
		border-bottom: none;
		position: absolute;
		right: 4%;
		top: 25px;
	}
}
/* pages 分页  */
.pages{
	margin-top: 40px;
	margin-bottom: 30px;
	text-align: center;
}
.pages b, .page-this{
	display: inline-block;
	background: #0388c4;
	padding: 0 15px;
	font-size: 14px;
	color: #fff;
	line-height: 40px;
	font-weight: 400;
	margin: 0 5px;
}
.pages a, .page-end, .page-start{
	display: inline-block;
	background: #efefef;
	padding: 0 15px;
	font-size: 12px;
	color: #666;
	height: 40px;
	line-height: 40px;
}
.pages a:hover, .pages b{
	background: #0388c4;
    color: #fff;
}
.pages a, .pages b, .page-end, .page-start, .page-this{line-height:40px}
/*contact*/
.hel_d1ymul{
	margin: 50px 0;
}
.hel_d1ymbx {
    width: 100%;
    position: relative;
    padding: 100px 0 0;
}
.hel_d1ymli {
    margin-bottom: 90px;
}
.hel_d1ymli a {
    display: block;
    width: 100%;
}
.hel_d1ymle {
    width: calc(100% - 600px);
    padding-right: 80px;
}
.hel_d1ymri {
    width: 600px;
    position: relative;
    overflow: hidden;
}
.hel_d1ymri img {
    transition: all 0.6s;
}
.hel_d1ymzb {
    width: 100%;
    position: relative;
    border-top: 1px solid #e2e2e2;
    padding-top: 70px;
}
.hel_d1ymzb>div{
    margin: 0;
}
.hel_d1ymzb::before {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 46px;
    height: 3px;
    background: #233246;
}
.hel_d1ymjle {
    /*width: 310px;*/
}
.hel_d1ymjri {
    /*width: calc(100% - 310px);*/
}
.hel_d1ymjte .hel_title {
    font-size: 30px;
    line-height: 2;
    color: #333333;
}
.hel_d2p2ti .hel_d1ymjte .hel_title {
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}

.hel_d2p2ti .hel_d1ymjte .hel_title::before {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #1b2c43;
}
.hel_d1ymjte .hel_tisp {
    font-size: 18px;
    line-height: 1.75;
    color: #999999;
}
.hel_d2p2ti .hel_d1ymjte .hel_tisp {
    display: block;
    width: 100%;
}
.hel_d1yoli{
	margin-bottom: 15px;
}
.hel_d1yolile{
	width: 20px;
    line-height: 32px;
}
.hel_d1yolile img{
	width: 100%;
}
.hel_d1yoliri{
	width: calc(100% - 20px);
    padding-left: 16px;
}
.hel_d1yoliri p{
	font-size: 16px;
    line-height: 2;
    color: #666666;
}
.hel_code{
	display: none;
}
.hel_d1ymli:first-child .hel_code{
	display: block;
}
@media screen and (max-width: 1680px) {
	.hel_d1ymjle {
        width: 230px;
    }
	.hel_d1ymjri {
        width: calc(100% - 230px);
    }
}
@media screen and (max-width: 1440px) {
	.hel_d1ymjte .hel_title {
        font-size: 26px;
    }
	.hel_d1ymjte .hel_tisp {
        font-size: 16px;
    }
	.hel_d1ymle {
        width: calc(100% - 500px);
        padding-right: 51px;
    }
    .hel_d1ymri {
        width: 500px;
    }
	.hel_d1ymzb {
        padding-top: 43px;
    }
	.hel_d1ymri {
        width: 500px;
    }
}
@media screen and (max-width: 1280px) {
	.hel_d1ymjle {
        width: 180px;
    }
	.hel_d1ymjri {
        width: calc(100% - 180px);
    }
	.hel_d1ymle {
        width: calc(100% - 400px);
        padding-right: 33px;
    }

    .hel_d1ymri {
        width: 400px;
    }
	.hel_d1ymzb {
        padding-top: 32px;
    }
	.hel_d1ymri {
        width: 400px;
    }
}
@media screen and (max-width: 1199px) {
	.hel_d1yolile {
        width: 16px;
    }
	.hel_d2p1ul .hel_d1yolile {
        line-height: 32px;
    }
	.hel_d2p1ul .hel_d1yoliri p {
        font-size: 16px;
    }
    .hel_d1yoliri {
        width: calc(100% - 16px);
        padding-left: 13px;
    }
}
@media screen and (max-width: 950px) {
	.hel_d1ymri {
        width: 340px;
    }
    .hel_d1ymle {
        width: calc(100% - 340px);
        padding-right: 20px;
    }
    .hel_d1yoliri p {
        font-size: 14px;
    }
	.hel_d1yolile {
        line-height: 28px;
    }
	.hel_d1yoliri p {
        font-size: 14px;
    }
	.hel_d1ymri {
        width: 340px;
    }
}
@media screen and (max-width: 768px) {
	.hel_d1ymjte .hel_title {
        font-size: 18px;
    }
	.hel_d1ymjte .hel_tisp {
        font-size: 14px;
    }
	.hel_d1ymle {
        width: 100%;
        padding-right: 0;
    }
    .hel_d1ymri {
        float: left;
        margin-top: 15px;
    }
	.hel_d1ymzb {
        padding-top: 26px;
    }
}
@media screen and (max-width: 480px) {
	.hel_d1ymjle {
        width: 100%;
    }
	.hel_d1ymjri {
        width: 100%;
    }
	.hel_d1ymzb {
        padding-top: 23px;
    }
	.hel_d1ymri {
		width: 100%;
        margin-top: 10px;
    }
}
/*feedback*/
.g_nyg1pt3{
    background: #f5f6f8;
    padding-top: 70px;
    padding-bottom: 90px;
    margin-top: 64px;
}
::-webkit-input-placeholder {
    color: #333;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
}
/* Firefox 4-18 */
:-moz-placeholder {
    color: #333;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
}
/* Firefox 19-50 */
::-moz-placeholder {
    color: #333;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
}
/* - Internet Explorer 10?C11
   - Internet Explorer Mobile 10-11 */
:-ms-input-placeholder {
    color: #333 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 1 !important;
}
/* Edge (also supports ::-webkit-input-placeholder) */
::-ms-input-placeholder {
    color: #333;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
}
/* CSS Working Draft */
::placeholder {
    color: #ccc;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
}
button, input, select, textarea{
	font-family: 'Arial','微软雅黑';
    font-size: 14px;
    line-height: 1;
	color: #333;
	margin: 0;
	border: none;
	outline: none;
	background: none;
}
input::placeholder, textarea::placeholder{
	font-family: 'Arial','微软雅黑';
    font-size: 14px;
    line-height: 1;
	color: #333;
}
.g_nyg1pt3tle h3{
    font-size: 30px;
    color: #333333;
    font-family: "微软雅黑";
    letter-spacing: 1px;
    margin-bottom: 18px;
    text-align: center;
}
.g_nyg1pt3tle p{
    font-size: 16px;
    color: #999999;
    font-family: "微软雅黑";
    letter-spacing: 1px;
    margin-bottom: 18px;
    text-align: center;
}
.g_nyg1pt3bd1{
    margin-bottom: 22px;
}
.g_nyg1pt3bd{
    padding-top: 26px;
}
.g_nyg1pt3bdhz{
    width:50%;
    padding-left:11px;
    padding-right: 11px;
    height:66px;
}
.g_nyg1pt3bd1{
    margin-right: -11px;
    margin-left: -11px;
}
.g_nyg1pt3bd1fl{
    width:100%;
    height:100%;
    border:1px solid #dcdcdc;
    background: #fff;
}
.g_nyg1pt3bd1fl input{
    width:100%;
    height:100%;
    padding-left: 26px;
    padding-right: 26px;
}
.g_nyg1pt3bd2{
    width:100%;
    height:200px;
    border:1px solid #dcdcdc;
    background: #fff;
    padding:26px;
}
.g_nyg1pt3bd2 textarea{
    width:100%;
    height:100%;
    resize: none;
}
.g_nyg1pt3bd3{
    width:100%;
}
.g_nyg1pt3bd3in{
    width:314px;
    height:50px;
    border:1px solid #dcdcdc;
    background: #fff;
    margin-right: 24px;
}
.g_nyg1pt3bd3in input{
    width:100%;
    height:100%;
    padding-left: 26px;
    padding-right: 26px;
}
.g_nyg1pt3bdfs{
    width:234px;
    height:50px;
    background-image: linear-gradient(to right, #0388c4, #f5d2d4);
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-family: "微软雅黑";
    letter-spacing: 5px;
    line-height: 50px;
    cursor: pointer;
}
.g_nyg1pt3bd2{
    margin-bottom: 22px;
}
.g_nyg1pt3bd3yz{
    width:120px;
    cursor: pointer;
}
.g_nyg1pt3bd3yz img{
    width:100%;
}
.g_nyg1pt3bd1fl input::-webkit-input-placeholder{
    color: #999999;
    font-size: 18px;
}
.g_nyg1pt3bd2 textarea::-webkit-input-placeholder{
    color: #999999;
    font-size: 18px;
} 
.g_nyg1pt3bd3in input::-webkit-input-placeholder{
    color: #999999;
    font-size: 18px;
}
@media screen and (max-width: 1200px){
	.g_nyg1pt3tle h3 {
	    font-size: 24px;
	}
}
@media screen and (max-width: 768px){
	.hel_d1ymli{
		margin-bottom: 15px;
	}
	.g_nyg1pt3 {
	    padding-top: 32px;
	    padding-bottom: 32px;
	    margin-top: 32px;
	}
	.g_nyg1pt3bd1{
	    margin-bottom: 0;
	}
	.g_nyg1pt3bdhz{
	    margin-bottom: 12px;
	    width: 100%;
		height: 42px
	}
	.g_nyg1pt3bd1fl input{
		padding-left: 10px;
    	padding-right: 10px;
	}
	.g_nyg1pt3bd1fl input::-webkit-input-placeholder{
        font-size: 14px;
    }
	.g_nyg1pt3bd2{
		height: 150px;
    	padding: 12px 10px;
	}
	.g_nyg1pt3bd2 textarea::-webkit-input-placeholder{
        font-size: 14px;
    } 
	.g_nyg1pt3bd3in input{
		padding-left: 10px;
    	padding-right: 10px;
	}
	.g_nyg1pt3bd3{
	    display: flex;
	    flex-flow: row wrap;
	    align-items: stretch;
	}
	.g_nyg1pt3bd3in{
	    margin-right: 0;
	    width: 68%;
	}
	.g_nyg1pt3bd3yz{
	    width: 32%;
	    height: 52px;
	}
	.g_nyg1pt3bd3yz canvas.img{
	    width: 100%;
	    height: 52px;
	}
	.g_nyg1pt3bd3in input{
		padding-left: 10px;
    	padding-right: 10px;
	}
	.g_nyg1pt3bdfs{
	    margin-top: 12px;
	    width: 100%;
		font-size: 16px;
	}
}
@media screen and (max-width: 416px){
	.g_nyg1pt3tle h3 {
	    font-size: 18px;
	}
	.g_nyg1pt3bd {
	    padding-top: 0px;
	}
	.g_nyg1pt3bd1 {
	    margin-bottom: 0;
	}
	.g_nyg1pt3bdhz {
	    width: 100%;
		margin-bottom: 18px;
	}
	.g_nyg1pt3bdfs{
		height: 50px;
		font-size: 16px;
		width: 100%;
		margin-top: 18px;
	}
	.g_nyg1pt3bd3in{
		width: 180px;
		height: 50px;
		margin-right: 15px;
	}
	.footer-text{
		width: 100%
	}
}
/*dangjian honor*/
.page-honor-list{
	margin-top: 81px;
}
.page-honor-list li{
	width: 23.5%;
	margin-right: 1.5%;
	float: left;
}
.page-honor-list li a{
	display: block;
}
.page-honor-list li .img_box .pd{
	padding: 26px;
	background-color: #e8e8e8;
	position: relative;
	overflow: hidden;
}
.page-honor-list li .img_box .pd .rect-75{
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 75%;
	overflow: hidden;
}
.page-honor-list li .img_box .pd .rect-75 img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	*height: auto;
}
.page-honor-list .tit_box{
	padding: 30px 20px;
	background-color: #ababab;
	transition: all 0.5s ease;
}
.page-honor-list .tit_box .tit{
	line-height: 1;
	font-size: 16px;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.page-honor-list li .img_box .pd .mask{
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	height: 100%;
	background: url(../images/honor_bg.png) center;
	background-size: cover;
	transition: all 0.5s ease;
}
.page-honor-list li .img_box .pd .mask .icon{
	position: absolute;
	left: 50%;
	margin-left: -42px;
	top: 50%;
	margin-top: -42px;
	width: 84px;
	height: 84px;
	background: url(../images/honoe01_2.png) no-repeat center;
}
.page-honor-list li:hover .img_box .pd .mask{
	top: 0;
}
.page-honor-list li:hover .tit_box{
	background-color: #0388c4;
}
@media (max-width: 760px) {
	.page-honor-list li{
		width: 100%;
		margin-bottom: 20px;
		margin-right: 0;
	}
}
/*Search result*/
.search_result {
  margin-bottom: 60px;
}
.right_tit {
  font-size: 18px;
  line-height: 26px;
  color: #083a81;
  font-weight: bold;
  padding: 10px 0;
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 10px;
}
.right_tit span {
  display: inline-block;
  position: relative;
}
.right_tit span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -12px;
  width: 100%;
  height: 2px;
  background: #0388c4;
}
.search_list .li {
  padding: 0 0 14px;
}
.search_list .search_a {
  display: block;
  padding: 30px 0;
  border-bottom: 1px solid #e1e1e1;
  color: #333;
}
.search_pic {
  width: 100px;
  float: left;
  margin-right: 20px;
}
.search_con {
  overflow: hidden;
  width: 75%;
  margin: 0
}
.search_tit {
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  margin-bottom: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  display: block;
  box-sizing: border-box;
}
.search_tit i {
  font-size: 12px;
  color: #666;
  margin-left: 35px;
}
.search_intro {
  line-height: 24px;
  max-height: 72px;
  overflow: hidden;
  color: #666;
}
.search_con font {
  color: #0388c4 !important;
}
.search_list .search_a:hover {
  color: #0388c4
}
@media screen and (max-width:1500px) and (min-width: 1200px) {
  .search_tit {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .search_tit i {
    margin-left: 10px;
  }
  .search_list .li {
    padding: 0;
  }
  .search_list .search_a {
    padding: 20px 0;
  }
  .search_con {
    width: auto;
  }
}
@media screen and (max-width:1200px) {
  .search_list .search_a {
    padding: 25px 0
  }
  .search_list .li {
    padding: 0 0 10px;
  }
}
@media screen and (max-width:758px) {
  .search_result .right_tit span:after {
    bottom: -10px;
  }
  .search_list .search_a {
    padding: 18px 0;
  }
  .search_pic {
    width: 70px;
    margin-right: 14px;
  }
  .search_con {
    width: auto;
  }
  .search_tit {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
  }
  .search_intro {
    font-size: 12px;
    line-height: 18px;
    max-height: 54px;
  }
  .search_tit i {
    margin-left: 15px;
  }
  .search_list .li {
    padding: 1px 0;
  }
}
/*team cover*/
.sub-classify{
	margin-bottom: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sub-classify a{
	width: 36%;
	height: 100%;
	margin: 2%;
	position: relative;
	overflow: hidden;
}
.sub-classify a .img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.icon-name{
	display: flex;
	align-items: center;
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 80px;
	background-color: transparent;
    justify-content: center;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.icon-name .s-icon-img{
	margin-right: 30px;
}
.icon-name .s-text{
	margin: 0;
}
.s-text .s-name{
	margin-bottom: 10px;
	font-size: 30px;
	font-weight: 600;
	color: #fff;
	font-family: 'Noto Serif CJK SC', 'Noto Serif CJK', 'Source Han Serif SC', 'Source Han Serif', source-han-serif-sc, serif;
}
.s-text p{
	font-size: 18px;
	font-weight: 800;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Noto Serif CJK SC', 'Noto Serif CJK', 'Source Han Serif SC', 'Source Han Serif', source-han-serif-sc, serif;
}
.sub-classify a:hover .icon-name{
	background-color: rgba(146,49,54,.8)
}
.sub-classify a:hover .img{
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}
/*sitemap*/
.sitemap-list {
  height: auto;
  width: 100%;
  overflow: hidden;
  margin-bottom: 60px;
}
.sitemap-list ul li {
  margin-bottom: 20px;
}
.sitemap-list h1 {
  margin-bottom: 0;
  display: block;
  line-height: 40px;
  font-size: 18px;
  color: #333;
  font-weight: 800;
  border-bottom: 1px dotted rgba(0, 0, 0, .1);
}
.sitemap-list .sub_map {
  display: block;
}
.sitemap-list .sub_map a {
  display: inline-block;
  font-size: 15px;
  line-height: 40px;
  margin-right: 25px;
}
@media screen and (max-width:1500px) and (min-width: 1200px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:758px) {
	.sub-classify{
		flex-wrap: wrap;
	}
	.sub-classify a{
		width: 100%;
		margin: 4% 0 0;
	}
	.sub-classify .s-icon-img{
		width: 15%;
		margin-right: 15px;
	}
	.sub-classify .s-icon-img img{
		width: 100%;
	}
	.sub-classify .icon-name{
		padding: 0;
	}
	.icon-name .s-text{
		width: 36%;
	}
	.s-text .s-name{
		font-size: 20px;
		margin-bottom: 10px;
	}
	.s-text p{
		font-size: 12px;
	}
}