.banner{ width:100%;overflow: hidden;position: relative;}
.slideBox{ width:100%;  overflow:hidden; position:relative; margin:auto;}
.slideBox .hd{ width: 12px; overflow:hidden; position:absolute; right: 5%; bottom:45%; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:20px;  width:12px; height:12px; text-align:center; background:#fff; cursor:pointer; border-radius: 100%;margin-bottom: 15px; }
.slideBox .hd ul li.on{ background:#a0242a; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle;}
.slideBox .bd img{ width:100%; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; top: 50%; left: 10%; color: #7d4717;transition: 0.3s;font-weight: bold; display:block; width:128px; height:45px;text-align: center;line-height: 40px;font-size: 50px;font-family: "宋体";  }
.slideBox .next{ left:auto; right:10%; }
.slideBox .prev:hover,
.slideBox .next:hover{}
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }


.toper{
	width: 100%;
	height: 35px;
	overflow: hidden;
	background-color: #dddddd;
}
.w-1200{
	width: 1200px;
	position: relative;
	margin: auto;
}
.toper .hy{
	width: 500px;
	float: left;
	text-align: left;
	font-size: 14px;
	color: #888888;
	line-height: 35px;
}
.toper .lm{
	width: 160px;
	float: right;
	margin-top: 10px;
}
.toper .lm a{
	width: 80px;
	float: right;
	height: 14px;
	text-align: center;
	font-size: 14px;
	color: #888888;
	line-height: 14px;
	border-right: 1px solid #888888;
	box-sizing: border-box;
}
.header{
	width: 100%;
	height: 115px;
	float: left;
	overflow: hidden;
}
.header .logo{
	width: 417px;
	height: 68px;
	float: left;
	margin-top: 28px;
	margin-right: 48px;
}
.header .logo img{
	width: 100%;
}
.header .word{
	width: 405px;
	float: left;
	margin-top: 42px;
}
.header .word p{
	width: 100%;
	float: left;
	text-align: left;
	font-size: 24px;
	color: #000000;
	line-height: 24px;
	margin-bottom: 8px;
}
.header .word span{
	width: 100%;
	float: left;
	text-align: left;
	font-size: 14px;
	color: #555555;
	line-height: 14px;
	letter-spacing: 30px;
}
.header .tel{
	width: 330px;
	float: right;
	margin-top: 29px;
}
.header .tel img{
	width: 18px;
	height: 18px;
	float: left;
	margin-left: 190px;
}
.header .tel p{
	width: 104px;
	float: right;
	text-align: left;
	font-size: 14px;
	color: #777777;
	line-height: 18px;
}
.header .tel span{
	width: 100%;
	float: right;
	text-align: right;
	font-size: 24px;
	color: #000000;
	margin-top: 19px;
	line-height: 24px;
	font-weight: bold;
}
.nav{
	width: 100%;
	height: 50px;
	overflow: hidden;
	background-color: #000000;
}
.nav ul{
	width: 100%;
	float: left;
}
.nav ul li a{
	width: 75px;
	float: left;
	text-align: center;
	font-size: 14px;
	color: #fff;
	line-height: 50px;
	background: linear-gradient(#c9ad7d,#c9ad7d) center bottom/0 3px no-repeat;
	transition: 0.3s;
	margin-left: 81px;
}
.nav ul li a:hover{
	background-size: 100% 3px;
	color: #c9ad7d;
}
.nav ul li:first-child a{
	margin-left: 27px;
}

.serk{
	width: 100%;
	height: 113px;
	overflow: hidden;
}
.serk .gjc{
	width: 600px;
	float: left;
	margin-top: 20px;
}
.serk .gjc p{
	float: left;
	font-size: 14px;
	color: #333333;
	line-height: 14px;
	margin-right: 14px;
	text-transform: uppercase;
}
.serk .gjc a{
	float: left;
	font-size: 14px;
	color: #555555;
	margin-right: 20px;
	line-height: 14px;
}
.serk .ser{
	width: 410px;
	height: 43px;
	float: right;
	margin-top: 10px;
	box-sizing: border-box;
	border-radius: 43px;
	border: 1px solid #bbbbbb;
}
.culture{
	width: 100%;
	height: 784px;
	overflow: hidden;
	background: url(../images/culture_bg.png) no-repeat bottom center;
}
.culture .tu{
	width: 504px;
	height: 638px;
	position: absolute;
	top: 0;
	left: 155px;
	overflow: hidden;
	z-index: 1;
}
.culture .tu img{
	width: 100%;
	height: 100%;
}
.culture .tu1{
	width: 422px;
	height: 529px;
	position: absolute;
	top: 85px;
	left: 0;
	overflow: hidden;
}
.culture .tu1 img{
	width: 100%;
	height: 100%;
}
.culture .los{
	width: 94px;
	height: 94px;
	position: absolute;
	top: 544px;
	left: 565px;
	background-color: #000;
	z-index: 2;
}
.culture .los img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.culture .los1{
	width: 94px;
	height: 94px;
	position: absolute;
	top: 544px;
	left: 471px;
	z-index: 2;
}
.culture .los2{
	width: 94px;
	height: 94px;
	position: absolute;
	top: 638px;
	left: 565px;
}
.culture .right{
	width: 440px;
	float: right;
}
.culture .right p{
	width: 100%;
	float: left;
	text-align: left;
	font-size: 18px;
	color: #333333;
	line-height: 35px;
	text-transform: uppercase;
	margin-bottom: 115px;
}
.culture .right span{
	width: 100%;
	float: left;
	text-align: left;
	font-size: 48px;
	color: #000000;
	text-transform: uppercase;
	font-weight: bold;
}
.culture .right i{
	width: 100%;
	float: left;
	text-align: left;
	font-size: 24px;
	color: #000000;
	line-height: 45px;
	font-style: normal;
	margin-top: 65px;
}
.culture .right a{
	width: 180px;
	height: 36px;
	float: left;
	background-color: #000000;
	text-align: center;
	line-height: 36px;
	font-size: 24px;
	color: #fff;
	margin-top: 60px;
}
.cpzx{
	width: 100%;
	height: 519px;
	overflow: hidden;
}
.cpzx .product_bg{
	width: 100%;
	height: 519px;
	position: absolute;
	top: 0;
	left: -360px;
}
.cpzx .product_title{
	width: 100%;
	float: left;
	margin-top: 70px;
	position: relative;
	z-index: 1;
}
.cpzx .product_title p{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	line-height: 16px;
	text-transform: uppercase;
	margin-bottom: 20px;
	opacity: 0.4;
	letter-spacing: 10px;
}
.cpzx .product_title span{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 45px;
	color: #fff;
	font-weight: bold;
	line-height: 45px;
}
.cpzx .second{
	width: 100%;
	float: left;
	margin-top: 70px;
	position: relative;
	z-index: 1;
}
.cpzx .second ul{
	width: 100%;
	float: left;
	display: flex;
    flex-flow: wrap;
    justify-content: center;
    width: 100%;
}
.cpzx .second ul li{
	width: 190px;
	float: left;
}
.cpzx .second ul li .tb{
	width: 100%;
	float: left;
	text-align: center;
	height: 125px;
}
.cpzx .second ul li p{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	line-height: 48px;
}
.product{
	width: 100%;
	height: 1305px;
	overflow: hidden;
}
.product ul{
	width: 100%;
	float: left;
	margin-top: 36px;
}
.product ul li{
	width: 392px;
	height: 580px;
	float: left;
	position: relative;
	margin-bottom: 39px;
	margin-left: 11px;
}
.product ul li:nth-child(1){
	margin-left: 0;
}
.product ul li:nth-child(4){
	margin-left: 0;
}
.product ul li .cp{
	width: 100%;
	height: 502px;
	float: left;
	overflow: hidden;
}
.product ul li .cp img{
	width: 100%;
	height: 100%;
}
.product ul li .more{
	width: 100%;
	height: 502px;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.3);
	display: flex;
    flex-flow: wrap;
    justify-content: center;
    transition: 0.3s;
    opacity: 0;
}
.product ul li:hover .more{
	opacity: 1;
}
.product ul li:hover .des{
	background-color: #ccad7e;
}
.product ul li:hover .des p{
	color: #fff;
}
.product ul li:hover .des a{
	color: #fff;
	border-color: #fff;
}
.product ul li .more a{
	width: 45px;
	height: 45px;
	float: left;
	border-radius: 100%;
	position: relative;
	transition: 0.3s;
	background-color: #ccad7e;
	margin-top: 212px;
}
.product ul li .more a img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.product ul li .more a:first-child{
	background-color: #000000;
	margin-right: 30px;
}
.product ul li .des{
	width: 100%;
	height: 79px;
	overflow: hidden;
	background-color: #ffffff;
	transition: 0.3s;
}
.product ul li .des p{
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 16px;
	line-height: 16px;
	font-size: 18px;
	color: #000000;
}
.product ul li .des a{
	width: 130px;
	height: 27px;
	float: left;
	margin-left: 132px;
	box-sizing: border-box;
	border: 1px solid #000000;
	text-align: center;
	line-height: 25px;
	font-size: 14px;
	color: #000000;
	transition: 0.3s;
	margin-top: 9px;
}
.shili{
	width: 100%;
	height: 905px;
	overflow: hidden;
}
.shili .tup{
	width: 644px;
	height: 741px;
	position: absolute;
	top: 143px;
	right: -360px;
	overflow: hidden;
}
.shili .shili_bg{
	width: 1920px;
	height: 905px;
	position: absolute;
	top: 0;
	left: -360px;
	overflow: hidden;
}
.shili .shili_title{
	width: 100%;
	float: left;
	z-index: 1;
	position: relative;
	margin-top: 85px;
}
.shili .shili_title p{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 45px;
	color: #fff;
	line-height: 44px;
	font-weight: bold;
	margin-bottom: 21px;
}
.shili .shili_title p i{
	color: #ccad7e;
	font-style: normal;
}
.shili .shili_title span{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 18px;
	color: #fff;
	line-height: 18px;
	letter-spacing: 5px;
}
.shili .four{
	width: 1098px;
	height: 604px;
	background-color: #ffffff;
	float: left;
	position: relative;
	z-index: 1;
	margin-top: 50px;
}
.shili .four .bit{
	width: 261px;
	height: 516px;
	float: left;
	margin-top: 42px;
	background: url(../images/bj.png) no-repeat center;
}
.shili .four .bit p{
	width: 200px;
	float: left;
	text-align: right;
	margin-top: 38px;
	font-size: 24px;
	color: #bbbbbb;
	font-weight: bold;
	line-height: 23px;
	text-transform: uppercase;
}
.shili .four .bit span{
	width: 200px;
	float: left;
	text-align: right;
	font-size: 30px;
	color: #333333;
	line-height: 29px;
	margin-top: 13px;
	font-weight: bold;
	margin-bottom: 42px;
}
.shili .four .bit i{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 18px;
	color: #666666;
	font-style: normal;
}
.shili .four .you{
	width: 837px;
	float: left;
	height: 604px;
	overflow: hidden;
}
.shili .four .you ul{
	width: 100%;
	float: left;
	margin-top: 42px;
}
.shili .four .you ul li{
	width: 380px;
	height: 240px;
	float: left;
	background-color: #efefef;
	margin-bottom: 34px;
	margin-right: 38px;
	position: relative;
}
.shili .four .you ul li p{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 30px;
	color: #222222;
	font-weight: bold;
	line-height: 65px;
	margin-top: 35px;
}
.shili .four .you ul li span{
	width: 280px;
	float: left;
	text-align: center;
	font-size: 16px;
	color: #666666;
	line-height: 32px;
	overflow: hidden;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-left: 50px;
}
.shili .four .you ul li i{
	width: 86px;
	height: 86px;
	position: absolute;
	bottom: 0;
	right: 0;
	border-top-left-radius: 86px;
	background-color: #ccad7e;
	text-align: center;
	line-height: 86px;
	font-size: 30px;
	color: #fff;
	line-height: 86px;
	font-style: normal;
}
.shili .four .you ul li:nth-child(2) i{
	background-color: #000000;
}
.shili .four .you ul li:nth-child(3) i{
	background-color: #000000;
}
.qyys{
	width: 100%;
	height: 1330px;
	overflow: hidden;
}
.qyys .tim{
	width: 100%;
	float: left;
	margin-top: 93px;
	margin-bottom: 55px;
}
.qyys .tim p{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 45px;
	color: #000000;
	line-height: 42px;
	margin-bottom: 18px;
}
.qyys .tim span{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 16px;
	color: #888888;
	line-height: 15px;
}
.qyys .advan{
	width: 100%;
	float: left;
	position: relative;
}
.qyys .advan .hd{
	width: 100%;
	height: 95px;
	float: left;
}
.qyys .advan .hd ul li{
	width: 265px;
	height: 95px;
	float: left;
	box-sizing: border-box;
	border: 1px solid #000000;
	margin-left: 45px;
	transition: 0.3s;
}
.qyys .advan .hd ul li:first-child{
	margin-left: 0;
}
.qyys .advan .hd ul li.on{
	background-color: #ccad7e;
}
.qyys .advan .hd ul li.on p{
	color: #fff;
}
.qyys .advan .hd ul li.on span{
	color: #fff;
}
.qyys .advan .hd ul li p{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 12px;
	color: #888888;
	text-transform: uppercase;
	line-height: 28px;
	margin-top: 14px;
}
.qyys .advan .hd ul li span{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 26px;
	color: #222222;
	line-height: 38px;
}
.qyys .advan .bd{
	width: 488px;
	height: 733px;
	float: left;
	background: url(../images/button.png) no-repeat bottom left #ebdecb;
	margin-top: 38px;
	border-top-left-radius: 85px;
}
.qyys .advan .bd ul{
	width: 100%;
	height: 100%;
	float: left;
}
.qyys .advan .bd ul p{
	width: 300px;
	float: left;
	text-align: left;
	font-size: 50px;
	color: #583a0c;
	margin-top: 88px;
	line-height: 65px;
	font-weight: bold;
	margin-left: 50px;
	margin-bottom: 54px;
}
.qyys .advan .bd ul span{
	width: 405px;
	float: left;
	margin-left: 50px;
	font-size: 18px;
	color: #333333;
	line-height: 35px;
	overflow: hidden;
	margin-bottom: 35px;
}
.qyys .advan .bd ul a{
	width: 158px;
	height: 54px;
	float: left;
	box-sizing: border-box;
	border: 1px solid #000000;
	text-align: center;
	line-height: 52px;
	border-radius: 54px;
	margin-left: 50px;
	margin-top: 50px;
	font-size: 18px;
	color: #333333;
	transition: 0.3s;
}
.qyys .advan .bd ul a:hover{
	background-color: #583a0c;
	color: #fff;
	border-color: #583a0c;
}
.qyys .advan_box{
	width: 712px;
	height: 904px;
	overflow: hidden;
	background: url(../images/bjt.jpg) no-repeat center;
	position: absolute;
	top: 356px;
	right: 0;
}
.qyys .advan_box .advan_title{
	width: 654px;
	float: right;
	text-align: left;
	margin-top: 78px;
}
.qyys .advan_box .dh{
	width: 654px;
	float: right;
	margin-top: 60px;
}
.qyys .advan_box .dh img{
	width: 45px;
	height: 45px;
	float: left;
	margin-top: 1px;
}
.qyys .advan_box .dh p{
	width: 590px;
	float: right;
	text-align: left;
	font-size: 16px;
	color: #fff;
	line-height: 15px;
	margin-bottom: 9px;
}
.qyys .advan_box .dh span{
	width: 590px;
	float: right;
	text-align: left;
	font-size: 28px;
	color: #fff;
	line-height: 21px;
}
.qyys .advan .prev{
	font-size: 48px;
	color: #222222;
	position: absolute;
	top: 920px;
	left: 233px;
	font-family: "宋体";
	font-weight: bold;
}
.qyys .advan .next{
	font-size: 48px;
	color: #222222;
	position: absolute;
	top: 920px;
	left: 440px;
	font-family: "宋体";
	font-weight: bold;
}
.qyys .advan .pageState{
    position: absolute;
    top: 927px;
    left: 325px;
    font-size: 30px;
    color: #222222;
    font-family: "宋体";
    font-weight: bold;
}
.jdzs{
	width: 100%;
	height: 625px;
	overflow: hidden;
}
.jdzs .base_bg{
	width: 1920px;
	height: 625px;
	position: absolute;
	top: 0;
	left: -360px;
}
.jdzs .base_title{
	width: 100%;
	float: left;
	position: relative;
	z-index: 0;
	margin-top: 83px;
	margin-bottom: 40px;
}
.jdzs .base_title p{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 45px;
	color: #fff;
	font-weight: bold;
	line-height: 42px;
	margin-bottom: 26px;
}
.jdzs .base_title span{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	line-height: 15px;
}
.jdzs .base{
	width: 100%;
	float: left;
	position: relative;
	z-index: 1;
}
.jdzs .base .prev{
	font-size: 48px;
	color: #fff;
	opacity: 0.9;
	position: absolute;
	top: 96px;
	left: -50px;
	font-family: "宋体";
	font-weight: bold;
	z-index: 1;
}
.jdzs .base .next{
	font-size: 48px;
	color: #fff;
	opacity: 0.9;
	position: absolute;
	top: 96px;
	right: -50px;
	font-family: "宋体";
	font-weight: bold;
	z-index: 1;
}
.jdzs .base .b_mid{
	width: 100%;
	float: left;
	overflow: hidden;
}
.jdzs .base .b_mid ul li{
	width: 381px;
	height: 249px;
	float: left;
	overflow: hidden;
	margin-right: 27px;
}
.jdzs .base .b_mid ul li img{
	width: 100%;
	height: 100%;
	transition: 0.3s;
}
.jdzs .base .b_mid ul li img:hover{
	transform: scale(1.1);
}
.jdzs .dh1{
	width: 638px;
	height: 41px;
	float: left;
	margin-left: 281px;
	box-sizing: border-box;
	border: 1px solid #898989;
	z-index: 1;
	position: relative;
	border-radius: 41px;
	margin-top: 55px;
}
.jdzs .dh1 img{
	width: 20px;
	height: 16px;
	float: left;
	margin-top: 12.5px;
	margin-left: 25px;
	margin-right: 15px;
}
.jdzs .dh1 p{
	float: left;
	font-size: 14px;
	color: #fff;
	line-height: 39px;
}
.jdzs .dh1 span{
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	color: #fff;
	line-height: 39px;
}
.jdzs .dh1 a{
	width: 135px;
	height: 39px;
	float: right;
	border-radius: 39px;
	background-color: #ccad7e;
	text-align: center;
	line-height: 39px;
	font-size: 14px;
	color: #fff;
}
.about{
	width: 100%;
	height: 842px;
	overflow: hidden;
}
.about .about_bg{
	width: 1920px;
	height: 842px;
	position: absolute;
	top: 0;
	left: -360px;
	overflow: hidden;
}
.about .about_title{
	width: 100%;
	float: left;
	margin-top: 73px;
	position: relative;
	z-index: 1;
	margin-bottom: 48px;
}
.about .about_title p{
	width: 250px;
	height: 33px;
	float: left;
	margin-left: 475px;
	box-sizing: border-box;
	border: 1px solid #666666;
	font-size: 20px;
	color: #666666;
	text-transform: uppercase;
	font-family: "宋体";
	font-weight: bold;
	line-height: 31px;
	text-align: center;
	letter-spacing: 3px;
}
.about .about_title span{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 45px;
	color: #333333;
	line-height: 100px;
}
.about .about_title1{
	width: 397px;
	position: absolute;
	top: 235px;
	right: 0;
	height: 91px;
	background: url(../images/xian.png) no-repeat bottom right;
}
.about .about_title1 p{
	width: 100%;
	float: right;
	text-align: right;
	font-size: 16px;
	color: #888888;
	text-transform: uppercase;
}
.about .about_title1 span{
	width: 100%;
	float: right;
	text-align: right;
	font-size: 36px;
	color: #333333;
	font-weight: bold;
	line-height: 33px;
	margin-top: 10px;
}
.about .gywm{
	width: 780px;
	position: absolute;
	top: 253px;
	left: 0;
	z-index: 1;
	height: 458px;
	box-sizing: border-box;
	border: 12px solid #000000;
}
.about .gywm .hd{
	width: 580px;
	height: 96px;
	position: relative;
	z-index: 1;
	position: absolute;
	bottom: 10px;
	right: 122px;
}
.about .gywm .hd ul{
	width: 580px;
	height: 96px;
	float: left;
}
.about .gywm .hd ul li{
	width: 290px;
	height: 96px;
	float: left;
	transition: 0.3s;
}
.about .gywm .hd ul li .xh{
	width: 61px;
	height: 71px;
	float: left;
	margin-top: 14px;
	margin-left: 32px;
	background: url(../images/dbx.png) no-repeat center;
	text-align: center;
	line-height: 71px;
	font-size: 24px;
	color: #000000;
	font-weight: bold;
	font-family: "宋体";
}
.about .gywm .hd ul li p{
	width: 178px;
	float: right;
	text-align: left;
	font-size: 18px;
	color: #333333;
	line-height: 44px;
	margin-top: 14px;
	overflow: hidden;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 44px;
}
.about .gywm .hd ul li span{
	width: 178px;
	float: right;
	text-align: left;
	font-size: 14px;
	color: #666666;
	text-transform: uppercase;
	line-height: 16px;
}
.about .gywm .hd ul li.on{
	background-color: #000000;
}
.about .gywm .hd ul li.on .xh{
	background: url(../images/dbx1.png) no-repeat center;
	color: #fff;
}
.about .gywm .hd ul li.on p{
	color: #fff;
}
.about .gywm .hd ul li.on span{
	color: #fff;
}
.about .gywm .bd{
	width: 1200px;
	height: 459px;
	position: absolute;
	top: 0;
	left: 0;
}
.about .gywm .bd ul{
	width: 100%;
	float: left;
}
.about .gywm .bd ul .ds{
	width: 600px;
	float: left;
	margin-left: 68px;
	margin-top: 60px;
}
.about .gywm .bd ul .ds p{
	width: 100%;
	float: left;
	text-align: left;
	font-size: 24px;
	color: #333333;
	line-height: 30px;
}
.about .gywm .bd ul .ds span{
	width: 100%;
	float: left;
	text-align: left;
	font-size: 16px;
	color: #555555;
	line-height: 32px;
	overflow: hidden;
	margin-top: 18px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    height: 135px;
}
.about .gywm .bd ul .ds a{
	width: 100%;
	float: left;
	text-align: left;
	font-size: 16px;
	color: #555555;
	line-height: 28px;
	margin-top: 25px;
	text-transform: uppercase;
}
.about .gywm .bd ul .abt{
	width: 467px;
	height: 345px;
	position: absolute;
	top: 101px;
	right: 0;
	overflow: hidden;
}
.about .gywm .bd ul .abt img{
	width: 100%;
	height: 100%;
}
.liuyan{
	width: 100%;
	height: 690px;
	overflow: hidden;
}
.liuyan .ly{
	width: 653px;
	height: 531px;
	float: left;
	margin-top: 68px;
	overflow: hidden;
}
.liuyan .message{
	width: 535px;
	height: 531px;
	float: right;
	background-color: #f5f5f5;
	margin-top: 68px;
}
.liuyan .message .tis{
	width: 460px;
	float: left;
	margin-top: 60px;
	margin-left: 40px;
	margin-bottom: 20px;
}
.liuyan .message .tis p{
	width: 100%;
	float: left;
	text-align: left;
	font-size: 24px;
	color: #4c4c4c;
	line-height: 24px;
	margin-bottom: 10px;
}
.liuyan .message .tis span{
	width: 100%;
	float: left;
	text-align: left;
	font-size: 13px;
	color: #9e9e9e;
	text-transform: uppercase;
}
.liuyan .message .liu{
	width: 460px;
	float: left;
	margin-left: 40px;
}
.liuyan .message .liu .dh3{
	width: 319px;
	height: 36px;
	float: left;
	margin-left: 15px;
	margin-top: 5px;
	background-color: #000000;
}
.liuyan .message .liu .dh3 img{
	width: 19px;
	height: 19px;
	float: left;
	margin-top: 8.5px;
	margin-left: 30px;
	margin-right: 8px;
}
.liuyan .message .liu .dh3 p{
	float: left;
	font-size: 14px;
	color: #fff;
	line-height: 36px;
	margin-left: 15px;
}
.news{
	width: 100%;
	height: 625px;
	overflow: hidden;
}
.news .news_title{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 45px;
	color: #000000;
	line-height: 43px;
	margin-bottom: 36px;
}
.news .two{
	width: 100%;
	float: left;
	height: 50px;
	margin-bottom: 27px;
}
.news .two ul{
	width: 100%;
	float: left;
	display: flex;
    flex-flow: wrap;
    justify-content: center;
}
.news .two ul li a{
	width: 185px;
	height: 50px;
	float: left;
	box-sizing: border-box;
	border-radius: 50px;
	border: 1px solid #000000;
	text-align: center;
	line-height: 48px;
	font-size: 18px;
	color: #000000;
	transition: 0.3s;
	margin-left: 32px;
}
.news .two ul li a:hover{
	background-color: #ccad7e;
	border-color: #ccad7e;
	color: #fff;
}
.news .two ul li:first-child a{
	margin-left: 0;
}
.news .infor{
	width: 572px;
	float: left;
}
.news .infor .tes{
	width: 100%;
	float: left;
	position: relative;
}
.news .infor .tes .ns{
	width: 100%;
	height: 198px;
	float: left;
	overflow: hidden;
}
.news .infor .tes .ns img{
	width: 100%;
	height: 100%;
}
.news .infor .tes .time{
	width: 75px;
	height: 60px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #ccad7e;
	padding-left: 10px;
}
.news .infor .tes .time p{
	width: 100%;
	float: left;
	text-align: left;
	font-size: 24px;
	color: #fff;
	line-height: 32px;
	margin-top: 5px;
}
.news .infor .tes .time span{
	width: 100%;
	float: left;
	text-align: left;
	font-size: 14px;
	color: #fff;
	line-height: 14px;
}
.news .infor .tes .mes{
	width: 562px;
	height: 75px;
	float: left;
	margin-left: 10px;
}
.news .infor .tes .mes a{
	width: 100%;
	float: left;
	text-align: left;
	font-size: 16px;
	color: #222222;
	line-height: 38px;
	overflow: hidden;
	height: 38px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.news .infor .tes .mes span{
	width: 100%;
	float: left;
	text-align: left;
	font-size: 14px;
	color: #888888;
	line-height: 18px;
	overflow: hidden;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 18px;
}
.news .infor ul{
	width: 562px;
	float: left;
	margin-left: 10px;
}
.news .infor ul li{
	width: 100%;
	float: left;
}
.news .infor ul li a{
	width: 470px;
	float: left;
	text-align: left;
	font-size: 14px;
	color: #333333;
	line-height: 35px;
	overflow: hidden;
	height: 35px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.news .infor ul li p{
	float: right;
	font-size: 14px;
	color: #666666;
	line-height: 35px;
}
.footer{
	width: 100%;
	height: 273px;
	overflow: hidden;
}
.footer .footer_bg{
	width: 937px;
	height: 274px;
	position: absolute;
	top: 0;
	right: -360px;
	overflow: hidden;
}
.footer .ditu{
	width: 983px;
	height: 274px;
	position: absolute;
	top: 0;
	left: -360px;
	overflow: hidden;
}
.footer .lx{
	width: 400px;
	position: absolute;
	top: 60px;
	left: 675px;
	z-index: 1;
}
.footer .lx p{
	width: 100%;
	float: left;
	text-align: left;
	font-size: 20px;
	color: #c9cace;
	line-height: 30px;
	margin-bottom: 16px;
	font-weight: bold;
	letter-spacing: 2px;
}
.footer .lx .dz{
	width: 100%;
	float: left;
	margin-bottom: 16px;
}
.footer .lx .dz img{
	width: 21px;
	height: 22px;
	float: left;
}
.footer .lx .dz span{
	width: 365px;
	float: right;
	text-align: left;
	font-size: 14px;
	color: #c9cace;
	line-height: 22px;
}
.footer .ewm{
	width: 102px;
	position: absolute;
	top: 60px;
	right: 0;
}
.footer .ewm .ew{
	width: 100%;
	height: 102px;
	float: left;
	overflow: hidden;
}
.footer .ewm .ew img{
	width: 100%;
	height: 100%;
}
.footer .ewm p{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 14px;
	color: #f1f1f1;
	line-height: 45px;
}
.last{
	width: 100%;
	height: 64px;
	overflow: hidden;
	background-color: #000000;
}
.last p{
	float: left;
	font-size: 14px;
	color: #999999;
	line-height: 64px;
	width: 720px;
}
.last span{
	width: 350px;
	float: right;
}


#serl .search{
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
}
#serl .search input[type="text"]{
    width: 100%;
    height: 100%;
    background: none;
    color: #797575 !important;
    font-size: 14px;
    background: none;
    text-indent: 10px;
}
#serl .search > a{
	display: block;
    width: 35px;
    height: 42px;
    position: absolute;
    top: 0;
    right: 7px;
    background: url(/public/images/ser.png) no-repeat center;
}
#serl .search input::-webkit-input-placeholder{
    color: #797575 !important;
}


