@charset "utf-8";
/* CSS Document */
*{font-size:14px;font-family:"微软雅黑";color:#333;}
body,dl,dd,p{margin:0;}
a{text-decoration:none;transition:all 0.3s;}
img{display:block;}
input{margin:0;padding:0;border:none;outline:none;cursor:pointer;}
textaea{margin:0;padding:0;outline:none;}
h1,h2,h3{font-weight:normal;margin:0;}
ul{margin:0;padding:0;}
li{list-style:none;}
.clearfix{clear:both;}

/*header*/
.header{max-width:980px; margin:0 auto; overflow:hidden;}
.header .logo{ float:left;margin-top:2px;}
.header .right{float:right; line-height:50px;text-align:right;}
.header .right a{font-size:14px;transition:all 0.4s;}
.header .right a:hover{color:#F86513;}

/*banner*/
.banner img{width:100%; margin:10px auto;}

.title{
	max-width:1000px;
	margin: auto;
	margin-top:60px;
	padding:1px 0 5px 0;
}
.title h1{
	font-size:40px;
	font-weight:bold;
	text-align:center;
	color:#000200;
}

.dd{
    max-width:880px;
    margin: auto;
    padding:20px 60px;
}
.dd h1{
    font-size:26px;
	font-weight:bold;
    color:#F86513;
}
.dd p{
    font-size:22px;
    line-height:46px;
    text-indent:2em;
    margin-top:10px;
}
.dd span{
    color:#F86513;
	font-size:22px;
	font-weight:600;
}
.dd a{
	float:right;
	border-bottom:#F86513 solid 1px;
	margin-top:10px;
}
.dd a:hover{
	color:#F86513;
}

.tt{ max-width:980px; margin:20px auto;}
.tt li{ width:100%; height:60px; line-height:60px; border:#737373 1px solid; float:left; text-align:center; margin-top:10px;}
.tt a{width:100%; height:60px;  font-size:30px; font-weight:bold;}
.tt li:hover{border:#F86513 1px solid;}
.tt li:hover a{ color:#F86513;}

.rw{  max-width:1100px; margin:20px auto;}
.rw li{ width:47%; float:left; margin-right:10px;border:#737373 1px solid; padding:10px;}
.r_l{ width:35%; float:left; margin-right:20px;}
.r_l img{ width:100%; height:260px;}
.r_l h3{ text-align:center; font-size:20px; font-weight:bold; margin-top:10px;}
.r_l a{ color:#F86513;}
.r_l p{ text-align:center; margin-top:5px;}

.r_r{ width:60%; float:right;}


.zt{ max-width:1100px; margin:20px auto;}
.zt li{ width:49%; margin-right:10px; float:left; margin-top:10px;}
.zt li img{ width:100%; height:90px;}

.kp{ max-width:1100px; margin:0 auto;}
.kp li{ width:49%; margin-right:10px; float:left; margin-top:10px; border:#F86513 1px solid;}
.kp li h3{ color:#fff; height:31px; line-height:31px; font-size:18px; background-color:#F86513; padding-left:5px; }
.kp li h3 a{ float:right;}
.kp li h3 a img{ width:50px; height:30px; padding:0;}
.kp li p{}

.mt{ max-width:1000px; height:600px; margin:0  auto; overflow-y: auto;} 
.mt li{ width:47%; height:300px; float:left; margin-right:15px; margin-top:30px; border:#F86513 1px solid; padding:5px;}
.mt li img{ width:100%; height:100%;}
.mt p{ margin-top:10px; text-align:center; font-size:16px;}
.mt p:hover{ color:#F86513;}

.other-complaints{
	max-width:1100px;
	margin:0 auto;
}

.other-complaints-content-bg{
	max-width:1100px;
	margin:0 auto;
	margin-top:30px;
}

.other-complaints-content{
	width:470px;
	border:#3d3d3d solid 1px;
	float:left;
	margin:6.5px;
}

.other-complaints-title{
	background-color:#F86513;
	height:26px;
}

.other-complaints-title h2{
	font-size:18px;
	float:left;
	margin-left:4px;
	color:#eee;
}

.other-complaints-title a{
	float:right;
	margin-right:6px;
	margin-top:1px;
	font-size:16px;
	color:#eee;
}

.other-complaints-content:hover{
	box-shadow:0 0 5px #555;
}

.other-complaints-title a:hover{
	color:#fff;
}
.dl-box{
	width:895px;
	margin: auto;
	border:#ccc solid 1px;
	overflow:hidden;
	background:#fff;
}

.dl-left{
	width:30%;
	float:left;
	margin-top:5px;
	margin-left:30px;
}

.dl-left img{
	width:100%;
	height:250px;
}

.dl-left p{
	text-align:center;
	margin-top:10px;
	width:230px;
}

.dl-left a{
	font-size:16px;
	font-weight:bold;
	color:#111;
}

/*.dl-left a:hover{
	color:#19539d;
}*/

.dl-right{
	width:50%;
	float:left;
	margin-left:10%;
	margin-top:5px;
}
.dl_rr{ width:410px; float:right;}
.dl-right p{ width:100%; font-size:18px; margin-top:20px; overflow:hidden;text-overflow:ellipsis;white-space: nowrap; transition:all 0.5s;}
.dl-right p:hover{ color:#09C}


.swiper-container{
	width:980px;
	margin: auto;
	border:2px solid red;
}
.swiper-slide{
	background-color:#fff;
	height:500px;
}
.swiper-slide img{
	width: 100%;
	height: 500px;
}
.btn{
	opacity: 0;
	transition: 0.5s opacity;
}
.swiper-container:hover .btn{
	opacity: 1;
}

.jz{
	max-width:1000px;
	margin: auto;
	margin-top:20px;
}
.jz a{
	float:left;
	overflow:hidden;
	background:#000;
}
.jz a:hover img{
	transform:scale(1.2);
	opacity:1;
}
.jz a img{
	width:100%;
	opacity:0.85;
	transition:all 0.5s;
}
#xx a{
	width:45%;
	margin:2.5%;
}
#xd p{
	width:450px;
	margin: auto;
	font-size:20px;
	line-height:50px;
	color:#fff;
}
#xd strong{
	font-size:16px;
	color:#333;
	margin-right:10px;
}
.bg{
	width:100%;
	background-image:url(images/bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	padding:10px 0;
	margin-top:10px;
}


.btn1{
	max-width:1000px;
	margin: auto;
	margin-top:30px;
	display:flex;
}
.btn1 input{
	width:18%;
	height:40px;
	float:left;
	text-align:center;
	border-radius:4px;
	flex: 0 1 24%;
    margin-right: 0.5%;
}
.btn1 input:last-child{
	margin-right:0;
}
.btn1 .current{
	background-color:#F86513;
	color:#fff;
}

.tu{
	max-width:1000px;
	margin: auto;
	height:680px;
	overflow:scroll;
	overflow-x:hidden;
}
.tu li{
	float:left;
	display:none;
}
.tu li img {
	width:100%;
}




.enterprise{
	max-width:1000px;
	margin: auto;
}
.enterprise h2{
	font-size:20px;
	font-weight:bold;
	line-height:40px;
	margin-top:20px;
	margin-left:10px;
	border-bottom:#eee solid 1px;
	color:#F86513;
}
.enterprise a{
	background:#000;
	width:100px;
	height:40px;
	display:block;
	float:left;
	margin:12.5px;
	border-radius:4px;
	overflow:hidden;
}
.enterprise img{
	transition:all 0.3s;
}
.enterprise a:hover img{
	opacity:0.85;
}




.footer a{
	transition:all 0.3s;
}
.footer a:hover{
	color:#F86513;
}


@media(max-width:1000px){
	.jz a img{opacity:1;}
	.enterprise a{margin:20px;background:none;}
	.enterprise h2{margin-left:0;text-align:center;}
	#hbpc{display:none;}
	.hb2{display:block;}
	.hbshow{display:block;}
}
