@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;overflow-x: hidden;}
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: 60px;}
.container{width:100%;min-width: 1200px;padding-bottom:60px;}
header img{
	margin-top: 20px;
}
h1{
	font-size: 45px;
	color: #111b1d;
}
h3{
	font-size: 20px;
	color: #a0a0a0;
	font-weight: 100;
}
h4{
	font-size: 20px;
	color: #000000;
}
h6{
	font-size: 19px;
	color:#FFFFFF
}
.btn{
	width: 100%;
	text-align: center;
}
.btn a{
	font-size:22px;
	margin: 0 auto;
	position: relative;
}
.btn .gy{
	color: #f37921;
	padding: 8px 65px 8px 30px;
	border: 2px #f37921 solid;
}
.btn .wt{
	color: #FFFFFF;
	padding: 8px 30px;
	border: 2px #FFFFFF solid;
	font-weight: 300;

}
.btn img{
	width: 15px;
	height: 15px;
	position: absolute;
	top: 16px;
	right: 30px;
	transition: right .3s;
	-webkit-transition: right .3s;
}
.btn a:hover img{
	right: 20px;
	vertical-align:middle;
}
/*banner*/
.banner{
	width: 100%;
	height: 805px;
	background: url(../images/tp/bn.jpg) no-repeat center;
	transition:margin-top 0.6s;
	-webkit-transition:margin-top 0.6s;
}
.banner .bn-box{
	width: 1000px;
	margin: 0 auto;
	padding-top: 150px ;
}
.banner .bn-box .box-des{
	width: 100%;
	height: 500px;
	position: relative;
}
.banner .des-tt1,.banner .des-tt2,.banner .des-tt3,.banner .des-tt4,.banner .des-tt5,.banner .des-tt6{
	position: absolute;
	background: url(../images/tp/des.png) no-repeat;
}
.banner .des-tt1{
	width: 570px;
	height: 40px;
	left: 134px;
	top: 0;
	background-position: -140px 2px;
}
.banner .des-tt2{
	width: 732px;
	height: 116px;
	left: 68px;
	top:50px;
	background-position: -62px -64px;
}
.banner .des-tt3{
	width: 420px;
	height: 140px;
	left: 0px;
	top:170px;
	background-position: 6px -184px;
}
.banner .des-tt4{
	height: 140px;
	left: 420px;
	top:170px;
}
.banner .tt4-1,.banner .tt4-2,.banner .tt4-3,.banner .tt4-4{
	position: absolute;
	background: url(../images/tp/des.png) no-repeat;
	width: 144px;
	height: 144px;
	/*opacity: 0;*/
}
.banner .tt4-1{
	left: 10px;
	background-position: -414px -184px;
	/*animation: t41 ease-in 2s forwards;*/
}
.banner .tt4-2{
	left: 154px;
	background-position: -558px -184px;
	/*animation: t41 ease-in 2s forwards;
	animation-delay: 1000ms;*/
}
.banner .tt4-3{
	left: 304px;
	background-position: -700px -184px;
	/*animation: t41 ease-in 2s forwards;
	animation-delay: 1500ms;*/
}
.banner .tt4-4{
	width: 130px;
	left: 460px;
	background-position: -856px -184px;
	/*animation: t41 ease-in 2s forwards;
	animation-delay: 2000ms;*/
}
@keyframes t41{
	0%{transform: translate(-400px,-100px);
		opacity: 0;}
	20%{transform: translate(-300px,-80px);
		opacity:.2;}
	40%{transform: translate(-200px,-60px);
		opacity: .4;}
	60%{transform: translate(-100px,-40px);
		opacity: .6;}
	80%{transform: translate(-50px,-20px);
		opacity: .8;}
	100%{transform: translate(0,0);
		opacity: 1;}
}
.banner .des-tt5{
	width: 127px;
	height: 127px;
	border-radius: 50%;
	left: 390px;
	top: 350px;
	background-position: -140px -335px;
}
.banner .des-tt6{
	width: 75px;
	height: 70px;
	left: 710px;
	top: 110px;
	background-position: 0 -335px;
}

