*{

	padding: 0;margin: 0;

	box-sizing: border-box;

	font-family: "微软雅黑";

	max-width: 100%;

}

a{

	text-decoration: none;color: #7a7a7a;

}

a:hover{

	text-decoration: none;color: #a7a3a3;

}

body{

	margin: 0 auto;

	font-size: 18px;color: #7a7a7a;overflow-x: hidden;

}

.hz img{

	max-width: 100%

}



.ban{

	background: url(../img/p1.jpg);

	-webkit-background-size: cover;

	background-size: cover;

	background-position: center;height: 100vh;

}

.head{

	width: 100%;height: 80px;line-height: 80px;position: fixed;top: 0;left: 0;z-index: 9999;

}

.head.hov{

	background: rgba(255,255,255,.9); -webkit-box-shadow: 0 1px 5px 0 rgba(153,153,153,.5);

    box-shadow: 0 1px 5px 0 rgba(153,153,153,.5);

}

.head.hov a{

	color: #000!important

}

.head>div{

	display: flex;justify-content: space-between;align-items: center;

}

.hz{

	width: 1200px;margin: 0 auto;

}

.nav a{

	display: inline-block;vertical-align: top;height:60px;line-height: 80px;margin: 0 10px;padding: 0 10px;

}

.logo {

	height: 80px;align-items: center;display: flex;

}

.ban .nhz{

	padding-top: 150px;display: flex;justify-content: space-between;align-items: center;

}

.ban .swiper-container{

	padding-bottom: 80px;

}



.bnleti{

	font-size: 46px;color: #3c3c3c;margin-bottom: 25px;

}

.bnledes{

	font-size: 22px;color: #8f8e8e;margin-top: 40px;line-height: 50px;

}

.bnle{

	padding-right: 50px;

}

.bnri{

	padding-left: 50px;

}

.cpys{

	padding: 150px 0;

}

.cpys>div{

	display: flex;justify-content: space-between;align-items: center;

}

.cple,.cpri{

	width: 47%;

}

.cpriti{

	font-size: 40px;color: #666;padding-top: 10px;

}

.cpritien{

	padding-top: 5px;text-transform:uppercase;font-size: 22px;

}

.cprides{

	padding-top: 50px;line-height: 35px;

}

.hxgn{

	padding: 110px 0;background: url(../img/p2.jpg);background-position: center;-webkit-background-size: cover;

	background-size: cover;

}

.hxti{

	font-size: 42PX;color: #fff;text-align: center;

}

.hxtien{

	text-align: center;color: #fff;text-transform:uppercase;padding-top: 10px;

}

.hxcon{

	display: flex;justify-content: space-between;flex-wrap: wrap;padding-top: 80px;

}

.hxit{

	width: 17%;text-align: center;margin-bottom: 40px;

}

.hxitti{

	font-size: 26px;padding-top: 25px;color: #fff

}

.hxdes{

	font-size: 15px;padding-top: 25px;color: #999999;line-height: 30px;

}

.cptc{

	padding: 100px 0;background: #f9f9f9;

}

.cptc .hxti{

	color: #3c3c3c;

}

.cptc .hxtien{

	color: #909090

}

.cpnav{

	padding-top: 64px;text-align: center;

}

.cpnav a{

	display: inline-block;vertical-align: top;margin: 0 25px;color: #808080;padding: 10px 35px;text-align: center;

	border:1px solid #808080; border-radius: 35px;

}

.cpnav a:hover,.cpnav a.hov{

	background: #eeeeee;color: #525252;

}

.cptccon{

	display: flex;justify-content: space-between;width: 850px;margin: 50px auto 0;

}

.cptcit{

	width: 47%;background: #fff; -webkit-box-shadow: 0 1px 5px 0 rgba(153,153,153,.5);

    box-shadow: 0 1px 5px 0 rgba(153,153,153,.5);

}



.cptcit li{

	line-height: 35px;height: 35px;font-size: 15px;color: #858585

}

.cptciti{

	height: 140px;background: #e9b933;text-align: center;line-height: 140px;color: #fff;font-size: 24px;

}

.cptciti div{

	position: relative;display: inline-block;line-height: normal;padding-bottom: 15px;

}

.cptciti div:after{

	content: "";

	border-bottom: 2px solid #fff;width: 50px;position: absolute;bottom: 0px;

	left: 50%;transform: translate(-50%, 0);

}

.cptcit ul{

	padding: 40px;padding-left: 80px;

}



.cptccon .cptcit:nth-child(2) .cptciti{

	background: #32A5D9;

}

