@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, PingFang SC, Noto Sans, Noto Sans CJK SC, Microsoft YaHei,
	 \\5FAE\8F6F\96C5\9ED1, sans-serif;
}

html,
body {
	min-height: 100%;
	width: 100%;
	margin: 0 auto;
	color: #666;
}

body {
	background: #fff;
	font-size: 14px;
	margin: auto;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

a {
	color: #666;
	text-decoration: none;
}

a:hover,
a:focus {
	text-decoration: none;
}

i,
em {
	font-style: normal;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

img {
	max-width: 100%;
	border: none;
}

/*body{ -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none;  -khtml-user-select:none; user-select:none;}
html{-webkit-user-select:none;  -moz-user-select:none;  -ms-user-select:none;  user-select:none; -khtml-user-select:none;  }*/
input,
select,
textarea {
	outline: none;
}


input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #999;
}

input::-moz-placeholder,
textarea:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #999;
}

input::-ms-placeholder,
textarea::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #999;
}

input::-o-placeholder {
	/* Mozilla Firefox 19+ */
	color: #999;
}

input::-ms-input-placeholder,
textarea:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #999;
}

input[type='submit'],
input[type='reset'],
input[type='button'],
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}


.over1 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.over2,
.over3,
.over4,
.over5,
.over6,
.over7,
.over9 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.over2 {	-webkit-line-clamp: 2;}

.over3 {	-webkit-line-clamp: 3;}

.over4 {	-webkit-line-clamp: 4;}

.over5 {	-webkit-line-clamp: 5;}

.over6 {	-webkit-line-clamp: 6;}

.over7 {	-webkit-line-clamp: 7;}

.over9 {	-webkit-line-clamp: 9;}


/* fonts特殊字体 */
@font-face {
	font-family: 'dincond-regular-webfont';
	src: url('../fonts/dincond-regular-webfont.eot');
	src: url('../fonts/dincond-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/dincond-regular-webfont.woff2') format('woff2'),
		url('../fonts/dincond-regular-webfont.woff') format('woff'),
		url('../fonts/dincond-regular-webfont.ttf') format('truetype'),
		url('../fonts/dincond-regular-webfont.svg#dincond-regular-webfont') format('svg');
}

@font-face {
	font-family: 'dincond-medium-webfont';
	src: url('../fonts/dincond-medium-webfont.eot');
	src: url('../fonts/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/dincond-medium-webfont.woff2') format('woff2'),
		url('../fonts/dincond-medium-webfont.woff') format('woff'),
		url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
		url('../fonts/dincond-medium-webfont.svg#dincond-medium-webfont') format('svg');
}


@font-face {
	font-family: 'dincond-bold-webfont';
	src: url('../fonts/dincond-bold-webfont.eot');
	src: url('../fonts/dincond-bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/dincond-bold-webfont.woff2') format('woff2'),
		url('../fonts/dincond-bold-webfont.woff') format('woff'),
		url('../fonts/dincond-bold-webfont.ttf') format('truetype'),
		url('../fonts/dincond-bold-webfont.svg#dincond-bold-webfont') format('svg');
}

@font-face {
	font-family: 'dincond-black-webfont';
	src: url('../fonts/dincond-black-webfont.eot');
	src: url('../fonts/dincond-black-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/dincond-black-webfont.woff2') format('woff2'),
		url('../fonts/dincond-black-webfont.woff') format('woff'),
		url('../fonts/dincond-black-webfont.ttf') format('truetype'),
		url('../fonts/dincond-black-webfont.svg#dincond-bold-webfont') format('svg');
}


@font-face {
	font-family: 'din-bold-webfont';
	src: url('../fonts/din-bold-webfont.eot');
	src: url('../fonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/din-bold-webfont.woff2') format('woff2'),
		url('../fonts/din-bold-webfont.woff') format('woff'),
		url('../fonts/din-bold-webfont.ttf') format('truetype'),
		url('../fonts/din-bold-webfont.svg#din-bold-webfont') format('svg');
}

@font-face {
	font-family: 'din-light-webfont';
	src: url('../fonts/din-light-webfont.eot');
	src: url('../fonts/din-light-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/din-light-webfont.woff2') format('woff2'),
		url('../fonts/din-light-webfont.woff') format('woff'),
		url('../fonts/din-light-webfont.ttf') format('truetype'),
		url('../fonts/din-light-webfont.svg#din-light-webfont') format('svg');
}

