@charset "utf-8";
/* css document */
body{
	padding: 0;
	/*	font-family:'notosanssc', simhei;*/
	margin: 0;
	font-family: '微软雅黑';
	font-size: 14px;
	line-height: 1.66;
	background: #ffffff;
}

body::-webkit-scrollbar{
	display: none
}

body, ul, li, p, h1, h2, h3, h4, h5, h6, form{
	padding: 0;
	margin: 0;
}

header, footer{
	display: block;
}

li{
	list-style: none;
}

a{
	color: #333333;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent
}

a:hover{
	text-decoration: none;
}

a:focus, a:active, a:visited{
	background: none;
}

img{
	height: auto !important;
	max-width: 100%;
}

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

.flex-stretch{
	display: flex;
	align-items: stretch;
}

.flex-stretch-between{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}

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

.flex-justify-between{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flex-justify-center{
	display: flex;
	align-items: center;
	justify-content: center
}

.flex-justify-end{
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.justify-end{
	display: flex;
	align-content: center;
	justify-content: flex-end;
}

.flex1{
	overflow: hidden;
	flex: 1;
}

/**字体大小设置**/
.font16{
	font-size: clamp(13px, 0.95vw, 16px);
}

.font18{
	font-size: clamp(13px, 1.28vw, 18px);
}

.font20{
	font-size: clamp(14px, 1.28vw, 18px);
}

.font24{
	font-size: clamp(15px, 1.42vw, 20px);
}

.font30{
	font-size: clamp(16px, 1.78vw, 28px);
}

.font36{
	font-size: clamp(18px, 2vw, 32px);
}

.font46{
	font-size: clamp(20px, 2.5vw, 40px)
}

.font70{
	font-size: clamp(36px, 3.6vw, 50px);
}

.bold{
	font-weight: bold
}

.lighter{
	font-weight: lighter
}

.uppercase{
	font-family: arial, " sans-serif";
	text-transform: uppercase;
}

.lineh1{
	line-height: 1
}

.lineh1_3{
	line-height: 1.3
}

.lineh2{
	line-height: 2
}

.textc{
	text-align: center;
}

.textr{
	text-align: right;
}

.letter{
	letter-spacing: 0.3em;
}

/***字体颜色**/
.fontc0{
	color: #000000;
}

.fontc1{
	color: #254a79;
}

.fontc2{
	color: #696a6c;
}

.fontc3{
	color: #60626b
}

.fontc4{
	color: #999999
}

.fontc5{
	color: #ec6900
}

.fontc6{
	color: #242424
}

.fontc7{
	color: #505050
}

.bgcf8{
	background: #f8f8f8;
}

.related{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-top: clamp(8px, 0.8vw, 16px);
}

.related a{
	display: flex;
	padding: clamp(2px, 0.4vw, 6px) 0;
	align-items: flex-start;
}

.related a p:first-child{
	color: #999999;
	margin-right: 8px;
	white-space: nowrap
}

.bgcf9{
	background: #f9fdff;
}

.bgcee{
	background: #eef3f7;
}

.bgcf2{
	background: #f2f6f9;
}

/*内间距设置*/
.pdlr8{
	padding-left: 8px;
	padding-right: 8px;
}

.pdlr30{
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
}

.pdlr240{
	padding-left: clamp(30px, 14.28vw, 240px);
	padding-right: clamp(30px, 14.28vw, 240px);
}

.pdt16{
	padding-top: clamp(14px, 0.95vw, 16px);
}

.pdl60{
	padding-left: clamp(24px, 3.57vw, 60px);
}

.pdt24{
	padding-top: clamp(16px, 1.42vw, 24px);
}

.pdt36{
	padding-top: clamp(18px, 2.14vw, 36px);
}

.pdt52{
	padding-top: clamp(24px, 3.1vw, 52px);
}

.pdt70{
	padding-top: clamp(30px, 4.16vw, 70px);
}

.pdt150{
	padding-top: clamp(70px, 10.71vw, 150px);
}

.pdb80{
	padding-bottom: clamp(40px, 5.71vw, 80px);
}

.pdb150{
	padding-bottom: clamp(70px, 10.71vw, 150px);
}

.mgl8{
	margin-left: 8px;
}

.mgl20{
	margin-left: clamp(10px, 1.2vw, 20px);
}

.mgl80{
    margin-left: clamp(36px, 4.76vw, 80px);
}

.mgl28{
    margin-left: clamp(14px, 1.6vw, 28px);
}

.mgr80{
	margin-right: clamp(36px, 4.76vw, 80px);
}

.mgr28{
    margin-right: clamp(14px, 1.6vw, 28px);
}

.mgt4{
	margin-top: 4px;
}

.mgt12{
	margin-top: clamp(6px, 1vw, 15px);
}

.mgt16{
	margin-top: clamp(8px, 1.2vw, 18px);
}

.mgt24{
	margin-top: clamp(12px, 1.9vw, 30px);
}

.mgt30{
	margin-top: clamp(20px, 2vw, 30px);
}

.h46{
	height: clamp(24px, 2.73vw, 46px)
}

.posr{
	position: relative;
}

.min40vh{
	min-height: 40vh
}

.bodtop{
	border-top: 1px solid #737373;
}

.pdl2em{
	padding-left: 2.6em
}

.indent2em{
	text-indent: 2em
}

/*main css*/
#scrollbody{
	position: relative;
	overflow: auto;
	width: 100%;
	height: 100vh;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
}

.container{
	width: 94%;
	max-width: 1400px;
	margin: 0 auto;
	box-sizing: border-box;
}

.banner{
	position: relative;
	z-index: 0;
	overflow: hidden;
	height: 100vh;
}

.banner .swiper{
	height: 100%;
}

.banner .swiper .swiper-wrapper, .banner .swiper .swiper-slide{
	height: 100%;
}

.banner-tips{
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	align-items: center;
	justify-content: center;
}

.banner-tips h3{
	font-weight: bold;
	padding-top: 80px;
}

.banner-tips h4{
	font-weight: lighter;
	margin-top: 8px;
}

.banner-tips .container{
	/*	padding-left: clamp(60px,11.98vw,200px);*/
}

.brand-logo{
	display: block;
	width: 128px;
	height: 42px;
	background: url(/uploads/image/ardimages/logo.png) no-repeat;
	background-size: contain;
}

.navbox{
	display: flex;
	position: relative;
	align-items: center;
}

.hidenav.navbox{
	display: none;
	z-index: -10;
	overflow: hidden;
}

.navitems{
	position: relative;
	padding: 0 clamp(15px, 2.14vw, 25px);
}

.navitems .nav{
	position: relative;
	white-space: nowrap
}

.navitems .nav a{
	display: block;
	padding: 16px 0;
	font-size: 18px;
	line-height: 1;
	color: #fff;
}

.navitems .nav a::after{
	display: block;
	position: absolute;
	right: 10px;
	bottom: 4px;
	left: 10px;
	height: 1px;
	transition: transform .5s ease;
	transform: scalex(0);
	background-color: #ffffff;
	content: "";
	transform-origin: center;
}

.navitems .nav.current a::after{
	transform: scalex(1);
}

.navitems .nav:hover a::after{
	transform: scalex(1);
}

.subnav{
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 10;
	width: 100%;
	text-align: center;
}

.subnav a{
	display: inline-block;
	position: relative;
	padding: 6px 0;
	font-size: 15px;
	color: #fff;
}

.subnav a::after{
	display: block;
	position: absolute;
	right: 0;
	bottom: 4px;
	left: 0;
	height: 1px;
	transition: transform .5s ease;
	transform: scalex(0);
	background-color: #ffffff;
	content: "";
	transform-origin: center;
}

.subnav a:hover::after{
	transform: scalex(1);
}

.mob-navbtn{
	display: none;
}

.mob-navbar-nav{
	display: none;
}

.search{
	display: flex;
	position: relative;
	padding: 10px 0;
	align-items: stretch;
}

.search .ssbar{
	width: 30px;
	height: 30px;
	background: url(/uploads/image/ardimages/iss.png) no-repeat center;
	margin-left: clamp(15px, 2.14vw, 36px);
}

.search .input{
	display: flex;
	position: relative;
	width: 0;
	transition: width .45s ease;
	align-items: center;
	visibility: hidden;
}

.search .input i, .search .input:after{
	display: block;
	position: absolute;
	right: 4px;
	bottom: -5px;
	left: -24px;
	height: 1px;
	opacity: .5;
	background-color: #ffffff;
	content: "";
	visibility: hidden
}

.search .input i{
	opacity: 1;
	transform: scalex(0);
	transform-origin: right center;
	visibility: visible
}

.search .input input{
	width: 100%;
	padding: 0 .5em;
	border: 0;
	font-size: clamp(14px, 0.95vw, 16px);
	line-height: 1;
	color: #ffffff;
	background-color: transparent;
	outline: none;
}

.search .input input::placeholder{
	color: #ffffff
}

.search .input input::-webkit-input-placeholder{
	color: #ffffff
}

.search .input input::-moz-placeholder{
	color: #ffffff
}

.search .input input:focus   i{
	transform: scalex(100%);
	transform-origin: left center
}

.search .close{
	position: absolute;
	top: 12px;
	right: 0;
	z-index: 0;
	width: 24px;
	height: 24px;
	visibility: hidden;
}

.search .close::before{
	position: absolute;
	top: 12px;
	left: 4px;
	width: 16px;
	height: 1px;
	background: #fff;
	opacity: 0;
	transition: all 0.3s ease-out 0.1s;
	content: '';

}

.search .close::after{
	position: absolute;
	top: 12px;
	left: 4px;
	width: 16px;
	height: 1px;
	background: #fff;
	opacity: 0;
	transition: all 0.3s ease-out 0.1s;
	content: '';
}

.show-search.search .ssbar{
	cursor: default
}

.show-search.search .input{
	width: 390px;
	visibility: visible;
}

.show-search.search .input:after{
	visibility: visible
}

.show-search.search .input i{
	transition: transform .3s ease
}

.show-search.search .close{
	z-index: 10;
	visibility: visible;
}

.show-search.search .close::before{
	opacity: 1;
	transform: rotate(45deg);
}

.show-search.search .close::after{
	opacity: 1;
	transform: rotate(-45deg)
}

.navbar-default{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	padding: 20px 0;
	transition: all 0.3s ease-out;
	background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}

.navbar-default.head-bg{
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}

.navbar-default.head-bg .brand-logo{
	background: url(/uploads/image/ardimages/logo_b.png) no-repeat;
	background-size: contain;
}

.navbar-default.head-bg .search .ssbar{
	background: url(/uploads/image/ardimages/iss_b.png) no-repeat center;
}

.navbar-default.head-bg .navitems .nav a{
	color: #000000;
}

.navbar-default.head-bg .navitems .nav a:after{
	background-color: #000000;
}

.navbar-default.head-bg .search .close::before{
	background: #242424;
}

.navbar-default.head-bg .search .close::after{
	background: #242424;
}

.navbar-default.head-bg .search .input i, .navbar-default.head-bg .search .input:after{
	background-color: #242424;
}

.navbar-default.head-bg .search .input input{
	color: #242424;
}

.navbar-default.head-bg .search .input input::placeholder{
	color: #808080
}

.navbar-default.head-bg .search .input input::-webkit-input-placeholder{
	color: #808080
}

.navbar-default.head-bg .search .input input::-moz-placeholder{
	color: #808080
}

.navbar-default.head-bg .subnav{
	background: #ffffff;
}

.navbar-default.head-bg .subnav a{
	color: #242424
}

.showimg .swiper-slide{
	display: flex;
	height: clamp(200px, 35.71vw, 600px);
	color: #fff;
	align-items: center;
	justify-content: center;
	font-weight: bold;
}

.morebar{
	display: inline-block;
	position: relative;
	z-index: 10;
	padding: clamp(4px, 0.7vw, 8px) clamp(12px, 2vw, 30px);
	border: 2px solid #8398b5;
	background: #ffffff;
	transition: all 0.15s ease-out;
}

.morebar::before{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 0%;
	background: #254a79;
	transition: all 0.15s ease-out;
	content: "";
}

.morebar:hover{
	color: #fff;
}

.morebar:hover::before{
	height: 100%
}

.morebar:hover::after{
	width: 50%
}
.morebar_polit{
    display: inline-block;
    position: relative;
    z-index: 10;
    padding: clamp(4px, 0.7vw, 8px) clamp(12px, 2vw, 30px);
    border: 2px solid #8398b5;
    background: #254a79;
    color: #fff;
    transition: all 0.15s ease-out;
}

.morebar_polit::before{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 0%;
    background: #ffffff;
    color:  #254a79;
    transition: all 0.15s ease-out;
    content: "";
}

a.morebar_polit:focus {
    color: white !important;
    background-color: #254a79 !important;
    border-color: #254a79 !important;
}
/*.morebar_polit:hover{*/
/*    color: #254a79;*/
/*}*/

/*.morebar_polit:hover::before{*/
/*    height: 100%*/
/*}*/

/*.morebar_polit:hover::after{*/
/*    width: 50%*/
/*}*/
.ab-left .morebar, .home-left .morebar{
	margin-top: clamp(15px, 1.42vw, 24px);
}

.about-items{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding-bottom: clamp(20px, 2.97vw, 50px)
}

.about-items2{
	justify-content: space-between !important;
}

.about-items{
	justify-content: space-around;
}

.about-items.flex-justify-center{
	justify-content: center;
}

.about-item{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.news-list{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
	padding-bottom: clamp(16px, 1.4vw, 30px)
}

.news-list li{
	width: 25%;
	padding: 15px;
	box-sizing: border-box;
}

.newsimg{
	position: relative;
	overflow: hidden;
	height: clamp(120px, 15.14vw, 212px);
}

.newsimg img{
	display: block;
	width: 100%;
	height: 100%;
	transition: all 0.25s ease-out;
	object-fit: cover;
}

.newstitle{
	overflow: hidden;
	height: 4.5em;
	line-height: 1.5em;
	color: #000000;
	transition: all 0.15s ease-out;
	margin-top: 10px;
}

.news-list li:hover .newsimg img{
	transform: scale(1.02)
}

.news-list li:hover .newstitle{
	color: #254a79;
	transform: translatey(-3px);
}

.cases-list{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-left: -8px;
	margin-right: -8px;
}

.cases-list li{
	width: 20%;
	padding: 8px;
	text-align: center;
	box-sizing: border-box;
}

.case-logo{
	display: flex;
	width: 100%;
	height: clamp(48px, 7.14vw, 100px);
	align-items: center;
	justify-content: center;
}

.case-logo img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.sub-logo{
	display: flex;
	width: 100%;
	height: clamp(76px, 5.95vw, 100px);
	border: 1px solid #e1e3e3;
	background: #fff;
	align-items: center;
	justify-content: center;
}

.ab-left{
	width: clamp(220px, 17vw, 320px);
	flex-shrink: 0;
}

.home-left{
	width: clamp(180px, 15.47vw, 240px);
	flex-shrink: 0;
	margin-right: clamp(12px, 1.2vw, 20px)
}

.fbg{
	padding: 30px 0;
	background: #191b20;
}

.footer{
	position: relative;
}

.f-other{
	flex-shrink: 0;
	margin-right: clamp(20px, 2.3vw, 40px);
}

.f-other li{
	font-size: clamp(14px, 1vw, 16px);
	color: #6d6d6d;
	margin-top: 8px;
}

.f-other a{
	color: #6d6d6d;
	transition: all 0.15s ease-out;
}

.tel{
	background: url(/uploads/image/ardimages/itel.png) no-repeat 0 4px;
	padding-left: 26px;
}

.email{
	background: url(/uploads/image/ardimages/imail.png) no-repeat 0 4px;
	padding-left: 26px;

}

.address{
	background: url(/uploads/image/ardimages/igps.png) no-repeat 0 4px;
	padding-left: 26px;

}

.tel2{
	background: url(/uploads/image/ardimages/itel2.png) no-repeat 0 0;
	background-size: auto 22px;
	padding-left: 32px;
}

.email2{
	background: url(/uploads/image/ardimages/imail2.png) no-repeat 0 4px;
	background-size: auto 22px;
	padding-left: 32px;

}

.address2{
	background: url(/uploads/image/ardimages/igps2.png) no-repeat 0 4px;
	background-size: auto 22px;
	padding-left: 32px;

}

.f-nav{
	align-items: flex-start;
	-webkit-align-items: flex-start;
	justify-content: space-between;
}

.f-nav li{
	padding-left: clamp(20px, 3vw, 60px)
}

.f-nav li h3{
	padding-bottom: 8px;
}

.f-nav li h3 a{
	font-size: clamp(14px, 1vw, 16px);
	color: #e5e5e5;
	white-space: nowrap
}

.f-subnav a{
	display: block;
	margin: 2px 0;
	color: #939292;
	transition: all 0.15s ease-out;
	white-space: nowrap;
}

.f-subnav a:hover{
	color: #fff;
}

.f-other a:hover{
	color: #fff;
}

.cban{
	height: clamp(200px, 35.87vw, 600px);
}

.cban-tips{
	display: flex;
	height: 100%;
	color: #ffffff;
	align-items: center;
}

.cban-tips .container{
	padding-left: clamp(60px, 11.98vw, 200px);
}

.crum-box{
	border-bottom: 1px solid #bfbfbf;
}

.crum a{
	display: block;
	padding: 15px 0;
	color: #808080;
}

.crum p{
	overflow: hidden;
	max-width: 10em;
	color: #254a79;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.crum .arrow{
	display: block;
	position: relative;
	width: 20px;
	height: 20px;
	margin: 0 6px;
}

.crum .arrow::after{
	position: absolute;
	top: 6px;
	left: 4px;
	width: 8px;
	height: 8px;
	transform: rotate(45deg);
	content: "";
	border-top: 1px solid #686a73;
	border-right: 1px solid #686a73;
}

.gohome{
	display: block;
	width: 20px;
	height: 20px;
	background: url(/uploads/image/ardimages/ihome.png) no-repeat center;
	background-size: contain;
}

.ctabs{
	display: flex;
	align-items: stretch;
	overflow-x: auto;
}

.ctabs a{
	display: block;
	padding: 15px 0;
	margin-left: clamp(12px, 3.5vw, 52px);
	border-bottom: 2px solid #ffffff;
	white-space: nowrap;
}

.ctabs .active{
	color: #254a79;
	border-bottom: 2px solid #254a79;
}

.bgcblue{
	background: #254a79;
}

.bgcorg{
	background: #ec6900;
}

#hydata{
	width: 100%;
	height: 400px;
}

#fuwudata{
	width: 100%;
	height: 400px;
}

