@charset "UTF-8";
/**
 * @authors PMQ
 * @version 1.0
 */
body,button,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{padding: 0;margin: 0;border: none;}
body{width: 100%;height: auto;font-size: 16px;font-family:"Microsoft YaHei",Verdana,Arial,Helvetica, sans-serif;}
a {color: #555;text-decoration: none;}
a:hover{text-decoration: none;}
li,ol,ul{list-style: none;}
h1,h2,h3,h4,h5,h6{font-weight: 400;}
.clearfix::after{display: block;visibility: hidden;clear: both;height: 0;content: "";}
section,header{width: 1200px;margin: 0 auto;text-align: center;padding-top: 70px;}
.container{width:100%;padding-bottom:80px;}
.btn{width:100%;text-align:center;margin-top: 50px;}
.btn a{font-size:30px;padding:8px 30px;color: #ff827e;border: 4px #ff827e solid;}
.btn a img{width:17px;height: 20px;margin-left:10px;}
.btn a:nth-child(2){
	margin-left: 150px;
}
h1{
	font-size: 36px;
}
h2{
	font-size: 34px;
	color: #FFFFFF;
	line-height: 2;
}
h3{
	font-size: 30px;
}
h4{
	font-size: 25px;
	color: #FFFFFF;
}
h5{
	font-size: 22px;
}
h6{
	font-size: 19px;
}

/*bn*/
.banner{
	width: 100%;
	height: 687px;
	background: url(../images/tp/bg.jpg) no-repeat center;
	opacity: 0;
	animation: shoeBn 1s ease-in-out forwards;
	-webkit-animation: shoeBn 1s ease-in-out forwards;
}
@keyframes shoeBn{
	from{opacity: 0;}
	to{opacity: 1;}
}
@-webkit-keyframes shoeBn{
	from{opacity: 0;}
	to{opacity: 1;}
}
.banner .bn-box{
	width: 500px;
	margin: 0 auto;
	height: 200px;
	padding-top: 185px;
	padding-left: 360px;
}
.banner .bn-box .item{
	width: 670px;
	height: 372px;
	position: relative;
}
.banner .bn-box .tt1,.banner .bn-box .tt2,.banner .bn-box .tt3,.banner .bn-box .tt4{
	background-image: url(../images/tp/title.png);
	background-repeat: no-repeat;
	position: absolute;
}
.banner .bn-box .tt1{
	width: 100%;
	height: 80px;
	top: 0;
	left: 0;
	background-position: 0 0;
	opacity: 0;
	animation: showRt 1s ease-in-out forwards;
	-webkit-animation: showRt 1s ease-in-out forwards;
	animation-delay: 500ms;
	-webkit-animation-delay: 500ms;
}
@keyframes showRt{
	from{opacity: 0;transform: translateX(200px);}
	to{opacity: 1;transform: translateX(0);}
}
@-webkit-keyframes showRt{
	from{opacity: 0;transform: translateX(200px);}
	to{opacity: 1;transform: translateX(0);}
}
.banner .bn-box .tt2{
	width: 410px;
	height: 80px;
	top: 85px;
	left: 130px;
	background-position: -132px -85px;
	opacity: 0;
	animation: showLt 1s ease-in-out forwards;
	-webkit-animation: showLt 1s ease-in-out forwards;
	animation-delay: 800ms;
	-webkit-animation-delay: 800ms;
}
@keyframes showLt{
	from{opacity: 0;transform: translateX(-200px);}
	to{opacity: 1;transform: translateX(0);}
}
@-webkit-keyframes showLt{
	from{opacity: 0;transform: translateX(-200px);}
	to{opacity: 1;transform: translateX(0);}
}
.banner .bn-box .tt3{
	width: 200px;
	height: 80px;
	top: 175px;
	left: 240px;
	background-position: -240px -170px;
	opacity: 0;
	animation: showTp 1s ease-in-out forwards;
	-webkit-animation: showTp 1s ease-in-out forwards;
	animation-delay: 1100ms;
	-webkit-animation-delay: 1100ms;
}
@-webkit-keyframes showTp{
	from{opacity: 0;transform: translateY(100px);}
	to{opacity: 1;transform: translateY(0);}
}
@keyframes showTp{
	from{opacity: 0;transform: translateY(100px);}
	to{opacity: 1;transform: translateY(0);}
}
.banner .bn-box .tt4{
	width: 125px;
	height: 125px;
	border-radius: 50%;
	top: 250px;
	left: 270px;
	background-position: -275px -250px;
	opacity: 0;
	animation: showBtn 1s ease-in-out forwards;
	-webkit-animation: showBtn 1s ease-in-out forwards;
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
	transition: transform 1s;
	-webkit-transition: transform 1s;
}
.banner .bn-box .tt4:hover{
	transform: rotate(360deg) scale(1.1);
	-webkit-transform: rotate(360deg) scale(1.1);
}
@keyframes showBtn{
	from{opacity: 0;}
	to{opacity: 1;}
}
@-webkit-keyframes showBtn{
	from{opacity: 0;}
	to{opacity: 1;}
}
.cont1,.cont3,.cont4,.cont6{
	background-color: #FFFFFF;
}
/*1*/
.cont1-aside{
	width: 358px;
	float: left;	
}
.cont1-aside .aside-item{
	width: 360px;
	height: 276px;
	background-color: #ff827e;
	position: relative;
	margin-bottom: 10px;
	cursor:default
}
.cont1-aside .aside-item .aside-pop{
	position: absolute;
	top: 40px;
	left: 30px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #FFFFFF;
}
.cont1-aside .aside-item .aside-des{
	position: absolute;
	top: 40px;
	left: 25px;
	width: 310px;
}
.cont1-art{
	width: 830px;
	float: right;
	background-color: #efefef;
}
.cont1-art ul{
	margin: 25px 35px;
	text-align: center;
}
.cont1-art ul li{
	width: 210px;
	height: 266px;
	float: left;
	margin-right: 64px;
}
.cont1-art ul li:nth-child(3n){
	margin-right: 0;
}
.cont1-art ul li img{
	width: 210px;
	height: 210px;
	border-radius: 50%;
	transition: transform .6s;
	-webkit-transition: transform .6s;
}
.cont1-art ul li img:hover{
	transform: scale(1.05,1.05);
}
.cont1-art ul li span{
	font-size: 22px;
	line-height: 1.7;
	color: #e5802a;
}

/*2*/
.cont2{
	background: url(../images/ct2/bg.jpg) no-repeat center;
	height: 760px;
}
.cont2 .ct2-flt{
	width: 295px;
	height: 424px;
	margin-right: 6.3px;
	position: relative;
	float: left;
	overflow: hidden;
}
.cont2 .ct2-flt:nth-child(4){
	margin-right: 0;
}
.cont2 .ct2-des{
	position: absolute;
	top: -424px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.7);
	transition: top .6s;
	-webkit-transition: top .6s;
	cursor: pointer;
}
.cont2 .ct2-des h3{
	margin-top: 190px;
	color: #FFFFFF;
}
.cont2 .ct2-flt:hover .ct2-des{
	top: 0;
}
/*3*/
.cont3-sec{
	background-color: #efefef;
	margin-top: 140px;
	height: 800px;
	position: relative;
}
.cont3 .cont3-des{
	width: 630px;
	position: absolute;
	top: 0;
	left: 60px;
	text-align: left;
}
.cont3 .cont3-des .cont3-des-hd{
	width: 206px;
	height: 206px;
	position: absolute;
	top: -80px;
	left: 260px;
	background: url(../images/ct3/1.png) no-repeat center;
}
.cont3 .cont3-des h1{
	margin-top: 160px;
}
.cont3 .cont3-des h6{
	margin-top: 50px;
	line-height: 1.8;
}

.cont3 .cont3-chart{
	position: absolute;
	right: 60px;
	top: 6px;
	width: 370px;
}
.cont3 .cont3-chart h3{
	color: #E5802A;
	text-align: left;
	margin-top: 30px;
}
.cont3 .cont3-chart ul{
	margin-top: 20px;
}
.cont3 .cont3-chart li{
	width: 117px;
	float: left;
	margin-right: 9px;
	height: 140px;
}
.cont3 .cont3-chart li img{
	width: 117px;
	height: 117px;
}
.cont3 .cont3-chart li:nth-child(3){
	margin-right: 0;
}
.cont3 .cont3-chart li h5{
	color: #EE7500;
	line-height: 1.5;
}
/*4*/
.cont4 .cont4-switch{
	width: 895px;
	height: 520px;
	float: left;
}
.cont4 .cont4-fg{
	width: 305px;
	height: 520px;
	float: right;
}
.cont4 .cont4-itm{
	height: 104px;
	width: 305px;
	background-color: #858585;
	cursor: pointer;
}
/*858585*/
.cont4 .cont4-itm h4{
	padding-top: 20px;
}
.cont4 .cont4-itm .fg{
	width: 22px;
	height: 25px;
	background: url(../images/ct4/fg.png) no-repeat center;
	margin-top: -45px;
	margin-left: -22px;
	display: none;
}
/*5*/
.cont5{
	background: url(../images/ct5/bg.jpg) no-repeat center;
	height: 740px;
}
/*6*/
.cont6 .item{
	display:inline-block;
	width: 386px;
	height: 440px;
	margin-right: 16px;
}
.cont6 .item:nth-child(3){
	margin-right: 0;
}
.cont6 .item img{
	transition: transform .6s;
	-webkit-transition: transform .6s;
}
.cont6 .item img:hover{
	transform: scale(1.05,1.05);
}
/*toubu*/
#header{width: 100%;min-width: 1200px;height: 70px;overflow: hidden;position: fixed;top: 0;z-index: 99999999999;background: #fff;-webkit-transition: height 0.6s;-moz-transition: height 0.6s;-ms-transition: height 0.6s;transition: height 0.6s;}
#header #logo{width: 320px;height: 100%;margin-left: 20px;float: left;}
#header #logo img{height: 100%;-webkit-transition: transform 1s;-moz-transition: transform 1s;-ms-transition: transform 1s;transition: transform 1s;}
#header #logo:hover img{-webkit-transform: scaleX(0.95) scaleY(0.95);-moz-transform: scaleX(0.95) scaleY(0.95);-ms-transform: scaleX(0.95) scaleY(0.95);transform: scaleX(0.95) scaleY(0.95);}
#header #nav{width: 780px;height: 100%;margin-right: 20px;text-align: right;float: right;position: relative;}
#nav a{font-size: 16px;line-height: 70px;height: 70px;display: inline-block;color: #333333;margin: 0 10px;-webkit-transition: 0.3s ,color 0.5s;-moz-transition: 0.3s ,color 0.5s;transition: 0.3s ,color 0.5s;}
#nav a:hover{color: #F07800;font-weight:500}
#nav a img{margin: 0;padding: 0;height: 38%;position: relative;top: -2px;display: inline-block;vertical-align: middle;}
#nav .lineUpp{height: 4px;background: #ee7500;position: absolute;top: 0;left: 12px;-webkit-transition: left 0.3s;-moz-transition: left 0.3s;transition: left 0.3s;}

/*2018-6-26 zuoping-update*/
.x-con-zp{
	width: 1200px;
	margin: 0 auto 30px auto;
}
.x-con-zp ul{
	width: 100%;
	padding-bottom: 70px;
	float: left
}
.x-con-zp ul li{
	width: 25%;
	float: left;position: relative;height: 260px;
	overflow: hidden
}
.x-con-zp ul li img{
	transition: all .5s;
	display: block;width: 100%;height: 260px;
}
.x-con-zp ul li:hover img{
	transform: scale(1.1)
}
.x-con-zp ul li p{
	position: absolute;background: rgba(0,0,0,0.7);color: #fff;font-size: 18px;font-weight: lighter;height: 40px;line-height: 40px;text-align: center;width: 100%;
	left: 0;bottom: 0;
}