@font-face {
	font-family: 'din-medium-webfont';
	src: url('../fonts/din-medium-webfont.eot');
	src: url('../fonts/din-medium-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/din-medium-webfont.woff2') format('woff2'),
		url('../fonts/din-medium-webfont.woff') format('woff'),
		url('../fonts/din-medium-webfont.ttf') format('truetype'),
		url('../fonts/din-medium-webfont.svg#din-medium-webfont') format('svg');
}

@font-face {
	font-family: "din-regular";
	src: url("../fonts/din-regular.woff2") format("woff2"),
		url("../fonts/din-regular.woff") format("woff"),
		url("../fonts/din-regular.ttf") format("truetype"),
		url("../fonts/din-regular.eot") format("embedded-opentype"),
		url("../fonts/din-regular.svg") format("svg");
}



@font-face {
    font-family: 'uni_san';
    src: url('../fonts/uni_sans_thin-webfont.woff2') format('woff2'),
         url('../fonts/uni_sans_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}





.wrapper{ width: 100%; max-width: 1440px; margin: 0 auto;}
.fl {float: left;}
.fr {float: right;}
.clear {clear: both;}
.clearfix:after {	content: '';	display: block;	clear: both;	width: 0px;	height: 0px;	overflow: hidden;}
img {	vertical-align: middle;	max-width: 100%;	border: none;	-webkit-tap-highlight-color: rgba(255, 0, 0, 0);	blr: expression(this.onFocus=this.blur());}


.img{ overflow: hidden;}
.img img{ width: 100%; height: 100%; object-fit: cover;}
.scale img{ width: 100%; height: 100%; transition: 1s;}
.scale:hover img{ transform: scale(1.03);}
.fushu{ position: relative; transition: all .2s linear; }
.fushu:hover{  transform: translate3d(0, -7px, 0);   /* box-shadow: 2px 2px 18px rgba(182,182,182,0.3); */ }




/*    hover 效果         */
.self{ position: relative;  transition: all 0.5s; cursor: pointer;}
.self:hover:before{
    content: "";    width: 220px;    height: 100%;    position: absolute;    top: 0;    left: -185px;    overflow: hidden;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,hsla(0,0%,100%,.05)),color-stop(50%,hsla(0,0%,100%,.15)),color-stop(100%,hsla(0,0%,100%,.05)));
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
	z-index: 55;
}
.self:before{  
	-webkit-animation: shine-left 1.2s infinite;
    -moz-animation: shine-left 1.2s infinite;
    -o-animation: shine-left 1.2s infinite;
    animation: shine-left 1.2s infinite;
 }
@-webkit-keyframes shine-left {
	0% {
		left: -180px
	}
	to {
		left: 150%
	}
}







/*      heard      */