.jztime{
	position: absolute;
	right: 20px;
	bottom: 0;
}

.added-values{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	margin-left: -18px;
	margin-right: -18px;
}

.added-values li{
	width: 25%;
	padding: 10px 18px;
	box-sizing: border-box;
}

.added-values li a{
	display: block;
	padding: clamp(8px, 1vw, 16px);
	border: 1px solid #254a79;
	font-size: clamp(14px, 0.95vw, 16px);
	text-align: center;
	color: #254a79;
	background: #f9fdff;
	transition: all 0.2s ease-out;
	font-weight: bold;
}

.added-values li a:hover{
	color: #fff;
	background: #254a79;
}

.fw-icon{
	width: 40%;
	text-align: center;
}

.tuwen{
	display: block;
	position: relative;
	overflow: hidden;
	width: clamp(352px, 41vw, 680px);
	height: clamp(210px, 24vw, 406px);
	line-height: 0;
	flex-shrink: 0;
	margin-right: clamp(10px, 2.85vw, 40px)
}

.tuwen img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.tewen-infos{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	padding: 15px;
	font-size: clamp(13px, 1vw, 16px);
	line-height: 1.5;
	color: #ffffff;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
	transition: all 0.15s ease-out;
	box-sizing: border-box;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.tewen-infos .time{
	opacity: 0.7
}

.tuwen:hover .tewen-infos{
	transform: translatey(6px)
}

.cnews-list{
	overflow: hidden;
	flex: 1;
}

.cnews-list li{
	padding: clamp(4px, 0.8vw, 10px) 0;
	border-bottom: 1px solid #737373;
}

.cnews-list li:first-child{
	padding-top: 0;
}

.cnews-list li:last-child{
	border-bottom: none;
	padding-bottom: 0;
}

.cnews-list li a{
	font-size: clamp(14px, 1.07vw, 18px);
	color: #242424
}

.cnews-list li .time{
	color: #254a79;
	margin-bottom: 4px;
}

.cnews-list li a .newtit{
	overflow: hidden;
	transition: all 0.2s ease-out;
	cursor: pointer;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.cnews-list li a:hover .newtit{
	transform: translatex(6px)
}

.notices{
	display: flex;
	padding: clamp(10px, 2.14vw, 30px);
	border: 1px solid #8398b5;
	background: #f9fdff;
	transition: all 0.15s ease-out;
	align-items: center;
	margin-top: clamp(18px, 2.14vw, 36px);
}

.notices .title{
	display: -webkit-box;
	overflow: hidden;
	flex: 1;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-weight: bold;
}

.notices:hover{
	box-shadow: 0 6px 10px rgba(81, 103, 130, 0.3);
	transform: translatey(-5px)
}

.type-img{
	overflow: hidden;
	width: clamp(108px, 11.42vw, 160px);
	height: clamp(80px, 8.57vw, 120px);
	border-radius: 4px;
	background: #f7f8fa url(/uploads/image/ardimages/logo_b.png) no-repeat center 45%;
	margin-left: clamp(30px, 5.71vw, 80px);
	background-size: 80% auto;
	/*	filter: grayscale(100%);*/
}

.history-swiper{
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-bottom: clamp(60px, 7.14vw, 120px);
}

.history-swiper .swiper-slide{
	width: auto !important;
	user-select: none
}

.history{
	width: clamp(180px, 21vw, 300px);
	margin-right: clamp(30px, 6.4vw, 90px)
}

.history-swiper .swiper-slide:hover .fontc4{
	color: #242424 !important
}

.history .desc{
	line-height: 1.5;
	letter-spacing: normal;
	color: #50575f;
	margin-top: 12px;
}

.history-swiper .swiper-button-next{
	top: auto;
	right: 0;
	bottom: 0;
	width: 48px;
	height: 48px;
	border: 2px solid #254a79;
	background: #fff url(/uploads/image/ardimages/arrow.png) no-repeat center;
	background-size: 60% 60%;
}

.history-swiper .swiper-button-prev{
	top: auto;
	right: 68px;
	bottom: 0;
	left: auto;
	width: 48px;
	height: 48px;
	border: 2px solid #254a79;
	background: #fff url(/uploads/image/ardimages/arrow.png) no-repeat center;
	transform: rotate(180deg);
	background-size: 60% 60%;
}

.history-swiper .swiper-button-next::after, .history-swiper .swiper-button-prev::after{
	display: none !important;
}

.history-swiper .desc{
	color: #50575f;
}

#historyswiper{
	position: relative;
}

#historyswiper .swiper-wrapper{
	display: flex;
	align-items: flex-end;
	padding-top: 60px;
}

