@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "ATHELAS W01 REGULAR";
  src: url("../fonts/ATHELAS W01 REGULAR.woff2") format("woff2"),
       url("../fonts/ATHELAS W01 REGULAR.woff") format("woff"),
       url("../fonts/ATHELAS W01 REGULAR.ttf") format("truetype"),
       url("../fonts/ATHELAS W01 REGULAR.eot") format("embedded-opentype"),
       url("../fonts/ATHELAS W01 REGULAR.svg") format("svg");
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite, code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio, video{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; outline-style:none;/*FF*/font-size:10px; /*font-family: "原版宋体_0","SimSun-ExtB"; */ font-family: "Arial","Microsoft Yahei";  list-style:none;}
body { line-height:1; }
a{ margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;text-decoration:none; color:#333; cursor:pointer;outline:0;}
a:hover,a:focus{ text-decoration:none;  outline-style:none;/*FF*/ }
table { border-collapse:collapse; border-spacing:0;}
input, select {vertical-align:middle;}
/*css为clearfix，清除浮动*/
.clearfix::before,.clearfix::after{content:""; height:0; line-height:0; display: block;visibility: hidden; clear:both;}
.clearfix:after{clear:both;} 
.clearfix{*zoom:1;/*IE/7/6*/}

.warp{ max-width:1240px; padding:0 20px;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.warp2{ max-width:1640px; padding:0 20px;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clear{ overflow:hidden;}
.clear2{ clear:both;}

h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.play{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}


/*parts*/
div.fy {text-align:center;line-height:4rem; padding-top:20px;}
div.fy a { margin:2px 2px;padding:8px 12px;color:#666;font-size:1.4em; display:inline; background: #fff;  box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
div.fy a:hover{color:#fff;  background: #000;}
div.fy a:active{ color:#fff;  background: #000; }
div.fy span.current{  margin:2px 2px;padding:8px 12px; color:#fff;  font-size:1.4em;  background: #000; box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
div.fy span.disabled{  margin:2px 2px;padding:8px 12px; color:#666; font-size:1.4em; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.1);}


/*手机导航*/
.m-header{ width:100%; background:#fff;}
#hamburger {width: 24px; height: 14px;	position:fixed;	top: 25px;	right: 25px;	z-index: 999;display: none;}
#hamburger:before, #hamburger:after, #hamburger span { background:#205f04; content: ''; display: block;    width: 20px;  height: 2px;}
#hamburger span {	margin: 4px 0 0 0;}
#hamburger:after {	margin: 4px 0 0 0;}
#hamburger.hb-fixed {	position: fixed;}
/* Hamburger animation */
#hamburger:before, #hamburger:after, #hamburger span {	-webkit-transition: none 0.3s ease 0.3s;	transition: none 0.3s ease 0.3s;	-webkit-transition-property: transform, top, bottom, left, opacity, margin;	transition-property: transform, top, bottom, left, opacity, margin;}
html.mm-opening #hamburger:before, html.mm-opening #hamburger:after {top: 20px;}
html.mm-opening #hamburger span {	left: -50px;	opacity: 0;}
html.mm-opening #hamburger:before {	transform: rotate( 45deg );	margin: 7.5px 0 0 0;}
html.mm-opening #hamburger:after {	transform: rotate( -45deg );margin: -7.5px 0 0 0;}
/*弹出input*/
.overCurtain {position: fixed; top:20px; right:40px; height:40px; width:40px;display:none; opacity:1; z-index:1000; cursor:pointer;}
.hide-center {background-color:rgba(0,0,0,0.8);  position:fixed; z-index:999; display:none; width:100%; height:100%; top:0; left: 0;}
.hide-center .boxs{margin: 0 auto;max-width: 600px; display:table; width:100%; height:100%;}
.hide-center .box{ display:table-cell; vertical-align:middle; padding:0 20px; }
.field__input{ float:left;  width:100%; border:none; outline:none; height:60px; padding:20px 180px 20px 40px; font-size:2.4em; font-weight:bold; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; border-bottom:1px solid #ccc; background-color: transparent;}
.m-btn{ float:left;border:none; outline:none; background-color: transparent; padding:19.5px; height:60px; font-size:1.6em; font-weight:bold; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:140px; position:absolute; right:auto; text-transform:uppercase; border-bottom: 1px solid #ccc; margin-left: -140px;}
.s-close { width:40px; height:40px; transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all; font-size:0px; margin-top:20px; display:block;}
.s-close::before,.s-close::after {	content:'';	width:40px;	height:2px;	background:#FFF;	display:block; transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.s-close::before {	-webkit-transform:rotate(45deg);	transform:rotate(45deg);}
.s-close::after {	-webkit-transform:translateY(-2px) rotate(-45deg);	transform:translateY(-2px) rotate(-45deg);}
.s-close:hover:before{transform:rotate(90deg);}
.s-close:hover:after{ transform:rotate(0deg);}

.overCurtain2 .s-close{ float: right; top:20px; right: 20px; position: absolute;}
.overCurtain2 {position: fixed; top: 0;    bottom: 0;    left: 0;    right: 0;width:100%;display:none; background-color:#000; opacity:0.7; z-index:999;}
.hide-center2 {position:fixed;right:0;left:0;	bottom:0;	top:20%;margin:auto;	display:none;	z-index:1000;	width: 100%;   max-width: fit-content;	}

/*header*/
.header,.menu-list,.header .more .lua .lua-box{transition:ease 1s all;-moz-transition: ease 1s all; -webkit-transition:ease 1s all; -o-transition: ease 1s all;}
#m1 .header{  position:fixed; top:0; left: 0; width: 100%; z-index: 2; }

.header{ padding: 0 10%; background: rgba(0,0,0,0.87); position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.header .logo{ text-align: center; padding:2px 0px; }
.header .logo img{ max-width: 100%; padding: 9px 0;}
.header .menu{width: 160px; float:left; padding: 30px 0 30px 5%;}
.header .menu *{ display: inline-block; font-size: 1.4em; color: #fff; }
.header .menu img{ margin:0 10px -3px 0;}
.header .more{ float:right;}
.header .more>*{ padding: 28px 0; margin-left: 30px; display: inline-block;}
.header .more a p{ display: inline-block; line-height: 24px; color: #fff; font-size: 1.4em;}
.header .more a{ color:#fff;}
.header .more a img{ margin: 0 10px -5px 0;}
.header .more .lua{ position: relative;}
.header .more .lua .lua-box{ opacity: 0; position: absolute; top:0%; right: 0; width: 100%; background: #000; text-align: center; display: none;}
.header .more .lua .lua-box a{ padding: 12px 10px; display: block; font-size: 1.4em;}
.header .more .lua:hover .lua-box{ opacity: 1; display: block;  top:100%;}

.menu-list{ position:fixed; z-index: 201; background: #fff; width: 100%; height: 100%; top:0; right: 100%;}
.menu-list.show{ right:0;}
.menu-list .menu-btn .m-close{ cursor: pointer; padding: 25px 0; float:left;}
.menu-list .menu-btn .m-close *{ font-size: 1.4em; display: inline-block;}
.menu-list .menu-btn .m-close img{ margin: 0 10px -3px 0;}
.menu-list .menu-btn .m-logo{ padding: 5px 12% 0 0; text-align: center;}
.menu-list .menu-txt{ padding: 0 20px; text-align: center; max-width: 300px; margin: 20vh auto 0 auto; max-height: 60vh; overflow-y:scroll; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.menu-list .menu-txt a{ font-size: 2em; color: #333; display: block; border-bottom: 1px solid #ccc; padding: 3vh 0;}
.menu-list .menu-txt ul li ul a{ padding: 2vh 0; font-size: 1.4em;}
.menu-list .menu-txt a.two{background:url(../images/arrow2.png) right center no-repeat;border-bottom: 2px solid #000; }

#style-3::-webkit-scrollbar-track {
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
	background-color:#F5F5F5;
}
#style-3::-webkit-scrollbar {
	width:6px;
	background-color:#F5F5F5;
}
#style-3::-webkit-scrollbar-thumb {
	background-color:#000000;
}

#m1 .header.h-showdown{ position:fixed; top:0; left: 0; width: 100%; z-index: 101; }
.h-showdown2{ transform: translateY(-150px)!important;}


/*footer*/
.footer a,.footer .fo3 .t{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.footer{ overflow:hidden; border-top:6px solid #000;}
.footer .fo1{ text-align: center; padding: 50px 0;}
.footer .fo1 a{ margin: 0 20px; display: inline-block;}
.footer .fo1 a:hover{ transform: translateY(-5px);}
.footer .fo2{ padding: 50px 0; background: #f0f0f0; overflow:hidden;}
.footer .fo2 .dot{ float:left; width: 20%; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footer .fo2 .dot a{ display: inline-block;}
.footer .fo2 .dot h3 a{ font-size: 1.6em; color: #333; line-height: 24px; margin-bottom: 10px;}
.footer .fo2 .dot p a{ font-size: 1.4em; color: #555; line-height: 24px; margin: 10px 0;}
.footer .fo2 .dot a:hover{ color: #000; text-decoration: underline;}
.footer .fo3{ padding: 20px 0;}
.footer .fo3 .flua{ display: inline-block; }
.footer .fo3 p{ cursor:pointer; padding: 15px 0; background: #fff; font-size: 1.4em; color: #555; line-height: 24px; display: inline-block; position: relative; z-index: 2;}
.footer .fo3 .t{ display: inline-block; background: #ccc;  margin-left: 20px; transform: translateX(-200px);}
.footer .fo3 .t a{ font-size: 1.4em; color: #333; line-height: 24px; padding: 2px 10px;  }
.footer .fo3 p span img{ margin:0 10px -5px 0;}
.footer .fo3 .flua:hover .t{ transform: translateX(0px);}
.footer .fo3 .t a:hover{ background: #000; color: #fff;}
.footer .fo4{ padding: 20px 0; background: #4f514e; overflow: hidden;}
.footer .fo4 p{ float:left; font-size: 1.4em; color: #c0c0c0; }
.footer .fo4 p:last-child{ float:right; color: #f0f0f0;}
.footer .fo4 p a{ color: #f0f0f0; font-size: 1em;}
.footer .fo4 p a:hover{ text-decoration: underline;}

.bottomlist{ background:#000; position:fixed; width:100%; bottom:0; left:0;  display:none; z-index:200;}
.bottomlist ul{ width:100%;}
.bottomlist ul li{ width:33.33%; float:left; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:5px;}
.bottomlist>ul>li>a>div{ font-size:1.6em; color:#fff;}
.bottomlist ul li img{ width:40px; height:40px;}


/*banner*/
.banner a{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.banner .swiper-slide .txt{transition:ease 2.5s all;-moz-transition: ease 2.5s all; -webkit-transition:ease 2.5s all; -o-transition: ease 2.5s all;}
.banner{ height:100vh; width: 100%;}
.banner .banner-slider{ width: 100%;}
.banner .swiper-slide{  height:100vh; background-size:cover !important; }
.banner .swiper-slide img{ width: 100%;}
.banner .swiper-slide .txt h3{ text-shadow: 0 0 10px #000; font-size: 7.2em; color: #fff; line-height: 1.2; font-family: "ATHELAS W01 REGULAR";}
.banner .swiper-slide .txt .warp2{ display: table; width: 100%; height: 100vh;}
.banner .swiper-slide .txt{ opacity: 0; transform: translateY(45px);}
.banner .swiper-slide .txt .t{ display: table-cell; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 50% 0 0;}
.banner .swiper-slide .txt .t a{ margin-top: 40px; padding: 14px 90px; font-size: 1.4em; color: #fff; border: 1px solid #fff; background: rgba(235,235,235,0.18); display: inline-block;}
.banner .swiper-slide .txt .t a:hover{ background:#fff; color: #000; font-weight: bold;}
.banner .swiper-slide.ban1 .txt .t{ padding: 0 0 0 50%; }
.banner .swiper-slide.swiper-slide-active .txt{opacity: 1; transform: translateY(0px);}
.banner .swiper-pagination-bullet{ width: 12px; height:12px; background: #fff;}
.banner .swiper-pagination-bullet-active{ background: #fce6c4; opacity: 0.8; }
/*ip*/
.ip img,.ip .ipl .m h3{ max-width: 100%; transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.ip .ip1,.ip .ip2,.ip .ip3{ display:table; width: 100%;}
.ip .ipl{ position: relative;}
.ip .ipl .t,.ip .ipl .s{ z-index: 20; position: absolute; top: 10%;}
.ip .ipl .t{ left: 60px;}
.ip .ipl .t h3{ font-size: 14px; color: #000; font-weight: bold; line-height: 18px;}
.ip .ipl .t p{ line-height: 18px; font-size: 14px; color: #000;}
.ip .ipl .s{ right: 40px; }
.ip .ipl .t{ text-align: left;}
.ip .ipl{ text-align: center;}
.ip .ipl .m{z-index: 2; position: absolute; right: 40px; bottom: 10%;}
.ip .ipl .m h3{ font-size: 16px; color: rgba(0,0,0,0.5); font-weight: normal; opacity: 0;  transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.ip .ipl .m h3 span{ font-size: 14px;}
.ip .ip1>*,.ip .ip2>*,.ip .ip3>*{ display: table-cell; vertical-align: middle; border: 1px solid #eaeaea; margin: -1px 0 0 -1px;}
.ip .ipb-1{ position: relative; width: 690px; border:none;}
.ip .ipb-1 .t{ position: absolute; top:14%; left: 10%;}
.ip .ipb-1 .t h3{ font-size: 4.8em; margin-bottom: 20px; color: #fff; font-family: "ATHELAS W01 REGULAR"; font-style: italic; }
.ip .ipb-1 .t h4{ max-width: 330px; font-size: 1.4em; line-height: 24px; color: #fff; font-family: "ATHELAS W01 REGULAR";}
.ip .ipb-2{ background: #f8f8f8; width: calc(100% - 690px);}
.ip .ipb-3,.ip .ipb-8{ width: 50%;}
.ip .ipb-4,.ip .ipb-6,.ip .ipb-7{ background: #f8f8f8; width: 25%;}
.ip .ipb-5{ width: 25%;}
.ip .ipl:hover a>img{transform:scale(0.9);}
.ip .ipl:hover .s img{ transform:scale(1.2);}
.ip .ipl:hover .m h3{ opacity: 1;}
/*iab*/
.iab .txt a span img{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.iab{ background: url(../images/iab.jpg) center center no-repeat; background-size: cover !important;}
.iab .txt{ padding: 10% 5%; max-width: 500px; margin: 0 0 0 auto;}
.iab .txt h3{ font-size: 4.8em; color: #fff; margin-bottom: 20px;  font-family: "ATHELAS W01 REGULAR";}
.iab .txt p{ font-size: 3em; color: #fff; line-height: 1.5; font-family: "ATHELAS W01 REGULAR";}
.iab .txt a{ display: inline-block; margin-top: 30%;}
.iab .txt a span{ padding: 6px 0; display: inline-block; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.iab .txt a span img{ margin-left: 15px;}
.iab .txt a:hover span img{ margin-left: 30px;}
/*is*/
.is{ background: #f9f9f9; text-align:center; padding:110px 0 80px 0;}
.is .txt{ max-width: 680px; margin: 0 auto;}
.is .txt h3{ font-size: 4.8em; color: #333; font-family: "ATHELAS W01 REGULAR";}
.is .txt h4{ font-size: 2.4em; color: #333; margin: 15px 0; font-family: "ATHELAS W01 REGULAR";}
.is .txt p{ font-size: 1.4em; color: #333; line-height: 24px; font-family: "ATHELAS W01 REGULAR";}
.is .txt .dots{ text-align: center; margin: 25px 0;}
.is .txt .dots img{ display: inline-block; margin: 0 8px;}
.is .txt a{ font-size: 1.8em; color: #717171; border-bottom: 2px solid #999;}
/*inews*/
.inews .warp .txt a{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.inews{ padding: 80px 0 70px 0; overflow: hidden;}
.inews .warp>*{ float:left; width: 50%;}
.inews .warp .txt{ text-align: center; padding: 8% 0;}
.inews .warp .txt p{ font-size: 1.4em; color: #2a3a4a; font-family: "ATHELAS W01 REGULAR"; line-height: 1.5;}
.inews .warp .txt h3{ display: inline-block; font-size: 3.6em; color: #2a3a4a; border-bottom: 2px solid #2a3a4a; font-family: "ATHELAS W01 REGULAR"; margin: 30px 0 50px 0;}
.inews .warp .txt a{ display: inline-block; border: 1px solid #6a6a6a; font-size: 1.4em; color: #878787;  padding: 14px 90px;}
.inews .warp .txt a:hover{ background: #6a6a6a; color: #fff;}
.inews .warp .img{ text-align: center;}
.inews .warp .img img{ max-width: 100%;}

/*about*/
.ab1{ background: url(../images/about/ab1.jpg) center center no-repeat; background-size: cover !important; padding: 18% 0;}
.ab1 .txt{ max-width: 540px; color: #fff;}
.ab1 .txt h3{ font-size: 6em; font-family: "ATHELAS W01 REGULAR";}
.ab1 .txt h4{ font-size: 2.4em; padding: 20px 0; font-family: "ATHELAS W01 REGULAR";}
.ab1 .txt p{ font-size: 1.4em; line-height: 24px; margin-bottom: 24px; font-family: "ATHELAS W01 REGULAR";}
.ab2{ overflow: hidden;}
.ab2>*{ float:left; width: 50%}
.ab2 .img img{ max-width: 100%;}
.ab2 .img{ background: url(../images/about/ab2.jpg) center center no-repeat; background-size:cover !important;}
.ab2 .img .alead{ margin: 80px 90px 80px auto; max-width: 500px;}
.ab2 .txt .t{ max-width: 540px; margin: 100px auto 20px 90px;}
.ab2 .txt .t h3{ font-size: 6em; color: #333;  font-family: "ATHELAS W01 REGULAR";}
.ab2 .txt .t p{ font-size: 1.4em; line-height: 24px; margin-top: 24px; color: #555;  font-family: "ATHELAS W01 REGULAR";}
.ab3{ margin-bottom: 30px; overflow: hidden; padding: 160px 0; background: url(../images/about/ab3.jpg) center center no-repeat; background-size: cover !important;}
.ab3 .warp2>*{ float:left;}
.ab3 .tit{ color: #fff; width: 35%; padding: 10% 40px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ab3 .tit h3{ font-size: 6em;  font-family: "ATHELAS W01 REGULAR"; margin-bottom: 30px;}
.ab3 .tit p{ font-size: 1.4em; color: #fff; line-height: 24px; font-family: "ATHELAS W01 REGULAR"; max-width: 440px;}
.ab3 .imgs{ width: 65%;}
.ab3 .imgs img{ max-width: 100%;}
.ab3 .imgs .swiper-slide{transition:ease 1.5s all;-moz-transition: ease 1.5s all; -webkit-transition:ease 1.5s all; -o-transition: ease 1.5s all;}
.ab3 .imgs .swiper-slide-active{ margin-left: 26%;}
.ab3 .imgs .swiper-slide-next{ margin-left: -6%;}
.ab4 { padding-bottom: 60px;}
.ab4 .tit h3{ text-align: center; font-size: 6em;  font-family: "ATHELAS W01 REGULAR"; padding: 60px 0; color: #333;}
.ab4 img{ width: 100%;}
.ab4 .swiper-slide{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all; animation:middle 8s infinite;}
.ab4 .swiper-pagination{ bottom: 15px !important;}
.ab4 .swiper-pagination .swiper-pagination-bullet{ width: 12px; height: 12px; background: #fff; }
.ab4 .swiper-button-prev,.ab4 .swiper-button-next{ width: 40px; height: 60px; background-size: 40px 60px;}
@keyframes middle{
  0% {transform:translateX(0px);}
  80% {transform:translateX(-60px);}
  100% {transform:translateX(0px);}
}	


/*news*/
.news-box .box a .txt>span,.news-box .box a .img img{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.news{ padding-top: 81px; background: url(../images/news/news-banner.jpg) left center no-repeat; background-size: cover !important;}
.news .txt{ display: table; width: 40%; margin: 0px 0 0 auto; padding: 12% 8% 12% 60px; background: rgba(0,0,0,0.67); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.news .txt .t{ display: table-cell; vertical-align: middle;}
.news .txt .t h3{ margin-bottom: 35px; font-size: 6em; font-family: "ATHELAS W01 REGULAR"; color: #fff;}
.news .txt .t p{ font-size: 1.6em; color: #fff; line-height: 24px;}
.news .txt .t .n-list{ margin-top: 90px;}
.news .txt .t .n-list a{ padding: 20px 0; border-bottom: 2px solid #5a5755;display: block; font-size: 2.4em; color: #fff; font-family: "ATHELAS W01 REGULAR";}
.news .txt .t .n-list a:hover,.news .txt .t .n-list a.lock{ text-decoration: underline; }
.news .txt .t .n-list a:last-child{ border:none;}
.news-box{ padding-bottom: 60px;}
.news-box .box{ padding: 90px 70px 140px 0; overflow: hidden;}
.news-box .box:nth-child(2n){ background: #ebebeb;}
.news-box .box a{ display:table; width: 100%;}
.news-box .box a>*{ display: table-cell; vertical-align: middle; width: 50%;}
.news-box .box a .txt{ padding-right: 5%;}
.news-box .box a .txt h3{ font-size: 3em; line-height: 36px; height: 72px; color: #333; font-weight: bold; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:2;}
.news-box .box a .txt p{ font-size:16px; color: #888; margin: 40px 0 60px 0;}
.news-box .box a .txt p span{ font-size: 14px; margin-left: 30px;}
.news-box .box a .txt>span{ display: inline-block; border: 1px solid #6a6a6a; font-size: 1.4em; color: #878787; padding: 16px 90px;}
.news-box .box a .txt>span:hover{ background: #6a6a6a; color: #fff;}
.news-box .box a .img{ overflow: hidden;  box-shadow: 60px 50px 0 #ebebeb;  }
.news-box .box a .img img{ max-width:100%;}
.news-box .box:nth-child(2n) a .img{ box-shadow: 60px 50px 0 #d4d4d4;}
.news-box .box:hover .img img{ transform: scale(1.1);}

/*newsshow*/
.newsshow{ padding:80px 0 80px 0;}
.newsshow .boxs{ background:#f5f5f5; }

.newsshow .tit{ padding:40px; text-align:center;}
.newsshow .tit h3{ font-size:2em; color:#333333;  line-height:24px; margin-bottom:20px;}
.newsshow .tit .dot{ background:#666; padding:0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.newsshow .tit .dot h4{ color:#fff; font-size:1.4em; display:inline-block; padding:14px 15px;}
.newsshow .txt{ padding:20px 40px; line-height:24px; color:#666666; }
.newsshow .txt *{ font-size:14px; line-height:24px;}
.newsshow .txt p{ font-size:14px;}
.newsshow .txt img{ max-width:100%; margin:0 auto; padding:0px 0;}
.newsshow .btn{ padding:40px;}
.newsshow .btn a{ display:block; background:#fff; font-size:1.4em; color:#333333; line-height:24px; padding:12px 20px; margin-top:10px;}
.newsshow .btn a:hover{ background:#000 !important; color:#fff !important;}

/*service*/
.service{ padding-top: 81px; overflow: hidden; background: url(../images/service/service-banner.jpg) center center no-repeat; background-size: cover !important;}
.service .warp2{ display: table; width: 100%;}
.service .warp2>*{ display: table-cell; vertical-align: middle;}
.service .warp2 .img{ padding: 70px 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.service .warp2 .img img{ width: 100%;}
.service .warp2 .txt{ padding: 0 40px; width: 52%;}
.service .warp2 .txt h3{ font-size: 6em; color: #fff; margin-bottom: 30px;  font-family: "ATHELAS W01 REGULAR";}
.service .warp2 .txt p{font-size: 1.6em; line-height: 24px; color: #fff;}
.service-t{ padding: 60px 0 100px 0;}
.service-t .txt h3{ font-size: 2.4em; color: #333; margin-bottom: 36px; font-family: "ATHELAS W01 REGULAR";}
.service-t .txt p{ font-size: 1.6em; color: #888; line-height: 24px;}
.service-t .dot1,.service-t .dot2{ padding-bottom: 100px; display: table; width: 100%;}
.service-t .dot1>*,.service-t .dot2>*{ padding: 0 20px; display: table-cell; vertical-align: middle;}
.service-t .txt{  padding: 0 60px;}
.service-t .dot1 .t{ padding: 40px 0;}
.service-t .dot1 .img{ width: 38%;}
.service-t .dot2 .img{ width: 36%;}
.service-t .img img{ max-width: 100%;}

/*legal*/
.legal{ padding: 60px 0;}
.legal .tit{ text-align: center;}
.legal .tit h3{margin-bottom: 30px; font-size: 2.4em;  color: #000; font-weight: bold;}
.legal .txt{ padding:10px 30px 30px 30px; background: #f5f5f5; max-width: 1000px; margin: 0 auto;}
.legal .txt h4{ padding: 20px 0; font-size: 1.8em; font-weight:bold;  color: #333; line-height: 24px; font-family: "ATHELAS W01 REGULAR";}
.legal .txt p{ font-size: 1.4em; color: #333; line-height: 24px; }

/*download*/
.download .boxs .box a{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.download{ padding-bottom: 90px;}
.download .tit h3{ font-size: 6em; color: #333; padding: 60px 0; font-family: "ATHELAS W01 REGULAR";}
.download .boxs{ padding-bottom: 20px;}
.download .boxs .box{ background: #f3f3f3; border-bottom: 1px solid #cbcbcb; }
.download .boxs .box:last-child{ border-bottom:none;}
.download .boxs .box a{ overflow:hidden; display: block; padding: 60px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.download .boxs .box a .l{ float:left; width: 80%;}
.download .boxs .box a .l h3{ font-size: 2.4em; color: #333;font-family: "ATHELAS W01 REGULAR";}
.download .boxs .box a .l p{ margin-top: 60px; font-size: 1.4em; color: #888;}
.download .boxs .box a .r{ float:right; width: 20%; text-align: right;}
.download .boxs .box a .r h4{ font-size: 1.4em; color: #888; margin-bottom: 60px;}
.download .boxs .box a .r p{ font-size: 1.4em; color: #333;}
.download .boxs .box a .r p span img{ margin: 0 10px -10px 0;}
.download .boxs .box a:hover{ background: #333;}
.download .boxs .box a:hover .l h3,.download .boxs .box a:hover .l p,.download .boxs .box a:hover .r h4,.download .boxs .box a:hover .r p{ color: #fff;}

/*contact*/
/*map*/
.content-window-card { position: relative; box-shadow: none; bottom: 0; left: 0; width: auto; padding: 0;}
.content-window-card p { height: 2rem;}
.custom-info {border: solid 1px silver;}
div.info-top { position: relative; background: none repeat scroll 0 0 #F9F9F9; border-bottom: 1px solid #CCC; border-radius: 5px 5px 0 0;}
div.info-top div { display: inline-block; color: #333333; font-size: 14px; font-weight: bold; line-height: 31px; padding: 0 30px 0 10px;}
div.info-top img { position: absolute; top: 10px; right: 10px; transition-duration: 0.25s;}
div.info-top img:hover { box-shadow: 0px 0px 5px #000;}
div.info-middle { font-size: 12px; padding: 10px 6px; line-height: 20px;}
div.info-bottom {height: 0px; width: 100%; clear: both; text-align: center;}
div.info-bottom img { position: relative;  z-index: 104;}
#map span { margin-left: 5px; font-size: 11px;}
.info-middle img { float: left; margin-right: 6px;}
#container{ height:820px; filter: invert(100%);}

.contact{ padding: 100px 40px; display: table; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.contact>*{ width: 50%; display: table-cell; vertical-align: top; padding: 0 60px;}
.contact .txts .t1{ margin-bottom: 65px;}
.contact .txts .t1 h3{ padding-bottom: 25px; margin: 40px 0 30px 0; font-size: 6em; color: #333; font-family: "ATHELAS W01 REGULAR"; border-bottom: 2px solid #000;}
.contact .txts .t1 p{ font-size: 1.4em; color: #888; max-width: 480px; line-height: 24px;}
.contact .txts .t2 h3{ font-size: 1.6em; color: #333; font-weight: bold; margin-bottom: 16px;}
.contact .txts .t2 p{ font-size: 1.4em; color: #555; line-height: 24px;}
.contact .txts .t2 .d{ margin-bottom: 35px;}
.contact .txts .t2{ overflow: hidden;}
.contact .txts .t2 .dot{ float:left; width: 70%;}
.contact .txts .t2 .img{ text-align: right;  padding:10% 0 0 20px; width: 30%; float:right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.contact .txts .t2 .img img{ max-width: 100%;}

.contact .feedback h3{ font-size: 1.4em;  color: #555; padding: 20px 0;}
.contact  .btn .fc-btn{transition:ease .5s all; -moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.contact  input,.contact  textarea{ border-radius: 10px; font-size: 1.4em; outline:none; border: none;  padding:12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height:24px; color:#000; background: #ededed;}
.contact .fc-input{ width: 100%; }
.contact  textarea{ width:100%; margin:0 0 60px 0; font-family: "Arial","Microsoft Yahei";}
.contact  .fc-input::-webkit-input-placeholder,.contact  textarea::-webkit-input-placeholder { color:#fff;}
.contact  .fc-input:-moz-placeholder,.contact  textarea:-moz-placeholder { color:#fff;}
.contact  .fc-input::-moz-placeholder,.contact  textarea::-moz-placeholder { color:#fff;}
.contact  .fc-input:-ms-input-placeholder,.contact  textarea:-ms-input-placeholder { color:#fff;}
.contact  .btn .fc-btn{ width: 100%; border:none; padding:10px 50px;  font-size:1.4em; color:#fff; line-height:24px; cursor:pointer; background:#3e3e3e;}
.contact  .btn .fc-btn:hover{ background:#000;}

/*product*/
.product{ display: table; width: 100%; }
.product>*{ display: table-cell;vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.product .img{ width: 60%; padding: 20px; background: url(../images/product/p-ban.jpg) center center no-repeat; background-size: cover !important;  text-align: center;}
.product .img img{ max-width: 100%;}
.product .p-list{ background: #222; padding: 0 80px 10% 80px;}
.product .p-list h3{ font-size: 6em;  font-family: "ATHELAS W01 REGULAR"; color: #fff; margin-bottom: 40px;}
.product .p-list .dots{ padding: 50px 0; border-bottom: 1px solid #535353;border-top: 1px solid #535353;}
.product .p-list .dots a{ display: inline-block; font-size: 1.4em; color: #fff; padding: 10px 0; line-height: 24px;}
.product .p-list .dots a.lock,.product .p-list .dots a:hover{ font-weight: bold; text-decoration: underline;  font-style: italic;}
.product input{ float:left; font-size: 1.4em; outline:none; border: none;  padding:6px 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height:24px; color:#000; background: #3d3d3d;}
.product form{ width: fit-content; overflow: hidden; margin-top: 40px; border-radius: 30px;}
.product .p-btn{ width: 40px; background: url(../images/product/sreach.png) center center no-repeat #3d3d3d; background-size: auto 60%;}
.product .p-input::-webkit-input-placeholder { color:#000;}
.product .p-input:-moz-placeholder { color:#000;}
.product .p-input::-moz-placeholder { color:#000;}
.product .p-input:-ms-input-placeholder { color:#000;}

.product-t .dots .dot .img img{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.product-t .dots{ overflow: hidden;}
.product-t .dots .dot{ padding: 60px 20px; border: 1px solid #f3f3f3;float:left; width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.product-t .dots .dot .img img{ max-width: 100%;}
.product-t .dots .dot .txt{ overflow: hidden;}
.product-t .dots .dot .txt h3{ font-size: 1.4em; color: #333; }
.product-t .dots .dot .txt p{ line-height: 24px; font-size: 1.6em; color: #000; font-weight: bold; height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:1;}
.product-t .dots .dot .txt .t{ float:left; width: calc(100% - 30px);}
.product-t .dots .dot span{ float:left;width: 30px; text-align: right;}
.product-t .dots .dot:hover .img img{ transform: scale(0.9);}
.product-t .dots{ padding-bottom: 30px;}
.product-t{ padding-bottom: 60px;}

/*productshow*/
.productshow{ background: #f7f7f7; padding: 100px 0; overflow: hidden;}
.productshow .warp2>*{ float:left; width: 50%; padding: 0 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.productshow .warp2 .img img{ max-width: 100%;}
.productshow .warp2 .txt{ padding-top: 5%;}
.productshow .warp2 .txt h3{ font-size: 2.4em; color: #333; line-height:28px;}
.productshow .warp2 .txt h4{ font-size: 2em; color: #000; font-weight: bold; text-transform: uppercase; padding-bottom: 20px; border-bottom: 1px solid #000;}
.productshow .warp2 .txt .t{ padding: 20px 0; border-bottom: 1px solid #000;}
.productshow .warp2 .txt .t p{ font-size: 1.4em; color: #888; line-height:1.5;}
.productshow .warp2 .txt a{ padding-top: 20px; display: inline-block; font-size: 1.6em; color: #333; text-decoration: underline;}
.proshowmore .tit h3{ text-align: center; font-size: 2.4em; color: #000; padding: 55px 0;}