.haeder{ position: fixed; top: 0px; left: 0px; z-index: 9999; width: 100%; display: flex; justify-content: space-between; align-items: center; height: 86px; background: url(../img/topbg.jpg) no-repeat center; padding: 0 3.125%; overflow: hidden; box-sizing: border-box;}
.logo{ }
.nav { margin-left: 4vw;}
.nav ul{ display: flex;}
.nav li{ line-height: 86px; height: 86px; padding:0 18px; background: url(../img/nabr.png) no-repeat right center; }
.nav li:first-child{ padding: 0 21px;}
.nav li:last-child{ background: none; }
.nav li a{ font-size: 18px; color: #fff; }
.nav li.active ,
.nav li:hover{ background: #fff;}
.nav li.active a,
.nav li:hover a{ font-weight: bold; color: #333;}

.srclug{ display: flex; }
.srclug input{ background: url(../img/secr.png) no-repeat right center / 33px 30px; padding-right: 40px; display: block; margin-right: 15px; height: 34px; border: 1px solid transparent;}
.luga{ display: flex; justify-content: center; align-items: center; width: 34px; height: 34px; color: #333; background: #fff; font-family: 'din-bold-webfont';}
.srclug input:hover{ border-bottom: 1px solid #999; }


.banner{ position: relative; }
.oc{ position: absolute; left: 60px; top: 2.6vw; font-size: 3vw; font-weight: bold; color: #6b6b6b; z-index: 222; }
.banner .swiper-container,
.banner .swiper-wrapper{ height: auto;}
.banner img{ max-height: 100%;}
.banner .indss{ top: auto; bottom: 3.125vw; left: 3.125vw; text-align: left;}
.banner .indss span{ background: rgba(173,173,171,0.12); width: 60px; border-radius: 0; height: 3px; opacity: 1;}
.banner .indss span.swiper-pagination-bullet-active{ background: #314b7e; }

.banner .prev,
.banner .next{width:60px;height:60px;display:inline-block;cursor:pointer;position:absolute;top:50%;margin-top:-30px;z-index:11;transition:all .3s;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;-ms-border-radius:30px;}
.banner .prev{left:3.125%;background:url(../img/bprev01.png) rgba(0,0,0,0.2) no-repeat center;}
.banner .next{right:3.125%;background:url(../img/bnext01.png) rgba(0,0,0,0.2) no-repeat center;}
.banner .prev:hover{background:url(../img/bprev.png) rgba(0,0,0,0.5) no-repeat center;}
.banner .next:hover{background:url(../img/bnext.png) rgba(0,0,0,0.5) no-repeat center;}


/* .iabout{ display: flex; justify-content: space-between; align-items: center; margin: 1.5% 3.125%; max-height: 595px;}
.Ableft{ width: 50%; }
.Abrght{ position: relative; width: 50%; z-index: 1; display: flex; align-items: center; }
.Abrght::after{ content: ''; position: absolute; width: calc(100% + 1vw); height: 90%; background: url(../img/abrbg.png) no-repeat center / cover; top: 5%; left: -3.125vw; z-index: -1;}
.Abrght .i{ position: absolute; top: 0; right: 0; width: 30px; height: 30px; background: #929ca5; }
.Abrght .spanimg{ position: absolute; width: 140px; height: 140px; right: 0; bottom: 0; z-index: -1;}

.Titlea{ display: flex; justify-content: flex-start; align-items: flex-end; font-size: 40px; color: #181410;}
.Titlea span{ color: #314b7e;}
.Titlea p{ width: 26px; height: 2px; background: #314b7e; margin: 1vw 0 0 4px;}
.Titlea a{ margin-left: 40px;}

.abtook{ font-size: 16px; line-height: 30px; max-width: 75%; text-align: justify; margin-top: 1vw;}
.Amore{ display: block;  width: 152px; height: 42px; background: url(../img/mobg1.png) no-repeat center; line-height: 42px; padding-left: 27px; color: #fff; 
transition: 0.3s; margin-top: 5.25vw;}
.Amore:hover{ background-image: url(../img/mobg2.png);}

 */


.iabout{ position: relative;  padding: 3.125% 0 3.125% 3.125%; max-height: 595px; min-height: 413px; z-index: 1; height: 25.75vw;  overflow: hidden;}
.iabout::after{ position: absolute; left: 0; bottom: 0; background: url(../img/ababg.jpg) no-repeat center bottom / 100%; width: 100%; height: 100%; z-index: -1; content: '';  } 
.abcimg{ position: absolute;  right: 0; bottom: 0; width: 47.5vw;  display: flex; align-items: flex-end; justify-content: flex-end; }
.aacc{ display: flex;  margin-top: 3vw;}

.ableft{ width: 197px; border-right: 1px solid #f4f4f4;   margin-right: 30px;}
.ableft li{ position: relative;  padding: 1.2vw 0 1.2vw 40px; border-top: 1px solid #f4f4f4; width: 150px; }
.ableft li:first-child{ border-top: 0; padding-top: 0;}
.ableft li img{ width: 30px; left: 0; top: 50%; position: absolute;  transform: translateY(-50%); }
.ableft li dt{ font-size: 16px; margin-bottom: 3px;}
.ableft li dd{ font-size: 10px; color: #666; opacity: 0.4; }

.ababc{ text-align: right; margin-top: 3vw; }
.abText{ width: 42.78vw; margin-left: 3.5vw; }


.Titlea{ display: flex;  align-items: center; font-size: 30px; color: #181410; }
.Titlea span{ color: #314b7e;}
.Titlea p{ width: 26px; height: 2px; background: #314b7e; margin: 0.8vw 0 0 2px;}
.Titlea a{ margin-left: 5vw; }

.abtook{ font-size: 16px; line-height: 1.8; text-align: justify; }
.ann{ margin-bottom: 1vw; }


@media only screen and (max-width: 1601px) {
	.abText{ width: 40vw; }
}












.cooplist{ padding: 1.5% 0 ; background: #f4f4f4;}
.cooplist .Titlea,
.sheblist .Titlea{  padding: 0 3.125%;  margin-bottom: 1.5vw;}
.Titlea a{ font-size: 20px; color: #314b7e; background: url(../img/rr.png) center right no-repeat; padding-right: 30px; }

.cooplist {  }
.cooplist ul{ display: flex; }
.cooplist li {  width: 25%; height: 23.1vw;}
.cooplist li img{ width: 100%; height: 100%; object-fit: cover;}
.cpAli{  }







.sheblist{ margin-top: 3vw; max-height: 480px; margin-bottom: 30px;}
.sheblist ul{ display: flex;}
.sheblist li{ position: relative; width: 25%;}
.sheblist li
.sheblist li a{ display: block; height: 100%;}
.sheblist li::after{ content: ''; position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; background: url(../img/libg.png) no-repeat center bottom; transition: 0.5s; pointer-events: none;}
.sheblist li::before{ content: ''; position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; background: url(../img/shebg.png) no-repeat center bottom; transition: 0.5s; pointer-events: none; opacity: 0;}
.sheblist dl{ position: absolute; bottom: 25px; left: 2vw; width: 90%; z-index: 2; color: #fff; transition: 0.5s;}
.sheblist dt{ font-size: 20px;}
.sheblist dd{ color: rgba(255,255,255,0.2);}

.sheblist dl.dl1{ width: 100%; height: 100%; left: 0; top: 0; text-align: center; transition: 0.5s; opacity: 0; display: flex;
justify-content: center; align-items: center; flex-direction: column; z-index: 33;}
.sheblist li:hover .dl,
.sheblist li:hover::after{  opacity: 0;  }
.sheblist li:hover .dl1{ opacity: 1;}
.sheblist li:hover  dt{ font-weight: bold;}
.sheblist li:hover .dl1 dd{ color: #fff;}
.sheblist li:hover::before{ opacity: 0.9;}




.inewlist{ padding: 3.125%; display: none;}
.Titlea ul{ display: flex;}
.Titlea li{ width: 190px; height: 50px; text-align: center; line-height: 48px; background: #f4f4f4; border: 1px solid #c7c7c7; font-size: 22px; color: #999; cursor: pointer;  margin-left: 20px;}
.Titlea li.active{ border-color: #324c7d ; color: #181410; background: url(../img/newbvg.png) no-repeat left top #f4f4f4;}



.newul{ display: flex; justify-content: space-between; margin-top: 40px; max-height: 500px;}
.newleft{ width: 48%; }
.newleft li{ border: 1px solid #e7e7e7; padding: 1.5vw 1.8vw 1.4vw 2.1vw ; margin-bottom: 30px; }
.newleft li:last-child{ margin-bottom: 0;}
.newleft li *{ transition: 0.3s;}
.newname{ font-size: 20px; color: #666; }
.newtook{ line-height: 24px; color: #999; margin: 0.7vw 0; }

.time{ display: flex; justify-content: space-between; align-items: center; }
.time dl{ display: flex; align-items: center;  line-height: 1.2; color: #e5e5e5;transition: 0.1s;}
.time dt{ font-size: 40px;  font-family: 'din-bold-webfont'; margin-right: 10px; letter-spacing: -1px; }
.time dd{ font-size: 16px; font-family: arial; width: 37px; }
.time i{ color: #d1d1d1; }

.newleft li:hover{ background: url(../img/newbg.png) no-repeat center / cover;}
.newleft li:hover .newname,
.newleft li:hover .newtook,
.newleft li:hover dl,
.newleft li:hover i{ color: #fff; }


.newRght{ position: relative; width: 50%;}
.newRght img{ }
.newRght p{ display: flex; justify-content: space-between; align-items: center; position: absolute; left: 0; bottom: 0; height: 4.2vw; width: 100%; 
background: rgba(0,0,0,0.6); color: #fff; padding: 0 1.8vw; }
.newRght p span{ max-width: 60%; font-size: 16px;}



.hbhb{ display: flex; justify-content: space-between; align-items: center; height: 610px; background: url(../img/hhb.jpg) no-repeat center; padding: 3.125%; display: none;}

.hble{ width: 43%;}
.hbtok{ line-height: 30px; font-size: 18px; margin-top: 25px; }
.hbht{ position: relative; width: 885px; height: 492px; background: url(../img/hbrbg.png) no-repeat center / cover;  }
.li{ display: flex; justify-content: center; align-items: center;  position: absolute; right: 0; width: 130px; height: 130px; background: #fff; transform: rotate(-45deg);}
.li img{ transform: rotate(45deg) ;}
.li1{ left: 26px; top: 130px;}
.li2{ left: 26px; bottom: 32px;}
.li3{ left: 126px; bottom: 130px;}
.li4{ left: 227px; top: 130px;}
.li5{ left: 327px; top: 30px;}
.li6{ left: 327px; bottom: 131px;}
.li7{ right: 227px; top: 30px;}
.li8{ right: 227px; bottom: 131px;}
.li9{ right: 126px; top: 131px;}
.li10{ right: 327px; bottom: 30px;}


.footer{ position: relative; padding: 3.125% 3.125% 2.5%; background: #87878f; display: flex; justify-content: space-between; align-items: flex-end; margin-top: 80px;}

.fht{ display: flex; justify-content: space-between; align-items: flex-end; width: 150px; }
.fle{ display: flex; justify-content: space-between; align-items: flex-start; width:73%; }

.Fleft {}
.Fleft .logo{ display: block; margin-bottom: 35px;}
.Fleft p{ display: flex; align-items: center; font-size: 16px; color: #fff; margin-top: 12px;}
.Fleft p i{ font-weight: bold; margin: 0 5px;}

.linka{ width: 160px; }
.linka p{ font-size: 20px; color: #fff; }
.linka em{ display: block; width: 30px; height: 3px; background: #fff; margin: 20px 0 15px; }
.linka ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.linka li{ margin-top: 15px;}
.linka li a{ font-size: 16px; color: #c3c4c8; }
.linka li a:hover{ color: #fff;}

.selce{ position: relative; display: flex; align-items: center;  padding-top: 60px;}
.selce a{ position: absolute; left: 100px; top: 0; width: 140px; height: 34px; display: none;}
.selce span{ color: #c3c4c8;}
.selce select{ display: block; border-radius: 300px; border: 1px solid #e5e5e5; line-height: 36px; height: 38px; width: 270px; padding: 0 50px 0 30px; color: #fff; background: url(../img/ss.png) no-repeat right 30px center;}
.selce select option{ background: #87878f;}

.shre{ display: flex; align-items: center; margin-top: 50px; margin-bottom: 5px;}
.shre a{ position: relative; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; border-radius: 30px; border: 1px solid #b7b8bc;
 margin-right: 20px; opacity: 0.7; }
.erwei{ position: absolute; left: -43px; text-align: center; width: 108px; bottom: 35px; height: 112px; background: url(../img/ewbg.png) no-repeat center ;
 padding: 6px; display: none;}
.shre a:hover{ opacity: 1;}
.shre a:hover .erwei{ display: block;}




/* 1 */
.nban{  position: relative; /* top: 86px; left: 0px; z-index: 9999; */ width: 100%;}
.aacbb{ height: 9.3vw; }
.nban img{ width: 100%; height: 9.3vw; object-fit: cover;}
.subNav{ position: absolute; left: 0; right: 0; margin: auto; bottom: 3vw; padding: 0 3vw;}
.subNav ul{ display: flex; justify-content: center; width: 100%; margin: auto; max-width: 800px; background: rgba(255,255,255,0.9);}
.subNav li { display: flex; align-items: center; height: 2.6vw;  border-bottom: 2px solid transparent; margin: 0 38px;  }
.subNav li a{ font-size: 16px; color: #333; }
.subNav li.active{ border-color: #314b7c; }
.subNav li.active a{ color: #314b7c;}

.subNav.on{ position: fixed; top: 86px; bottom: auto; z-index: 2; }
.subNav.on ul{ background: #fff; max-width: 1440px; }
.subNav.on li{ height: 5.7vw; }


.nAbout{ padding: 68px 3% 86px; background: url(../img/nabbg.jpg) no-repeat center bottom;}
.nabTitle{ text-align: center; font-size: 40px; color: #212121; }
.nabtook{ font-size: 16px; line-height: 38px; }
.nabtook p{ margin-top: 55px;}

.abblkist{ display: flex; justify-content: space-between; margin-top: 95px;}
.abicon{ width: 48%;}
.abicon dt{ font-size: 30px; color: #212121; line-height: 1;}
.abicon dd{ font-size: 16px; line-height: 38px; color: #4b4b4b; margin: 30px 0 20px; }
.abicon ul{ display: grid; justify-content: space-between; flex-wrap: wrap;grid-template-columns: 100px 100px 100px 145px;  }
.abicon li{ display: flex; flex-direction: column; align-items: center; font-size: 16px; color: #4b4b4b; margin-top: 50px;}
.abicon li div{ display: flex;  justify-content: center; align-items: center; background: #Fff; width: 97px; height: 97px; border-radius: 50%; margin-bottom: 15px;
 box-shadow: 3px 0 7px rgba(206,206,206,0.44);}
.abicon li span{ width: 90px; height: 90px; border-radius: 50%; border: 1px solid transparent;  transform: 0.2s;}
.abicon li:hover span{ border-color: #949fa4;}
.abblkist .abicmg{ width: 47%; }
.abblkist .abicmg img{ width: 100%; height: 100%; object-fit: cover; }


/* 12 */
.nAzz{ padding: 40px 3%;}
.nAzz .Titlea.aa{ margin-bottom: 15px;}
.Titlea.aa { justify-content: center;}
.Titlea.aa p{ margin:15px auto 0;}

.nAzz ul{ display: flex;   flex-wrap: wrap;}
.nAzz li{ width: 22%;  margin-right: 4%; text-align: center; margin-top: 4vw; cursor: pointer;}
.nAzz li .img{ position: relative; height: 13.05vw;}
.nAzz li .img .big{ position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.4);  display: flex; justify-content: center; flex-direction: column; align-items: center; color: #fff; font-size: 16px; width: 100%; height: 100%; opacity: 0; transition: 0.4s;}
.nAzz li .img .big img{ width: 65px; height: 65px; margin-bottom: 15px;}
.nAzz li:nth-child(4n){ margin-right: 0;}
.nAzz li p{ font-size: 16px; color: #333; margin-top: 1vw;}
.nAzz li:hover p{ color: #314a80;}
.nAzz li:hover .big{ opacity: 1;}

.open{ position: fixed; left: 0; top: 0; width: 100%;height: 100%; background: #fff; display: flex; justify-content: center; align-items: center; padding: 5%;
 opacity: 0; z-index: -10; transition: 0.3s;}
.open img{ transform: scale(0.5); transition: 0.3s;}
.open.active{ z-index: 20; opacity: 1; }
.open.active img{ transform: scale(1); }



/* 1-3 */
.wha{ padding: 80px 0;}
.whTop{ margin-top: 60px; margin-bottom: 100px;}
.gallery-top li{ display: flex; justify-content: space-between; }
.gallery-top li img{ width: 57%; height: auto; object-fit: cover;}
.gallery-top li .txt{ background: #f0f0f0; padding: 0 70px; width: 43%;}
.gallery-top li .txt img { width: 79px; height: 81px; } 
.gallery-top li dl{ margin: 1.5vw 0;}
.gallery-top li dt{ font-size: 26px; color: #333;}
.gallery-top li dd{color: #c4c4c4; text-transform: uppercase;}
.aoob{ line-height: 32px; font-size: 16px;}

.gallery-thumbs .swiper-slide{ display: flex; justify-content: center; align-items: center; font-size: 16px; color: #333; height: 70px; cursor: pointer;}
.gallery-thumbs .swiper-slide-thumb-active{ background: url(../img/ssbg.png) no-repeat center / cover;}

.whTop .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ right: 0; width: 43%; left: auto; bottom: 2vw; text-align: left; padding: 0 70px;}

.ala span{ border: 1px solid #666;  background: none; }
.ala span.swiper-pagination-bullet-active{ background: #333;}

.dowebok {  margin: 70px auto 0; }
.dowebok img { margin: 35px  45px;}
.str_wrap {
	overflow:hidden;//zoom:1;width:100%;font-size:12px;line-height:16px;position:relative;-moz-user-select: none;-khtml-user-select: none;user-select: none;background:#f6f6f6;white-space:nowrap;
}
.str_wrap.str_active {
	background:#f1f1f1;
}
.str_move { 
	white-space:nowrap;position:absolute;top:0;left:0;cursor:move;
}
.str_move_clone {
	display:inline-block;//display:inline;//zoom:1;vertical-align:top;position:absolute;left:100%;top:0;
}
.str_vertical .str_move_clone {
	left:0;top:100%;}
.str_down .str_move_clone {
	left:0;bottom:100%;}
.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
	cursor:inherit;
}
.str_wrap img {
	max-width:none !important;	
}
.fixed-nav{
    position: fixed;
    width:100%;
	z-index: 5555;
    top:-90px; 
	transition: 0.3s; 
}
.fixed-nav-appear{top:0; }











.whmidd{  }
.tjthere{}
.tjthere ul{ display: flex; justify-content: space-between; padding: 0 3.125%; }
.tjthere ul li{ margin-top: 50px; width: 30.8%;}
.tjthere ul li img{ object-fit: cover; width: 100%;}


.whfo{ margin-top: 70px;}
.alere{ margin-top: 60px;}
.alere .swiper-slide { transition: 300ms; transform: scale(0.8); }
.alere .swiper-slide-active,
.alere .swiper-slide-duplicate-active{  transform: scale(1); }

.prev,
.next{ width: 48px; height: 48px; margin-top: -24px; }
.prev{ left: 28.3vw; background: url(../img/leea.jpg) no-repeat center; }
.next{ right: 28.3vw; background: url(../img/leea1.jpg) no-repeat center; }










/* 2 */
.newst,
.chengyuan{ padding: 80px 3%;}

.newst ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.newst li { width: 48%; margin-top: 60px;}
.newst li .img{ position: relative; height: 260px;}
.newst li .newsdl{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 2vw;  font-size: 16px; color: #c5c3c4;
	display: flex; justify-content: space-between;  flex-direction: column ; transition: 0.3s;
}
.nstime { font-size: 16px; color: #c5c3c4; margin-bottom: 10px;}
.newst li .nstokb{ font-size: 22px;  color: #fff; }

.newst li .txt{ background: #eaeaea; padding: 35px 40px; font-size: 16px; color: #222222;}
.newst li .txt em{ display: block; text-align: right; margin-top: 10px; background: url(../img/rr1.png) no-repeat right center / 8px; padding-right:20px; color: #9f9f9f; height: 17px; line-height: 17px;}

.newst li:hover .newsdl{ background: rgba(47,68,113,0.6);}
.newst li:hover em{ color: #334a80; background-image: url(../img/rr.png);}

/* 3 */
.chengyuan{ }
.chengyuan .wrapper{ display: flex; justify-content: space-between;}
.cyleft{ width: 50%;}

.cyname{ font-size: 26px; color: #314b7c; margin: 30px 0 15px;}
.cyrht i{ display: block; width: 30px; height: 3px; background: #314B7C;}
.cyokk{ text-indent: 2em; font-size: 16px; color: #4b4b4b; line-height: 38px;  margin-top: 35px; text-align: justify;}

.cyrht{ position: relative; background: url(../img/aaa.png) no-repeat bottom center; width: 50%; padding-right: 40px;}
.selcaa { position: absolute; bottom: 25px; display: flex; font-size: 22px; color: #314b7c; font-family: 'din-bold-webfont'; align-items: center; right: 40px;}
.selcaa em{ display: block; width: 180px; height: 2px; background: #314B7C; margin-left: 20px; margin-top: 10px;}



/* 4 */
.shebheb{ padding: 40px 3%;}
.shebheb ul{ margin-top: 60px; width: 100.2%;}
.shebheb li{ float: left; width: 24%;  margin: 0 1.1725% 3vw 0 ;  text-align: center;}
.shebheb li:nth-child(4n){ margin-right: 0;}
.shebheb li .cmg{ height: 250px; overflow: hidden;}
.shebheb li p{ line-height: 66px; padding: 0 35px; white-space: nowrap; overflow: hidden; font-size: 16px; color: #333; text-overflow: ellipsis; background: #fff; transition: 0.3s; margin: 0 30px;}
.shebheb li:hover p{ box-shadow: 0 0 15px rgba(205,205,205,0.4); transform: translateY(-20px); }


.m-page{ text-align: center;  line-height: 36px; color: #999; font-family: arial;}
.m-page a{  display: inline-block; width: 38px; height: 38px;  margin: 0 5px; box-sizing: border-box;  vertical-align: middle; border: 1px solid #eee; color: #aaaaaa;
border-radius: 2px;}
.m-page a.z-crt{ background: url(../img/pa.png) no-repeat center /cover; color: #fff;}
.m-page a.pagenxt,
.m-page a.pageprv{ width: 100px; color: #666666;}







/* 6 */
.contus{ padding: 65px 0 10px; display: flex; justify-content: space-between; }
.wel{ text-align: left; margin: 28px auto 0;  line-height: 30px; font-size: 16px; color: #333; opacity: 0.8;}


.contfr .Titlea { justify-content: flex-start; }
.contus ul{ display: flex; justify-content: space-between; flex-wrap: wrap;  }
.contus li{ width: 48%;  margin-top: 25px;}
.contus li:nth-child(even){ justify-content: flex-end;}
.contus li span{ line-height: 47px; font-size: 22px; color: #333; display: block; }
.contus li input,
.contus li select{ border: 1px solid #dadada; background: #f2f2f2; width: 100%; height: 50px; font-size: 20px; color: #333; padding: 0 25px; border-radius: 3px; }
.contus li select{ background:#f2f2f2 url(../img/ddd.png) no-repeat right 20px center; padding-right: 40px;}
.contus li.lx{ width: 100%;}
.contus li textarea{ display:block; height: 160px;  border: 1px solid #dadada; background: #f2f2f2;  padding: 18px; font-size: 20px; color: #333; resize: none; border-radius: 3px; width: 100%;}

.but{ display: block; width: 100%; height: 62px; background: url(../img/buton.png) no-repeat center / auto 100%; border: 0; margin: 40px 0 0;}
.mapp { width: 50%; overflow: hidden; padding-left: 3.1vw; }
.mapp,
.mapp img{ height: 632px;}
.contfr{ width: 50%; padding: 0 3.1vw; }




/* zzz */
.nwocx{ width: 48%; }
.nabTitle{ font-size: 22px; color: #314b7c; margin-top: 22px; }
.nabtook{  font-size: 16px; line-height: 30px; color: #4b4b4b; text-align: justify;}
.nabtook p{ margin-top: 12px;}

.noabout { position: relative; }
.nabimg{ position: absolute; right: 0; height: 100%; width: 47%; padding: 33px 0 33px 33px; }
.nabimg img{ width: 100%; height: 100%; object-fit: cover; }
.nabimg .ablogo{ position: absolute; left: 0; bottom: 0; width: 146px; height: 146px;}
.nabimg::after{ content: ''; position: absolute; right: 0; top: 10px; background: url(../img/sir.png) no-repeat top center; width: 88px; height: 10px; }


.nexlist{ margin-top: 32px;  }
.temboxli ul{ display: flex; justify-content: space-between; margin: 40px 0 60px; }
.temboxli li .img{ height: 16.9vw; }
.temboxli p{ text-align: center; font-size: 16px;margin-top: 20px;}


.aabbcc{ padding: 3vw ; }
.aabbcc ul{ margin-top: 40px; }
.aabbcc li{ height: auto; margin-bottom: 60px; }
.aabbcc li p{ box-shadow: 0 0 15px rgba(205,205,205,0.4); margin: 0;}
.aabbcc li:hover p{  background: url(../img/zzaa.jpg) no-repeat center / cover ; color: #fff;  transform: translate(0);  }



.scroll{ position: fixed; right: 30px; bottom: 15vw;  z-index: 998; cursor: pointer; } 





@media only screen and (max-width: 1500px) {
	
	.nexlist .Titlea{ padding: 0 3%; }
	/* .shebheb ul li{ width: 30.5%; } */
	.shebheb li .cmg{ height: 17.9vw; }
	.shebheb li p{line-height: 50px; }
	
	.fle,
	/* .fht{ width: 45%; } */
	.nAzz li .img{ height: 14.05vw;}
}


@media screen and (max-width: 1440px){
	.shebheb li .cmg{ height: 230px;}
	.nAzz li .img{ height: 15.05vw;}
}

@media screen and (max-width: 1366px){
	.shebheb li .cmg{ height: 210px;}
	
	/* .fle{width: 57%; } */
	.selce{ padding-top: 30px; }
	/* .fht{ /* width: 38%; flex-direction: column-reverse;  } */
	.nAzz li .img{ height: 16.05vw;}
}


@media screen and (max-width: 1280px){
	.shebheb li .cmg{ height: 16vw;}
}