.banner{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.nav{
	width: 100%;
	height: 100px;
	position: absolute;
	bottom: 0;
	left: 0;
	border-top: 1px solid rgba(255,255,255,0.2);
}
.nav ul{
	width: 100%;
	height: 100%;
	float: left;
}
.nav ul li{
	width: calc((100%)/6);
	float: left;
	height: 100%;
}
.nav ul li a{
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
}
.nav ul li a p{
	width: 100%;
	position: absolute;
	top: 25px;
	left: 0;
	text-align: center;
	font-size: 16px;
	color: black;
	transition: 0.3s;
	letter-spacing: 2px;
}
.nav ul li a span{
	width: 10px;
	height: 10px;
	position: absolute;
	top: -5px;
	left: calc((100% - 10px)/2);
	border-radius: 100%;
	box-sizing: border-box;
	border: 1px solid #fff;
	transition: 0.3s;
}
.nav ul li a:hover p{
	color: #e2bb82;
}
.nav ul li a:hover span{
	background-color: #e2bb82;
}
.anniu{
	width: 56px;
	height: 56px;
	position: fixed;
	top: 50px;
	right: 100px;
	background-color: #999999;
	z-index: 999999999999999999999999;
	cursor: pointer;
}
.anniu span{
	width: 35px;
	float: left;
	height: 2px;
	background-color: #fff;
	transition: 0.3s;
}
#line{
	position: absolute;
	top: 17px;
	left: 10.5px;
	transition: 0.3s;
}
#line.on{
	top: 27px;
	transform: rotate(45deg);
}
#line1{
    transition: 0.3s;
    position: absolute;
    top: 27px;
    left: 10.5px;
}
#line1.on{
	transform: rotate(-45deg);
}
#line2{
    transition: 0.3s;
    position: absolute;
    top: 37px;
    left: 10.5px;
}
#line2.on{
	display: none;
}
.header{
	width: 46%;
	position: fixed;
	top: 0;
	height: 100%;
	background: url(../images/header.png) no-repeat center;
	background-size: 100% 100%;
	z-index: 999999999;
	transition: 1s ease-out;
	right: -1000px;
	opacity: 0;
}
.header.on{
	right: 0;
	opacity: 1;
}
.header .logo{
	width: 62px;
	height: 62px;
	float: left;
	margin-top: 17%;
	margin-left: calc((100% - 62px)/2);
}
.header .logo img{
	width: 100%;
}
.header .daoh{
    width: 19.5%;
    height: 51%;
    float: left;
    margin-top: 7%;
    box-sizing: border-box;
    margin-left: 40%;
    border-top: 2px solid #d5d5d5;
    border-bottom: 2px solid #d5d5d5;
}
.header .daoh ul{
	width: 100%;
	height: 100%;
	float: left;
}
.header .daoh ul li{
	width: 100%;
	height: calc((100%)/6);
	float: left;
	position: relative;
}
.header .daoh ul li .yiji a{
	width: 100%;
	height: 100%;
	float: left;
	text-align: center;
    line-height: 4vw;
    font-size: 0.9vw;
    color: #000000;
}
.header .daoh ul li .erji{
	width: 132%;
	position: absolute;
	top: 25%;
	left: -132%;
	display: none;
}
.header .daoh ul li:hover span{
	width: 71%;
}
.header .daoh ul li span{
	width: 0;
    position: absolute;
    top: 48%;
    left: -74%;
    height: 1px;
    background-color: #d5d5d5;
    transition: 0.3s;
}
.header .daoh ul li .erji a{
	width: 100%;
	float: left;
	text-align: left;
	font-size: 0.6vw;
	color: #333333;
	line-height: 2vw;
	transition: 0.3s;
}
.header .daoh ul li .erji a:hover{
	color: #e62425;
}
.about{
	width: 100%;
	height: 344px;
	overflow: hidden;
}
.about .jj{
	width: 31.2%;
	float: left;
	height: 100%;
}
.about .jj img{
	width: 100%;
	height: 100%;
}
.about .abt{
	width: 51%;
	float: left;
	height: 100%;
	background: url(../images/bg.png) no-repeat center;
	background-size: 100% 100%;
}
.about .abt .tt{
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 85px;
}
.about .abt p{
	width: 71%;
	height: 90px;
	float: left;
	margin-left: 14.5%;
	margin-top: 28px;
	overflow: hidden;
	font-size: 0.7vw;
	color: #666666;
	text-align: center;
	line-height: 1.5vw;
}
.sgdz{
	width: 100%;
	height: 525px;
	overflow: hidden;
}
.w-1200{
	width: 1200px;
	margin: auto;
	position: relative;
}
.sgdz .tt1{
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 70px;
}
.sgdz .list{
	width: 100%;
	float: left;
	margin-top: 85px;
}
.sgdz .list ul li{
	width: 275px;
	float: left;
	margin-left: 140px;
}
.sgdz .list ul li:first-child{
	margin-left: 45px;
}
.sgdz .list ul li .tit{
	width: 100%;
	float: left;
	height: 30px;
}
.sgdz .list ul li .tit .tb{
	float: left;
	width: 80px;
	text-align: center;
}
.sgdz .list ul li .tit a{
	width: 195px;
	float: right;
	text-align: left;
	font-size: 20px;
	color: #000000;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	font-weight: bold;
}
.sgdz .list ul li .des{
	width: 100%;
	height: 120px;
	float: left;
	overflow: hidden;
	font-size: 14px;
	color: #555555;
	text-align: left;
	line-height: 27px;
	margin-top: 22px;
}
.lmzs{
	width: 100%;
	height: 670px;
	overflow: hidden;
	background: url(../images/bg1.jpg) no-repeat center;
}
.lmzs .tt2{
	width: 374px;
	height: 331px;
	float: left;
	margin-top: 135px;
}
.lmzs .lm{
	width: 675px;
	float: right;
	margin-top: 145px;
	height: 340px;
	overflow: hidden;
}
.lmzs .lm ul li{
	width: 200px;
	height: 150px;
	float: left;
	position: relative;
	margin-left: 20px;
	margin-top: 20px;
	background: url(../images/bj.png) no-repeat center;
}
.lmzs .lm ul li a{
	width: 100%;
	height: 100%;
	float: left;
}
.lmzs .lm ul li .ti{
	width: 100%;
	float: left;
	position: relative;
	z-index: 1;
}
.lmzs .lm ul li .ti p{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 36px;
	color: #fff;
	margin-top: 40px;
}
.lmzs .lm ul li .ti span{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 14px;
	color: #fff;
    line-height: 35px;
}
.lmzs .lm ul li .bj{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: 0.3s;
	opacity: 0;
}
.lmzs .lm ul li .bj img{
	width: 100%;
	height: 100%;
}
.lmzs .lm ul li:hover .bj{
	opacity: 1;
}
.cpzx{
	width: 100%;
	height: 2265px;
	overflow: hidden;
	background: url(../images/bg2.jpg) no-repeat center;
}
.cpzx .tt3{
	width: 177px;
	height: 95px;
	float: left;
	margin-top: 135px;
	margin-left: 45px;
}
.cpzx .lst{
	width: 100%;
	height: 1330px;
	float: left;
	overflow: hidden;
}
.cpzx .lst .box{
	width: 302px;
	height: 1182px;
	float: left;
    margin-top: 147px;
}
.cpzx .lst .box ul li{
	width: 100%;
	height: 591px;
	float: left;
	overflow: hidden;
	position: relative;
}
.cpzx .lst .box ul li .tu{
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
}
.cpzx .lst .box ul li .tu img{
	width: 100%;
	height: 100%;
}
.cpzx .lst .box ul li .tm{
	width: 100%;
	height: 80px;
	position: absolute;
	bottom: 20px;
	left: 0;
}
.cpzx .lst .box ul li .tm p{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 18px;
	color: #fff;
	line-height: 32px;
	height: 32px;
	overflow: hidden;
}
.cpzx .lst .box ul li .tm span{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 14px;
	color: #d6b870;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
}
.cpzx .lst .box1{
	width: 598px;
	height: 1182px;
	float: left;
	overflow: hidden;
    margin-top: 147px;
}
.cpzx .lst .box1 .tt4{
	width: 100%;
	height: 879px;
	float: left;
	overflow: hidden;
}
.cpzx .lst .box1 .tt4 img{
	width: 100%;
	height: 100%;
}
.cpzx .lst .box1 .ts{
	width: 100%;
	height: 303px;
	float: left;
	overflow: hidden;
	position: relative;
}
.cpzx .lst .box1 .ts .tu1{
	width: 299px;
	height: 100%;
	float: left;
	overflow: hidden;
}
.cpzx .lst .box1 .ts .tu1 img{
	width: 100%;
}
.cpzx .lst .box1 .ts .tm1{
    width: 299px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background-color: #fff;
}
.cpzx .lst .box1 .ts .tm1 p{
    width: 89%;
    float: left;
    text-align: right;
    font-size: 18px;
    color: #333;
    line-height: 32px;
    height: 32px;
    overflow: hidden;
    margin-top: 100px;
}
.cpzx .lst .box1 .ts .tm1 span{
	width: 89%;
    float: left;
    text-align: right;
    font-size: 14px;
    color: #d6b870;
    margin-top: 7px;
}
.cpzx .lst .box2{
	width: 300px;
	float: left;
}
.cpzx .lst .box2 .tt5{
	width: 100%;
	height: 449px;
	float: left;
	background-color: #d6b870;
}
.cpzx .lst .box2 .tt5 img{
	width: 203px;
	height: 147px;
	float: left;
	margin-top: 118px;
	margin-left: 38px;
}
.cpzx .lst .box2 .tt5 a{
	width: 216px;
	float: left;
	text-align: left;
	font-size: 18px;
	color: #fff;
	margin-left: 38px;
	margin-top: 20px;
}
.cpzx .lst .box2 .lg{
	width: 100%;
	float: left;
}
.cpzx .lst .box2 .lg ul li{
	width: 100%;
	height: 440px;
	float: left;
	overflow: hidden;
	position: relative;
}
.cpzx .lst .box2 .lg ul li .tu2{
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
}
.cpzx .lst .box2 .lg ul li .tu2 img{
	width: 100%;
}
.cpzx .lst .box2 .lg ul li .tm2{
	width: 100%;
	position: absolute;
	bottom: 20px;
	left: 0;
}
.cpzx .lst .box2 .lg ul li .tm2 p{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 18px;
	color: #fff;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
}
.cpzx .lst .box2 .lg ul li .tm2 span{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 14px;
	color: #d6b870;
}
.rw{
	width: 100%;
	height: 639px;
	float: left;
	overflow: hidden;
    margin-top: 66px;
}
.rw .tt6{
	width: 150px;
	float: left;
	margin-top: 30px;
	margin-left: 56px;
}
.rw .tt6 p{
	width: 50px;
	float: left;
	text-align: center;
	font-size: 24px;
	color: #d6b870;
	font-weight: bold;
	writing-mode:vertical-rl;
	-webkit-writing-mode:vertical-rl;
	letter-spacing: 2px;
}
.rw .tt6 img{
	width: 89px;
	height: 500px;
	float: right;
}
.rw .ren{
	width: 659px;
	height: 639px;
	float: left;
    margin-top: 11px;
    margin-left: 65px;
}
.rw .ren img{
	width: 100%;
}
.rw .tt7{
	width: 95px;
	height: 449px;
	float: right;
	margin-top: 50px;
	margin-right: 80px;
}
.dzlc{
	width: 100%;
	height: 855px;
	overflow: hidden;
	background: url(../images/bg3.jpg) no-repeat center;
}
.dzlc .tt8{
	width: 444px;
	height: 663px;
	float: left;
	margin-top: 105px;
	margin-left: 120px;
}
.dzlc .lc{
	width: 134px;
	height: 855px;
	float: left;
	margin-left: 41px;
	background: url(../images/bj1.png) no-repeat center;
}
.dzlc .lc .tt9{
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 85px;
}
.dzlc .lc .wc{
	width: 111px;
	float: right;
	margin-top: 78px;
}
.dzlc .lc .wc ul li{
	width: 100%;
	float: left;
	margin-top: 49px;
}
.dzlc .lc .wc a{
	width: 100%;
	float: left;
}
.dzlc .lc .wc .ico{
	width: 100%;
	float: left;
	text-align: center;
}
.dzlc .lc .wc p{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 14px;
	color: #fff;
	line-height: 24px;
}
.dzlc .lc .wc span{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 12px;
	color: #d6b870;
}
.ads{
	width: 100%;
	height: 640px;
	overflow: hidden;
	background: url(../images/bg4.png) no-repeat bottom center;
}
.ads .tt10{
	width: 377px;
	height: 107px;
	float: left;
	margin-top: 105px;
}
.footer{
	width: 100%;
	height: 565px;
	overflow: hidden;
}
.foot{
	width: 96%;
	float: right;
	height: 100%;
}
.foot .lx{
	width:24%;
	height: 100%;
	float: left;
}
.foot .lx .tt11{
	width: 100%;
	float: left;
	text-align: left;
	margin-top: 86px;
}
.foot .lx .tt11 img{
	width: 94%;
}
.foot .lx .wm{
	width: 100%;
	float: left;
	margin-top: 35px;
}
.foot .lx .wm p{
	width: 100%;
	float: left;
	text-align: left;
	font-size: 1vw;
	color: #333333;
	font-weight: bold;
	margin-bottom: 20px;
}
.foot .lx .wm span{
	width: 100%;
	float: left;
	text-align: left;
	font-size: 0.9vw;
	color: #555555;
}
.foot .lx .dh{
	width: 100%;
	float: left;
	margin-top: 75px;
}
.foot .lx .dh img{
	width: 7%;
	float: left;
	margin-top: 7px;
}
.foot .lx .dh p{
	width: 80%;
	float: left;
	font-size: 0.7vw;
	color: #605959;
	line-height: 20px;
	margin-left: 2%;
}
.foot .lx .dh span{
	width: 80%;
	float: left;
	font-size: 1vw;
	color: #d6b870;
	font-weight: bold;
	margin-left: 2%;
}
.foot .ditu{
	width: 37%;
	float: right;
	height: 100%;
}
.last{
	width: 100%;
	height: 100px;
	overflow: hidden;
	background-color: #e4e4e4;
}
.last .dz{
	font-size: 0.6vw;
	color: #888888;
	line-height: 100px;
	float: left;
	margin-left: 2%;
	letter-spacing: -1px;
}
.last .fx{
	float: right;
	margin-top: 38px;
	width: 160px;
}
.last .zc{
	float: right;
	line-height: 100px;
	font-size: 0.6vw;
	color: #888888;
	margin-right: 1%;
}
.foot .liuyan{
	width: 35%;
	float: left;
    margin-top: 85px;
}
.foot .liuyan .ewm{
	width: 24%;
	float: left;
	margin-top: 254px;
}
.foot .liuyan .ewm .ew{
	width: 71%;
	float: left;
}
.foot .liuyan .ewm .ew img{
	width: 100%;
}
.foot .liuyan .ewm p{
	float: left;
	text-align: center;
	font-size: 0.6vw;
	color: #828181;
	writing-mode:vertical-rl;
	-webkit-writing-mode:vertical-rl;
    line-height: 1vw;
}
.foot .liuyan .ly{
	width: 70%;
	float: right;
}

