@charset "utf-8";
*{margin: 0;
  padding: 0;
  font: inherit;
  line-height: inherit;
  vertical-align: baseline;}
body{
	font: 14px/1.7  siyuanheiti,Helvetica,Microsoft YaHei,Arial,WenQuanYi Micro Hei, sans-serif;
	overflow-x: hidden;
	color: #333;
	margin:0 auto;	
}
html,body {
	overflow-x: hidden;
}
.none {
	display: none;
}
h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,ol,form,span,input,a,div{ font-family:siyuanheiti;margin:0px; padding:0px; font-style:normal; border:0;}	
input, button, select { font-size:100%; box-sizing:border-box;margin:0; padding:0; vertical-align:middle; outline:none;line-height:normal; color:#666;outline: none;}
img {border:0px;border:none;}
ul,li{ list-style:none;}
a {font-family:siyuanheiti;-webkit-transition:all 0.4s ease;transition:all 0.4s ease; text-decoration:none; outline:none;color:inherit;}
.w1000{width:1000px;}
.w1020{width:1020px;}
.w1200{width:1200px;}
.w100 { width:100%; }
.w1150 {width: 1220px;}
.md {margin:0 auto; }
.fl {float:left;}
.rt {float:right;}
.clear {clear:both;}
ul::after {content: "."; clear: both; display: block; height: 0; overflow: hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear {clear:both;}
.bg-none {background:none;}
.pr {position: relative;}
.pa {position: absolute;}


@font-face { 
    font-family: "Raleway"; 
	src: url("/ass/cp/RalewayLight.ttf") format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
	url("/ass/cp/RalewayLight.eot") format('embedded-opentype'); /* IE6-IE8 */
}


/*
@font-face { 
    font-family: "SourceSans";     
	src: url("http://chengchi.oss-cn-shanghai.aliyuncs.com/kehu/font/SourceSans.eot?#iefix") format("embedded-opentype"),
	url("http://chengchi.oss-cn-shanghai.aliyuncs.com/kehu/font/SourceSans.woff2") format("woff2"),
    url("http://chengchi.oss-cn-shanghai.aliyuncs.com/kehu/font/SourceSans.woff") format("woff"),
    url("http://chengchi.oss-cn-shanghai.aliyuncs.com/kehu/font/SourceSans.ttf") format("truetype"),
           
}  */

::-webkit-scrollbar { width: 5px;-webkit-appearance: none;}
::-webkit-scrollbar-track {background-color: transparent;border-radius: 8px;}
::-webkit-scrollbar-thumb {    background-color: #777777;border-radius: 8px; }
::-webkit-scrollbar-thumb:window-inactive {background-color: #777777;}

#topcontrol {
	z-index: 9;
}

.top1 {
	padding: 0px 0px;
	position: absolute;
	width: 100%;
	z-index: 99;
}
.top_ul {
	padding: 0px 0px 0px;
	-webkit-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.top_ul:hover {
	background: rgba(34, 34, 34, 0.8);	
}

.top_ul_fl {
	float: left;
	width: 40%;
	/* margin-top: 30px; */
}
.top_ul_fl li {
	/* position: inherit; */
}

.top_ul_fl span,.top_ul_rt span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	-webkit-transition:all 0.4s ease;transition:all 0.4s ease;
	width: 100px;
	text-align: center;
	font-family: Futura-Light,siyuanheiti;
}
.top_ul span.l1 {
	opacity: 1;
	letter-spacing: 1px;
}
.top_ul  span.l1a {
	opacity: 0;
}
.top_ul li:hover .l1a {
	opacity: 1;
}
.top_ul li:hover .l1 { 
	opacity: 0;
}

.top_ul_rt {
	float: right;
	width: 40%;
	/* margin-top: 30px; */
}
.logo {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -10%;
	width: 20%;
	margin-top: -45px;
	text-align: center;
}

.logo img{
	width: 130px;
	margin: 0 auto;
	display: block;
	padding-top:8px;
	
}
.top_ul_fl ul,.top_ul_rt ul{
	text-align: center;
}

.top_ul_fl li,.top_ul_rt li{
	display: inline-block;
	margin-right: 0px;
	width: 26%;
	text-align: center;
	/* float: left; */
	/* height: 30px; */
}
.top_ul a {
	font-size: 16px;
	color: #fff;
	padding: 45px 0 45px;
	line-height: 100px;
	font-weight: lighter;
	text-shadow: 1px 2px 3px #111;
	display: block;
	height: 30px;
	position: relative;
}
.top_ul:hover a {
	color: #fff;
}
.topp {
    width: 100%;
    background: #322b2b;
    color: #fff;
    font-size: 12px;
    position: relative;
    z-index: 999;
	height: 36px;
	line-height: 36px;
}
.topp .rt {
	background:  url('/ass/img/dh.png') no-repeat left center;
	background-size: 20px;
	padding-left: 24px;
}

.topp .w1200 {
	width: auto;
	padding: 0px 20px;
	color: #c6c6c6;
}

.s1,.s1 img {
	width: 100%;
}

.s1a {
	position: absolute;
	left: 10%;
	top: 40%;
	letter-spacing: -0.5px;
	font-size: 42px;	
	color: #fff;
	font-weight: bold;
	
	font-family: sans-serif;
	text-transform: uppercase;
}
.s1a p{
	font-size: 22px;
	letter-spacing: 1px;
	font-weight: lighter;
}

.body2 {
	position: relative;
	width: 100%;
	background: #fff;
	z-index: 2;
	margin-top: 770px;
}

.s2 {
	width: 1200px;
	margin: 0 auto;
	padding: 0px 0 100px;
	display: none;
}
.s2 ul {
 width: 1230px;
}

.s2 li {
	width: 405px;
	margin-top: 1px;
	margin-left: 0px;
	margin-right: 4px;
	margin-bottom: 3px;
	float: left;
	position: relative;
}


.s2 li div.bgm{
	background:  url('/ass/img/bgm.png') repeat-x left top;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 140px;
	opacity: .6;
	-webkit-transition:all 0.4s ease;transition:all 0.4s ease;
}
.s2 li:hover div.bgm {
	opacity: 1;
}
.s2 li span{
	font-size: 16px;
	display: block;
	font-weight: normal;
	font-weight: lighter;
	text-align: left;
	letter-spacing: 4px;
	position: absolute;
	top: 35px;
	z-index: 2;
	left: 20px;
	line-height: 36px;
	color: #fff;
	text-shadow: 1px 0px 1px #333;
	text-shadow: none;
	-webkit-transition:all 0.4s ease;transition:all 0.4s ease;
}
.s2 li .limore {
	position: absolute;
	bottom: 20px;
	left: 20px;
	color: #7a592d;
 
	line-height: 25px;
	font-size: 14px;
	padding-right: 50px;
	background:  #fff url('/ass/img/right-arrow.png') no-repeat 75px  center;
	background-size: 24px;
	opacity: 0;
	border: 1px solid #fff;
	border-radius: 2px;
	padding: 10px 45px 10px 15px;
	-webkit-transition:all 0.4s ease;transition:all 0.4s ease;
	font-family:'Raleway';
	font-weight: normal;
}
.s2 li:hover .limore {
	opacity: 1;
 
}
.s2 li .limore:hover  {
 
	background:  #fff url('/ass/img/right-arrow.png') no-repeat 80px  center;
	background-size: 24px;
}
/*.s2 li .limore i{
	background:   url('../img/Right.png') no-repeat 0px  center;
	background-size: 40px;
	display: inline ;
	width: 50px;
	height: 25px;
}*/

.s2 li span i{
	font-size: 28px;
	display: block;
	font-style: normal;
	font-weight: lighter;
	letter-spacing: 0;
	text-shadow: 1px 0px 0px #222;
	text-shadow: none;
	font-family:'Raleway';
}
.s2 li span b{
	font-weight: lighter;
	opacity: 0;
	padding-top: 15px;
	display: block;
	-webkit-transition:all 0.4s ease;transition:all 0.4s ease;
}
.s2 li:hover span{
	top: 25px;
}
.s2 li:hover b{
	opacity: 1;
	padding-top: 0px;
}
.s2 li img{
	display: block;
	width: 100%;
}
.s2_h2 {
	font-size: 44px;
	    text-transform: uppercase;
	    color: #9f6720;
	    font-weight: lighter;
	    letter-spacing: 2px;
	    padding: 50px 0px 50px;
	    font-family:'Raleway';
}
.s2_h2 i {
	background: #9f6720;
	height: 3px;
	width: 30px;
	display: block;
 
}

.s3 {
	height: 650px;
	background: #fff;
	background: #eee;
	position: relative;
}
.s3_fl {
	width: 50%;
	
}
.s3_fl p{
	padding-top: 50px;
	padding-left: 20px;
	color: #222;
	max-width: 700px;
	font-weight: lighter;
	font-size: 16px;
	margin: 0 auto;
	float: right;
	line-height: 32px;
}
.s3_fl p .alink{
	display: block;
	width: 200px;
	position: relative;
	margin: 50px auto 0;
	
	
}
.s3_fl p .alink a{
	position: relative;
	    z-index: 2;
	    text-transform: uppercase;
	    font-variant: normal;
	    font-weight: 300;
	    font-size: 14px;
	    text-align: center;
	    border: 1px solid #888;
	    padding: 12px 16px;
	    display: block;
	    width: 200px;
	    font-family:'Raleway';
}
.s3_fl p .alink:hover i{
	width: 100%;
}

.s3_fl p .alink i {
background: #9f6720;
    width: 0;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    transition: all .4s ease-in;
    -moz-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
}

.s3_fl p .alink:hover a{
	/*background: #9f6721;*/
	color: #fff;
	border: 1px solid #fff;
}

.s3_fl p img{
	width: 250px;
	display: block;
	margin: 30px auto 50px;
}
.s3_rt {
	background: url('/ass/img/w50.png') no-repeat center bottom;
	background-size: auto 520px;
	width: 50%;
	height: 650px;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
}
.s4 {
/*	padding: 130px 0 90px;*/
}

/*.s41 img{
	width: 56%;
	box-shadow: 20px -20px 0px #dedede;
}
.s41 img {
	width: 55%;
}*/
.s41 .rt .s2_h2 {
	padding-top: 140px;
}

.s41 .rt {
	width: 650px;
	position: relative;
	z-index: 2;
	height: 650px;
	padding: 0px 50px;
	background: #fff;
	background: rgba(255, 255, 255, 0.9);
}
.s41 .rt span {
	font-size: 32px;
	font-weight: lighter;
	padding-bottom: 10px;
	color: #000;
}
.s4 {
	width: 100%;
	/*max-width: 1800px;*/
	margin: 0 auto;
	background: #ffffff;
	z-index: 2;
	position: relative;
}

.s4 .w1200 {
	width: auto;
	padding: 0px 0px;
	-webkit-animation: mk_bottom_to_top 1.2s 1 cubic-bezier(.77,0,.175,1) both;
		animation: mk_bottom_to_top 1.2s 1 cubic-bezier(.77,0,.175,1) both;
}

.s41 .rt p {
	color: #555;
	font-size: 14px;
	line-height: 32px;
}

.s5 {
	background: #ffffff;
	padding-top: 100px;
	margin-bottom: -50px;
	width: 100%;
	position: relative;
	z-index: 4;
}
.s5 span {
	display: block;
	
}
.s5 div a i{
	display: block;
	width: 40px;
	height: 1px;
	background: #fff;
	margin: 10px auto;
	-webkit-transition:all 0.4s ease;transition:all 0.4s ease;
}
.s5 .fl,.s5 .rt{width: 600px;display: block;text-align: center;position: relative;z-index: 5;margin-bottom: -50px;
}
.s5 a {
	height: 40px;
	padding: 210px 0;
	line-height: 40px;
	display: block;
	font-size: 18px;
	color: #fff;
	font-weight: 400;
	background: rgba(0, 0, 0, 0.32)
}
.s5 a:hover {
background: rgba(0, 0, 0, 0)	
}
.s5 a:hover i {
	width: 100px;
}

.s5 a span{
		font-size: 36px;
		letter-spacing: 1px;
		font-weight: lighter;
		font-family:'Raleway';
}

.s5 .fl {
	background:  url('/ass/img/22.jpg') no-repeat left top;
	background-size: cover;
}
.s5 .rt {
	background:  url('/ass/img/23.jpg') no-repeat left top;
	background-size: cover;
}

.footer {
	background: #322b2b;
	padding: 40px 0 100px;
	position: relative;
	z-index: 2;
}

.ft_ul {
	text-align: center;
	display:  block;
 
	width:600px;
	margin: 100px auto 60px;
}
.ft_ul li {
	/*float: left;*/
	margin: 0px 20px;
	display: inline-block;
}

.ft_ul li a:before {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 2px;
    left: 0;
    top: 46%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #e4c68b;
    transition: width .4s;
}
.ft_ul li a{
	color: #fff;
	display: inline-block;
	transition: all .3s;
	position: relative;
	padding: 0 0  0 20px;
}
.ft_ul li:hover a{
	color: #e4c68b;
}
.ft_logo{
    width: 310px;
    margin: 0 auto;
}
.ft_logo div{
float:left;    font-size: 12px;
      text-align: center;
  padding:0px 20px;color: #fff;
}
.ft_logo img {
	width: 100px;
	display: block;
  padding-bottom:4px;
}
.ft_p {
	text-align: center;
	color: #a59b9b;
	font-size: 12px;
	padding: 20px 0 0;
}


.sc{
	width: 260px;
	margin: 50px auto 0;
}
.sc a{
	background: #fff;
	height: 38px;
	width: 38px;
	display: inline-block;
	border-radius: 150px;
	text-indent: 9999px;
	margin-right: 10px;
	margin-left: 10px;
	position: relative;
}
.sc b a{
	display: block;
	border-radius: 0;
	margin: 0;
	width: auto;
	height: auto;
	background: none;
	text-indent: 0;
}
.sc .wx {
	background:  url('/ass/img/wx.png') no-repeat left top;
	background-size: cover;
}
.sc .wb {
	background:  url('/ass/img/wb.png') no-repeat left top;
	background-size: cover;
}
.sc .mail {
	background:  url('/ass/img/mail.png') no-repeat left top;
	background-size: cover;
}
.sc .lkin {
	background:  url('/ass/img/lkin.png') no-repeat left top;
	background-size: cover;
}
.sc .faceb {
	background:  url('/ass/img/faceb.png') no-repeat left top;
	background-size: cover;
}
.code img {
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 0;
    display: block;
}
.list .code {
    position: absolute;
    background-color: #fff;
    padding: 10px 10px 0;
    bottom: 55px;
    height: 160px;
    line-height: 25px;
    left: 50%;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, .2);
    z-index: 2222;
    width: 129px;
    margin-left: -65px;
    color: #333;
    text-align: center;
	display: none;
	letter-spacing: 0px;
	font-size: 14px;
}
.list:hover .code {
	display: block;
}
.code span {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #fff;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -10px;
}
.ft_tel {
	text-align: center;
	color: #e4c68b;
	
	padding: 30px 0 0;
}
.ft_tel span{
	font-size: 16px;
	font-weight: lighter;
}
.ft_tel span i{
	font-size: 24px;
	font-style: normal;
}



.downn::after{
	content: "";
	display: block;
	position: absolute;
	right: 45px;
	top: 48px;
 
	border: 6px solid transparent;
	    border-top-color: #fff;
	    width: 0;
		height: 0;
		display: none;
}

.drop .md {
    width: 1280px;
	padding: 5px 0px 25px 0px;
}

.drop {
	position: absolute;
	top: 95px;
	left: 0;
	width: 100%;
	height: 0;
	background: rgba(34, 34, 34, 0.8);
	overflow: hidden;
	-webkit-transition:all 0.4s ease;transition:all 0.4s ease;
	/*border-top: 1px solid #eee;*/
}
.top_ul li:hover .drop {
	height:auto;
}

.m_ul {
    float: left;
    width: 22%;
    padding-top: 40px;
    padding-left: 2%;
    padding-right: 2%;
}
.m_ul b{
	color: #fff;
	height: 25px;
	display: block;
	font-size: 14px;
	font-weight: normal;
}
.top_ul .m_ul a {
	font-size: 13px;
	height: auto;
	padding: 0;
	line-height: 30px;
	text-shadow: none;
	color: #eee;
}
.top_ul .m_ul a img {
	width: 100%;
    display: block;
    margin: 0 auto;
	padding-bottom: 10px;
}
.m_ul a:hover{
	color: #fff;
	text-decoration: underline;
}
.top_ul .m_ul a p {font-size:16px; color:#fff}



#main {
	background: #fff;
	position: fixed;
	z-index: 1;
	width: 100%;
	height: 820px;
	top: 0;
	left: 0;
}




/*jianru*/
@-webkit-keyframes throb {
  0% {
    -webkit-transform: scale(1);
  }

  50% {
    -webkit-transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
  }
}

@keyframes throb {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.8);
  }

  100% {
    transform: scale(1);
  }
}