#historyswiper .swiper-wrapper .swiper-slide{
	position: relative;
	padding-bottom: clamp(56px, 6.42vw, 90px);
}

#historyswiper .swiper-wrapper .swiper-slide::after{
	position: absolute;
	right: 0;
	bottom: clamp(36px, 4.57vw, 64px);
	left: 0;
	height: 2px;
	background: #254a79;
	content: "";
}

#historyswiper .swiper-wrapper .swiper-slide::before{
	position: absolute;
	bottom: clamp(36px, 4.57vw, 64px);
	left: clamp(40px, 3.25vw, 60px);
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #254a79;
	transform: translatey(5px);
	content: "";
	margin-left: -4px;
}

#historyswiper .history .years{
	position: absolute;
	bottom: 0px;
	width: clamp(80px, 6.25vw, 120px);
	text-align: center;
	padding-top: 10px;
}

#historyswiper .history{
	/*	width: clamp(120px,16.66vw,200px);*/
	width: clamp(80px, 6.25vw, 120px);
	margin-right: clamp(20px, 2.5vw, 40px);
}

#historyswiper .swiper-wrapper .swiper-slide:last-child .history{
	margin-right: 0 !important;
}

#historyswiper .swiper-button-next{
	top: 0;
	bottom: auto;
	margin-top: 0;
}

