@charset "utf-8";
/* CSS Document */


body{ font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;  color:#fff; background:#f5f5f5;min-width:1200px;}

input,select,textarea,button{font-size:14px;outline:none;font-family: 'microsoft yahei','Microsoft Sans Serif',PingFangSC-Regular, sans-serif;}/* 取消表单项聚焦时产生的黄色边框 */


select,input,img{font-family:tahoma; font-size: 12px;}
fieldset,img{ border:0;}
ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px;font-weight:normal;}
body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0; }
em{ font-style:normal;}
a,a:visited{ text-decoration:none;}
a:hover{text-decoration:none;} 
.clearfix:after {visibility: hidden;display: block;font-size: 0;content:"";clear: both;height: 0;}
.clearfix{*zoom:1;}
.both{ clear:both;}
a {text-decoration:none;color:#000;}
a:link{
text-decoration:none;
}
img { border:0px;}
.inner {width:1010px;margin:auto;}
body .hide{display:none !important;}
body{/*max-width:1920px;*/}
/*a{background:url(http://new-img1.ol-img.com/feature/217/3806217/440313421/img-subject/fu2.png) repeat;}*/

.con{width: 1000px; height: 100%; margin: 0 auto;position: relative;}
body{background:#fff; }
.w960{width:100%; position:relative; margin:0 auto; overflow:hidden;}

.con1{ height:700px; width:1440px; left:-220px; position:relative;}
.con1-2{height:700px; width:1440px; left:-220px; position:absolute;top:0;}
.con2,.con4,.con6,.con8{background:#F8F8F8; height:700px; width:1440px; left:-220px; position:relative;}
.con8{height: auto;padding-top:252px;}
.con3,.con5,.con7{background:#FFF; height:700px; width:1440px; left:-220px; position:relative;}
.con9{height:610px; width:1440px; left:-220px; position:relative;}
.con9_ju{background:#F8F8F8; height:90px; width:100%}
.main{background:#FFF; overflow:hidden;}
.main_inne{background:#FFF; height:auto;}
.main_inne1{background:url(/static/image/website/part1/index.png) center no-repeat;background-size:100% 700px;}
.main_inne2{background:#F8F8F8; height:auto;}
.main_inne3{
	/*background:#171210; */
	height:auto;
}
.main_inne4{background:url(/static/image/website/con1-2.png) center no-repeat; height:700px;background-size:cover;}
body{background:#F8F8F8;}
.main2{background:#F8F8F8;}
.swiper-container{width:1440px; left:-220px;}
.swiper-wrapper{height:700px;}
.swiper-slide {height:700px;}

.p32{font-size:32px; line-height: 32px;}
.p10{font-size:10px;}
.p14{font-size:14px;font-weight: 400;}
.p16{font-size:16px; line-height: 16px;}
.p20{font-size:20px;}
.p22{font-size:22px;}
.p24{font-size:24px;}
.p18{font-size:18px; line-height: 18px;}
.p30{font-size:30px;}
.p34{font-size:34px;}
.p56{font-size:56px; line-height: 56px;}
.p30{font-size:30px;}
.co_fff{color:#FFF;}
.co_b4b{ color:#B4B4B4;}
.co_504{ color:#50433E;}
.co_9B9{ color:#9B9B9B}
.co_676{color:#676260;}
.co_BE8{ color:#BE8A47;}
.co_beb{color:#333;}
.co_db9{color:#F5DEB3;}
.tx_center{text-align:center;}
.tx_left{text-align:left;}
.tx_blod{ font-weight:bold;}
.logo{
	width: 138px;
	height: 58px;
	position: absolute;
	top: 22px;
	left: 52px;
}

#logoImg{
	width: 100%;
	height: 100%;
}

.di{background:url(/static/image/website/di.png) repeat; width:100%; height:100%; position:absolute; }

.swiper-button-next{
	background: url(/static/image/website/down.png) no-repeat;
	width: 50px;
	height: 28px;
	position: absolute;
	z-index: 9999;
	cursor: pointer;
	left: 696px;
	top: 651px;
}

#index {
	width: 100%;
	height: 100%;
}

.ban-2{    width: 800px;
    height: 35px;
    position: absolute;
    left: 227px;
    top: 27px; }
.di2{width:470px;
height:342px; background:url(/static/image/website/di.png) repeat; position:absolute; left:485px; top:126px;}
.nav2{height:100%; line-height:16px;   position:relative;  }
.nav2 .nLi{ float:left;  position:relative; display:inline; margin:0 5px; height:100%; text-align:center; cursor:pointer;}
.nav2 .nLi.a1{margin-left:24px;}
.nav2 .nLi.a2{margin-left:48px;}
.nav2 .nLi.a3{margin-left:27px;}
.nav2 .nLi.a4{margin-left:29px;}
.nav2 .nLi h3{ text-align:center; width:80px;
height:16px; float:left;  }
.nav2 .nLi h3 a{font-size:18px; line-height: 18px; color:#FFF;;}


.nav2 .nLi div a{ display:block; padding:0 20px; }
.nav .sub{ display:none;     width: 98px;
    left: -12px;
    top: 35px;
    position: absolute;
    line-height: 238px;
    padding: 0px 0px;
	font-size: 14px;
	font-weight: 400;
    line-height: 18px;
	background: #fff;
}
.nav2 .sub li{ zoom:1;     margin: 17px 0px;}
.nav2 .sub a{ display:block; font-size:14px; line-height: 18px; color:#333;}
.nav2 .sub a:hover{ color:#DB9E50;}
.nav2 .on div a{color:#DB9E50;}
.nav2 .nLi h3 a:hover{ color:#DB9E50;}
.con1_list1{
	width: 232px;
	height: 115px;
	position: absolute;
	left: 399px;
	top: 571px;
}
.con1_list2{
	width: 232px;
	height: 115px;
	position: absolute;
	left: 861px;
	top: 571px;
}
.con1_list1 ul li{width:100%; float:left;}
.con1_list1 ul li p{float:left;}
.con1_list2 ul li{width:100%; float:left;}
.con1_list2 ul li p{float:left;}
.top_10{padding-top:10px;}
.tj{width:350px;
height:54px;
background:#FFF;text-align:center;
border-radius:4px; position:absolute;}
.tj_1{
	left: 545px;
	top: 170px;
}
.tj_2{
	left: 545px;
	top: 234px;
}
.tj_3{
	left: 546px;
	top: 298px;
}
.tj_4{
	background: url(/static/image/website/limit.png) no-repeat;
	width: 200px;
	height: 54px;
	left: 620px;
	top: 370px;
}

.bd_style{background-color: transparent; border-width: 0px;
    border-top-style: none; 
    border-right-style: none; 
    border-left-style: none; 
    border-bottom-style: none;}
.biaodan{width:95%; height:100%; text-align:left;}
.limit{width:100%; height:100%;}
.ju{width:100%;
height:160px; background:#F8F8F8; position:absolute; bottom:0px;}

/*导航*/
.ban{
	width: 600px;
    height: 35px;
	position: relative;
	top: 35px;
	margin: auto;
	padding-left: 37px;
}

.gang.on{display:block;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.nav{height:100%; line-height:16px; position:relative;}
.nav .nLi{ float:left;  position:relative; display:inline; height:100%; text-align:center; cursor:pointer;}
.nav .nLi.a1{margin-left: 0;}
.nav .nLi.a2{margin-left: 64px;}
.nav .nLi.a3{margin-left: 55px;}
.nav .nLi.a4{margin-left: 39px;}
.nav .nLi h3{ text-align:center; width:80px;
height:16px; float:left; overflow:hidden;}
.nav .nLi h3 a{font-size:18px; line-height: 18px; color:#FFF; height:35px; overflow:hidden;}
.contact-nav .nLi h3 a {
	color: #333;
}

/*.nav_lo_inne span:hover{color:#F5DEB3;}*/

.nav .nLi div a{ display:block; padding:0 20px; }
.nav .sub{width: 200px;
    left: 0px;
    top: 35px;
    position: absolute;
    line-height: 238px;
    padding: 0px 0px;
	font-size: 14px;
	font-weight: 400;
    line-height: 18px;
	background: #fff;
	text-align: left;
	border-radius: 5px;
	z-index: 9999;
	border: 1px solid #ececec;
}
.nav .sub li{ zoom:1;     margin: 17px 0px;}
.nav .sub a{ display:block; font-size:14px; font-weight: 400; line-height: 18px; color:#333;margin-left: 15px;}
.nav .sub a:hover{ color:#DB9E50;}
.nav .on div a{color:#DB9E50;}
.nav_lo{width:80px; height:35px; position:absolute; overflow:hidden; line-height: 35px}
.nav_lo_inne{width:80px; height:70px; position:absolute;font-size: 15px;font-weight: 400;letter-spacing: 1px;}
.nav_lo_inne span{width:80px; height:100px; float:left;}

.nav .on h3 a{animation:d1 1s forwards;}

.white{
	background: #efc9b8;
}

/*.nav .nLi h3 a:hover{ animation:d1 0.5s forwards;}
.nav .nLi h3 a:hover{ color:#DB9E50;}*/
.tu{background:url(/static/image/website/ban/a1.png) no-repeat; width:10px; height:5px;
    position: absolute;     right: -15px;
    top: 7px;}
.tu.on{background:url(/static/image/website/ban/a2.png) no-repeat;}
.more{
	background: url(/static/image/website/con1/more.png) no-repeat;
	width: 30px;
	height: 18px;
	position: absolute;
	right: 138px;
	top: 31px;
}

.voe{    width: 100px;
    height: 58px;
    position: absolute;
    top: -50px;}
/*导航*/

.daohang{position:absolute;  width:1440px; left:0px; z-index:999;}
.daohang_text1{width:100px;
height:73px; position:relative; left:81px; top:12px; line-height:73px;}

.first {
	max-width: 1350px;
	height: 100%;
	position: relative;
	z-index: 999;
	margin: 0 auto;
}

.top {
	width: 100%;
	z-index: 999;
	position: fixed;
	top: 0;
}

.contact-top {
	background: #FFF;
	border-bottom: 1px solid #E5E5E5;
}

.topNav {
	max-width: 1280px;
	height: 94px;
	position: relative;
	margin: 0 auto;
}

/*con1*/
.login-btn-p {
	position: absolute;
	top: 29px;
	right: 58px;
	display: flex;
	align-items: center;
	z-index: 999;
}

.login-btn-p .a {
	width: 80px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: 400;
}

.contact-a {
	color: #333;
}

.demo{
	width: 159px;
	height: 46px;
	border-radius: 100px;
	border: 1px solid #48848D;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 400;
	background: #68C0CD;
	text-decoration: none;
	margin-left: 5px;
}
.demo:hover{
	color: #fff;
	background: #01818F;
}

.center_div{
	width: 100%;
	height: 50%;
	position: absolute;
	top: 25%;
}

.circle{
	position: relative;
	top: -25px;
	left: 23px;
	width: 210px;
	height: 210px;
	z-index: 500;
	background: url(/static/image/website/part1/circle.png) no-repeat;
	background-size: cover;
}

.people-table{
	position: relative;
	bottom: 118px;
	width: 778px;
	height: 542px;
	z-index: 600;
	background: url(/static/image/website/part1/people_table.png) no-repeat;
	background-size: cover;
	float: right;
}

.words{
	position: relative;
	left: 86px;
	width: 455px;
	z-index: 200;
}

.words h1{
	font-weight: 400;
	font-size: 46px;
	letter-spacing: 4px;
	line-height: 60px;
}

.words span{
	font-weight: 400;
	font-size: 23px;
	display: block;
	margin-top: 14px;
}

.left{
	position: absolute;
	width: 50%;
	height: 100%;
	top: 30px;
}

.button{
	position: absolute;
	bottom: 80px;
	left: 95px;
	z-index: 999;
}

.login:hover{border:1px solid #DB9E50; color:#DB9E50;}  
.zhuce{width:110px;     margin-left: 529px;}
.con1_text1{
	background: url(/static/image/website/con1/text.png) no-repeat;
	width: 340px;
	height: 116px;
	position: absolute;
	left: 550px;
	top: 245px;
}
.yuyue{width:400px;
height:54px;
background:#FFFFFF;
border-radius:4px; position:absolute; left:520px; top:402px;}
.kuang{width:260px; height:54px;}
.bd_style{background-color: transparent; border-width: 0px;
    border-top-style: none; 
    border-right-style: none; 
    border-left-style: none; 
    border-bottom-style: none;}
.in_put{width:95%; height:100%;}
.tijiao{background:url(/static/image/website/con1/yuyue.png) no-repeat; width:140px;
height:54px; position:absolute; right:0px; top:0px; line-height:54px;}
.kaitong{width:100%; height:100%; text-align:center; position:absolute; right:0px; top:0px;display:block;}
/*con1*/

/*con2*/
/*轮播*/
.slide1{
	width: 844px;
	height: 247px;
	position: absolute;
	left: 275px;
	top: 116px;
}

.slide1 .bd {
	width: 844px;
	height: 247px;
	position: absolute;
	z-index: 0;
}
.slide1 .bd img{position:relative; z-index:2;}
.slide1 .bd a{z-index:10; overflow:hidden;}
.slide1 .prev {
	background: url(/static/image/website/con2/zuo-1.png) no-repeat;
	position: absolute;
	width: 16px;
	height: 27px;
	left: -168px;
	top: 110px;
	z-index: 5;
}

.slide1 .next {
	background: url(/static/image/website/con2/you-1.png) no-repeat;
	position: absolute;
	width: 16px;
	height: 27px;
	right: -72px;
	top: 110px;
	z-index: 5;
}
.slide1 .bd li{ zoom:1; position:relative; z-index:1; float:left; width: 844px;
	height: 452px;}
.con2_pic{
	width: 247px;
	height: 247px;
	position: absolute;
	left: 20px;
}
.con2_zi1{
	width: 93px;
	height: 42px;
	line-height: 42px;
	position: absolute;
	left: 32px;
	top: 57px;
}
.con2_zi2{
	width: 266px;
	height: 28px;
	line-height: 28px;
	position: absolute;
	left: 33px;
	top: 110px;
}
.con2_icon{
	width: 212px;
	height: 188px;
	position: absolute;
	left: 23px;
	top: 186px;
}
.con2_icon span{width:100%; height:94px; float:left; position:relative;}
.zi1{
	position: absolute;
	top: 14px;
	left: 80px;
	width: 99px;
	height: 24px;
	line-height: 24px;
}
.zi2{
	position: absolute;
	top: 42px;
	left: 82px;
	width: 117px;
	height: 14px;
	line-height: 14px;
}
.con2_cj{
	width: 711px;
	height: 82px;
	position: absolute;
	left: 364px;
	top: 80px;
}
.con2_cj span{width:100%; float:left; text-align:center;}
.cj1{line-height:30px; height:30px;}
.cj2{padding-top:0px;}
.cj3{padding-top:3px;}
/*con2*/
/*con3*/
.con3_cj{
	left: 364px;
}
.con3_back{
	width: 824px;
	height: 201px;
	position: absolute;
	left: 403px;
	top: 138px;
}
.con3_inne{
	width: 176px;
	height: 73px;
	position: absolute;
	left: 643px;
	top: 191px;
}
.inne_zi{
	position: absolute;
	left: 89px;
	top: 29px;
	width: 66px;
	height: 22px;
	
}
.con3_list{
	width: 1135px;
	height: 260px;
	position: absolute;
	left: 152px;
	top: 310px;


}
.con3_list ul li{width:227px; height:100%; float:left;}
.con3_list ul li span{width:100%; float:left; text-align:center;}
.list2{     padding-top: 25px;}
.list3{     padding-top: 10px;}
/*con4*/
.con4_list{
	width: 1020px;
	height: 331px;
	position: absolute;
	left: 212px;
	top: 219px;
}
.con4_list ul li{width:400px; height:333px; float:left; margin:0 55px;}
.con4_list ul li span{width:100%; float:left;}
.con4_list1{    padding-top: 35px;}
.con4_back{width:574px;
height:195px; top:404px; right:0px; position:absolute;}
.con4_zi{
	height: 195px;
	top: 404px;
	font-size: 100px;
	line-height: 120px;
	position: absolute;
	left: 957px;
	top: 378px;
	color: #D8D8D8;
	opacity: 0.4;
}

/*con5*/
.con5_cj{
	top: 116px;
	left: 168px;
	
}
.con5_cj span{text-align:left;}
.con5_list{
	    width: 1127px;
    height: 220px;
    position: absolute;
    left: 168px;
    top: 241px;
}
.con5_list ul li{    width: 220px;
    height: 330px;
    background: #ffffff;
    border-radius: 8px;
    float: left;
    margin: 0px 28px; position:relative; cursor:pointer;}
.con5_list ul li.on{ box-shadow: 0px 2px 16px 0px #CCC;}
.con5_list ul li span{width:100%; float:left; text-align:center;}
.con5_li1{margin-top:36px;}
.con5_li2{margin-top:17px;}
.con5_li3{margin-top:23px;}
.con5_li3 p{width:161px;
height:134px; line-height:30px; text-align:left;     padding-left: 35px;}
.con5_list ul li .con5_list_di{ background:url(/static/image/website/con5/gang.png) no-repeat;
	width: 220px;
	height: 4px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
/*con6*/
.con6_pic1{
	width: 460px;
	height: 75px;
	position: absolute;
	left: 192px;
	top: 124px;
}
.con6_zi1{width:359px;
height:30px;
line-height:30px; position:absolute; left:206px; top:150px;}
.con6_zi2{
	width: 376px;
	height: 270px;
	line-height: 30px;
	position: absolute;
	left: 206px;
	top: 150px;
	left: 206px;
	top: 218px;
}
.con6_pic2{
	width: 482px;
	height: 398px;
	position: absolute;
	left: 769px;
	top: 150px;
}
.con6_but{
	width: 371px;
	height: 46px;
	position: absolute;
	left: 182px;
	top: 524px;
}
.con6_but a{border:1px solid #BE8A47; width:126px; height:46px; float:left; margin:0 25px; line-height:46px; border-radius:4px;}
.con6_but a:hover{color: #9d7461;border-color:#9d7461;}

/*con7*/
.con7_pic1{
	width: 589px;
	height: 590px;
	position: absolute;
	left: 678px;
	top: 43px;
}
.con7_pic2{
	width: 430px;
	height: 262px;
	position: absolute;
	left: 300px;
	top: 119px;
}
.con7_zi1{
	width: 574px;
	height: 195px;
	position: absolute;
	left: 183px;
	top: 354px;
}
.con7_list{
	width: 344px;
	height: 394px;
	position: absolute;
	left: 836px;
	top: 119px;
}
.con7_list ul li{width:100%; float:left;}
.con7_list_1{ padding-top:38px;}
.con7_list_zi1{
	width: 90px;
	height: 60px;
	line-height: 30px;
	position: absolute;
	left: 120px;
	top: 158px;
}
.con7_list_zi2{line-height:30px; margin-top:20px;}
/*con8*/
.con8_zi1{
	width: 696px;
	height: 120px;
	font-size: 100px;
	line-height: 120px;
	position: absolute;
	left: 382px;
	top: 87px;
	color: #D8D8D8;
	opacity:0.4;
}
.con8_zi2{
	width: 324px;
	height: 30px;
	font-size: 36px;
	line-height: 30px;
	position: absolute;
	left: 558px;
	top: 139px;
}
.con8_di{
	width: 52px;
	height: 2px;
	position: absolute;
	left: 694px;
	top: 183px;
}
.con8_list{
	width: 1253px;
	margin:0 auto;
	/*
	height: 259px;
	position: absolute;
	left: 96px;
	top: 252px;
	*/
}
.con8_list ul{/*width:9999999px;*/margin-right:-60px;}
.con8_list ul li{width:228px; /*height:259px;*/text-align: center; float:left;margin:0 60px 20px 0;display: none;}
.con8_list ul li a{display: block;position: relative;height: 360px;overflow: hidden;}
.con8_list ul li a img{}
.con8_list ul li .over{width:228px;height: 259px;display: none; position: absolute;left: 0;top: 0;background-color: #000;opacity: 0.8;filter: alpha(opacity=80)}
.con8_list ul li .hoverLogo{display: none;position: absolute;left: 0;top:0;}
.con8_list ul li .over2{width:228px;height: 259px;display: block; position: absolute;left: 0;top: 0;background:url(/static/image/website/con8/over2.png) no-repeat 0 0;}
.con8_list ul li a:hover .over,
.con8_list ul li a:hover .hoverLogo{display: block;}
.con8_scroll{width:1092px;position: relative;margin:0 auto;}
.con8_scroll .in{width:100%;overflow: hidden;}
.con8_scroll  .next{
	background: url(/static/image/website/con2/you.png) no-repeat 0 0;
    position: absolute;
    width: 16px;
    height: 27px;
    right: -40px;
    top: 120px;
    z-index: 5;
}
.con8_scroll  .prev{
	background: url(/static/image/website/con2/zuo.png) no-repeat 0 0;
    position: absolute;
    width: 16px;
    height: 27px;
    left: -40px;
    top: 120px;
    z-index: 5;
}
.con8_scroll  .next:hover{background: url(/static/image/website/con2/you-1.png) no-repeat 0 0;}
.con8_scroll  .prev:hover{background: url(/static/image/website/con2/zuo-1.png) no-repeat 0 0;}
.con8_list ul li .n{font-size:24px;color:#50433E;line-height: 40px;}
.con8_list ul li .s{font-size:16px;color:#676260;line-height: 30px;}

.slideDownOrUp{text-align: center;}
.slideDownOrUp a{display: inline-block;padding-left:30px;background-repeat: no-repeat;font-size:14px;color:#676260;background-position: 0 50%;}
.slideDownOrUp a:hover{color:#BE8A47;}
.slideDownOrUp .slideDown{background-image: url('/static/image/website/down.png');}
.slideDownOrUp .slideDown:hover{background-image: url('/static/image/website/downHover.png');}
.slideDownOrUp .slideUp{background-image: url('/static/image/website/up.png');}
.slideDownOrUp .slideUp:hover{background-image: url('/static/image/website/upHover.png');}

/*con9*/
.con9_back{
	width:1440px;
	height:610px;
	/*background:#171210;*/
	position:absolute;
	bottom:0px;
}
.con9_list{
	width: 682px;
	height: 282px;
	position: absolute;
	left: 157px;
	top: 105px;
}
.con9_list ul li{ width:108px; height:100%; position:relative; float:left; margin:0 30px;}

.con9_list a{ font-size: 14px; font-weight: 400;}
.con9_list span{ font-size: 14px; font-weight: 400;}

.con9_list a:hover{ color: #DB9E50;}

.title{
	width: 116px;
	height: auto;
	position: absolute;
	left: 0px;
	top: 47px;
}
.t2{width:100%;}
.title a{width:100%; float:left; line-height:32px; color:#BEBEBE;}
.title b{width:100%; float:left; line-height:32px; color:#BEBEBE;}
.con9_xian{width:1px;
height:220px; position:absolute; left:861px; top:112px; background:#BEBEBE;}
.con9_xian2{width:1200px;
height:1px; position:absolute; left:120px; top:543px; background:#333;}
.con9_list2{
	width: 322px;
	height: 331px;
	position: absolute;
	left: 961px;
	top: 104px;
}
.pd_20{padding-top:20px;}
.pd_50{padding-top:50px; left: -15px;}
.con9_list2 span{ width:100%; height:auto; position:relative; float:left;font-size: 14px;font-weight: 400;}
.con9_list2 span div{width:131px; float:left; margin:0 15px;}
.con9_zi{
	width: 576px;
	height: 22px;
	line-height: 22px;
	position: absolute;
	left: 438px;
	top: 564px;
}
.alertBox{width:300px;padding:10px 0;line-height:36px; position: fixed;left:50%;top:45%;margin:-10px 0 0 -150px; background-color: #000;text-align: center;border-radius:10px;z-index:9999;}
.alertBox .alert_close{width:30px;height:30px;display: block;cursor:pointer; position: absolute;right:5px;top:10px;background: url('/static/image/website/closeIcon.png') 0 0 no-repeat;}
.alertBox .alertDesc{font-size:16px;padding:0 15px;color:#fff;}

.dh{
	width:100px;
	height:10px;
    margin-left: -720px;
}
	
@-webkit-keyframes d1{
	0%{-webkit-transform:translate(0px,0px);}	
	100%{-webkit-transform:translate(0px,-35px);}
}
@-webkit-keyframes d2{
	0%{-webkit-transform:translate(0px,0px);}	
	100%{-webkit-transform:translate(0px,0px);}
}

.contact_main_inne1 {
	width: 100%;
	height: 850px;
	position: relative;
	margin: 0 auto;
	background: url(/static/image/website/contact/index_orange.png) center no-repeat;
	background-size: 100% 100%;
}

.contact-center{
	max-width: 1280px;
	height: 100%;
	position: relative;
	z-index: 111;
	margin: 0 auto;
}

.left-word {
	width: 55%;
	height: 100%;
	float: left;
}

.right-form {
	width: 45%;
	height: 100%;
	float: right;
}

.grass {
	width: 128px;
	height: 153px;
	background: url(/static/image/website/contact/grass.png) no-repeat;
	background-size: cover;
	position: absolute;
	bottom: 15px;
	left: 335px;
}

.word {
	width: 500px;
	position: relative;
	top: 186px;
	left: 74px;
}

.word-first {
	width: 100%;
	margin-top: 23px;
}

.word-first span{
	font-weight: 400;
	font-size: 24px;
}

.word-second {
	width: 91%;
	margin-top: 30px;
}

.word-second span{
	font-weight: 400;
	font-size: 14px;
	display: block;
	margin-top: 17px;
	letter-spacing: 1px;
	line-height: 22px;
}

.word-third {
    width: 91%;
    margin-top: 64px;
}

.word-third ul li{
	list-style-type: disc;
    margin-left: 19px;
    line-height: 27px;
}

.form {
    width: 431px;
    background: #FFF;
    position: absolute;
    top: 160px;
    right: 76px;
	z-index: 99;
    border-radius: 10px;
	padding-bottom: 11px;
	border: 1px solid #ececec;
}

.form-title {
	width: 200px;
	height: 40px;
	margin: 31px auto 23px auto;
	text-align: center;
	line-height: 40px;
	font-weight: 400;
	font-size: 22px;
	letter-spacing: 3px;
	color: #333;
}

.form-div {
	width: 382px;
	height: 45px;
	background: #FFF;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #C2C2C2;
	margin: 10px auto 0 auto;
	position: relative;
}

.form-input {
	letter-spacing: 1px;
}

.form-submit {
	width: 125px;
	height: 50px;
	margin: 20px auto 0 auto;
	padding-top: 9px;
}

.form-submit button {
	display: block;
	margin: 0 auto;
	width: 109px;
	height: 32px;
	background: #2A3F89;
	border: none;
	border-radius: 50px;
	font-size: 16px;
	font-weight: 400;
}

.form-submit button:hover {
	background: #000080;
}

.error {
	width: 16px;
	height: 8px;
	overflow: hidden;
}

.errorRow {
	width: 16px;
	height: 16px;
	background-color: #e51b00;
	border: 1px solid #9f1300;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg); /* Internet Explorer */
	-moz-transform: rotate(45deg); /* Firefox */
	-webkit-transform: rotate(45deg); /* Safari 和 Chrome */
	-o-transform: rotate(45deg); /* Opera */
	display: inline-block;
	border-right: none;
	border-bottom: none;
	margin-top: 3px;
}

.errorDiv {
	position: absolute;
	z-index: 999;
	top: 39px;
	left: 150px;
	display: none;
}

.errorMsg {
	display: block;
	background-color: #e51b00;
	background-image: -webkit-linear-gradient(#e51b00 43%, #ba1600 100%);
	background-image: -moz-linear-gradient(#e51b00 43%, #ba1600 100%);
	background-image: linear-gradient(#e51b00 43%, #ba1600 100%);
	background-image: -ms-linear-gradient(#e51b00 43%, #ba1600 100%);
	border: 1px solid #9f1300;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: rgba(0,0,0,0.65) 0 2px 7px, inset #ff3c3c 0 1px 0px;
	box-shadow: rgba(0,0,0,0.65) 0 2px 7px, inset #ff3c3c 0 1px 0px;
	color: #f3f3f3;
	font-size: 14px;
	text-shadow: #901100 0 -1px 0;
	padding: 4px 10px;
	margin-left: -9px;
	letter-spacing: 3px;
}

.errorSpan {
	color: #FF8F2D;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px;
	margin-top: 2px;
	margin-left: 26px;
	display: none;
}

.part {
	max-width: 1350px;
	height: 700px;
	position: relative;
	z-index: 99;
	margin: 0 auto;
}

.even-span {
	position: absolute;
	top: 189px;
	z-index: 600;
	margin-left: 870px;
}

.odd-span {
	position: absolute;
	top: 232px;
	left: 153px;
	z-index: 600;
}

.span {
	color: #333;
	font-weight: 400;
	font-size: 38px;
	letter-spacing: 2px;
}

.second-image {
	width: 850px;
	height: 605px;
	position: absolute;
	top: 83px;
	left: 50px;
	z-index: 600;
	background: url(/static/image/website/part2/second.png) no-repeat;
	background-size: cover;
}

.third-image {
	width: 766px;
	height: 632px;
	position: absolute;
	top: 51px;
	z-index: 600;
	background: url(/static/image/website/part2/third.png) no-repeat;
	background-size: cover;
	margin-left: 534px;
}

.fourth-image {
	width: 743px;
	height: 553px;
	position: absolute;
	top: 83px;
	left: 50px;
	z-index: 600;
	background: url(/static/image/website/part2/fourth.png) no-repeat;
	background-size: cover;
}

.part-title {
	text-align: center;
	color: #333;
	font-weight: 500;
	font-size: 38px;
	letter-spacing: 2px;
	margin-top: 50px;
}

.part-rotate {
	max-width: 1350px;
}

.rotate-div {
	position: absolute;
	top: 65px;
	left: 333px;
}

.rotate-div-title {
	color: #333;
	font-weight: 500;
	font-size: 25px;
	letter-spacing: 2px;
}

.rotate-div-text {
	width: 390px;
	color: #333;
	font-weight: 400;
	font-size: 18px;
	letter-spacing: 2px;
	display: block;
	margin-top: 10px;
}

.sixth-image {
	width: 548px;
	height: 548px;
	position: absolute;
	top: 83px;
	left: 50px;
	z-index: 600;
	background: url(/static/image/website/part2/sixth.png) no-repeat;
	background-size: cover;
}

.long-span {
	width: 925px;
	position: absolute;
	top: 242px;
	left: 286px;
	z-index: 600;
}

.long-span-text {
	color: #333;
	font-weight: 400;
	font-size: 18px;
	letter-spacing: 2px;
	line-height: 29px;
}

.ceo-div {
	position: absolute;
	top: 505px;
	left: 650px;
	z-index: 600;
}

.ceo-div span {
	color: #333;
	font-weight: 400;
	font-size: 23px;
	letter-spacing: 2px;
	line-height: 38px;
}

.part-seven ul li {
	float: left;
	margin-left: 65px;
}

.part-seven-div {
	background: #FFF;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 1px 3px 0 #CCC;
	cursor: pointer;
}

.part-seven-div:hover {
	box-shadow: 1px 2px 10px 2px #CCC;
}

.one-image {
	width: 364px;
	height: 198px;
	background: url(/static/image/website/part2/seventh-one.png) no-repeat;
	background-size: cover;
}

.two-image {
	width: 364px;
	height: 198px;
	background: url(/static/image/website/part2/seventh-two.png) no-repeat;
	background-size: cover;
}

.three-image {
	width: 364px;
	height: 198px;
	background: url(/static/image/website/part2/seventh-three.png) no-repeat;
	background-size: cover;
}

.one-image span, .two-image span, .three-image span {
	color: #FFF;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 1px;
	position: relative;
	top: 16px;
	left: 17px;
}

.part-seven-div .div {
	margin-top: 36px;
	margin-left: 25px;
	padding-bottom: 41px;
}

.part-seven-title {
	color: #333;
	font-weight: 400;
	font-size: 19px;
	letter-spacing: 1px;
}

.part-seven-div .text {
	color: #1EA0A5;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 1px;
	display: block;
	margin-top: 35px;
}

.eighth-image {
	width: 282px;
	height: 144px;
	position: absolute;
	top: -78px;
	left: -32px;
	z-index: 600;
	background: url(/static/image/website/part2/eighth.png) no-repeat;
	background-size: cover;
}

.eighth-div {
	width: 800px;
	height: 100%;
	position: relative;
	margin: 0 auto;
	padding-top: 145px;
}

.eighth-text {
	width: 100%;
	color: #FFF;
	font-weight: 400;
	font-size: 32px;
	letter-spacing: 5px;
	text-align:  center;
	line-height: 50px;
}

.eighth-button {
	width: 240px;
	height: 52px;
	background: #FF7701;
	margin: 120px auto 0 auto;
	text-align: center;
	line-height: 52px;
	cursor: pointer;
	border-radius: 30px;
	color: #FFF;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 1px;
}

.eighth-button:hover {
	background: #FF8C00;
}

.rotate-arrow {
	width: 1297px;
	height: 198px;
	margin-top: 358px;
	margin-left: -259px;
	background: url(/static/image/website/part2/rotate-bg.png) no-repeat;
	background-size: cover;
	position: relative;
	z-index: 666;
}

.rotate-arrow ul li {
	float: left;
	margin-top: 92px;
	margin-left: -10px;
}

.arrow0{
	width: 222px;
	height: 45px;
	background: url(/static/image/website/part2/rotate1-2.png) no-repeat;
	background-size: cover;
	margin-left: 71px;
	color: #FF8F2D;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	line-height: 45px;
	letter-spacing: 1px;
	cursor: pointer;
}

.arrow0-border{
	background: url(/static/image/website/part2/rotate1-3.png) no-repeat;
	color: #FF8F2D;
}

.arrow0-deep{
	background: url(/static/image/website/part2/rotate1-4.png) no-repeat;
	color: #FFF;
}

.arrow1{
	width: 254px;
	height: 45px;
	background: url(/static/image/website/part2/rotate2-2.png) no-repeat;
	background-size: cover;
	color: #FF8F2D;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	line-height: 45px;
	letter-spacing: 1px;
	cursor: pointer;
}

.arrow1-border{
	background: url(/static/image/website/part2/rotate2-3.png) no-repeat;
	color: #FF8F2D;
}

.arrow1-deep{
	background: url(/static/image/website/part2/rotate2-4.png) no-repeat;
	color: #FFF;
}

.part-seven {
	width: 1350px;
	padding-top: 70px;
}