.apple-banner .xia {
    display: block;
    margin: 0 auto;
    text-align: center;
    animation: arrow 1200ms 800ms linear infinite;
    position: absolute;
    bottom: 60px;
    width: 100%;
}

@-webkit-keyframes arrow {
    0% {-webkit-transform: translate(0px, 0px);opacity: 0;}
    50% {-webkit-transform: translate(0px, 9px);opacity: 1;}
    100% {-webkit-transform: translate(0px, 18px);opacity: 0;}
}
@-moz-keyframes arrow{
    0% {-moz-transform: translate(0px, 0px);opacity: 0;}
    50% {-moz-transform: translate(0px, 9px);opacity: 1;}
    100% {-moz-transform: translate(0px, 18px);opacity: 0;}
}
@keyframes arrow {
    0% {transform: translate(0px, 0px);opacity: 0;}
    50% {transform: translate(0px, 9px);opacity: 1;}
    100% {transform: translate(0px, 18px);opacity: 0;}
}

@font-face { 
    font-family: "Montserrat-Bold"; 
    src: url("/ass/zi/Montserrat-Bold.otf")
}  


.rightphone {
	position: relative;
	margin-bottom: 5px;
}
.rightphone:hover p {
	opacity: 1;
}
.rightphone p {
	position: absolute;
    width: 150px;
    top: 4px;
    right: 35px;
    background: #ccaa6b;
    color: #fff;
    font-size: 15px;
    text-align: center;
    border-radius: 50px;
    font-family: DINPro;
    font-weight: bold;
    opacity: 0;
transition: all .4s ease-in;
    -moz-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;	
}