.form_box{
    width: 100%;
}
.form_box h2{
    font-size: 24px;
    color: #03af4a;
    font-weight: 500;
    margin-bottom: 0;
}
.form_box span{
    font-size: 12px;
    color: #979797;
}

.form_list{
    width: 100%;
}
.form_list input{
    background: #fff;
box-sizing: border-box;
line-height: 40px;
width: 49%;
font-size: 14px;
margin-top: 5px;
color: #333;
border: 1px solid #ccc !important;
padding-left: 15px;
}


.form_list input::-webkit-input-placeholder{
    color: #333;
}
.form_list input:-moz-placeholder {
    color: #333;
}
.form_list input::-moz-placeholder {
    color: #333;
}
.form_list input:-ms-input-placeholder {
    color: #333;
}
.form_list textarea{
    width: 99%;
    height: 162px;
    background:#fff;
    box-sizing: border-box;
    color: #333;
    font-weight: 200;
    font-size: 14px;
    margin-top: 5px;
    outline: none;
    resize: none;
    border: 1px solid #ccc !important;
    margin-bottom: 8px;
    padding-left: 15px;
}
textarea::-webkit-input-placeholder{
    color: #333;
}

.submit{
    width: 48%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: #5f3109;
    color: #fff!important;
    display: block;
    float: right;
    margin-right: 1%;
}
.copy{
    background: #222222;
    color: #666666!important;
    height: 30px;
    z-index: 10;
    bottom: 0;
    width: 100%;
    position: absolute;
    text-align: center;
    line-height: 30px;
}
.copy a{
    color: #666666!important;
}

/*提示框*/
.tipBox{
    width:  290px;
    height:  100px;
    background: #fff;
    position: fixed;
    z-index: 1000000000;
    text-align: center;
    line-height: 100px;
    color: #000;
    font-size: 15px;
    border: 1px solid transparent;
    border-radius: 5px;
    box-shadow: 0 0 5px 2px #eee;
    cursor: context-menu;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    display: none;
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
}
.green{
    color: #0d7720;
    box-shadow: 0 0 5px 2px #0d7720;
}
.red{
    color: #ec4949;
    box-shadow: 0 0 5px 2px #ec4949;
}
/*提示框*/
.qingchu{
	width: 48%;
	height: 48px;
	float: left;
	background-color: #1f1a17;
	text-align: center;
	line-height: 48px;
	font-size: 14px;
	color: #ffffff;font-weight: bold;
	cursor: pointer;
}