html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, caption, tbody, tfoot, thead, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, menubox, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden;}

body { font:14px/1.6 "PingFang SC Regular","Microsoft Yahei","微软雅黑","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color:#333; _background-attachment:fixed; 
_background-image:url(about:blank); width: 100%; height: 100%; overflow: hidden;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, menubox, section { display: block; }
input, select,button{ vertical-align: middle; outline: none; padding:0; border:0;}
ol, ul,li{ list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong,i,em,b{ font-style:normal; font-weight:normal; }
img { border:0;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0;}
textarea { -webkit-appearance: none; border-radius: 0; background:none; outline:none; padding:0; margin:0; border:none;}
::-moz-selection { background: #ebb112; color: #fff; text-shadow: none; }
::selection { background: #ebb112; color: #fff; text-shadow: none; }
a{ text-decoration:none; blr: expression(this.onFocus=this.blur()); cursor: pointer; color:#000; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fl{ float:left;}
.fr{ float:right;}
h1,h2,h3,h4,h5{ font-weight:normal; display:block;}
input,button,table,tr,td,textarea{ font-family:Microsoft yahei,Arial;}
.upfile-p{margin-top:15px;}
.upfile-img{display:inline !important;margin:0 !important;padding:0 !important;}
.upfile-a{margin-left:5px !important;color:#333 !important;}
@font-face {
	font-family: 'georgia';   
	src: url('../font/georgia.ttf');       

	src:
		url('../font/georgia.eot') format('embedded-opentype'),
		url('../font/georgia.woff') format('woff'),
		url('../font/georgia.ttf') format('truetype'),
		url('../font/georgia.svg') format('svg');
	font-weight: normal;
	font-style: normal;

}


.inner{ min-width: 1200px; max-width: 1920px; width: 100%; margin: 0 auto;}
.inner1520{ min-width: 1100px; max-width: 1520px; margin: 0 auto; padding: 0 50px;}
.inner1400{ min-width: 1200px; max-width: 1400px; margin: 0 auto;}

.header{ position:fixed; width:100%; z-index:990; transition: all .3s ease-in-out;}
.header .Layer{ height:100px; background: #0c9b95;}
.header .Layer .logo{ position:relative; background: #fff; height: 100%; padding: 0 50px; justify-content: center; display: flex; align-items: center;}
.header .Layer .logo img{ display:block; transition: all .3s ease-in-out;}
.header .Layer .menubox{ position:relative; padding-left:30px;}
.header .Layer .menubox .litag{ position:relative; height:100px; line-height:100px; margin:0 40px; transition:all .3s ease; float:left;}
.header .Layer .menubox .litag:before{ content:""; position:absolute; width:0%; height:3px; background:#fff; bottom: 0; right:50%; left:50%;transition: all .3s ease-in-out;}
.header .Layer .menubox .litag a{ display:block;}
.header .Layer .menubox .litag a.anjie{ color:#fff; font-size:16px;}
.header .Layer .menubox .litag:hover:before,.header .Layer .menubox .litag.on:before{ width:100%; left:0; right:0;}
.header .Layer .ceng{ position: relative; height: 100%; display: flex; flex-direction: row;}
.header .Layer .ceng .phone{ display: flex; flex-direction: column; color: #fff; text-align: right; justify-content: center; padding-right: 35px;}
.header .Layer .ceng .phone span{ font-size: 12px;}
.header .Layer .ceng .phone sup{ font-size: 20px;}
.header .Layer .ceng .magnifier{ cursor: pointer; position: relative; display: flex; flex-direction: column; width: 100px; justify-content: center; align-items: center;}
.header .Layer .ceng .magnifier img{ width: 22px; height: 23px;}
.header .Layer .ceng .magnifier:before{ content: ""; width: 2px; height: 24px; position: absolute; background: #fff; opacity: 0.3; top: 50%; margin-top: -12px; left: 0;}

.header.scroll{ background:#fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.header.scroll .Layer{ height:80px;}
.header.scroll .logo .img1{ display: none;}
.header.scroll .logo .img2{ opacity: 1; height:44px;}
.header.scroll .menubox .litag{ height:80px; line-height:80px;}
.header.scroll .menubox .subox{ top:80px;}

.banner{ width: 100%; overflow: hidden; position: relative; z-index: 1; height: 100vh; min-width: 1200px;}
.banner:before{ content: ""; width: 100px; height: 100vh; background: #0C9B95; position: absolute; top: 0; right: 0; bottom: 0; z-index: 101;}
.banner .swiper-slide{ position: relative;}
.banner .swiper-slide img{ display: block; width: 100%; object-fit: cover; height: 100vh;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{ font-size: 30px; opacity: 1; transition: all 0.6s;}
.banner .swiper-button-next,.banner .swiper-button-prev{ position: absolute; bottom: 0; z-index: 102; top: auto; width: 100px; height: 230px;transition: all .3s ease-in-out;}
.banner .swiper-button-next{ right: 0; background: #fff;}
.banner .swiper-button-prev{ right: 100px; left: auto; background: #f5ffff;}
.banner .swiper-button-next.swiper-button-white{ color: #000;}
.banner .swiper-button-prev.swiper-button-white{ color: #0C9B95;}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{ opacity: 0.8;}
.banner .swiper-pagination{ right: 0; width: 100px !important; display: flex; flex-direction: column; z-index: 110; left: auto !important; bottom: 35% !important; justify-content: center; align-items: center;}
.banner .swiper-pagination .swiper-pagination-bullet{ margin: 15px 0 !important; background: #fff !important; opacity: 1 !important; border-radius: 4px !important;transition: all .3s ease-in-out;}
.banner .swiper-pagination .swiper-pagination-bullet-active{ height: 18px;}

.banner .mouse{ width: 28px; height: 56px; position: absolute; bottom: 30px; left: 50%; margin-left: -17px; z-index: 333; cursor: pointer; border:4px solid #fff; border-radius: 20px; overflow: hidden;}
.banner .mouse i{ display: block; width: 4px; height: 14px; background: #fff; animation: b 1s linear infinite;position: absolute; left: 12px; top: 30px; border-radius: 2px;}
@keyframes b{
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	25% {
		opacity: 1;
	}
	75% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: translateY(0px);
	}
}

.service{ width: 100%; position: relative;}
.service .article{ display: flex; flex-direction: row; position: relative; justify-content: space-around;}
.service .article .title{ width: 25%; overflow: hidden; background: #0C9B95; height: 500px;}
.service .article .title .ming{ padding: 60px 12%; display: flex; flex-direction: column;}
.service .article .title .ming .span{ color: #fff; font-family: 'georgia'; font-size: 60px; opacity: 0.6; text-transform: uppercase;}
.service .article .title .ming .tit{ font-size: 32px; color: #fff;}
.service .article .title .ming .sup{ font-size: 22px; color: #fff; margin-top: 20px;}
.service .article .project{ width: 75%; overflow: hidden; background: #fff;}
.service .article .project .swiper-container{ width: 100%; height: 100%; position: inherit !important;}
.service .article .project .swiper-slide {
      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;
    }
.service .article .project .swiper-slide .list{ display: flex; flex-direction: column; align-items: center; cursor: pointer; border-right: 1px solid #e5e5e5; width: 100%; height: 100%; justify-content: center;}
.service .article .project .swiper-slide .list .icon{ width: 90px; height: 90px; border-radius: 50%; border: 1px solid #e5e5e5;}
.service .article .project .swiper-slide .list .icon.icona{ background: url(fw1.png) center center no-repeat; transition: all .3s ease-in-out;}
.service .article .project .swiper-slide .list .icon.iconb{ background: url(fw2.png) center center no-repeat; transition: all .3s ease-in-out;}
.service .article .project .swiper-slide .list .icon.iconc{ background: url(fw3.png) center center no-repeat; transition: all .3s ease-in-out;}
.service .article .project .swiper-slide .list .icon.icond{ background: url(fw4.png) center center no-repeat; transition: all .3s ease-in-out;}
.service .article .project .swiper-slide .list .icon.icone{ background: url(fw5.png) center center no-repeat; transition: all .3s ease-in-out;}
.service .article .project .swiper-slide .list .icon.iconf{ background: url(/theme/default/cn/images/fw6.png) center center no-repeat; transition: all .3s ease-in-out;}
.service .article .project .swiper-slide .list .icon.icong{ background: url(/theme/default/cn/images/fw7.png) center center no-repeat; transition: all .3s ease-in-out;}

.service .article .project .swiper-slide .list .cheng{ padding: 30px 0 80px; display: flex; flex-direction: column; text-align: center;}
.service .article .project .swiper-slide .list .cheng h2{ font-size: 26px;}
.service .article .project .swiper-slide .list .cheng h3{ font-size: 16px; color: #888;}
.service .article .project .swiper-slide .list .more{ border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; padding: 0 20px; line-height: 40px; position: relative;}
.service .article .project .swiper-slide .list .more a{ font-size: 14px; transition: all .3s ease-in-out;}
.service .article .project .swiper-slide .list .more:before{ content: ''; position: absolute; left: 50%; width: 0; height: 40px; background: #0C9B95; z-index: -1; transition: all .3s ease-in-out;}
.service .article .project .swiper-slide .list:hover .icon{ width: 100px; height: 100px; box-shadow: 0 0 10px 0 rgba(0,0,0,.1); background-color: #0C9B95;}
.service .article .project .swiper-slide .list:hover .icon.icona{ background-image: url(fw1_1.png);}
.service .article .project .swiper-slide .list:hover .icon.iconb{ background-image: url(fw2_1.png);}
.service .article .project .swiper-slide .list:hover .icon.iconc{ background-image: url(fw3_1.png);}
.service .article .project .swiper-slide .list:hover .icon.icond{ background-image: url(fw4_1.png);}
.service .article .project .swiper-slide .list:hover .icon.icone{ background-image: url(fw5_1.png);}
.service .article .project .swiper-slide .list:hover .icon.iconf{ background-image: url(/theme/default/cn/images/fw6_1.png);}
.service .article .project .swiper-slide .list:hover .icon.icong{ background-image: url(/theme/default/cn/images/fw7_1.png);}

.service .article .project .swiper-slide .list:hover .more:before{ width: 100%; left: 0;}
.service .article .project .swiper-slide .list:hover .more a{ color: #fff;}
.project .tianjia{ position: absolute; bottom: 50px; z-index: 102; left: 0%; width: 25%;}
.project .swiper-button-next,.project .swiper-button-prev{ position: absolute; bottom: 0; top: auto; transition: all .3s ease-in-out; z-index: 110; color: #fff; font-size: 20px}
.project .swiper-button-prev{ left: 12%;}
.project .swiper-button-next{ left: auto; right: 12%; }
.project .swiper-button-next:after,.project .swiper-button-prev:after{ font-size: 24px;}
.project .swiper-pagination{ left: 25%; right: 25%; width: auto; text-align: right; color: #fff; font-size: 18px;}
.project .swiper-pagination:before{ content: ''; position: absolute; left: 0; width: 70%; height: 2%; background: #fff; top: 50%; margin-top: -1px; opacity: 0.7;}


.engineering{ width: 100%; display: flex; flex-direction: column; background: #efefef; padding-bottom: 60px;}
.engineering .biaoti{ display: flex; flex-direction: column; align-items: center; padding: 40px 0;}
.engineering .biaoti h2{ font-size: 44px;}
.engineering .biaoti h3{ color: #555; font-size: 20px;}
.engineering .biaoti span{ display: block; width: 50px; height: 3px; background: #0C9B95; margin: 22px 0;}

.gongcheng .swiper-container{}
.gongcheng .swiper-slide{ width: 1000px;}
.gongcheng .swiper-slide .nihao{ transition: 0.2s; padding-bottom: 80px; position: relative;}	
.gongcheng .swiper-slide .nihao .tupian img{ width: 100%;}
.gongcheng .swiper-slide .nihao .neirong{ position: absolute; left: 80px; bottom: 0; background: #fff; width: 240px; padding: 50px; z-index: 10; transition: all .3s ease-in-out; opacity: 0;}
.gongcheng .swiper-slide .nihao .neirong .text{ font-size: 28px;}
.gongcheng .swiper-slide .nihao .neirong .word{ margin: 10px 0 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.gongcheng .swiper-slide .nihao .neirong .liaojie{ display: flex; flex-direction: row;}
.gongcheng .swiper-slide .nihao .neirong .liaojie a{ position: relative; display: block; width: 80px; padding: 0 30px; text-align: right; line-height: 40px; border: 1px solid #000;}
.gongcheng .swiper-slide .nihao .neirong .liaojie a:before{ content: ''; position: absolute; left: 0; top: 50%; width: 25px; background: #000; height: 1px; transition: all .3s ease-in-out;}
.gongcheng .swiper-slide .nihao .neirong .liaojie:hover a:before{ background: #fff;}
.gongcheng .swiper-slide .nihao .neirong .liaojie:hover a{ color: #fff; background: #000; margin-left: 10px;}
.gongcheng .swiper-slide-active .nihao .neirong{ opacity: 1;}
.gongcheng .swiper-container .tianjia{ width: 1000px; position: absolute; left: 50%; bottom: 0; margin-left: -500px; z-index: 101; display: flex; flex-direction: row; justify-content: flex-end;}
.gongcheng .swiper-container .tianjia .dongcent{ width: 240px; position: relative; height: 40px; }
.gongcheng .swiper-button-next,.gongcheng .swiper-button-prev{ position: absolute; bottom: 0; top: auto; transition: all .3s ease-in-out; z-index: 110; color: #000; font-size: 20px}
.gongcheng .swiper-button-prev{ left: 0;}
.gongcheng .swiper-button-next{ left: auto; right: 0; }
.gongcheng .swiper-button-next:after,.gongcheng .swiper-button-prev:after{ font-size: 20px }
.gongcheng .swiper-pagination{ left: 15%; right: 15%; width: auto; text-align: right; font-size: 18px;}
.gongcheng .swiper-pagination:before{ content: ''; position: absolute; left: 0; width: 65%; height: 2%; background: #aaa; top: 50%; margin-top: -1px; opacity: 0.7;}
.gongcheng .swiper-slide .nihao:hover .neirong{ bottom: 10px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);}

.engineering .gengduo{ width: 100%; text-align: center; margin-top: 50px;}
.engineering .gengduo a{ display: inline-block; width: 280px; height: 60px; line-height: 60px; background: #0C9B95; color: #fff; font-size: 22px; transition: all .3s ease-in-out;}
.engineering .gengduo a:hover{ background: #efefef; color: #0C9B95; box-shadow: 0 0 10px 0 rgba(12,155,149,0.5);}



.introduction{ width: 100%; padding: 90px 0; position: relative;}
.introduction .guanyu{ display: flex; flex-direction: row; justify-content: space-between;}
.introduction .guanyu .about{ display: flex; flex-direction: column; width: 45%;}
.introduction .guanyu .about .ming{ display: flex; flex-direction: column; position: relative;}
.introduction .guanyu .about .ming h2{ font-size: 40px; font-weight: bold;}
.introduction .guanyu .about .ming:after{ content: ''; width: 50px; height: 3px; background: #0C9B95; margin-top: 20px;}
.introduction .guanyu .about .brand{ font-size: 18px; padding: 40px 0 70px; line-height: 2;}
.introduction .guanyu .about .liaojie{ display: flex; flex-direction: row;}
.introduction .guanyu .about .liaojie a{ position: relative; display: block; width: 80px; padding: 0 30px; text-align: right; line-height: 40px; border: 1px solid #000;}
.introduction .guanyu .about .liaojie a:before{ content: ''; position: absolute; left: 0; top: 50%; width: 25px; background: #000; height: 1px; transition: all .3s ease-in-out;}
.introduction .guanyu .about .liaojie:hover a:before{ background: #fff;}
.introduction .guanyu .about .liaojie:hover a{ color: #fff; background: #000; margin-left: 10px;}
.introduction .guanyu .about .number{ width: 100%; display: flex; flex-direction: row; margin-top: 70px;}
.introduction .guanyu .about .number li{ float: left;}
.introduction .guanyu .about .number li .num{ font-size: 50px; font-weight: bold;}
.introduction .guanyu .about .number li .text{ font-size: 22px;}
.introduction .guanyu .about .number li.line{ width: 1px; height: 100%; margin: 0 70px; background: #e5e5e5;}
.introduction .guanyu .picture{ width: 50%; display: flex; flex-direction: column; align-items: flex-end;}
.introduction .guanyu .picture img{ max-width: 100%; width: 650px; box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);}
.introduction .guanyu .zimu{ position: absolute; z-index: -1; right: 60px; top: 160px; text-align: right;}
.introduction .guanyu .zimu img{ max-width: 100%;}
.introduction:before{ content: ''; position: absolute; right: 0; bottom: 0; z-index: -1; width: 35%; height: 400px; background: #f8f8f8;}


.information{ width: 100%; padding: 40px 0; background: #efefef;}
.information .xinwen{ display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.information .xinwen .ming{ display: flex; flex-direction: column;}
.information .xinwen .ming .span{ font-family: 'georgia'; font-size: 60px; opacity: 0.1; text-transform: uppercase;}
.information .xinwen .ming .tit{ font-size: 26px;}
.information .xinwen .liaojie{ display: flex; flex-direction: row;}
.information .xinwen .liaojie a{ position: relative; display: block; width: 80px; padding: 0 30px; text-align: right; line-height: 40px; border: 1px solid #000;}
.information .xinwen .liaojie a:before{ content: ''; position: absolute; left: 0; top: 50%; width: 25px; background: #000; height: 1px; transition: all .3s ease-in-out;}
.information .xinwen .liaojie:hover a:before{ background: #fff;}
.information .xinwen .liaojie:hover a{ color: #fff; background: #000; margin-right: 10px;}

.news{ display: flex; flex-direction: row; justify-content: space-between; width: 100%; padding-top: 20px;}
.news .dingwei{ width: 25%; display: flex; flex-direction: column; padding-top: 30px; height: 510px;}
.news .dingwei img{ max-width: 100%; object-fit: cover; height: 100%;}
.news .Journalism{ width: 75%;}
.news .Journalism li{ width: 50%; float: left;}
.news .Journalism li .zhende{ display: block; margin: 30px 0 0 30px; overflow: hidden; position: relative; background: #fff; transition: all .3s ease-in-out;}
.news .Journalism li .zhende .hmlifr{ padding: 50px 50px 50px 100px; height: 140px; display: flex; flex-direction: column; justify-content: space-between;}
.news .Journalism li .zhende .hmlifr .text{ font-size: 22px; line-height: 1.8; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; transition: all .3s ease-in-out;}
.news .Journalism li .zhende .hmlifr .read{ display: flex; flex-direction: row; justify-content: space-between; transition: all .3s ease-in-out;}
.news .Journalism li .zhende .hmlifr .read span{ font-size: 15px; color: #aaa;}
.news .Journalism li .zhende .hmlifr .read sup{ width: 18px; background: url(read1.png) center center no-repeat; transition: all .3s ease-in-out;}
.news .Journalism li .data{ position: absolute; left: 20px; top: 0; bottom: 0; text-align: center; z-index: 1; width: 40px; display: flex; flex-direction: column; justify-content: center;}
.news .Journalism li .data figure{ display: flex; flex-direction: column; transition: all .3s ease-in-out;}
.news .Journalism li .data figure .num{ font-size: 24px; transition: all .3s ease-in-out;}
.news .Journalism li .data figure .timesg{ height: 10px; text-align: center; position: relative; padding: 5px 0;}
.news .Journalism li .data figure .timesg img.timesg1{ display: block; margin: 0 auto;}
.news .Journalism li .data figure .timesg img.timesg2{ display: none; margin: 0 auto;}
.news .Journalism li .data small{ padding-top: 10px; transition: all .3s ease-in-out;}
.news .Journalism li .zhende:hover{ background: #0C9B95; box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);}
.news .Journalism li .zhende:hover .hmlifr .text,
.news .Journalism li .zhende:hover .hmlifr .read span,
.news .Journalism li .zhende:hover .data figure .num,
.news .Journalism li .zhende:hover .data small{ color: #fff;}
.news .Journalism li .zhende:hover .hmlifr .read sup{  background: url(read2.png) center center no-repeat;}
.news .Journalism li .zhende:hover .data figure .timesg img.timesg1{ display: none;}
.news .Journalism li .zhende:hover .data figure .timesg img.timesg2{ display: block;}

footer{ width: 100%; display: flex; flex-direction: column; background: url(footer.jpg) no-repeat;}
footer .foot{ display: flex; flex-direction: row; justify-content: space-between; padding: 50px 0;}
footer .foot .slogan,footer .foot .brand,footer .foot .linkage{display:-webkit-flex; display:flex; flex-direction: column;}
footer .foot .slogan{ width: 30%;}
footer .foot .slogan .wenzi{ color: #fff; line-height: 2.2; padding: 40px 0 50px;}
footer .foot .slogan .huaguo{ display: flex; flex-direction: row;}
footer .foot .slogan .huaguo .lian{ position: relative;display: flex; flex-direction: column; cursor: pointer;}
footer .foot .slogan .huaguo .lian figure{ width: 40px; height: 40px;}
footer .foot .slogan .huaguo .lian figure img{}
footer .foot .slogan .huaguo .lian figcaption{ position: absolute; top: 45px; left: 0; padding: 15px; text-align: center; display: none; height: 100px; background: #fff; border-radius: 4px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);}
footer .foot .slogan .huaguo .lian figcaption img{ width: 100px; height: 100px;}
footer .foot .slogan .huaguo .weibo:hover figcaption,footer .foot .slogan .huaguo .weixin:hover figcaption{ display: block;}
footer .foot .slogan .huaguo .weixin{ margin-left: 30px;}
footer .foot .brand{ display: flex; flex-direction: column;}
footer .foot .brand .navdiv a{ color: #fff; padding-right: 15px;}
footer .foot .brand .address{ color: #fff; padding-top: 50px; line-height: 44px; display: flex; flex-direction: column;}
footer .foot .linkage{ display: flex; flex-direction: column;}
footer .foot .linkage .dianhua{ display: flex; flex-direction: column;} 
footer .foot .linkage .dianhua sup{ font-size: 22px;}
footer .foot .linkage .wechat{ display: flex; flex-direction: row; text-align: center; padding-top: 20px;}
footer .foot .linkage .wechat figure{display: flex; flex-direction: column;}
footer .foot .linkage .wechat figure:nth-child(2){ margin-left: 20px;}
footer .foot .linkage .wechat figure img{ width: 130px; height: 130px;}
footer .foot .linkage .wechat figure small{ color: #fff; padding-top: 10px;}
footer .banquan{ display: flex; flex-direction: row; justify-content: space-between; padding: 20px 0 40px 0;}
footer .banquan figure,footer .banquan figcaption a,footer .foot .linkage .dianhua span,footer .foot .linkage .dianhua sup{ color: #fff;}
footer .banquan a{color:#fff;margin-left:6px;}


.Inside-page{ width: 100%; display: flex; flex-direction: column; position: relative; z-index: 100;}
.Inside-page .neiye{ position: relative; width: 100%;}
.Inside-page .neiye .datudiv img{ width: 100%; display: block;}
.Inside-page .neiye .mingcheng{ width: 100%; position: absolute; left: 0; z-index: 101; color: #fff; top: 50%; margin-top: -25px; text-align: center; font-size: 50px; line-height: 50px; padding-top: 40px;}
.Inside-page .cloumn{ display: flex; flex-direction: row; justify-content: space-around; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); background: #fff;}
.Inside-page .cloumn ol{ display: flex; flex-direction: row; }
.Inside-page .cloumn ol li{-webkit-flex-grow:1;flex-grow:1; text-align: center;}
.Inside-page .cloumn ol li a{ font-size: 22px; padding: 25px 0; display: inline-block; position: relative;}
.Inside-page .cloumn ol li a:before{ content: ''; position: absolute; display: block; left:0%; right:0%; height: 3px; transform-origin: center; transform:scale(0,1); transition: all 0.6s linear; background: #0C9B95; bottom: 0px;}
.Inside-page .cloumn ol li.on a:before,.Inside-page .cloumn ol li:hover a:before{ transform: scale(1);}
.Inside-page .cloumn ol li.on a{ color: #0C9B95;}


.synopsis{ width: 100%; display: flex; flex-direction: column; position: relative; padding:50px 0 200px;}
.synopsis .about-tit,.qiyewenhua .about-tit,.zhanlve .about-tit{ display: flex; flex-direction: column; text-align: center; padding: 0 0 50px;}
.synopsis .about-tit h3,.qiyewenhua .about-tit h3,.zhanlve .about-tit h3{ font-size: 32px;}
.synopsis .about-tit p,.qiyewenhua .about-tit p,.zhanlve .about-tit p{ font-size: 16px; color: #888; margin-top: 10px;}
.synopsis .gundan{ display: flex; flex-direction: row; justify-content: space-between; background: #fff; box-shadow: 0 0 5px 0 rgba(0,0,0,.1);}
.synopsis .gundan .zuoce{ width: 25%; background: #0C9B95; height: 580px; background-image: url(zuoce.png); background-position: center bottom; background-repeat: no-repeat;}
.synopsis .gundan .zuoce .kaishi{ padding: 80px 30px 0; overflow: hidden;}
.synopsis .gundan .zuoce .kaishi h3,.synopsis .gundan .zuoce .kaishi h2,.synopsis .gundan .zuoce .kaishi h4{ color: #fff; opacity: 0.5; font-size: 22px;}
.synopsis .gundan .zuoce .kaishi h2{ font-size: 28px; opacity: 1; padding: 20px 0 40px;}
.synopsis .gundan .youce{ width: 67%; padding: 40px 4%; overflow: hidden;}
.synopsis .gundan .youce .xianzai{ width: 100%; height: 500px; overflow: hidden; overflow-y: auto;}
.synopsis .gundan .youce .xianzai p{ font-size: 15px; line-height: 2.2;}
.synopsis .ditudiv{ position: absolute; width: 100%; z-index: -1; left: 0; right: 0; bottom: 0; min-width: 1200px;}
.synopsis .ditudiv img{ display: block; width: 100%; object-fit: cover;}

.qiyewenhua{ width: 100%; position: relative; padding: 50px 0; background: #efefef;}
.qiyewenhua .culture{ display: flex; flex-direction: row; justify-content: space-between; background: #fff;}
.qiyewenhua .culture .chaoren{ width: 65%; overflow: hidden;}
.qiyewenhua .culture .chaoren li{ border-bottom: 1px #eee solid; display: flex; flex-direction: row; align-items: center; line-height: 60px; height: 114px;}
.qiyewenhua .culture .chaoren li .chong{ padding: 27px 50px; border-right: 1px solid #eee;}
.qiyewenhua .culture .chaoren li .chong img{ display: block; width: 60px;}
.qiyewenhua .culture .chaoren li .danci{ font-size: 28px; padding: 27px;}
.qiyewenhua .culture .chaoren li .danci span{ color: #0C9B95; vertical-align: middle; display: inline-block; font-size: 32px;}
.qiyewenhua .culture .chaoren li .danci sup{ color: #aaa; vertical-align: middle; display: inline-block; padding: 0 15px;}
.qiyewenhua .culture .cizhi{ width: 35%; overflow: hidden;}
.qiyewenhua .culture .cizhi img{ display: block; width: 100%; object-fit: cover; height: 460px;}


.zhanlve{ width: 100%; position: relative;}
.zhanlve .xiamian{ width:100%; overflow:hidden; padding:150px 0;background: url(zhanlve.jpg) center no-repeat;background-size:cover;background-attachment:fixed;}
.zhanlve .xiamian .abmle{ width:600px; overflow:hidden;}
.zhanlve .xiamian .abmle .tat,.zhanlve .xiamian .yiliu .tct{ width:100%; font-size:46px; color:#fff; line-height:1.2; overflow:hidden;}
.zhanlve .xiamian .abmle .tbr{ width:100%; font-size:24px; color:#fff; padding:50px 0 80px; overflow:hidden;}
.zhanlve .xiamian .abmle .tbr span{ display:block; width:50%; float:left; overflow:hidden; line-height:2;}
.zhanlve .xiamian .abmle .line{ width:50px; height:1px; background:#fff; overflow:hidden;}
.zhanlve .xiamian .yiliu{ width:520px; overflow:hidden;}
.zhanlve .xiamian .yiliu .tdt{ width:100%; font-size:24px; color:#fff; padding:50px 0 20px; overflow:hidden;}
.zhanlve .xiamian .yiliu .tet{ width:100%; overflow:hidden;}
.zhanlve .xiamian .yiliu .tet p{ color:#fff; font-size:18px; line-height:1.8;}





.center{ width: 100%; padding: 50px 0;}
.contact-page ul{ display: flex; justify-content:center; background: url(cbg.png) no-repeat top center; background-size: 100% 100%; height: 400px;  align-items: center;}
.contact-page li{ width: 25%; padding: 0 20px;}
.contact-page li h3{ font-weight: bold; font-size: 30px; text-align: center; margin:0 0 90px 0; color: #333;}
.contact-page li img{ display: block; height:64px; margin-right: 10px;}
.contact-page li div{ display: flex; align-items: center; justify-content: center;}
.contact-page li strong{ display: block; text-align: center; color: #333; font-size: 30px; font-weight: bold; font-family: 'georgia';}
.contact-page li p{ line-height: 30px; display: block; font-size: 16px;}
.map img{ display: block; width: 100%; height: auto; min-height: 200px;}



.newspage{ width: 100%; position: relative;}
.newspage ul{}
.newspage li{ position: relative; width:32%; float: left; margin: 40px 0 0 2%;}
.newspage li:nth-child(3n+1){ margin-left: 0;}
.newspage li .mafan{ display: block; border:1px solid #E0E0E0; position: relative; padding: 60px;}
.newspage li .item-text .date{ color: #666666; font-size: 18px;}
.newspage li .item-text .taxt{color: #333333;font-size: 22px;line-height: 40px;height: 40px;overflow: hidden;margin: 10px 0 20px 0;}
.newspage li .item-text img{ display: block; width: 100%; transition: all 0.6s;}
.newspage li:hover .item-text img{ transform: scale(1.03);}
.newspage li .bar{position: absolute;background-color: #333;transition: background-color 0.2s, top 1s cubic-bezier(0.630, 0, 0.355, 1), left 1s cubic-bezier(0.630, 0, 0.355, 1), bottom 1s cubic-bezier(0.630, 0, 0.355, 1), right 1s cubic-bezier(0.630, 0, 0.355, 1);}
.newspage li .bar.top {left: -1px;right: 100%;height: 1px;top: -1px;}
.newspage li .bar.left {top: 100%;bottom: -1px;width: 1px;left: -1px;}
.newspage li .bar.right {top: -1px;bottom: 100%;width: 1px;right: 0px;}
.newspage li .bar.bottom {left: 100%;right: -1px;height: 1px;bottom: 0px;}
.newspage li .ball {position: absolute;width: 10px;height: 10px; background: #fff;  border:1px solid #000; border-radius: 100%;transition: background-color 0.2s, top 1s cubic-bezier(0.630, 0, 0.355, 1), left 1s cubic-bezier(0.630, 0, 0.355, 1), bottom 1s cubic-bezier(0.630, 0, 0.355, 1), right 1s cubic-bezier(0.630, 0, 0.355, 1);opacity: 0; z-index: 333;}
.newspage li .ball.tl {top: 100%;left: -3px;}
.newspage li .ball.tr {top: -3px;right: 100%;}
.newspage li .ball.bl {bottom: -3px;left: 100%;}
.newspage li .ball.br {bottom: 100%;right: -3px;}
.newspage li:hover .bar.top{ right: -1px;}
.newspage li:hover .bar.left{ top: -1px}
.newspage li:hover .bar.right{ bottom: -1px;}
.newspage li:hover .bar.bottom{left: -1px;}
.newspage li:hover .ball.tl{ top: -5px;}
.newspage li:hover .ball.tr{right: -5px;}
.newspage li:hover .ball.bl{left: -5px;}
.newspage li:hover .ball.br{bottom: -5px;}
.newspage li:hover .ball{ opacity: 1;}


.fenye{ display: flex; align-items: center; justify-content: center; margin-top: 50px;}
.fenye a{ width: 40px;height: 40px;background-color: #ffffff; color: #666666; font-size: 14px;border: solid 1px #e0e0e0; display: block; line-height: 40px; text-align: center; box-sizing: content-box; border-radius: 100%; margin:  0 6px; transition: all 0.36s;}
.fenye .prev{ width: 77px;height: 40px; line-height: 40px; text-align: center; box-sizing: content-box;background-color: #ffffff;border-radius: 20px;border: solid 1px #e0e0e0;}
.fenye a.on,.fenye a:hover{ background-color: #0C9B95; color: #fff;}


.yanse{ background: #efefef; padding: 60px 0;}
.casket{ padding: 40px; background: #fff; }
.casket .xiangqing{ width: 70%; position:relative; float:left;}
.casket .xiangqing .detail{ width: 100%;}
.casket .xiangqing .detail .ming{}
.casket .xiangqing .detail .ming .name{ font-size: 30px; line-height: 40px;}
.casket .xiangqing .detail .ming .xiaozi{ color: #888; padding: 20px 0;}
.casket .xiangqing .detail .abstract{ background: #f9f9f9; padding: 20px; border-radius: 4px;}
.casket .xiangqing .detail .abstract figure{ background: url(abstract.png) left top no-repeat; display: block; overflow: hidden; padding-left: 35px; line-height: 24px; color: #888;}
.casket .xiangqing .detail .particulars{ width: 100%; overflow: hidden; padding: 40px 0; min-height:350px;}
.casket .xiangqing .detail .particulars p{ font-size: 16px;  line-height: 32px;}
.casket .xiangqing .detail .particulars p img{ max-width: 100%; display:block; margin:0 auto;}
.casket .xiangqing .another{ width: 100%; overflow: hidden; padding-top: 40px;}
.casket .xiangqing .another .wangzhi{ width: 70%; overflow: hidden;}
.casket .xiangqing .another .wangzhi a.cur{ display: block; line-height: 40px; transition: 0.3s;}
.casket .xiangqing .another .wangzhi a.cur:hover{ transform: translateX(8px);}
.casket .xiangqing .another .back{ background: #222; border-radius: 20px;}
.casket .xiangqing .another .back a{ display: block; padding: 0 30px 0 30px; line-height: 40px; background: url(back.png) 30px center no-repeat; color: #fff;}
.casket .xiangqing .another .back:hover{ background: #0C9B95;}
.casket .recommend{ width: 25%; position:relative; padding-left: 5%; float:left;}
.casket .recommend .tou{ position: relative; font-size: 30px; padding-left: 20px; line-height: 30px;}
.casket .recommend .tou:before{ content: ""; position: absolute; left: 0; top: 3px; height: 24px; width: 5px; background: #da251c;}
.casket .recommend .dynamic{ padding-top: 20px;}
.casket .recommend .dynamic li a{ display: block; padding: 20px 0; border-bottom: 1px solid #E5E5E5; overflow: hidden; transition: 0.3s;}
.casket .recommend .dynamic li:hover a{ transform: translateX(8px);}
.casket .xiangqing .detail .xiangxi{ width: 100%; padding: 40px 0; min-height:350px;}


.anliyemian{ width: 100%; position: relative; overflow: hidden;}
.anliyemian li{ position: relative; width:32%; float: left; height:450px; margin: 0 0 20px 2%;}
.anliyemian li:nth-child(3n+1){ margin-left: 0;}
.anliyemian li .gdimg{ width: 100%; overflow: hidden;}
.anliyemian li .gdimg img{ width: 100%; display: block; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; -webkit-transform:scale(1.06); -moz-transform:scale(1.06); -ms-transform:scale(1.06); -o-transform:scale(1.06); transform:scale(1.06);}
.anliyemian li:hover .gdimg img{ -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); opacity: 1;}
.anliyemian li .solen{ display: flex; flex-direction: column; padding: 15px 0;}
.anliyemian li .solen .text a{ font-size: 22px; line-height: 35px; height: 70px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; transition: all .3s ease-in-out;}
.anliyemian li .solen .word{ color: #555; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; transition: all .3s ease-in-out; padding: 15px 0;}
.anliyemian li .chakan{ padding-bottom: 20px; line-height: 30px;}
.anliyemian li .chakan em{ display: inline-block; vertical-align: middle; margin-left: 10px; position: relative; width: 13px; height: 13px;}
.anliyemian li .chakan em i{ background: #222; position: absolute; display: block; height: 2px;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
.anliyemian li .chakan em i:nth-child(1){ top: 0; width: 10px;}
.anliyemian li .chakan em i:nth-child(2){ top: 5px; width: 7px;}
.anliyemian li .chakan em i:nth-child(3){ top: 10px; width: 13px;}
.anliyemian li:hover .solen .text a,.anliyemian li:hover .chakan a{ color: #0C9B95;}
.anliyemian li:hover .chakan em i{ background: #0C9B95; width: 13px;}
.anliyemian li:after{ content: ''; position: absolute; bottom: 0; left: 50%; width: 0; opacity: 0; height: 1px; background: #0C9B95; transition: all .3s ease-in-out;}
.anliyemian li:hover:after{ left: 0; width: 100%; opacity: 1;}



.recruit { width: 100%; position: relative;}
.recruit li{ margin-bottom: -1px;}
.recruit li .xianshi{ border:1px solid #eee; display: flex; align-items: center; justify-content: space-between;}
.recruit li .xianshi .rc-name{ color: #666; font-size: 22px; text-align: center; padding: 0 15px; width: 250px;}
.recruit li .xianshi .rc-text{ flex: 1; display: flex; justify-content: space-between; padding:1.5vw 2vw; border-left:1px solid #eee; }
.recruit li .xianshi .rc-text figure{ color: #666666; font-size: 15px; width: 25%;}
.recruit li .xianshi .more-btn{ background: #f0f0f0; width: 130px; color: #666666; font-size: 15px;	height: 40px; display: block;text-align: center; line-height: 40px; cursor: pointer;}
.recruit li .xianshi .more-btn i{ display: inline-block; background: url(ryzz-arrowdown.png) no-repeat center; width: 18px; height: 8px;vertical-align: middle;}
.recruit li .yincang{ border:1px solid #eee; border-top: none; padding:0vw 2vw 2vw 2vw; display: none;}
.recruit li .yincang .name{  color: #666; font-size: 18px; font-weight: bold; padding-top:1.5vw; padding-bottom: 1vw;} 
.recruit li .yincang .potext p{ color: #666666; font-size: 15px;}
.recruit li.on .xianshi .more-btn i{ transform: rotate(180deg);}


.mappage .content{background:#fff;overflow:hidden; width:100% !important;}     
.mappage .content a{color:#000;font-size:16px;}        
.mappage .content dl{margin-bottom: 20px;border: 1px solid #f9f9f9;}       
.mappage .topChild{background:#f9f9f9;padding:20px 20px;}        
.mappage .child{background: #fffbfb;overflow: hidden;}        
.mappage .childCate{float:left;margin-left:8px;padding:15px;}  



.I_contact_form .title{text-align: center; padding: 0 0 40px 0;}
.I_contact_form .title h2{color: #333333; font-size: 24px; font-weight: normal;height: 50px;}
.I_contact_form { width: 100%; box-sizing: border-box;font-size:14px;}
.I_contact_form .text{border: 1px solid #d8d8d8; float: left; width: 49%;  font-size:14px; height: 60px; line-height:60px; text-indent: 5px;  color: #666666; margin-bottom: 30px;}
.I_contact_form .form1{width: 100%; overflow: hidden;}
.I_contact_form .form2{width: 99.5%; height: 180px; border: 1px solid #d8d8d8; text-indent: 5px;padding-top: 10px;}
.I_contact_form .form2 textarea{font-size:14px;width: 98%; height: 165px; border: none; color: #888888; outline:none;}
.I_contact_form .form3 .text{ margin-top: 40px; transition: all 0.6s; width: 100%; font-size: 18px; background: #0C9B95;color: #ffffff; cursor: pointer;}
.I_contact_form .text:nth-child(2n){float: right;}



@media screen and (max-width:1600px){
	.header .Layer .logo{ padding: 0 20px;}
	.header .Layer .menubox .litag{ margin: 0 30px;}
	.service .article .title .ming{ padding: 60px 8%;}
	.service .article .title .ming .span{ font-size: 46px;}
	.service .article .title .ming .tit{ font-size: 28px;}
	.service .article .title .ming .sup{ font-size: 18px;}
	.project .swiper-button-prev{ left: 8%;}
	.project .swiper-button-next{ right: 8%;}
	.introduction .guanyu .zimu img{ max-width: 70%;}
	}
@media screen and (max-width:1400px){
	.header .Layer .menubox .litag{ margin: 0 20px;}
	.introduction .guanyu .picture{ width: 40%;}
	.introduction .guanyu .about{ width: 52%;}
	.newspage li{ margin-top: 30px;}
	.newspage li .mafan{ padding: 40px;}
	.newspage li .item-text .taxt{ font-size: 22px; margin-bottom: 30px;}
	.synopsis .gundan .zuoce .kaishi h2{ font-size: 26px;}
	.qiyewenhua .culture .chaoren li{ height: 99px;}
	.qiyewenhua .culture .chaoren li .chong{ padding: 19px 40px 20px;}
	.qiyewenhua .culture .chaoren li .danci{ font-size: 22px; padding: 19px 25px 20px;}
	.qiyewenhua .culture .chaoren li .danci span{ font-size: 24px;}
	.qiyewenhua .culture .cizhi img{ height: 400px;}
	}
@media screen and (max-width:1280px){
	.header .Layer .ceng .phone{ display: none;}	
	}