@charset "utf-8";
*{margin: 0;padding: 0;box-sizing: border-box;}
ul{list-style: none;}
a{text-decoration: none;color: inherit;}
em,i{font-style: normal;}
h2,h3,h4,h5,h6{font-weight: normal;}
.aftercb:after{content: '';display: block;clear: both;}
.img{position: relative;}
.img img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	max-width: 100%;
	max-height: 100%;
}
.wrap{
	max-width: 1260px;
	margin: 0 auto;
}

.btn{
	position: absolute;
	top: 30px;
	right: 20px;
	z-index: 99;
	display: none;
}
.btn div{
	width: 24px;
	height: 2px;
	background: #888;
	margin-bottom: 6px;
}
.wrap_nav{
	width: 30%;
	background: rgba(255,255,255,.8);
	position: absolute;
	top: 56px;
	right: 0;
	display: none;
	z-index: 99;
}
.wrap_nav li a{
	display: block;
	line-height: 40px;
	color: #000;
	font-size: 14px;
	padding-left: 20px;
	border-bottom: 1px solid #eee;
}

.header{
	position: relative;
}
.header a>img{
	margin: 10px 0;
	width: 200px;
	height: 80px;
}
.header>ul{
	margin-top: 60px;
	float: right;
}
.header>ul>li{
	line-height: 30px;
	margin-left: 40px;
	font-size: 18px;
	color: #000;
	float: left;
	position: relative;
}
.header>ul>li a{
	display: block;
}
.header p{
	position: absolute;
	top: 16px;
	right: 0;
	font-size: 24px;
	color: #eb3434;
}
.header p img{
	margin-right: 12px;
	transform: translateY(4px);
}
.pagination-one{
	bottom: 55px !important;
}
.pagination-one .swiper-pagination-bullet{
	width: 18px;
	height: 18px;
	opacity: 1;
	border: 2px solid #fff;
	background: transparent;
}
.pagination-one .swiper-pagination-bullet-active{
	border-color: #eb3434;
	background: #eb3434;
}
.swiper-container img{
	width: 100%;
}
.main1{
	margin: 100px auto 125px;
	background-image: url(../images/kk_03.png);
	background-position-x:center ;
	background-repeat: no-repeat;
}
.main1 .img{
	width: 50%;
	height: 424px;
	float: right;
	z-index: -1;
}
.main1 .left{
	display: inline-block;
	width: 50%;
	padding-top: 136px;
	height: 424px;
	position: relative;
	overflow: hidden;
}
.main1 .left p{
	font-size: 14px;
	color: #000;
	line-height: 24px;
	text-indent: 2em;
	width: 95%;
}
.main1 .left>a{
	display: inline-block;
	width: 110px;
	line-height: 28px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border-radius: 28px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background: #EB3434;
}
.main2{
	height: 623px;
	background-image: url(../images/pic5_03.jpg);
	background-position: center bottom; 
	background-repeat: no-repeat; 
	margin-bottom: 120px;
}
.main2 .wrap{
	background-image: url(../images/pic3_06.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	height: 623px;
}
.p1{
	font-size: 12px;
	color: #6b6b6b;
	padding-top: 42px;
	text-align: center;
}
.flex1{
	display: flex;
	justify-content: space-between;
	margin: 45px 0 14px;
}
.flex1>div{
	width: 24.76%;
}
.flex1>div .img{
	width: 100%;
	height: 374px;
}
.span1{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(235,52,52,0);
	transition: .3s;
}
.span1:after{
	content: "";
	position: absolute;
	width: 92px;
	height: 92px;
	background-image: url(../images/pic6_03.png);
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	display: block;
	opacity: 0;
	transition: .3s;
}
.flex1>div div{
	background: transparent;
	transition: .3s;
}
.flex1>div div:last-child{
	color: #fff;
	padding: 20px 0 30px;
	text-align: center;
}
.flex1>div div:last-child h4:first-child{
	margin-bottom: 30px;
}
.flex1>div:hover div{
	background: #EB3434;
}
.flex1>div:hover .span1{
	background: rgba(235,52,52,.18);
}
.flex1>div:hover .span1:after{
	opacity: 1;
}
.main3{
	background-image: url(../images/pic3_08.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.main3 .swiper-two{
	width: 594px;
	display: inline-block;
}
.main3 .swiper-two .swiper-button-prev,.main3 .swiper-two .swiper-button-next{
	background-image: url(../images/pic7_03.png);
	background-size: 100% 100%;
	width: 38px;
	height: 88px;
}
.main3 .swiper-two .swiper-button-next{
	transform: rotate(180deg);
}
.main3 .right{
	float: right;
	width: calc(100% - 630px);
	position: relative;
	overflow: hidden;
	height: 429px;
}
.pa{
	text-align: center;
}
.pa span{
	display: inline-block;
	width: 35.2%;
	line-height: 44px;
	text-align: center;
	font-size: 24px;
	color: #010101;
	cursor: pointer;
}
.pa span.active{
	background: #EB3434;
	color: #fff;
}
.pa span ul{
	position: absolute;
	width: 100%;
	top: 90px;
	left: 0;
	transition: .3s;
}
.pa span li{
	padding-bottom: 10px;
	border-bottom: 1px solid #d9d9d9;
}
.pa span li:hover h2{
	text-decoration: underline;
}
.pa span li h2{
	font-size: 18px;
	color: #383838;
	text-align: left;
}
.pa span li h2 i{
	float: right;
	font-size: 14px;
	color: #6b6b6b;
}
.pa span li p{
	font-size: 12px;
	color: #6b6b6b;
	line-height: 20px;
	text-align: left;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.pa span:nth-child(2) ul{
	display: none;
}
.pa>a{
	display: block;
	width: 107px;
	line-height: 28px;
	text-align: center;
	color: #000000;
	font-size: 12px;
	background: #fdeaea;
	border-radius: 28px;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}
.index-top{
	width: 200px;
	height: 50px;
	margin: 70px auto 35px;
	background-image: url(../images/pic4_14.jpg);
	cursor: pointer;
	border-radius: 4px 4px;
}
.swiper-two .swiper-scrollbar-drag{
	background: #EB3434;
}
.footer{
	background: #a4a4a4;
	padding-top: 55px;
}
.footer .div1{
	width: 260px;
	float: left;
}
.footer .div1 h4{
	font-size: 20px;
	color: #c7c7c7;
	margin-bottom: 24px;
}
.footer .div1 a{
	display: inline-block;
	width: 108px;
	margin-bottom: 20px;
	font-size: 18px;
	color: #c7c7c7;
}
.footer .div1 a:hover,.footer .div2 a:hover{
	text-decoration: underline;
}
.footer .div2{
	width: 210px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	float: left;
	margin-left: 85px;
}
.footer .div2 a{
	font-size: 18px;
	color: #eaeaea;
	margin-bottom: 20px;
}
.footer .div3{
	width: 268px;
	float: left;
	margin-left: 135px;
	font-size: 0;
}
.footer .div3 p{
	font-size: 18px;
	color: #e0e0e0;
	width: 134px;
	text-align: center;
	display: inline-block;
	padding-top: 10px;
	
}
.footer .div3 img{
	width: 124px;
	margin-right: 20px;
}
.footer .div3 img:nth-child(2){
	margin-right: 0;
}
.footer .div4{
	width: 204px;
	float: right;
	text-align: right;
}
.footer .div4 h4{
	font-size: 18px;
	color: #fff;
}
.footer .div4 h5{
	font-size: 28px;
	color: #EB3434;
	margin: 15px 0;
}
.footer .div4 p{
	font-size: 13px;
	color: #fff;
}
.header>ul>li li{
	font-size: 16px;
	line-height: 32px;
	height: 0;
	transition: .3s;
}
.header>ul>li a.active,.header>ul>li a:hover{
	color: #EB3434;
}
.header>ul>li ul{
	overflow: hidden;
	position: absolute;
	top: 36px;
	left: 0;
	z-index: 10;
	width: 72px;
	background: rgba(255,255,255,.3);
	text-align: center;
}
.header>ul>li:hover li{
	height: 32px;
}
.banquan{
	font-size: 16px;
	color: #e0e0e0;
	text-align: center;
	clear: both;
	padding: 50px 0 20px;
}
.banquan a:hover{
	text-decoration: underline;
}
.ny-title{
	color: #000;
	padding: 25px 0 40px;
}
.ny-title h2{
	font-size: 18px;
}
.ny-title h2 .right{
	float: right;
}
.ny-title h2 a.active{
	color: #EB3434;
}
.ny-title h2 a:hover{
	color: #EB3434;
}
.zhanshi-list{
	text-align: center;
	margin-bottom: 60px;
}
.zhanshi-list a{
	display: inline-block;
	padding: 0 15px;
	line-height: 36px;
	text-align: center;
	font-size: 22px;
	color: #545454;
	margin: 0 12px;
	transition: .3s;
}
.zhanshi-list a.active,.zhanshi-list a:hover{
	background: #EB3434;
	color: #fff;
}
.zhanshi .ul-1 li{
	width: 23.65%;
	margin-right: 1.8%;
	margin-bottom: 70px;
	font-size: 0;
	border-radius: 8px 8px;
	transition: .3s;
	float: left;
}
.zhanshi .ul-1 li:nth-child(4n){
	margin-right: 0;
}
.zhanshi .ul-1 li h4{
	font-size:22px ;
	color: #363636;
	line-height: 74px;
	text-align: center;
}
.zhanshi .ul-1 li:hover{
	box-shadow: 0 0 40px 6px rgba(0,0,0,.3);
}
.zhanshi .ul-1 li .img{
	overflow: hidden;
}
.zhanshi .ul-1 li img{
	transition: .3s;
}
.zhanshi .ul-1 li:hover img{
	transform: translate(-50%,-50%) scale(1.1);
}
.fenye{
	margin-bottom: 30px;
	text-align: center;
}
.fenye a{
	display: inline-block;
	padding: 0 12px;
	line-height: 34px;
	text-align: center;
	font-size: 18px;
	color: #383838;
	margin: 0 4px;
	background: #eaeaea;
	transition: .3s;
}
.fenye a.active,.fenye a:hover{
	background: #EB3434;
	color: #fff;
}
.fenye span{
	letter-spacing: 2px;
}
.zs-xq .hh2{
	font-size: 20px;
	color: #383838;
	text-align: center;
}
.zs-xq .hh3{
	font-size: 14px;
	color: #949494;
	text-align: center;
	padding: 9px 0 20px;
}
.zs-xq .hh4{
	text-align: center;
	padding-bottom: 30px;
}
.zs-xq .hh4 span{
	text-align: center;
	font-size: 14px;
	color: #383838;
	display: inline-block;
	padding: 0 30px;
	border-right: 1px solid #383838;
	line-height: 15px;
}
.zs-xq .hh4 span:last-child{
	border-right: 0;
}
.zs-xq img{
	display: block;
	margin: 0 auto 30px;
	max-width: 100%;
}
.zs-xq p{
	font-size: 16px;
	color: #383838;
	line-height: 32px;
	text-indent: 2em;
}
.zs-xq{
	padding-bottom: 110px;
}
.zhanshi .hh2{
	font-size: 30px;
	color: #383838;
	text-align: center;
	font-weight: bold;
}
.zhanshi .hh3{
	font-size: 14px;
	color: #383838;
	text-align: center;
	padding: 15px 0 70px;
}
.ul-2 li{
	width: 22.22%;
	position: relative;
	float: left;
	margin-right: 3%;
	margin-bottom: 45px;
}
.ul-2 li:nth-child(4n){
	margin-right: 0;
}
.ul-2 .img1{
	width: 100%;
	height: 238px;
}
.ul-2 .bottom{
	padding: 6px 6px 20px 6px;
	box-shadow: 0 0 10px 2px rgba(0,0,0,.2);
}
.ul-2 .bottom h4{
	font-size: 18px;
	color: #383838;
	padding-bottom: 4px;
}
.ul-2 .bottom h4 i,.ul-2 .bottom p{
	font-size: 14px;
	color: #7a7a7a;
}
.ul-2 .bottom p{
	line-height: 20px;
}
.ul-2 li .img2{
	width: 100% !important;
	height: 100% !important;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	transition: .3s;
}
.ul-2 li:hover .img2{
	opacity: 1;
}
.ul-2 li .img2 img{
	width: 100%;
	height: 100%;
}
.in1{
	margin: 140px auto 230px;
}
.qywh{
	font-size: 16px;
	color: #383838;
	line-height: 36px;
}

.qywh .hh2{
	font-size: 30px;
	color: #383838;
	text-align: center;
	font-weight: bold;
}
.qywh .hh3{
	font-size: 14px;
	color: #383838;
	text-align: center;
	padding: 15px 0 70px;
	max-width: 60%;
	margin: 0 auto;
}
.qywh p{
	font-size: 16px;
	color: #383838;
	line-height: 36px;
	text-indent: 2em;
}
.qywh img{
	max-width: 100%;
	display: block;
	margin: 60px auto;
}
.qywh{
	padding-bottom: 20px;
}
.l-list{
	padding-bottom: 150px;
}
.lx .left{
	display: inline-block;
	width: calc(100% - 630px);
}
.lx .left h2{
	font-size: 24px;
	color: #000;
	padding-bottom: 10px;
}
.lx .left h3{
	font-size: 16px;
	color: #bfbfbf;
	line-height: 28px;
}
.lx .left p{
	width: 47.6%;
	display: inline-block;
}
.pp{
	float: right;
}
.lx .left label{
	display: block;
	font-size: 18px;
	color: #141414;
	line-height: 40px;
	padding-left: 15px;
	padding-top: 17px;
}
.lx .left input{
	width: 100%;
	outline: none;
	border: 1px solid #bfbfbf;
	line-height: 42px;
	padding-left: 10px;
}
.lx .left textarea{
	width: 100%;
	height: 160px;
	padding: 10px;
	outline: none;
	font-family: arial;
}
.lx .left button{
	width: 180px;
	line-height: 42px;
	font-size: 18px;
	background: #EB3434;
	letter-spacing: 6px;
	color: #fff;
	outline: none;
	cursor: pointer;
	float: right;
	margin-top: 20px;
}
.lx .right{
	width: 605px;
	height: 689px;
	float: right;
}
.hh2-1{
	margin: 55px 0 25px;
}
.lx span{
	margin: 0 20px;
	display:inline-block;
	padding-right: 135px;
	margin-bottom: 20px;
}
.lx span img{
	transform: translateY(6px);
	margin-right: 20px;
}
.lx{
	padding-bottom: 70px;
}
.zp{
	background: #f5f5f5;
	padding: 35px 70px 1px;
	position: relative;
	margin-bottom: 30px;
}
.zp div{
	margin-bottom: 35px;
}
.zp div h2{
	font-size: 18px;
	color: #000;
	margin-bottom: 4px;
	font-weight: bold;
}
.zp div p{
	font-size: 16px;
	color: #000;
	line-height: 24px;
}
.zp div h2 i{
	font-size: 16px;
}
.zp div span{
	width: 253px;
	display: inline-block;
}
.zp div span em{
	display: inline-block;
	width: 83px;
}
.zp>a{
	position: absolute;
	top: 40px;
	right: 70px;
	width: 255px;
	line-height: 46px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background: #EB3434;
	font-weight: bold;
}
.xwxq{
	font-size: 14px;
	color: #6b6b6b;
	line-height: 28px;
}
.xwxq .hh2{
	font-size: 18px;
	color: #383838;
	text-align: center;
}
.xwxq .hh3{
	font-size: 12px;
	color: #949494;
	text-align: center;
	margin: 10px 0 30px;
}
.xwxq .hh3 img{
	transform: translateY(3px);
}
.xwxq p{
	font-size: 14px;
	color: #6b6b6b;
	line-height: 28px;
}
.xwxq>img{
	max-width: 100%;
	display: block;
	margin: 35px auto;
}
.fenyed>a{
	display: block;
	font-size: 14px;
	color: #e60000;
	margin: 30px 0 20px;
}
.fenyed>a:last-child{
	margin: 0 0 60px;
}
.fenyed>a:hover{
	text-decoration: underline;
}
.ul-3 li h2{
	font-size: 18px;
	color: #383838;
	padding-bottom: 6px;
}
.ul-3 li h2 i{
	font-size: 12px;
	color: #949494;margin-right: 5px
}
.ul-3 li{
	margin-bottom: 12px;
	border-bottom: 1px solid #d9d9d9;
	width: 100% !important;
}
.ul-3 li p{
	font-size: 12px;
	color: #6b6b6b;
	line-height: 46px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ce_nav{ position:fixed; right:10px; bottom:350px; z-index:999;width:60px;}
.ce_nav li{ margin-bottom:10px;}
.ce_nav li a{ display:block; width:60px; height:60px; background:#fff; -moz-border-radius:7px;-webkit-border-radius:7px; border-radius:7px; color:#408ed6; font-size:12px; text-align:center; box-shadow:0px 1px 3px rgba(0,0,0,0.25); border:1px solid #408ed6; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
.ce_nav li a span{ background-image:url(../images/n-qyjz-1.png); background-repeat:no-repeat; padding-top:34px; display:inline-block; width:44px;}
.ce_nav li.li_t a { border-color:#62ad44; color:#62ad44; }
.ce_nav li.li_s a { border-color:#ff6800; color:#ff6800;}
.ce_nav li.li_f a { border-color:#ffae00; color:#ffae00}
.ce_nav li.li_w{ margin-top:18px; display:none}
.ce_nav li.li_w a { border-color:#cecece; color:#999999}
.ce_nav li.li_o a span{background-position:-57px -170px;}

.ce_nav li.li_t a span{background-position:-53px -237px;}

.ce_nav li.li_s a span{background-position:-56px -103px;}
.ce_nav li.li_f a span{background-position:-55px -418px;}
.ce_nav li.li_w a span{background-position:-53px -506px;}

.ce_nav li.li_t a:hover{ color:#fff; background-color:#62ad44}
.ce_nav li.li_t a:hover span{background-position:-142px -237px;}

.ce_nav li.li_s a:hover{ color:#fff; background-color:#ff6800}
.ce_nav li.li_s a:hover span{background-position:-142px -103px;}
.ce_nav li.li_f a:hover{ color:#fff; background-color:#ffae00}
.ce_nav li.li_f a:hover span{background-position:-142px -418px;}
.ce_nav li.li_w a:hover{ color:#ff6800; background-color:#fff}
.ce_nav li.li_w a:hover span{background-position:-144px -506px;}
.ce_nav li a:active{ background:#3fcb97}
.ce_nav li.li_o{ position:absolute; left:0; top:72px}
.ce_nav li.li_o a{ position:relative; right:0; cursor:default; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
.ce_nav li.li_o a p{ display:none;}
.ce_nav li.li_o.on a{ background:#408ed6}
.ce_nav li.li_o.on a span{ display:none;}
.ce_nav li.li_o.on a p{ display:block; color:#fff; font-size:13px; text-align:left; background:url(../images/n-qyjz-1.png) no-repeat; background-position:90px -315px; line-height:22px; padding:8px 0 0 13px;}
.ce_nav li.li_o.on a p i{ font-size:19px; display:block;}
.ce_nav li.li_s{position:absolute; left:0; top:144px}
.ce_nav li.li_s1{position:absolute; left:0; top:216px !important}
.ce_nav li.li_f{position:absolute; left:0; top:216px}
.ce_nav li.li_f img{ position:absolute; left:-150px; top:-30px; display:none; max-width:120px}
.ce_nav li.li_f:hover img{ display:block}





@media only screen and (max-width: 1200px) {
	.header>ul>li{font-size: 16px;margin-left: 20px;}
	.footer .div2{display: none;}
}


@media only screen and (max-width: 900px) {
	.header>ul{display: none;}
	.footer .div3{margin-left: 0;}
}


@media only screen and (max-width: 750px) {
	.btn{display: block;}
	.header>img{width: 35%;margin: 10px 18px;}
	.header p{display: none;}
	.main1{margin: 0 0 30px;background-size: 200%;background-position-y: 20px;}
	.main1 .left{width: 100%;height: auto;padding-top: 92px;}
	.main1 .left>a{position: static;transform: translate(0);margin: 10px auto;display: block;}
	.main1 .left p{margin: 0 auto;}
	.main1 .img{width: 100%;}
	.pagination-one{bottom: 6px !important;}
	.pagination-one .swiper-pagination-bullet{width: 6px;height: 6px;border-width: 1px;}
	.main2 .wrap{background-size: 200%;height: auto;}
	.main2{height: auto;}
	.flex1>div{width: 49%;}
	.flex1{flex-wrap: wrap;}
	.flex1>div div:last-child{color: #484848;padding: 10px 0 10px;font-size: 12px;}
	.flex1>div div:last-child h4:first-child{margin-bottom: 6px;}
	.main3{background-size: 200%;}
	.main3 .swiper-two{width: 100%;}
	.main3 .right{float: none;width: 94%;margin: 0 auto;}
	.footer{padding-top: 33px;}
	.footer .div1{float: none;padding-left: 20px;}
	.footer .div1 h4{font-size: 18px;margin-bottom: 15px;}
	.footer .div1 a{margin-bottom: 12px;font-size: 16px;}
	.footer .div3{float: none;margin: 30px auto;}
	.footer .div4{float: none;text-align: center;margin: 0 auto;}
	.zhanshi li{width: 48%;margin-right: 3.5%;}
	.zhanshi li:nth-child(2n){margin-right: 0;}
	.zhanshi-list a{margin: 0 0;font-size: 16px;}
	.zhanshi li h4{font-size: 16px;line-height: 44px;}
	.zhanshi li{margin-bottom: 20px;}
	.ny-title h2{font-size: 14px;}
	.zs-xq p{width: 94%;margin: 0 auto;}
	.in1{margin: 0 0 30px;}
	.qywh .hh2{font-size: 24px;}
	.qywh .hh3{max-width: 86%;}
	.qywh p{padding: 0 10px;}
	.lx .right{display: none;}
	.lx .left{width: 100%;}
	.lx span{padding-right: 0;}
	.zp{padding: 35px 10px 65px;}
	.zp>a{bottom: 20px;top: auto;}
}