.button{
	width: 30px;
	height: 128px;
	position: fixed;
	top: 20%;
	right: 0;
	background-color: #333333;
	z-index: 999;
	cursor: pointer;
	transition: 0.3s;
}
.button p{
	width: 100%;
	float: left;
	text-align: center;
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	font-family: "宋体";
	font-weight: bold;
	transition: 0.3s;
	color: #fff;
}
.button p.on{
	transform: rotate(-180deg);
}
.button span{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	writing-mode:vertical-rl;
	-webkit-writing-mode:vertical-rl;
	color: #fff;
	letter-spacing: 4px;
}
.button.on{
	right: 145px;
}
.szxkf{
	width: 0;
	position: fixed;
	top: 10%;
	right: -145px;
	height: 434px;
	border-bottom: none;
	z-index: 999;
	opacity: 0;
	transition: 0.3s;
	background: url(../images/bj1.png) no-repeat center;
}
.szxkf.on{
	right: 0;
	opacity: 1;
	width: 145px;
}
.szxkf .sewm{
	width: 110px;
	height: 110px;
	float: left;
	overflow: hidden;
	margin-top: 10px;
	margin-left: 17.5px;
}
.szxkf .sewm img{
	width: 100%;
	height: 100%;
}
.szxkf .sbxt{
	width: 100%;
	height: 238px;
	float: left;
	margin-top: 10px;
}
.szxkf .sbxt ul{
    width: 114px;
    float: left;
    margin-left: 14px;
}
.szxkf .sbxt ul li{
	width: 100%;
	height: 50px;
	float: left;
	background: url(../images/xx.png) no-repeat bottom left;
}
.szxkf .sbxt ul li .stbr{
	float: left;
	margin-top: 14px;
	width: 32px;
	text-align: left;
}
.szxkf .sbxt ul li p{
	float: left;
	line-height: 50px;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
}
.szxkf .zxrx{
	width: 100%;
	float: left;
}
.szxkf .zxrx p{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 14px;
	color: #fff;
	line-height: 38px;
}
.szxkf .zxrx span{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 18px;
	color: #fff;
}
.szxkf .fh{
	width: 100%;
	float: left;
	text-align: center;
	margin-top: -25px;
	cursor: pointer;
}



.form_list p{
    height: auto;
    float: left;
    margin-bottom: 4px;
    overflow: hidden;
    line-height: 40px;
}
.form_list p.zxfg{
    height: 22px;
}
.form_list p.zxfg > *{
    height: 22px;
    line-height: 22px;
}
.form_list p.zxfg input{
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
}
.form_list p span{
    color: #666666;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 14px;
    float: left;
}
.form_list p > input{
    height: 14px !important;
    background: #ffffff;
    border: none;
    color: #000000;
    float: left;
    font-size: 14px;
    outline: none;
    text-indent: 12px;
    width: 10px;
}
.form_list p > label{
    color: #888888;
    float: left;
    font-size: 14px;
    font-weight: 500;
    margin-right: 13px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}