.plus1{
	display: block;
	width: 1200px;
	position: relative;
	margin:0 auto;
	padding-top:40px;
}
.plus1 .p-r{
	display: block;
	width:50px;
	height: 88px;
	margin-top:-44px;
	top:50%;
	position:absolute;
	left:-65px;
	z-index: 99;
	cursor: pointer;
	background:url("../images/l.png") no-repeat center center;
}
.plus1 .p-l{
	display: block;
	width:50px;
	height: 88px;
	margin-top:-44px;
	top:50%;
	position:absolute;
	right:-65px;
	z-index: 99;
	cursor: pointer;
	background:url("../images/r.png") no-repeat center center;
}
.swiper-container7{
	display:block;
	width:1200px;
	margin:0 auto;
	overflow: hidden;
}

.banner .bn-box .box-right{
	position: absolute;
	right: -460px;
	top: -150px;
	width: 549px;
	height: 805px;
	background: url(../images/tp/sumiao.png) no-repeat center;
}

/*1*/
.cont1{
	background-color: #FFFFFF;
}
.item{
	width: 394px;
	margin-right: 9px;
	float: left;
}
.item:nth-child(3){
	margin-right: 0;
}
.item .item-box{
	width: 394px;
	height: 393px;
	overflow: hidden;
	position: relative;
}
 .item-box .item-des{
	width: 100%;
	height: 393px;
	position: absolute;
	bottom: -393px;
	left: 0;
	background-color: rgba(0,0,0,0.7);
	transition: bottom 0.6s;
	-webkit-transition: bottom 0.6s;
}
.cont1 .item:hover .item-des{
	bottom: 0;
}
.item-box .item-des h6{
	width: 80%;
	margin: 70px auto 50px;
	text-align: left;
	color: #FFFFFF;
	line-height: 1.6;
	font-weight: 100;
}
.cont1 h4{
	display: block;
	height: 38px;
	position: relative;
	line-height: 38px;
	text-align:center;

}
.cont1 b{
	display: block;
	width: 8px;
	height: 8px;
	background-color: #EE7500;
	position: absolute;
	top: 15px;
}