.zx{

	text-align: center;width: 150px;height: 40px;line-height: 40px;font-size: 16px;color: #fff;

	display: block;margin: 0 auto;background: #e9b933;border-radius: 20px;margin-bottom: 40px;

}

.cptccon .cptcit:nth-child(2) .zx{

	background: #32A5D9;

}

.htgl{

	padding: 180px 0;background: url(../img/p3.jpg);background-position: center;-webkit-background-size: cover;

	background-size: cover;

}

.htgl>div{

	display: flex;justify-content: space-between;align-items: center;

}

.htgl .cpriti,.htgl .cpritien,.htgl .cprides{color: #fff;}

.htglle,.htglri{

	width: 47%;

}

.htglri{

	display: flex;justify-content: space-between;flex-wrap: wrap;

}

.htriit{

	width: 48%;margin-bottom: 15px;background: #d19f4e;color: #fff;padding: 25px;text-align: center;

}

.htriti{

	font-size:24px ;padding-top: 8px;padding-bottom: 8px;position: relative;

}

.htriti:after{

	content: "";

	border-bottom: 1px solid #fff;width: 25px;position: absolute;bottom: 0px;

	left: 50%;transform: translate(-50%, 0);

}

.htrides{

	padding-top: 30px;font-size: 14px;line-height: 25px;

}

.hzhb{

	padding: 100px 0;

}

.hzhb .hxti{

	color: #3c3c3c

}

.hzhb .hxtien{

	color: #909090

}

.hzhbcon{

	padding-top: 120px;display: flex;justify-content: space-between;

	flex-wrap: wrap;

}

.hzhbit{

	width: 18%;height: 135px;line-height: 135px; -webkit-box-shadow: 0 1px 5px 0 rgba(153,153,153,.5);

	padding: 0 10px;

    box-shadow: 0 1px 5px 0 rgba(153,153,153,.5);margin-bottom: 30px;display: flex;align-items: center;text-align: center;justify-content: center;

}

.sqsy{

	padding: 110px 0;background: url(../img/p4.jpg);background-position: top;

	background-size: 100% auto;background-repeat: no-repeat;

}

.sqhz{

	display: flex;justify-content: space-between;

}

.sqle{

	width: 340px;padding: 100px 0;background: #d19f4e;text-align: center;color: #fff;

}

.sqfom{

	flex: 1;

}

.sqti{

	font-size: 26px;

}

.sqen{

	font-size: 12px;padding-top: 10px;position: relative;padding-bottom: 25px;

}

.sqen:after{

	content: "";

	border-bottom: 1px solid #fff;width: 65px;position: absolute;bottom: 0px;

	left: 50%;transform: translate(-50%, 0);

}

.sqfom{

	padding: 40px;background: #f4f4f4;

}

.sqfom form{

	display: flex;justify-content: space-between;flex-wrap: wrap;

}

.sqfbt{

	font-size: 16px;color: #6b6b6b;padding-bottom: 12px

}

.spin input{

	width: 230px;height: 35px;line-height: 35px;padding: 0 10px;

}

.sqfit{

	width: 30%;

}

.last{

	margin-top: 20px;width: 100%;

}

.last input{

	width: 100%;

}

.sqfom button{

	width: 150px;line-height: 40px;height: 40px;text-align: center;color: #fff;font-size: 16px;background: #d19f4e;border:0;margin-top: 25px;

}

.sqhz{

	 -webkit-box-shadow: 0 1px 5px 0 rgba(153,153,153,.5);

    box-shadow: 0 1px 5px 0 rgba(153,153,153,.5);

}

a,button{

	cursor: pointer;

}

.foot{

	padding: 70px 0;text-align: center;background: #313131;color: #7a7a7a;font-size: 16px;

}

.ftnav{

	padding-bottom: 35px;

}

.ftwz span{

	margin: 0 10px;

}

.ftnav a{

	position: relative;padding: 0 10px;display: inline-block;vertical-align: top;

}

.ftnav a:after{

	content: "|";position: absolute;right: -3px;

}

.ftnav a:last-child:after{

	content: "";

}

.zx,.cpnav a{transition: all 0.2s linear;}

.zx:hover{opacity: .8;color: #fff;}

.ys025{

	animation-delay:.25s;

  -webkit-animation-delay:.25s; /* Safari 和 Chrome */

}

.ys05{

	animation-delay:.5s;

  -webkit-animation-delay:.5s; /* Safari 和 Chrome */

}

.ys075{

	animation-delay:.75s;

  -webkit-animation-delay:.75s; /* Safari 和 Chrome */

}

.ys1{

	animation-delay:1s;

  -webkit-animation-delay:1s; /* Safari 和 Chrome */

}

.ys125{

	animation-delay:1.25s;

  -webkit-animation-delay:1.25s; /* Safari 和 Chrome */

}

.ys15{

	animation-delay:1.5s;

  -webkit-animation-delay:1.5s; /* Safari 和 Chrome */

}

.ys175{

	animation-delay:1.75s;

  -webkit-animation-delay:1.75s; /* Safari 和 Chrome */

}

.ys2{

	animation-delay:2s;

  -webkit-animation-delay:2s; /* Safari 和 Chrome */

}

.ys225{

	animation-delay:2.25s;

  -webkit-animation-delay:2.25s; /* Safari 和 Chrome */

}

.ys25{

	animation-delay:2.5s;

  -webkit-animation-delay:2.5s; /* Safari 和 Chrome */

}

.bnle,.bnri{

	width: 47%;

}

.cpchz{

	width: 850px;margin: 0 auto;

}

.cpchz .swiper-container{

	padding: 10px 0;

}



.sjxs{

	display: none;

}

@media screen and (max-width: 600px) {

    * {

        max-width: 100%

    }

    body{

    	font-size: .35rem;

    }

    .head{

    	padding-top: .15rem;

    }

    .sjxs{

		display: block;

	}

	.nvbt{

		background-image: url(../img/dh.png);-webkit-background-size: 100% 100%;

		background-size: 100% 100%;width: .8rem;height: .8rem;transition: all 0.3s ease;

	}

	.nvbt.hov{

		background-image: url(../img/cuo.png);

	}

	.nav{

		position: absolute;background: #fff;top: 0px;left: -60%;width: 60%;height: 100vh;z-index: 999;

	}

	.nav a{

		display: block;padding: 0 .8rem;height: 1.25rem;line-height: 1.25rem;

	}

	.logo{

		height: 1rem;margin-top: .1rem;

	}

	.ban .nhz {

	    padding-top: 0;margin-top: 1.5rem;

	    display: block;

	    position: relative;

	}

	.bnle, .bnri {

	    width:100%;margin: 0 auto;

	}

	.bnle {

	    padding-right: 0rem;padding-top: 7.3rem;

	}

	.bnri {

	    padding-left: 0rem;

	    text-align: center;width: 100%;

	}

	.bnleti {

	    font-size: .6rem;

	    color: #3c3c3c;

	    margin-bottom: .1rem;

	}

	.bnledes {

	    font-size: .3rem;

	    color: #8f8e8e;

	    margin-top: .25rem;

	    line-height: .5rem;

	}

	.bnri{

		position: absolute;top: 0;height:7rem;left: 0

	}

	.hz img{

		max-height: 100%;

	}

	.cpys ,.hxgn,.cptc,.htgl,.hzhb,.sqsy{

	    padding: 1rem 0;

	}



	.hz{

		width: 90%;

	}

	.cpys>div {

	    display: block;

	}

	.cple{

		width: 100%;text-align: center;

	}

	.cple img{

		height: 7rem;

	}

	.cple, .cpri{

		width: 100%;

	}

	.cpri{

		margin-top: .4rem;

	}

	.cpriti,.hxti{

		font-size: .6rem;

	}

	.cpritien,.hxtien{

		font-size: .35rem;

	}

	.cprides {

	    padding-top: .5rem;

	    line-height: .6rem;font-size: .3rem;

	}

	.hxcon{

		padding-top: 1rem;

	}

	.hxit {

	    width: 46%;

	    text-align: center;

	    margin-bottom: .7rem;

	}

	.hxitti {

	    font-size: .4rem;

	    padding-top: .3rem;

	    color: #fff;

	}

	.hxdes {

	    font-size: .25rem;

	    padding-top: .2rem;

	    color: #999999;

	    line-height: .5rem;

	}

	.cpnav{

		padding-top: .7rem;

	}

	.cpnav a {

	    display: inline-block;

	    vertical-align: top;

	    margin: 0 .2rem;

	    color: #808080;

	    padding: .2rem .4rem;

	    text-align: center;

	    border: 1px solid #808080;

	    border-radius: 35px;

	    font-size: .3rem;

	}

	.htgl>div,.sqhz{

		display: block;

	}

	.htglle, .htglri {

	    width: 100%;

	}

	.htglri{

		margin-top: .5rem;

	}

	.htrides {

	    padding-top: .2rem;

	    font-size: .25rem;

	    line-height: .45rem;

	}

	.htriti {

	    font-size: .35rem;

	    padding-top: 8px;

	    padding-bottom: 8px;

	}

	.hzhbcon{

		padding-top: .5rem;

	}

	.hzhbit {

	    width: 47%;

	    height: 2rem;

	    line-height: 2rem;

	    margin-bottom: .5rem;

	}

	.sqsy{

		background-size: auto 50%;

	}

	.sqle {

	    width: 100%;

	    padding: .3rem 0;

	}

	.sqti {

	    font-size: .4rem;

	}

	.sqen {

	    font-size: 12px;

	    padding-top: .1rem;

	    position: relative;

	    padding-bottom: .3rem;

	}

	.sqfom {

	    padding: .6rem;

	}

	.sqfbt {

	    font-size: .27rem;

	    color: #6b6b6b;

	    padding-bottom: .15rem;

	}

	.sqfit {

	    width: 100%;margin-bottom: .35rem;

	}

	.spin input {

	    width: 100%;

	    height: .7rem;

	    line-height: .7rem;

	    padding: 0 10px;

	}

	.last {

	    margin-top: 0px;

	}

	.sqfom button {

	    width: 100%;

	    line-height: .8rem;

	    height: .8rem;

	    text-align: center;

	    color: #fff;

	    font-size: .25rem;

	    background: #d19f4e;

	    border: 0;

	    margin-top: .3rem;

	}

	.foot {

	    padding: 1rem 0;

	    text-align: center;

	    background: #313131;

	    color: #7a7a7a;

	    font-size: .25rem;

	}

	.ftnav a{

		margin-bottom: .15rem;

	}

	.ftnav {

	    padding-bottom: .5rem;

	}

	.cptcit{

		width: 100%;padding-bottom: .5rem;margin-bottom: .3rem;

	}

	.cptccon{

		display: block;margin-top: .3rem;

	}

	.cptcit ul {

	    padding: .4rem;

	    padding-left: 1.3rem;

	}

	.zx{

		margin-bottom: 0;

	}

	.cptcit li {

	    line-height: .7rem;

	    height: .7rem;

	    font-size: .32rem;

	    color: #858585;

	}

	.cptciti {

	    height: 1.7rem;

	    background: #e9b933;

	    text-align: center;

	    line-height: 1.7rem;

	    color: #fff;

	    font-size: .4rem;

	}

}




/*底部悬浮*/
.right_nav_bar {
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 10001;
    list-style: outside none none;
    width: 54px;
}
.right_nav_bar li {
    position: relative;
    list-style: outside none none;
    float: left;
    height: 54px;
    width: 54px;
}
.right_nav_bar .icons {
    height: 54px;
    width: 54px;
    float: left;
    position: absolute;
    right: 0;
    transition: all 0.3s ease 0s;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
}
i.icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    vertical-align: text-top;
    margin-left: 5px;
}
.right_nav_bar i.icon {
    background-image: url(/images/pic.png);
    height: 30px;
    margin: 12px;
    width: 30px;
    display: inline-block;
}
.black.right_nav_bar span.title {
    color: black;
}
.right_nav_bar span.title {
    padding-right: 10px;
    color: #fff;
    position: relative;
    top: 17px;
}
.black.right_nav_bar .qq-icon i {
    background-position: 0px -40px;
}
.black.right_nav_bar .weixin-icon i {
    background-position: 0px -80px;
}
.black.right_nav_bar .totop-icon i {
    background-position: 0px -264px;
}
.right_nav_bar li div{
	 background: #d19f62;cursor: pointer;
}
.right_nav_bar li:hover div{
	 background: #be8949;
}
.wxhz img{
	position: absolute;left: -150px;top: 0;max-width: 100000%;display: none;
}
.wxhz:hover img{
	display: block;
}
.dbewm img{
	height: 120px;display: block;
}
.mawz{
	font-size: 12px;color: #fff;text-align: center;padding: 10px 0;text-align: center;
}
.mahz{
	margin: 0 15px;display: inline-block;vertical-align: top;
}
.dbewm{
	margin-top: 30px;
}

.cptciti.yxj div{
	position: relative;
}
.cptciti.yxj div:before{
	position: absolute;
	top: 30%;left: 0;
	width: 100%;height: 4px;background: #f00;
	z-index: 999;content: "";
}
.cptciti.yxj {
	position: relative;
}
.cptciti.yxj:before{
	position: absolute;
    top: -15%;
    right: 15%;
    color: #f00;
    z-index: 999;
    content: "已下架";
    font-size: 14px;
}