#historyswiper .swiper-button-prev{
	top: 0;
	bottom: auto;
	margin-top: 0;
}

.news{
	display: block;
	padding: 30px 0;
}

.news-list2{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	margin-left: -30px;
	margin-right: -30px;
	padding-bottom: clamp(20px, 4.76vw, 80px);
	padding-top: clamp(16px, 1.42vw, 24px);
}

.news-list2 li{
	width: 33.333%;
	padding: 10px 30px;
	box-sizing: border-box;
}

.news-list2 li .news2{
	display: block;
	position: relative;
	height: 100%;
	padding: 24px;
	font-size: clamp(13px, 0.95vw, 16px);
	background: #ffffff;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	transition: all 0.25s ease-out;
	box-sizing: border-box;
}

.morebar2{
	display: block;
	position: absolute;
	bottom: -60px;
	left: 50%;
	width: 90px;
	height: 32px;
	border: 2px solid #8398b5;
	border-radius: 2px;
	font-size: 14px;
	text-align: center;
	line-height: 32px;
	color: #254a79;
	transition: all 0.15s ease-out;
	margin-left: -45px;
}

.news-list2 li .morebar2:hover{
	color: #ffffff;
	background: #254a79;
}

.news-list2 li .news2:hover{
	transform: translatey(-10px)
}

.sub-news{
	padding-top: clamp(20px, 2vw, 46px);
}

.snews{
	display: flex;
	padding: clamp(16px, 2.85vw, 40px) clamp(30px, 5.71vw, 80px);
	transition: all 0.2s ease-out;
	align-items: center;
	border-bottom: 1px solid #85a6b7;
}

.snews:hover{
	background: #ffffff;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	transform: translatey(-6px);
	border-bottom: 1px solid #ffffff;
}

.related a:hover{
	text-decoration: underline;
}

.snews .title{
	line-height: 1.8;
	font-weight: bold;
}

/* grid */
.link{
	display: inline-block;
	position: relative;
	text-decoration: none;
	outline: none;
}

.grid__item{
	display: -webkit-flex;
	display: flex;
	position: relative;
	z-index: 1;
	text-align: center;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-align-items: center;
	align-items: center;
	white-space: nowrap;
}

.text-animation{
	overflow: hidden;
	line-height: 1.5;
	font-weight: bold
}

.text-animation p{
	opacity: 0;
}

.text-up{
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 50%;
	color: #fff;
}

.text-up::before{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	color: #fff;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	content: attr(data-letters);
}

.text-down{
	position: absolute;
	top: 50%;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 50%;
	color: #fff;
}

.text-down::before{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	content: attr(data-letters);
}

.swiper-slide-active .text-animation p{
	animation: trans 0.1s ease-in-out forwards 2.1s
}

.swiper-slide-active .text-up::before{
	animation: animup 1.8s ease-in-out forwards 0.3s;
}

.swiper-slide-active .text-down::before{
	animation: animdown 1.8s ease-in-out forwards 0.3s;
}