.container-1{
	display: block;
	width:1200px;
	height:850px;
	margin:60px auto 0 auto;
}
.container-1 h3{
	display: inline-block;
	width: 100%;
	padding-top:40px;
	text-align:center;
	font-size:28px;
	font-weight: 400;
}
.container-1 h5{
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size:16px;
	font-weight: 200;
	line-height: 1.7;
	padding-bottom:10px;
}
.container-1 .c1-inner{
	display:block;
	width:600px;
	text-align: left;
}
.c1i-dl{
	display: block;
	width: 450px;
	position: relative;
	padding:0 80px 0 70px;
	font-weight: 200;
	line-height:1.4;
	font-size: 18px;
	margin-top:20px;
}
.c1i-dl i{
	display: block;
	width:30px;
	height: 30px;
	position: absolute;
	right: 30px;
	top: 7px;
	background:url('http://xxxx.shxdf.cn/page/061601/1.png?v17061602') no-repeat;
}
.c1i-dl i.true{
	background-position:0 0;
}
.c1i-dl i.false{
	background-position:-163px 0;
}
.c1i-dl span > span{
	color:#000;
	font-weight:bold;
}
.container-1 div > h6{
	display: inline-block;
	width: 100%;
	font-weight:400;
	font-size:18px;
	line-height:2;
}
.container-1 .c1-right,.container-1 .c1-left{
	display: block;
	width:600px;
	height: 850px;
}
.container-1 .c1-right{
	float: right;
	background: #f2f2f2;
	color:#000;
}
.container-1 .c1-left{
	float: left;
	background:#f37921;
	color:#fff;
}
.container-1 .c1-left h3{
	color:#fff;
}
.container-1 .c1-right h3{
	color:#000;
}
.container-1 .c1-right h6{
	color:#000;
}
.btn-view{
	width: 100%;
	text-align: center;
}
.btn-view p{
	display: block;
	width: 100%;
	text-align:center;
	font-size:18px;
	color:#f37921;
	line-height: 1;
	padding:30px 0 40px 0;
}
.btn-view > a{
	display: inline-block;
	font-size:16px;
	padding:6px 24px;
	border:2px solid #f37921;
	color:#f37921;
	font-weight: 400;
	border-radius:30px;
}
.btn-view > a:hover{
		filter:drop-shadow(2px 2px 8px #f37921);
		-webkit-filter:drop-shadow(2px 2px 8px #f37921);
		-moz-filter:drop-shadow(2px 2px 8px #f37921);
}

/*2*/
.cont2{
	background-color: #f4f4f4;
}
.cont2 .cont2-item{
	width: 100%;
	height: 378px;
	margin-top:10px;
	position: relative;
}
.cont2 .cont2-box{
	position: absolute;
	top: 0;
}
.cont2-item .cont2-des,.cont2-item .cont2-btn{
	width: 390px;
	height: 378px;
	background-color: #f37921;
	position: absolute;
	top: 0;
	transition: opacity 0.6s;
	-webkit-transition: opacity 0.6s;
}
.cont2-item .cont2-des{
	opacity: 1;
}
.cont2-item .cont2-btn{
	opacity: 0;
}
.cont2-item .cont2-box:hover .cont2-des{opacity: 0;}
.cont2-item .cont2-box:hover .cont2-btn{opacity: 1;}
.cont2-item .cont2-slide{
	width: 800px;
	height: 378px;
	position: absolute;
}
.cont2-item .cont2-btn .btn{
	margin-top: 160px;
}
.cont2 h4{
	color: #FFFFFF;
	margin-top: 80px;
	font-size:26px;
	font-weight: bold;
}
.cont2 h6{
	width: 70%;
	margin: 0 auto;
	text-align: left;
	font-size: 18px;
	font-weight: 300;
	line-height:1.6;
}

.cont2 .swiper-pagination-bullet {
	background: #EE7500!important;
}
/*3*/
.c3{
	display: block;
	width: 100%;
	min-width:1200px;
	height:240px;
	background:#f37921;
}

.c3 .c3-item{
	display: block;
	width: 1200px;
	margin:0 auto;
	height:240px;
}

.c3-left{
	display: block;
	width:545px;
	height:220px;
	float:left;
	padding-top:20px;
}
.c3-left > .c3-l-btn{
	display:block;
	width:545px;
	text-align:left;
	margin-top:20px;
}
.c3-left > .c3-l-btn > p{
	display:inline-block;
	width:60px;
	text-align: left;
	font-size:18px;
	height:26px;
	color:#fff;
	line-height:26px;
	font-weight: 200;
}
.c3-left > .c3-l-btn > input{
	display: inline-block;
	height:23px;
	width:200px;
	outline:none;
	background:#f37921;
	border-bottom: 1px solid #fff;
	color:#fff;
	font-size:16px;
	text-align: center;
	font-weight: 200;

}
.c3-btn-view{
	display: block;
	width:545px;
	text-align:left;
	padding-top:30px;
}
.c3-btn-view a{
	display: inline-block;
	padding:6px 24px;
	border:1px solid #fff;
	color:#fff;
	font-weight: 200;
}
.btn-tel{
	padding-left:45px !important;
	background:url('../images/1.png') no-repeat 5px -191px;
}

.c3-right{
	display: block;
	width: 655px;
	height:240px;
	float: right;
}
.c3-btn-view a:hover{
	filter: drop-shadow(2px 2px 5px #fff);
	-webkit-filter: drop-shadow(2px 2px 5px #fff);
	-moz-filter: drop-shadow(2px 2px 5px #fff);
}
.c3-r-inner{
	display: block;
	width:655px;
	background: #fff;
	height: 190px;
	margin-top:24px;
	text-align: center;
}
.c3-r-title{
	display: inline-block;
	position: relative;
	font-size:22px;
	line-height: 1;
	padding:16px 0;
	font-weight: bold;
	color:#f37921;
}
.c3-r-title::after,.c3-r-title::before{
	content:'';
	display:inline-block;
	position: absolute;
	top:50%;
	width:40px;
	height:1px;
	background: #f37921;
}
.c3-r-title::after{
	right:-50px;
}
.c3-r-title::before{
	left:-50px;
}
.c3-listloop{
	display:block;
	width:590px;
	height:120px;
	margin:0 auto;
	overflow: hidden;
}
.c3-listloop ul{
	display: block;
	width:590px;
}
.c3-listloop ul li{
	display: block;
	width:550px;
	padding-left:40px;
	height:30px;
	position: relative;
	line-height: 30px;
	text-align: left;
	font-weight: 300;
	font-size:16px;
}
.c3-listloop ul li::after{
	content:'';
	width:5px;
	height: 5px;
	position:absolute;
	left:20px;
	top:44%;
	background:#f37921;
}




.c31{
	display: block;
	width: 100%;
	min-width: 1200px;
	height: 890px;
	background:#fff;
}
.c31-item{
	display:block;
	width: 1200px;
	margin:0 auto;
	text-align: center;
}


.c31-inner{
	display:block;
	width:1202px;
	height: 475px;
	position: relative;
	background:url('http://xxxx.shxdf.cn/page/061601/2/1.jpg') no-repeat center center;
	margin-top:60px;
}
.c31-i-r,.c31-i-l{
	display: block;
	width:420px;
	height:310px;
	position: absolute;
	text-align: center;
}
.c31-i-r{
	top: 38px;
	left: 0px;
	color:#000;
}
.c31-i-l{
	top: 155px;
right: 0;
}
.c31-inner p{
	display: inline-block;
	width: 100%;
	text-align:center;
	font-weight: 700;
	line-height:1;
	padding-top:30px;
	font-size:26px;
}
.c31-inner p > span{
	color:#f37921;
}
.c31-inner h6{
	display: inline-block;
	width: 100%;
	text-align: center;
	font-weight: 200;
	font-size:16px;
	line-height: 2;
	color:#000;
}

.c31-inner h5{
	display:block;
	width:300px;
	text-align:left;
	line-height:1.6;
	font-size:16px;
	margin:0 auto;
	font-weight: 300;
	line-height: 1.9;
	padding-top:10px;
}
.c31-inner i{
	display: inline-block;
	width:96px;
	height: 10px;
	background:url('http://xxxx.shxdf.cn/page/061601/1.png?v17061605') no-repeat -91px -210px;
}


.btn-view{
	display: block;
	width: 100%;
	text-align: center;
	padding-top:50px;
}


.c32{
	display: block;
	width: 100%;
	min-width: 1200px;
	background: #f4f4f4;
	padding-bottom:70px;
}
.c32 .c32-item{
	display: block;
	width: 1200px;
	margin:0 auto;
}
.c32 .c32-list{
	display: block;
	width: 1200px;
	margin:50px auto 0 auto;

}
.c32 .c32-list .c32-title{
	width: 1200px;
	margin:0 auto;
}

.c32 .c32-list .c32-title li{
	display: block;
	float: left;
	height:50px;
	color:#fff;
	font-weight: 500;
	line-height: 50px;
	text-align: center;
	background:#f37921;
}
.c32-mlist{
	width: 1200px;
	margin:0 auto;
	background:#dcdcdc;
}
.c32 .c32-list .c32-mlist li{
	display: block;
	float: left;
	height:45px;
	color:#757575;
	background:#dcdcdc;
	font-weight: 500;
	line-height: 45px;
	text-align: center;
}



/*4*/
.cont4{
	background-color: #fff;
}
.cont4 .cont4-container{
	width: 100%;
}
.cont4 .cont4-box{
	width: 100%;
	height: 519px;
	position: relative;
	overflow: hidden;
}
.cont4 .cont4-box .box-des{
	width: 100%;
	height: 40px;
	position: absolute;
	bottom: 0;
	background-color: rgba(0,0,0,0.7);
}
.cont4 .box-des span{
	font-size: 22px;
	font-weight: 200;
	line-height: 40px;
	color: #FFFFFF;
	display: block;
	text-align: left;
	margin-left: 50px;
}
.cont4 .btn{
	margin-top: 50px;
}
.cont4 .swiper-container-horizontal>.swiper-pagination-bullets{
	left: 500px!important;
}
.cont4 .swiper-pagination-bullet {
	background: #FFFFFF!important;
}



.c41{
	display: block;
	width: 100%;
	min-width: 1200px;
	background:#f4f4f4;
	padding-bottom: 50px;
}

.c41-item{
	width: 1200px;
	margin:0 auto;
}
.c41-qy{
	display: block;
	width:1200px;
	height:142px;
	background:url('http://xxxx.shxdf.cn/page/061601/3/1.jpg') no-repeat;
	margin-top:30px;
}
/*5*/
.cont5{
	background-color: #FFFFFF;
}
.cont5 .item{
	height: 388px;
	overflow: hidden;
	position: relative;
}
.cont5 .item img{
	transition: transform .6s;
	-webkit-transition: transform .6s;
}
.cont5 .cont5-des{
	position: absolute;
	width: 100%;
	height:50px;
	bottom: 0;
	line-height: 50px;
	background: rgba(0,0,0,.7);
	transition: bottom 0.6s;
	-webkit-transition: bottom 0.6s;
}
.cont5 .cont5-des h3{
	font-weight:100;
	font-size:24px;
	color: #FFFFFF;
}
.cont5 .item:hover .cont5-des{
	bottom: -100px;
}
.cont5 .item:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.cont5 .btn{
	margin-top: 50px;
}
.cont5 .btn a:nth-child(2){
	margin-left: 200px;
}





/*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;}