*{margin:0;padding:0;box-sizing:border-box;}
body{font-size:13px;color:#666;font-family:'微软雅黑';}
img{display:block;max-width:100%;border:0}
ul, li{list-style:none}
a{text-decoration:none;display:block;-webkit-tap-highlight-color:rgba(255, 255, 255, 0);-webkit-user-select:none;-moz-user-focus:none;-moz-user-select:none;}
/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:70px;overflow:hidden;background:rgba(149,149,149,0.4);position:fixed;z-index:10;width:100%;display: none;}
.sp_logo{padding:10px;float:left;height:70px}
.sp_logo img{margin:auto;max-height:50px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:25px}
.sp_nav span{display:block;background:#708c25;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:rgba(149,149,149,0.4);width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:70px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:100%}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #eee solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:7px;right:0px;border-left:1px #eee solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #eee solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #eee solid;}
.sjj_nav ul li ul{display:none;
}

.sjj_nav ul li ul li{
	height: 41px;
}
.sjj_nav ul li a{color:#fff;opacity: 0.8;width:100%}

.sjj_nav ul li a:hover{
	color: #fff;opacity: 1;
}
.sjj_nav ul li ul li a{color:#fff;opacity: 0.8; display:block;text-align:left;}
.sjj_nav ul li ul li a:hover{
	color: #fff;opacity: 1;
}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#fff;margin-top: 4px;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#708c25}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/

.dhy{
	float: right;
	margin-left: 40px;
	margin-top:32px;
}
.dhy img{
	float: left;
}.dhy p{
	float: left;
	line-height: 27px;
	font-size: 16px;
	color: #fff;
	margin: 0;
	margin-left: 5px;
}
.gsj1 .text-span{
	margin-top: 60px;
}
.yj{
	background: #313131;
	padding-top: 20px;
}
.wb4{
	width: 600px;
	margin: 0 auto;
}
.wb4 ul li{
	float: left;
	width: 100px;
	border-right: 1px solid #999999;
	text-align: center;
	font-size: 18px;
	color: #fff;
	box-sizing: border-box;
}
.wb4 ul li a{
	color: #fff;
}
.wb4 ul li:hover a{
	color: #666;
}
.wb4 ul li:last-child{
	border: none;
}
.bann {
    overflow: hidden;
    position: relative;
}
.scp{
	background: url(../image/cp.png);
	background-size: cover;
}
.cpzs{
	background: url(http://qxu1885290002.my3w.com/images/bj2.png);
	background-size: cover;
}
.scp h2{
	font-size: 16px;
	text-align: center;
	margin-top: 20px;
}.cpzs h2{
	font-size: 16px;
	text-align: center;
	margin-top: 20px;
}
.portfolio-grid-fit{
width: 62.5%;
margin: 0 auto;padding-top: 50px;}

.cpx3{
	width: 44%;
	float: left;
	margin: 0 3%;
}
.cpx4{
	margin-bottom: 50px;
}
.cpx5{
	width: 100px;
	float: left;
	background: #31342b;
	padding: 15px 0;
	transition: all 0.3s;
}
.cpx4:hover .cpx5{
	background: #5d7505;
	
}.cpx4:hover .cpx5 h3{
border-bottom: 1px solid #fff;
	
}
.cpx5 h3{
	font-size: 36px;
	line-height: 50px;
	color: #fff;
	width: 60px;
	margin: 0 auto;
	border-bottom: 1px solid #69685c;
	text-align: center;
}
.cpx5 h6{
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	
	color: #fff;}
.cpx6{
	width: calc(100% - 100px);
	float: left;
	padding: 0 25px;
}.cpx4:hover .cpx6 h5{
	color: #000;
	
	
}
.cpx6 h5{
	font-size: 24px;
	line-height: 40px;
	text-align: left;
	margin-bottom: 10px;
	color: #333;
}.cpx6 p{
	font-size: 18px;
	line-height: 30px;
	text-align: left;
	height: 54px;display: block;
	overflow: hidden;
	color: #333;
}.cpx{
	width: 680px;
	margin: 0 auto;
}
.cpx1{
	width: 44%;
	float: left;
}.cpx2{width: 44%;
	float:right;
}
.cpx1 img{
	transition: all 0.3s;
	opacity: 1;
	max-width: 100%;
}
.cpx1:hover img{
	opacity: 0.9;
}
.cpx2 img{
	transition: all 0.3s;
	opacity: 1;max-width: 100%;
}
.cpx2:hover img{
	opacity: 0.9;
}
.gs{
	width: 62.5%;
	margin: 0 auto;
	padding-top: 30px;
}


.xwf{
	padding: 50px 0;
	width: 62.5%;
	margin: 0 auto;
}
.xwf h2{
	
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	color: #000000;
	margin: 0;
	display: block;
	line-height: 35px;
}
.xwf2{
	margin-top: 30px;
}.xwf2 ul li{
	line-height: 30px;
}
.xwf h6{
	
	text-align: center;
	font-size: 18px;
	
	color:#434343;
	margin: 0;display: block;margin-top: 10px;
	line-height: 35px;
	margin-bottom: 30px;
}

.xwf p{
	
	text-align: justify;
	font-size: 16px;
	margin-top: 30px;
	color: #666;
	margin: 0;display: block;
	line-height: 30px;
}
.xwf img{
	max-width: 100%;
}
.px {
	width: 62.5%;
	margin: 0 auto;
	padding: 40px 0 100px;
}
.px h3{
	font-size: 32px;
	text-align: center;
	line-height: 45px;
	color: #000;
}
.px1{
	margin-top: 30px;
}
.px2{
	width: 34%;
	float: left;
}
.px3{
	float: left;
	width: 66%;
	padding-left: 50px;	padding-top: 50px;
}
.px3 p{
	font-size: 16px;
	line-height: 30px;
	color: #000;

	text-align: justify;
}
.px4 {
	margin-top: 30px;
}
.px4 p{
	font-size: 16px;
	line-height: 30px;
	color: #000;

	text-align: justify;
}
.px5{
	width: 120px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #000;
	border-radius: 10px;
	margin: 0 auto;
	margin-top: 30px;
}
.px5 a{
	text-align: center;
	color: #000;
	
}
.px5:hover a{
	color: #5d7505;
}
.cpf5{
	margin-top: 70px;
}
.cpf5 h2{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #000;
	
}

.qywh2 img{
	 transition: transform 0.3s,background-color 0.3s;
}
.qywh2 img:hover{
	transform: scale(1.03);
}
.qywh1{
	width: 62.5%;
	margin: 0 auto;
	margin-top: 40px;
}

.qywh2{
	width: 25%;
	margin: 0 4.16%;
	float: left;
	margin-bottom: 20px;
}
.qywh2 h5{
	font-size: 20px;
	color: #333333;

	margin-bottom: 10px;
	border-bottom: 1px solid #dadada;
	line-height: 60px;
	text-align: center;
}
.lx1{
	width:540px;
	float: left;
	background: url(http://qxu1885290002.my3w.com/images/bj5.png);
	background-size: cover;
	padding: 150px 50px 50px;
	height:900px;	overflow: hidden;
	
}
.lx2{
	width: calc(100% - 540px);
	float: left;height: 900px;
	overflow: hidden;
	position: relative;
	}
.lx1 img{
	margin: 0 auto;
display: block;
	margin-top: 70px;
}
.lx1 ul li{
	font-size: 22px;
	line-height: 37px;
	color: #fff;
	margin-bottom: 25px;
}
.lx3 {
	padding: 30px 50px 50px 130px;
}
.lx3 h4{
	font-size: 32px;
	line-height: 50px;
	color: #000;
	margin-bottom: 20px;
}.lx3 p{
	font-size: 16px;
	line-height: 32px;
	color: #000;
}

	
.lx5{
	width:100%;

}
.lx{
	position: relative;height:900px;
	
	
}
.lx2 iframe{
	position: absolute;
	bottom: 0;
}
@media screen and (max-width: 1600px){
	.px {
		width: 75%;}
	.xwf{
	padding: 50px 0;
	width: 75%;
	margin: 0 auto;
}
	.portfolio-grid-fit{
		width: 75%}.gs{
			width: 75%;}
	.qywh1{
		width: 70%;}
}
@media screen and (max-width: 1500px){
	.px {
		width: 85%;}.qywh1{
		width: 80%;}
	.xwf{
	padding: 50px 0;
	width: 85%;
	margin: 0 auto;
}
	.gs{
			width: 85%;}
	.portfolio-grid-fit{
		width: 85%}.lx3 {
    padding-left: 50px;
}
	
}


@media screen and (max-width: 1300px){
	.lx1 {    padding: 150px 30px 50px;
		width: 420px;}
	.lx2 {
		width: calc(100% - 420px);}.lx3 {
    padding-left: 20px;
}
}
@media screen and (max-width: 1100px){
	.lx5{
		width: 100%;

		margin-left: 0;
		
	}	.lx1 ul li {
		font-size: 20px;}
	
	.lx1 {    padding: 150px 20px 50px;
		width: 370px;}
	.lx2 {
		width: calc(100% - 370px);}.lx3 {
    padding-left: 20px;
}
	.px {
		width: 95%;}
	.portfolio-grid-fit{
		width: 95%}.gs{
			width: 95%;}
	.qywh1{
		width: 85%;}
	.xwf {
    padding: 50px 0;
    width: 95%;
    margin: 0 auto;
	}.px3{
		padding-top: 0px;
	}textarea{
		width: 500px!important;
	}tr:nth-child(2) input{
		
		width: 500px!important;
		
	}tr:nth-child(1) input{
		
		width: 235px!important;
		
	}.lx5 form{
		width: 500px!important;
	}.lx3 {
    padding: 20px ;
}
}
@media screen and (max-width: 900px){
	
	.sp_header{display: block;}
	
		.qywh1{
		width:95%;}
	.px2{
		width: 100%;
		
	}.lx {
    position: relative;
    height: auto;
	}.lx1{
		height: auto;
		width: 100%;    padding: 20px 20px 30px;
	}.lx1 ul li {
    font-size: 18px;margin-bottom: 0;
}.lx1 img {

    margin-top: 20px;
}.lx2 {
    width: 100%;
	height: auto;
	}.lx2 iframe{
		position: relative;
		top:50px;
	}
	.px3{
		width: 100%;
		margin-top: 20px;
		padding-left: 0;
		
	}
	
	.px2 img{
		margin: 0 auto;
	}
	
	
	
}
@media screen and (max-width: 850px) {

	.cpx{
		width: 550px;}
	.xwf h2 {
    text-align: center;
		font-size: 28px;}
	.xwf h6
	
	{font-size: 18px;}
	.cpx3 {
    width: 94%;
    float: left;
    margin: 0 3%;
	}.cpx6{
		padding-right: 0;
	}
	
}
@media screen and (max-width: 800px){
	
	.portfolio-grid-fit .portfolio-item {

    width: 48%;
    margin: 0 1%;
    margin-bottom: 20px;
}
	
}


@media (max-width:750px){

	.qywh1{
		margin-top: 20px;
	}
		.qywh2 {
    width: 30%;
    margin: 0 1.6%;
    float: left;
	}.qywh h4{
		margin-top: 10px;
	}	
	
}

@media screen and (max-width: 700px){
	.jj .container{
		display: none;
	}
	.qywh2{
		width: 100%;
		margin: 20px 0;
	}.qywh2 img{margin: 0 auto;}
	
}


@media screen and (max-width: 650px){
	.xwf h2 {
    text-align: center;
    font-size: 24px;
}
	.cpx6 {
    width: calc(100% - 100px);
    float: left;
		padding: 0 15px;padding-right: 0;}

.cpx{
		width: 450px;}
	.cpx6 h5 {
    font-size: 21px;
		line-height: 35px;height: 35px;
	overflow: hidden;
	display: block;}.cpx6 p {
    font-size: 16px;
			line-height: 28px;}
}
@media screen and (max-width: 600px){
	
	.yj{
		display: none;
	}
	
}
@media screen and (max-width: 580px) {
.lx5 form {
    width: 350px!important;
}
		textarea{
		width: 350px!important;
	}tr:nth-child(2) input{
		
		width: 350px!important;
		
	}tr:nth-child(1) input{
		
		width: 160px!important;
		
	}}
@media screen and (max-width: 550px){
	.lx3{
		width: 95%;
		margin: 0 auto;
	}
	.gsj1 .text-span{
	margin-top: 30px;
}
	.events-section {

    padding: 20px 0px 40px;
}.cpx4 {
    margin-bottom: 20px;
}
	
	.lx3{
		padding: 20px 0;
	}
	.lx3 h4 {    
	
	font-size: 24px;margin-bottom: 0;}
	.xwd{
		margin-top: 30px;
	}.cm {
    max-width: 100%;
		padding: 0 10px;}
	.f-40 {
    font-size: 24px;
}
	.f-34 {
    font-size: 24px;
}
	.portfolio-grid-fit {

    padding-top: 20px;
}h1 {
    font-size: 24px;
}.scp h2 {
	font-size: 14px;}.cpzs h2 {
	font-size: 14px;}
	.section-padding {
    padding-top: 20px;
    padding-bottom: 40px;
}.portfolio-box .portfolio-caption .portfolio-caption-tb-cell h5 {
    font-size: 16px;
    color: #fff;
}
	
}

@media screen and (max-width: 500px) {
	.cpx{
		width: 220px;}
	.cpx1{
		width: 100%;
		margin-bottom: 20px;
	}.cpx2{
		width: 100%;
	}
	
	
}
@media screen and (max-width: 400px) {
textarea{
		width: 330px!important;
	}tr:nth-child(2) input{
		
		width: 330px!important;
		
	}tr:nth-child(1) input{
		
		width: 150px!important;
		
	}
	}