@charset "utf-8";

/*■■■■■■■■　共同设定 ■■■■■■■■*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,tr,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ul,ul li,input, dl, dd {  padding:0; margin:0; list-style-type:none;}
img,a img{border:0;margin:0;padding:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration:none; color:#6e6e6e;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
a:hover{text-decoration:none; color:#6e6e6e;}
.clear{clear:both;}

/*■■■■■■■■　基本设定　■■■■■■■■*/
body{ font-family:'微软雅黑'; font-size:12px; color:#6e6e6e; }


/******header*******/
/*********nav*********/
.top_layer{ width:100%; height:60px; background:url(/Html/static/images/tbj.jpg) top center repeat-y;}
.topkuai{ height:98px; width:1300px; padding-top:10px; margin:auto; background:#FFF;}
.nav{ width:1100px; margin:auto;}
.tlogo{ width:430px; float:left; padding-top:10px; padding-left:15px;}
.nav1{ width:455px; padding-top:20px; float:right;}
.nav2 a{ margin-left:5px; display:block; width:28px; line-height:28px; font-size:14px; height:28px; color:#FFF; background:#63b73b; border-radius:50px;}
.nav2 a:hover{color:#FFF; background:#ff6600;}

.sysp{width:100%; height:800px; position:relative;}

.cen{ width:1300px; margin:auto; height:auto;}
.cen01{ width:1160px; margin:auto; height:auto;}
.cen02{ width:1160px; margin:auto; height:auto;}

.dbdhk{width:100%; background:#fff; padding-top:75px; padding-bottom:75px;}
.dbdhk1{width:360px; height:319px; position:relative;}
.dbdh a{border-radius:5px; width:165px; height:122px; display:block; margin-top:25px; color:#fff; background:#63b73b; line-height:32px; position:absolute; z-index:99; left:0px; margin-top:20%; padding-left:30px; padding-top:50px; font-size:24px;font-family: "微软雅黑";}
.dbdh a span{font-size:13px; color:rgba(255,255,255,0.5); text-transform:uppercase; font-family:Verdana, Geneva, sans-serif; font-weight:normal;}
.dbdh a:hover{background:#63b73b; color:#ffffff;}

.dbdha a{ background:#1454bd;}
.dbdhb a{ background:#EB5612;}
.dbdhc a{ background:#6D6D6D;}


/******底部区域*******/
.wrapper{ width:1300px; margin:0 auto; overflow:hidden;}



@charset "utf-8";

.wrapper{ width:1004px; margin:0 auto;}

/*-------------------------------  ■ index 首页---------------------------------*/

.banner{ width:100%; height:700px;position: relative}
/*-----首页 banner-----*/
.index_focus {position: relative;width: 100%;height:700px;margin: 0 auto;overflow: hidden;}
.index_focus .bd li {  display: none;position: absolute; top: 0; width:100%;}
.index_focus_post {z-index: 10;}
.index_focus .pic {height:700px;display: block; }
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav {position: absolute; left:46.3%; bottom:25%; width:100%;  position: absolute; z-index:9999999; }
.index_focus .slide_nav a {cursor:pointer;f/loat:left;font-size:40px;font-family: arial;color: #fff;padding:5px;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none;color: #ff6600;opacity:0.9;}
.index_focus_pre,.index_focus_next {position: absolute;top: 50%;margin-top: -36px;width:38px;height:80px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index: 10;}

.kuai1{ width:100%;position:absolute; z-index:200; bottom:-130px;}
.kuai1_1{ width:1260px; margin:auto; height:260px; bottom:-50px; border-radius:1px; display: flex; flex-wrap: wrap; justify-content: space-between;}


/*-----222222222-----*/
.slide02{
   -webkit-animation: slide02 1s; -moz-animation: slide02 1s; -ms-animation: slide02 1s; -o-animation: slide02 1s; animation: slide02 1s;
    visibility: visible; 
}
@keyframes slide02 {
    0% {opacity: 0;-webkit-transform: translateX(-50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);} 
}
@-webkit-keyframes slide02 {
    0% {opacity: 0;-webkit-transform: translateX(-50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);}
}



/*-----33333333333-----*/
.slide03{
   -webkit-animation: slide03 1s; -moz-animation: slide03 1s; -ms-animation: slide03 1s; -o-animation: slide03 1s; animation: slide03 1s;
    visibility: visible; 
}
@keyframes slide03 {
    0% {opacity: 0;-webkit-transform: translateY(50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);} 
}
@-webkit-keyframes slide03 {
    0% {opacity: 0;-webkit-transform: translateY(50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);}
}



/*-----33333333333-----*/
.slide04{
   -webkit-animation: slide04 1s; -moz-animation: slide04 1s; -ms-animation: slide04 1s; -o-animation: slide04 1s; animation: slide04 1s;
    visibility: visible; 
}
@keyframes slide04 {
    0% {opacity: 0;-webkit-transform: translateY(-50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);} 
}
@-webkit-keyframes slide04 {
    0% {opacity: 0;-webkit-transform: translateY(-50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);}
}





/*-------------------------------  ■ 内页区域---------------------------------*/






.dbdhk{width:100%; background:#F7F7F7; padding-top:75px; padding-bottom:75px;}
.dbdhk1{width:360px; height:319px; position:relative;}
.dbdh a{border-radius:50px; width:165px; height:122px; display:block; margin-top:25px; color:#fff; background:#CB0F17; line-height:32px; position:absolute; z-index:99; left:0px; margin-top:20%; padding-left:30px; padding-top:50px; font-size:24px;font-family: "微软雅黑";}
.dbdh a span{font-size:13px; color:rgba(255,255,255,0.5); text-transform:uppercase; font-family:Verdana, Geneva, sans-serif; font-weight:normal;}
.dbdh a:hover{background:#FF7E00; color:#ffffff;}

.dbdha a{ background:#0f3572;}
.dbdhb a{ background:#EB5612;}
.dbdhc a{ background:#6D6D6D;}



.spdh{ font-size:14px; color:#fff; width:140px; height:38px; border:1px solid #CCC; font-weight:normal; display:block; text-align:center; line-height:38px; margin-top:50px;}
.spdh:hover{ color:#ffffff; text-decoration:underline; background:#ff6600;}



.daohang{width:1120px; background:#63b73b; margin:auto; margin-top:30px;}
.daohangbt{height:40px; font-weight:bold; font-size:20px; color:#FFFFFF; border-bottom:1px solid #6880b0;}
.daohangbt span{font-size:14px; color:rgba(255,255,255,0.8); font-weight:normal;}
.daohangnr{width:100%; padding-top:30px;}
.daohang02{float:left; height:180px; width:620px; padding-left:30px; margin-left:60px; border-left:1px solid rgba(255,255,255,0.4);}
.daohang03 a{font-size:15px;padding-left:60px; margin-left:10px; margin-bottom:10px; color:#0089d1; background: #FFFFFF url(../images/jt.png) 20px center no-repeat; height:60px; line-height:60px; width:130px; border:1px solid rgba(255,255,255,0.6); float:left; display:block;}
.daohang03 a:hover{color:#fff; background: #ff6600 url(../images/jt1.png) 20px center no-repeat;}


.service-one__cog {
	position: absolute;
	top: -80px;
	right: -80px;
	opacity: 0.20;
	animation: cogMove 10s linear infinite;
}

@keyframes cogMove {
	0% {
		transform: rotate(0deg);
	}

	25% {
		transform: rotate(45deg);
	}

	50% {
		transform: rotate(90deg);
	}

	75% {
		transform: rotate(135deg);
	}

	100% {
		transform: rotate(180deg);
	}
}

.service-one__moc {
	position: absolute;
	bottom:10%;
	right: 65px;
	animation: carenMove 5s ease-in infinite;

}

@keyframes carenMove {
	0% {
		transform: translateY(0px);
	}

	25% {
		transform: translateY(15px);
	}

	50% {
		transform: translateY(30px);
	}

	75% {
		transform: translateY(15px);
	}

	100% {
		transform: translateY(0px);
	}
}

.service-one__title-block .block-title {
	margin-bottom: 35px;
}

.service-one__title-block .block-title__text {
	margin-top: 25px;
}

.service-one__title-block .block-title__title,
.service-one__title-block .block-title__text {
	color: #fff;
}

.service-one__img {
	overflow: hidden;
	position: relative;
}

.service-one__img::before {
	content: '';
	background-color: #222222;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: perspective(300px) translateZ(100px);
	transform: perspective(300px) translateZ(100px);
	z-index: 10;
	-webkit-transition: opacity .4s ease, -webkit-transform .4s ease;
	transition: opacity .4s ease, -webkit-transform .4s ease;
	transition: transform .4s ease, opacity .4s ease;
	transition: transform .4s ease, opacity .4s ease, -webkit-transform .4s ease;
}

.service-one__img>img {
	width: 100%;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform .4s ease;
	transition: -webkit-transform .4s ease;
	transition: transform .4s ease;
	transition: transform .4s ease, -webkit-transform .4s ease;
}

.service-one__single:hover .service-one__img::before {
	opacity: 0.85;
	-webkit-transform: perspective(300px) translateZ(0px);
	transform: perspective(300px) translateZ(0px);
}

.service-one__single:hover .service-one__img>img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.sywzbt{text-align:center; font-size:36px; font-weight:bold; color:#212121;}
.sywzbt01{text-align:center; font-size:16px; color:#0c1f38; line-height:34px; }

@media all and (max-width:768px){
	#wu{ display:none!important;}
	.cen{ width:90%!important; padding-left:5%; padding-right:5%;}
	.cen01{ width:90%!important; padding-left:5%; padding-right:5%;}
	.wrapper{ width:90%!important; padding-left:5%; padding-right:5%;}
	.head_box{display:none!important;}
	
	.sysp{width:100%; height: auto;}
	
.kuai1{ width:100%;position:absolute; z-index:2; top:30px;}
.kuai1_1{ width:90%; margin:auto; height:260px; bottom:-50px; border-radius:1px; display: block; }
	

.qywlan{text-align:center; width:100%; padding-top:40px; padding-left:5%; padding-right:5%; background:#FFF; box-shadow:0 0 20px rgba(0,0,0,0.2);}
.qywlan:hover{ margin-top:0px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}

.syfc{position:relative;height:400px; width:100%; background:url(/Html/static/images/qyt.jpg) left top no-repeat; background-size:cover; margin:auto; border-radius:30px; overflow:hidden;}
.syfc01{height:400px; padding-top:100px; width:100%; position:absolute; background:rgba(0,0,0,0.3); z-index:1; text-align:center;}
.syfc01 img{ width:80px;}
.syfcwz{padding-top:30px; color:#FFF; line-height:20px; font-size:30px; font-weight:bold;}
.syfcwz01{padding-top:30px; color:#FFF; line-height:20px; font-size:16px;}

.sywzbt{text-align:center; font-size:26px; font-weight:bold; color:#212121; margin-top:0px;}
.sywzbt01{text-align:center; font-size:14px; color:#0c1f38; line-height:20px; margin-bottom:40px; padding-left:5%; padding-right:5%;}


.neirong{width: 90%; margin:auto; margin-top:220px; padding-top:580px;  margin-bottom:90px;display: flex; flex-wrap: wrap; justify-content: space-between;}
.neirong1{width: 100%; height:200px; overflow:hidden; margin-bottom:20px;}
.neirong1 img{width: 100%; height:200px; overflow:hidden;border-radius:30px 0px 30px 0px;}
.neirong2{width: 100%;}


	
	.bwz1{font-size:16px;  padding-left:0%; padding-top:12%;}
	.bwz2{font-size:14px;width:95%;padding-left:0%; line-height:20px;}
	
	.job{ display:none;}
	
.index_cp02{ width:94%; padding-left:3%; padding-right:3%;}
.index_cp02 dl dd h2 a{ font-size:14px;}
.index_cp02 dl dd span{ margin:5px 0 13px; display:block; line-height:20px; font-size:12px; color:#616e77;  height:60px; overflow:hidden;}
.index_cp02 dl{ width:100%; height: auto; margin-bottom:70px; overflow:hidden;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.index_cp02 dl dd{ width:100%; height: auto; padding:19px 29px; text-align:justify; border-top:none; background:#fff;}

	
	
	.index_news02 {padding-left:5%; padding-right:5%;}
.index_lx{  width:90%!important; padding-left:0%; padding-right:0%;}
.index_lx02{float:none; width:100%; margin-bottom:30px;}
.index_lx02 dl{overflow:hidden; background:url(/Html/static/images/lx02.jpg) repeat-x; padding-bottom:30px; border-radius:12px;  height:auto;}
.index_lx02 dl dt{ display:none;}
.index_lx02 dl dd{ float:none; width:80%; padding-left:5%; padding-top:12px;}

	
	.footer_nav{ display:none;}
	.footerbq{line-height: 22px; padding-top:20px; padding-bottom:20px; margin-top:50px;}
.footerbq a{ color: #fff; }


	
}