.text-en{
	opacity: 0;
}

.swiper-slide-active .text-en{
	animation: trans 1s ease-in-out forwards 0.9s
}

@-webkit-keyframes animup{
	0%{
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	100%{
		-webkit-transform: translate3d(0, 0%, 0);
		transform: translate3d(0, 0%, 0);
	}
}

@-webkit-keyframes animdown{
	0%{
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	100%{
		-webkit-transform: translate3d(0, 0%, 0);
		transform: translate3d(0, 0%, 0);
	}
}

@-webkit-keyframes trans{
	0%{
		opacity: 0
	}

	100%{
		opacity: 1
	}
}

.zsbox{
	/*
		padding-left: clamp(30px,7.14vw,120px);
		padding-right: clamp(30px,7.14vw,120px);
	*/
}

.zsbox .zs-flex{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: clamp(30px, 4.16vw, 70px);
	padding-bottom: clamp(30px, 4.16vw, 70px);
}

.zs-flex .zside{
	width: 30%;
}

.zs-flex .zside img{
	width: 100%;
}

.zs-flex .zsinfos{
	width: 46%;
	text-align: justify;
	line-height: 2;
}

.zsbox .zs-flex:nth-child(2){
	flex-direction: row-reverse
}

.zs-items{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
}

.zs-items li{
	display: flex;
	width: 45%;
	padding: clamp(20px, 4.16vw, 70px) 0;
	align-items: flex-start;
}

.zs-items li img{
	width: clamp(32px, 4vw, 60px)
}

.zs-item{
	flex: 1;
	box-sizing: border-box;
}

.zs-items li .font70{
	width: 1em;
	margin: 0 4px;
	text-align: center;
}

.mapbox{
	height: clamp(240px, 22vw, 360px);
	border: 1px solid #333;
	margin-top: 20px;
}

.contact-right{
	width: 60%;
}

.page-container{
	display: flex;
	width: 100%;
	padding: clamp(44px, 4.58vw, 88px);
	align-items: center;
	justify-content: center;
	gap: 6px;
	box-sizing: border-box;
}

.page-container .page{
	display: flex;
	width: clamp(30px, 2.08vw, 40px);
	height: clamp(30px, 2.08vw, 40px);
	border-radius: 50%;
	font-size: 14px;
	color: #999999;
	transition: all .1s linear;
	justify-content: center;
	align-items: center;
	font-weight: 400;
}

.page-container .page:hover,
.page-container .page.page--active{
	color: #fff;
	background: var(--primary);
}

.page-container .page.prev{
	margin-right: clamp(25px, 2.08vw, 40px);
}

.page-container .page.next{
	margin-left: clamp(25px, 2.08vw, 40px);
}

:root{
	--primary: #113f9e;
}

.icoimg{
	flex-shrink: 0;
	margin-right: 32px;
}

.abtags{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: clamp(14px, 1.5vw, 20px);
}

.abtags li{
	width: 33.333%;
	padding: 10px;
	box-sizing: border-box;
}

.abtags li a{
	display: block;
	padding: clamp(10px, 1.5vw, 20px);
	font-size: clamp(14px, 1.5vw, 20px);
	text-align: center;
	line-height: 1.5;
	color: #fff;
	background: #254a79;
	cursor: default
}

.cultures{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}

.cultures li{
	position: relative;
	width: 33.333%;
	padding: 30px;
	text-align: justify;
	text-align: center;
	color: #6f6f6f;
	box-sizing: border-box;
}

.cultures li::after{
	position: absolute;
	top: 15px;

	right: 15px;
	bottom: 15px;
	left: 15px;
	border: 1px solid #254a79;
	border-radius: 10px;
	content: "";
}

.cultures .ctit{
	position: relative;
	padding: 10px 0;
	text-align: center;
	color: #254a79;
	font-weight: bold;
	margin-bottom: 20px;
}

.cultures .ctit::after{
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 1;
	width: 40px;
	height: 4px;
	background: #254a79;
	content: "";
	margin-left: -20px;
}

.cultures li .font18{
	padding-left: clamp(15px, 2.4vw, 48px);
	padding-right: clamp(15px, 2.4vw, 48px);
}

.jjimg{
	text-align: center;
	padding-left: 10%;
	box-sizing: border-box;
	padding-bottom: clamp(40px, 5.71vw, 80px);
}

.jjimg img{
	max-width: 80%
}

.tz-right{
	margin-left: clamp(40px, 7.14vw, 100px)
}

.kcfw-content{
	position: relative;
	z-index: 10;
}

.kcfw-content::after{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: clamp(300px, 42.85vw, 600px);
	background: #f9fdff;
	content: "";
}

.w30p{
	width: 30%
}

.w35p{
	width: 35%
}

.w40p{
	width: 40%
}

.w50p{
	width: 50%
}

.w55p{
	width: 55%
}

.w60p{
	width: 60%
}

.yqdla{
	position: absolute;
	top: 0;
	right: 0;
}

.cgtips{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.cgtips h3{
	padding: 10px 30px 10px 60px;
	font-size: clamp(14px, 1.25vw, 20px);
	letter-spacing: 2px;
	color: #fff;
	background: linear-gradient(to right, rgba(37, 74, 121, 0), rgba(37, 74, 121, 1));
}

.cgtips2{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.cgtips2 h3{
	padding: 20px 80px 20px 30px;
	font-size: clamp(14px, 1.25vw, 20px);
	letter-spacing: 2px;
	color: #fff;
	background: linear-gradient(to left, rgba(37, 74, 121, 0), rgba(37, 74, 121, 1));
}

.cgtag{
	display: inline-block;
	padding: 6px 15px;
	border: 1px solid #8398b5;
	line-height: 1.3;
	color: #254a79;
	font-weight: bold;
	margin-bottom: 8px;
}

.cgctit{
	font-size: clamp(16px, 1.78vw, 30px);
	text-align: center;
	line-height: 2;
	background: url(/uploads/image/ardimages/cgtbg.png) no-repeat center bottom;
	background-size: contain;
	padding-top: clamp(30px, 4.16vw, 70px);
}

.cg-pts{
	display: flex;
	position: relative;
	z-index: 10;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: clamp(16px, 1.42vw, 24px);
	margin-left: 40px;
	margin-right: 40px;
}

.cg-pts::after{
	position: absolute;
	top: 54px;
	right: 0;
	left: 0;
	z-index: -1;
	height: 5px;
	background: #d3dbe4;
	content: "";
}

.mglr10p{
	margin-left: 10%;
	margin-right: 10%;
}

.cg-pts li{
	width: 113px;
}

.ptstit{
	width: 193px;
	text-align: center;
	transform: translatex(-40px);
}

.cgzh-show{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.cgzhicon{
	position: relative;
	width: clamp(220px, 24vw, 336px);
	font-size: 0;
}

.cgzhtips{
	display: flex;
	padding: 0 clamp(14px, 1.25vw, 20px);
	font-size: clamp(14px, 1.25vw, 20px);
	flex: 1;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}

.cgzhtit{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height: 0;
}

.cgzhitems{
	width: 25%
}

.cgzhitems li{
	position: relative;
	padding: 20px 0;
	font-size: clamp(14px, 1.25vw, 20px);
	text-align: right;
	color: #1f3059;
	transition: all 0.3s ease-out;
	font-weight: bold;
}

.cgzhitems li::before{
	position: absolute;
	top: 50%;
	right: 90px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #ec6900;
	content: '';
	margin-top: -6px;
}

.cgzhitems li::after{
	position: absolute;
	top: 50%;
	right: 110px;
	left: 0;
	content: '';
	border-bottom: 1px dashed #ec6900;
}

.cgzhitems li:nth-child(2)::after{
	left: 15px;
}

.cgzhitems li:nth-child(3)::after{
	left: 25px;
}

.cgzhitems li:nth-child(4)::after{
	left: 15px;
}

.show1{
	opacity: 0;
	transition: all 1s ease-out;
}

.show2{
	opacity: 0;
	transition: all 1s ease-out 0.3s;
	transform: translatex(-60px);
}

.show3{
	opacity: 0;
	transition: all 1s ease-out 0.6s;
	transform: translatex(-60px);
}

.show4{
	opacity: 0;
	transition: all 1s ease-out 0.9s;
	transform: translatex(-60px);
}

.cgzh-show.show .show1{
	opacity: 1;
}

.cgzh-show.show .show2{
	opacity: 1;
	transform: translatex(0)
}

.cgzh-show.show .show3{
	opacity: 1;
	transform: translatex(0)
}

.cgzh-show.show .show4{
	opacity: 1;
	transform: translatex(0)
}

.cgtit{
	line-height: 1;
}

.cgarr{
	margin-top: -20px;
	margin-bottom: -20px;
}

.pc-cgpts{
	display: block;
}

.mob-cgpts{
	display: none;
}

.cgzhti{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	font-size: clamp(14px, 1.25vw, 20px);
	text-align: center;
	color: #fff;
	transform: translate(-50%, -50%);
}


.type-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.prointros{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	margin-left: -32px;
	margin-right: -32px;
}

.prointros li{
	width: 33.333%;
	padding: 32px;
	box-sizing: border-box;
}

.prointros li .prointro{
	height: 100%;
	padding: clamp(20px, 2vw, 36px);
	border: 1px solid #254a79;
	border-radius: 12px;
	box-sizing: border-box
}

.proicon{
	width: clamp(24px, 3vw, 56px);
	height: clamp(24px, 3vw, 56px);
	margin-right: 8px
}

.prointros2{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	margin-left: -32px;
	margin-right: -32px;
	border-bottom: 1px solid #254a79;
}

.prointros2 li{
	width: 33.333%;
	padding: 30px 0;
	transform: translatey(1px);
	box-sizing: border-box;
	border-bottom: 1px solid #254a79;
}

.prointros2 li .prointro2{
	position: relative;
	height: 100%;
	padding: clamp(20px, 2vw, 36px);
	border-radius: 12px;
	box-sizing: border-box;
}

.prointros2 li .prointro2::after{
	position: absolute;
	top: clamp(24px, 3vw, 56px);
	right: 0;
	width: 1px;
	height: 80px;
	background: #666666;
	content: '';
	margin-top: clamp(24px, 3vw, 56px);
}

.case-items li{
	display: flex;
	padding: clamp(15px, 2vw, 40px) 0;
	align-items: center;
	border-bottom: 1px solid #484848;
}

.caseimg{
	display: block;
	width: clamp(120px, 10vw, 200px);
	max-height: 102px;
	flex-shrink: 0;
	margin-right: clamp(15px, 2vw, 40px);
}

.caseimg img{
	width: 100%;
	height: auto;
}

.detail_content p{
	font-size: clamp(13px, 1.28vw, 18px);
	line-height: 2em;
}

.detail_content p span{
	font-size: 100% !important;
}

.industrys{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	margin-left: -1.6vw;
	margin-right: -1.6vw;
}

.industrys li{
	width: 33.33%;
	padding: clamp(13px, 1.28vw, 18px) 1.6vw;
	box-sizing: border-box;
}

.industry{
	padding: 12px;
	border-radius: clamp(8px, 1.2vw, 20px);
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
}

.zstop{
	max-height: 3.2em;
	line-height: 1.6em;
	padding-top: 12px;
	padding-bottom: 12px;
}

.zcdesc{
	display: -webkit-box;
	overflow: hidden;
	height: 8em;;
	padding: 0 6px;
	text-align: justify;
	line-height: 1.6em;
	color: #333333;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	word-break: break-all;
}

.zsimg{
	overflow: hidden;
	height: clamp(100px, 14.57vw, 232px);
	border-radius: 10px;
	object-fit: cover;
	margin-top: 16px;
}

.zs-industry .tit{
	display: flex;
	align-items: center;
}

.zs-industry .tit img{
	width: clamp(32px, 3.4vw, 48px);
	height: clamp(32px, 3.4vw, 48px);
	margin-right: 6px
}

.zsicon{
	font-size: 0;
	line-height: 0;
}

.zs-xg-logo{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.zs-xg-logo li{
	max-width: 20%;
}


.mob-show{
	display: none;
}

/*clamp(最小值, 理想值, 最大值)*/
/*员工招聘*/
.join{
	display: flex;
}

.join-left{
	width: clamp(125px, 8.6vw, 166px);
	/*width: 125px;*/
}

.join-left-h{
	display: flex;
	align-items: center;
	padding-left: clamp(4px, 1vw, 16px) !important;
}

.join-icon{
	display: block;
	width: 20px;
	height: 20px;
	background: url(/uploads/image/ardimages/join_icon.png) no-repeat center;
	background-size: contain;
	margin-right: clamp(4px, 0.8vw, 16px);
}

.join-left-i{
	width: 100%;
	/*height: clamp(24px, 2.1vw, 40px);*/
	border-radius: 6px 6px 6px 6px;
	line-height: clamp(24px, 2.1vw, 40px);
	color: #000;
	cursor: pointer;
	margin-top: 8px;
	/*text-align: center;*/
	background-color: #fff;
	box-sizing: border-box;
	padding-left: clamp(20px, 2.2vw, 50px);

	&:hover{
		color: #254a79;
	}
}

.join-left-i.active{
	color: #fff;
	background: #254a79;
}

.join-right{
	width: clamp(215px, 14.8vw, 275px);

	/*width: 215px;*/
	flex: 1;
	margin-left: clamp(5px, 1vw, 20px);
}

.join-right-i-img{
	margin-left: 0;
	margin-right: clamp(30px, 5.71vw, 80px);
}

.join-right-i-img-c{
	height: 100% !important;
}

.join-r-i-desc{
	display: -webkit-box;
	overflow: hidden;
	max-height: 3em;
	line-height: 1.5;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
}

.join-detail-left{
	display: flex;
	/*height: 670px;*/
	width: clamp(75px, 26vw, 250px);
	/*width: 250px !important;*/
	padding: 10px;
	background-color: #f8f8f8;
	margin-right: 30px;
	box-sizing: border-box;
	flex-direction: column;
	align-items: center;
}

.join-detail-left-con{
	display: flex;
	align-items: center;
	padding-top: 35px;
	flex-direction: column;

}

.join-detail-left-desc{
	/*width: clamp(125px, 10vw, 193px);*/
	max-width: 165px;
	padding: 8px;
	border: 1px solid #a2a2a2;
	border-radius: 5px;
	box-sizing: border-box;
	background-color: #fff;
}

.desc-title{
	font-size: 18px;
	color: #254a78;
}

.join-detail-left-i{
	display: flex;
	width: 100%;
	min-height: 100px;
	margin-bottom: 10px;
}

.left-img{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.join-line{
	width: 2px;
	height: 100%;
	margin: 10px 0;
}


.line_co{
	background-color: #17be6b;
}

.line_in{
	background-color: #f93534;
}

.line_not{
	background-color: #a2a2a2;
}

.line_none{
	opacity: 0;
}

.join-detail-left-i-img{
	width: 24px;
	height: 24px !important;
	margin-right: 4px;
	margin-top: 4px;
}

.join-detail-left-i-box{
	font-size: 12px;
	text-align: left;
	flex: 1;
}

.co{
    color: #17be6b;
}

.in{
	color: #f93534;
}

.not{
	color: #a2a2a2;
}


.join-detail-left-i-box-t{
	font-size: 14px;
	line-height: 28px;
	cursor: pointer;
}

.join-detail-right{
	overflow: hidden;
	flex: 1;
}

.join-detail-right-title{
	font-size: 16px;
	color: #254a78;
	font-weight: 500;
}

@media (max-width: 1600px){
	.container{
		max-width: 1160px;
	}

	.navitems{
		position: relative;
		padding: 0 clamp(10px, 1.8vw, 24px);
	}

	.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar{
		width: 6px;
	}

	.about-items3 .font70{
		font-size: clamp(18px, 2.28vw, 32px);
		white-space: nowrap
	}

	.about-items3 .font24{
		font-size: clamp(12px, 1.28vw, 18px);
		white-space: nowrap
	}

	.about-items3 .font18{
		white-space: nowrap
	}

	.ab-left{
		width: clamp(180px, 18vw, 360px);
		flex-shrink: 0;
	}
}

@media (max-width: 992px){
	.footer::before{
		display: none;
	}

	.f-nav{
		padding-left: 0;
		padding-top: 15px;
	}

	.navitems{
		position: relative;
		padding: 0 clamp(8px, 1.4vw, 18px);
	}
}

@media (max-width: 480px){
	.font24, .font18, .font20{
		line-height: 1.5
	}

	.about-items3 .font70{
		font-size: clamp(24px, 3.6vw, 50px);
	}

	.navbar-default{
		height: 50px;
		padding: 0;
	}

	.brand-logo{
		position: fixed;
		top: 10px;
		left: 15px;
		z-index: 10;
		width: 73px;
		height: 24px;
	}

	.navbox{
		display: none;
	}

	.mob-navbtn{
		display: block;
		position: absolute;
		top: 16px;
		right: 10px;
		z-index: 10;
	}

	.navbtn{
		position: relative;
		z-index: 10000;
		width: 30px;
		height: 20px;
		border: none;
		box-sizing: border-box;
	}

	.navbtn i{
		display: block;
		position: absolute;
		top: 0;
		left: 4px;
		width: 22px;
		height: 2px;
		border-radius: 2px;
		background: #ffffff;
		transition: all 0.3s ease-in-out;
		margin-bottom: 5px;
	}

	.navbtn i:nth-child(2n){
		top: 8px;
	}

	.navbtn i:nth-child(3n){
		top: 16px;
	}

	.navbtn:hover i{
		width: 22px !important;
	}

	.navbtn.cur i{
		width: 20px;
		background: #ffffff;
	}

	.navbar-default.head-bg .navbtn i{
		background: #242424;
	}

	.navbar-default.head-bg .navbtn.cur i{
		background: #ffffff;
	}

	.navbtn.cur i:nth-child(1){
		top: 4px;
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.navbtn.cur i:nth-child(2){
		opacity: 0;
	}

	.navbtn.cur i:nth-child(3){
		top: 4px;
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.mob-navbar-nav{
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1;
		width: 100%;
		height: 100vh;
		background: #000000;
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
		transition: all 0.25s ease-out;
		transform: translatex(100%);
		overflow-y: scroll;
		box-sizing: border-box;
	}

	.transform-x{
		transform: translatex(0%);
		padding-top: 120px;
	}

	.mob-navbar-nav ul{
		/*padding-top: 120px;*/
		overflow: scroll;
		height: calc(100vh - 120px);
	}

	.mob-navbar-nav ul li{
		position: relative;
		padding: 0 36px;
		margin-top: 32px;
	}

	.mob-navbar-nav .mobnav{
		display: block;
		font-size: 16px;
		color: #ffffff;
		flex: 1;
	}

	.mob-navbar-nav .arrow{
		position: relative;
		width: 30px;
		height: 30px;
	}

	.mob-navbar-nav .arrow::after{
		position: absolute;
		top: 10px;
		right: 0;
		z-index: 1;
		width: 10px;
		height: 10px;
		transition: all 0.2s ease-out;
		transform: rotate(45deg);
		content: "";
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
	}

	.mob-sub{
		display: none;
		padding: 10px 0;
	}

	.mob-navbar-nav ul li .mob-sub a{
		display: block;
		padding: 8px 0;
		font-size: 14px;
		color: rgba(255, 255, 255, 0.7);

	}

	.mob-nav-open .mob-sub{
		display: block;
	}

	.mob-navbar-nav ul li .mob-sub .current{
		color: rgba(255, 255, 255, 1);
		text-decoration: underline;
	}

	.mob-nav-open::after{
		transform: rotate(-45deg);
	}

	.mob-nav-open .arrow::after{
		transform: rotate(135deg);
	}

	.fbg{
		padding: 15px 0;
	}

	.f-nav{
		display: none;
	}


	.f-tit{
		font-size: 20px;
	}

	.search{
		display: none;
	}

	.container{
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
		box-sizing: border-box;
	}

	.banner-tips{
		text-align: center;
	}

	.banner-tips .container{
		padding-left: 0
	}

	.mob-flex-column{
		flex-direction: column;
	}

	.mob-columb-center{
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
	}

	.ab-left{
		width: 100%;
		padding-bottom: 16px;
	}

	.pdt150{
		padding-top: 30px;
	}

	.pdb80{
		padding-bottom: 20px;
	}

	.cases-list{
		margin-left: 0;
		margin-right: 0;
	}

	.cases-list li{
		width: 50%;
	}

	.news-list{
		margin-left: -8px;
		margin-right: -8px;
	}

	.news-list li{
		width: 50%;
		padding: 8px;
	}

	.morebar{
		font-size: 12px;
	}

	.cases-list{
		padding-top: 30px;
	}

	.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar{
		width: 6px;
	}

	.about-items{
		padding-top: 30px;
	}

	.showimg .swiper-slide .font70{
		font-size: 24px;
	}

	.flex1{
		width: 100%
	}

	.added-values{
		padding: 0;
		margin-left: -8px;
		margin-right: -8px;
	}

	.added-values li{
		width: 50%;
		padding: 8px;
	}

	.about-items{
		flex-wrap: wrap;
		padding-top: 15px;
	}

	.about-item{
		width: 50%;
		padding: 12px 0;
	}

	.about-items3 .about-item{
		width: 100%
	}

	.crum-box{
		padding-top: 6px;
	}

	.ctabs a{
		padding: 8px 0;
		margin-left: 0;
		margin-right: 15px;
	}

	.crum-box .flex-justify-between{
		justify-content: flex-start;
		align-items: flex-start;
	}

	.gohome{
		width: 16px;
		height: 16px;
	}

	.crum .arrow{
		width: 14px;
	}

	.crum .arrow::after{
		width: 6px;
		height: 6px;
	}

	.cban-tips .container{
		padding-left: 15px;
	}

	.cban-tips .container .mgl20{
		margin-left: 0;
	}

	.cban-tips .flex-end{
		flex-direction: column;
		align-items: flex-start;
	}

	.history-swiper .swiper-button-next{
		width: 36px;
		height: 36px;
	}

	.history-swiper .swiper-button-prev{
		right: 46px;
		width: 36px;
		height: 36px;
	}

	.news-list2{
		margin-left: 0;
		margin-right: 0;
	}

	.news-list2 li{
		width: 100%;
		padding: 8px 0;
	}

	.news-list2 li .morebar2{
		display: none;
	}

	.crum a{
		padding: 4px 0
	}

	.snews{
		padding: 12px 0
	}

	.snews .pdl60{
		padding-left: 0;
		padding-right: 0;

	}

	.snews .mgr80{
		margin-right: 0;
	}

	.snews .title{
		display: -webkit-box;
		overflow: hidden;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}

	.grid__item{
		justify-content: center;
	}

	.jztime{
		position: relative;
	}

	.tuwen{
		width: 100%;
		margin-right: 0;
		margin-bottom: 12px;
	}

	.cnews-list{
		width: 100%;
	}

	.cnews-list li .time{
		margin-bottom: 0;
	}

	.notices{
		flex-direction: column;
		align-items: flex-start;
	}

	.notices .pdl60{
		padding-left: 0;
	}

	.notices .type-img{
		display: none;
	}

	.pdlr240{
		padding: 0;
	}

	#aboutintro, #aboutculture, #aboutorganization, #abouthistory, #aboutjoin{
		padding-top: 80px;
	}

	.zsbox .zs-flex{
		flex-direction: column !important;
		padding-bottom: 0;
	}

	.zs-flex .zsinfos{
		width: 100%;
	}

	.zs-flex .zside{
		width: 80%;
		text-align: center;
		padding-bottom: 12px;
	}

	.zs-items li{
		width: 100%;
	}

	.contact-right{
		width: 100%;
	}

	.cultures{
		margin-left: 0;
		margin-right: 0;
	}

	.cultures li{
		width: 100%;
	}

	.w40p{
		width: 100%
	}

	.w55p{
		width: 100%
	}

	.w60p{
		width: 100%
	}

	.yqdla{
		position: relative
	}

	.cg-pts.mglr10p{
		margin-left: 0;
		margin-right: 0;
	}

	.cgzh-show{
		flex-direction: column;
	}

	.show2{
		display: flex;
		padding: 20px 0;
		align-items: center;
		flex-direction: row;
	}

	.show2, .show3, .show4{
		transform: translatex(0) scale(0.6)
	}

	.cgarr{
		width: 80px;
		transform: rotate(90deg);
	}

	.cgtit{
		width: 1em;
		line-height: 1;
	}

	.cgzhitems{
		width: 100%;
	}

	.cgzhitems ul{
		display: flex;
		align-items: center;
	}

	.cgzhitems ul li{
		flex: 1;
		box-sizing: border-box;
		padding-left: 12px;
		padding-top: 0;
		padding-bottom: 0;
	}

	.cgzhitems li::before{
		left: 4px;
		width: 6px;
		height: 6px;
		margin-top: -3px;
	}

	.cgzhicon{
		width: 150px;
	}

	.cgtips2{
		margin-bottom: 15px;
	}

	.pc-cgpts{
		display: none;
	}

	.mob-cgpts{
		display: block;
	}

	.ptstit{
		width: 100%;
		transform: translatex(0)
	}

	.cg-pts{
		margin-left: 0;
		margin-right: 0;
	}

	.cg-pts li{
		width: 50%;
		padding: 6px;
		box-sizing: border-box;
	}

	.pts{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.cg-pts::after{
		display: none
	}

	.cgtag{
		margin-top: 12px;
	}

	#historyswiper .swiper-wrapper{
		padding-top: 46px;
	}

	.pdl2em{
		padding-left: 0;
		padding-bottom: 10px;
	}

	.w35p{
		width: 100%;
	}

	.w50p{
		width: 100%
	}

	.jjimg{
		padding-left: 0;
	}

	.jjimg img{
		width: 100%;
		max-width: 100%
	}

	.prointros, .prointros2{
		margin: 0;
		flex-direction: column;
	}

	.prointros li, .prointros2 li{
		width: 100%;
		padding: 12px 0;
	}

	.prointros2 li .prointro2::after{
		display: none;
	}

	.case-items li{
		flex-direction: column;
	}

	.caseimg{
		width: 60%;
		height: auto;
		/*max-height: auto;*/
		margin-right: 0;
		margin-bottom: 10px;
	}

	.related{
		flex-direction: column;
		align-items: flex-start
	}

	.related a{
		display: flex;
		text-align: left;
		align-items: flex-start;
		flex-direction: column;
		margin-bottom: 8px;
	}

	.related a p:first-child{
		color: #808080;
		margin-right: 4px;
	}

	.industrys{
		margin-left: 0;
		margin-right: 0;
	}

	.industrys li{
		width: 100%;
	}

	.zcdesc{
		overflow: visible;
		height: auto;
	}

	.mob-flex-column{
		flex-direction: column !important;
	}

	.zs-xg-logo li{
		padding: 4px;
	}

	.mob-hide{
		display: none !important;
	}

	.mob-show{
		display: block;
	}

	.zs-xg-logo li{
		width: 33.3%;
		max-width: 33.3%;
		box-sizing: border-box;
	}
}

video{
	height: auto !important;
	max-width: 100% !important;
}

.bgcf9 .textc.pdt36{
	display: none
}