@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0;}
html, body{background: #f2f2ec; font-family:Hei,"微软雅黑",Arial; font-size:14px; color:#323232;}
em,strong,i{ font-style:normal;}
.clear{ clear:both;}
a,a:hover{ text-decoration:none;}
ul,li{ list-style:none;}
.header{ /*background-color:#e9ebe9;*/ background-color:#fff; width:100%;  box-shadow:1px 2px 2px #d6d6d1;}
.logo{ width:80%; margin:0 auto; height:60px;}
.logo img{ float:left; margin:0px 0 0px 19px;}






.banner{ width:100%; height:auto;}
.banner img{ width:100%; float:left;}



.contain,.contain1{ width:100%; height:auto; overflow:hidden;}
.contain1{ background:url(/about/bk.png);}
.bxjz{ width:85%; background-color:#f2f2ec; margin:0 auto; height:auto;}
.index_h2{line-height:40px; color:#fff; background:url(/about/tit.png) repeat-x left center; text-align:center; margin:120px auto 0; font-size:24px; width:88%;}
.index_h2 span{ display:inline-block; background-color:#f2f2ec; position:relative; width:240px;}
.index_h2 span em{ background-color:#ff8b0f; line-height:40px; font-size:1em; width:200px; margin:0 auto; display:inline-block;}

.index_h2_6{line-height:40px; color:#fff; background:url(/about/tit.png) repeat-x left center; text-align:center; margin-top:20px; font-size:24px;}
.index_h2_6 span{ display:inline-block; background-color:#f2f2ec; position:relative; width:240px;}
.index_h2_6 span em{ background-color:#ff8b0f; line-height:40px; font-size:1em; width:200px; margin:0 auto; display:inline-block;}
.bxjz p{ text-align:center; color:#323232;}
.bxjz p span{ color:#787878; font-size:14px; line-height:36px;}
.bxjz p.p_top{ margin-top:60px; font-size:32px; line-height:50px; font-style:normal; font-weight:normal;}

/*list*/
.list{ width:100%; height:auto;  margin:0 auto 122px;  overflow:hidden;}
.list li { width:31%;height:auto; float:left; background-color:#fff; margin-top:19px; margin-left:2%;  text-align:center; }
.list li.li_syle{margin-left:2%;}
.list li img{ margin:34px auto 0;}
.list li span{  border:1px solid #e5e5e5; display:block; height:180px; padding-bottom:30px;}
.list li p{ font-size:16px; color:#787878;}
.list li p.list_li_p{ margin-top:10px; font-size:22px; line-height:36px; color:#323232;}

.cdjg{ padding-bottom:96px;}
.h2_bk img{ margin:100px auto 0; display:block; width:100%;}
.cdjg p.cdjg_p{ margin-top:50px; font-size:22px; line-height:50px; text-align:center;}
.cdjg p.cdjg_p2{ font-size:22px; line-height:36px; color:#787878; text-align:center; display:block; margin-top:32px;}

.app{ width:100%; height:auto; overflow:hidden;}
.app_pt{ position:relative;}



.sysxz{ position:absolute; top:50px; left:0; width:100%; text-align:center; height:auto; overflow:hidden;}
.zong{ margin:0 auto; width:25%; height:auto; overflow:hidden;}
.zong img{ float:left; width:130px; height:130px;}
.xiazai{ margin-left:150px; width:40%;}
.xiazai span{ border:1px solid #ff8b0f; display:inline-block; color:#ff8b0f; line-height:38px; margin-top:13px; margin-left:20px; width:90%;}


/*footer上边的list_xq*/
.xq{ width:100%; height:auto; overflow:hidden; background:url(/about/bkg.png);}
.list_xq{ width:100%; height:auto;  margin:120px auto 122px; overflow:hidden;}
.list_xq li{ width:30%; height:auto; float:left; margin-left:1.5%; margin-right:1.5%; margin-top:19px; border:1px solid #e5e5e5; text-align:center; }
.list_xq li img{ margin:0 auto; display:block; }
.list_xq li p{ margin-top:20px; font-size:12px; line-height:18px; color:#787878; width:60%; text-align:center; margin:18px auto 0;}
.list_xq li h3{ font-size:24px; line-height:36px; margin-top:17px; font-weight:normal; font-style:normal;}
.list_xq li a{ color:#ff8b0f; text-decoration:none; display:block; margin-top:23px; font-size:16px; line-height:18px;}

/*footer*/
.footer{ width:100%; margin:0 auto; height:auto; overflow:hidden;}
.footer_img{ position:relative; width:100%; }
.footer_img img{ width:100%; margin:0 auto; z-index:1;}
.footer_img p{ position:absolute; top:40px; left:0; z-index:9999; color:#ff8a00; width:100%; text-align:center; font-size:12px; line-height:18px; margin-top:30px;  height:auto;}
.buuton_footer{ position:absolute; top:100px; left:0; z-index:9999; width:100%; height:30px; line-height:30px; color:#fff; text-align:center;}
.buuton_footer div{ width:20%; margin:0 auto; height:auto;}
.buuton_footer span{ display:inline-block; width:45%; background:#f99c40; float:left;}
.buuton_footer span.span_di{ float:right;}
.buuton_footer a{ color:#fff;}
.footer_p{ font-size:12px; line-height:15px; color:#b5b1a6; bottom:0; position:absolute; left:0; text-align:center; width:100%; margin-bottom:20px; padding:0;}
/*footer上边的联系我们*/
.lxwm{ position:absolute; top:-5px; left:0; width:100%; margin:0 auto; text-align:center;}
.lxwm img{ margin:36px auto 0; width:1000px; height:24px;}
@media screen and (max-width:1440px) and (min-width:1100px){
.footer{ width:100%; margin:0 auto; height:auto; overflow:hidden;}
.footer_img{ position:relative; width:100%; }
.footer_img img{ width:100%; margin:0 auto; z-index:1;}
.footer_img p{ position:absolute; top:15px; left:0; z-index:9999; color:#c8c8c8; width:100%; text-align:center; font-size:12px; line-height:18px; margin-top:30px;  height:auto;}
.buuton_footer{ position:absolute; top:100px; left:0; z-index:9999; width:100%; height:30px; line-height:30px; color:#fff; text-align:center;}
.buuton_footer div{ width:20%; margin:0 auto; height:auto;}
.buuton_footer span{ display:inline-block; width:45%; background:#f99c40; float:left;}
.buuton_footer span.span_di{ float:right;}
.buuton_footer a{ color:#fff;}
.footer_p{ font-size:12px; line-height:15px; color:#b5b1a6; bottom:0; position:absolute; left:0; text-align:center; width:100%; margin-bottom:20px; padding:0;}
.lxwm{ position:absolute; top:5px; left:0; width:100%; margin:0 auto; text-align:center;}
.lxwm img{ margin:3px auto 0; width:800px; height:20px;}
	}
@media screen and (max-width:1100px) and (min-width:768px){
.footer{ width:100%; margin:0 auto; height:auto; overflow:hidden;}
.footer_img{ position:relative; width:100%; }
.footer_img img{ width:100%; margin:0 auto; z-index:1;}
.footer_img p{ position:absolute; top:5px; left:0; z-index:9999; color:#c8c8c8; width:100%; text-align:center; font-size:12px; line-height:18px; margin-top:30px;  height:auto;}
.buuton_footer{ position:absolute; top:100px; left:0; z-index:9999; width:100%; height:24px; line-height:24px; color:#fff; text-align:center;}
.buuton_footer div{ width:20%; margin:0 auto; height:auto;}
.buuton_footer span{ display:inline-block; width:45%; background:#f99c40; float:left;}
.buuton_footer span.span_di{ float:right;}
.buuton_footer a{ color:#fff; font-size:12px;}
.footer_p{ font-size:12px; line-height:15px; color:#b5b1a6; bottom:0; position:absolute; left:0; text-align:center; width:100%; margin-bottom:20px; padding:0;}
.lxwm{ position:absolute; top:10px; left:0; width:100%; margin:0 auto; text-align:center;}
.lxwm img{ margin:3px auto 0; width:700px; height:17px;}
	}
@media screen and (max-width:768px) and (min-width:320px){

	.bxjz p{ text-align:center; }
	.list_xq{ width:100%; height:auto;  margin:30px auto 30px; overflow:hidden; text-align:center;}
	.list_xq li{ width:100%; height:200px; margin:0 auto; border:1px solid #e5e5e5; text-align:center; margin-bottom:20px;}
	.list_xq li p{ font-size:14px; line-height:20px; color:#787878; width:85%; margin:10px auto 0; text-align:center;}
	.list_xq li h3{ font-size:18px; line-height:25px; margin-top:17px; font-weight:normal; font-style:normal;}
	.list_xq li a{ color:#ff8b0f; text-decoration:none; display:block; margin-top:13px; font-size:14px; line-height:18px;}

	.bxjz{ width:100%; background-color:#f2f2ec; margin:0 auto; height:auto;}
	.list{ width:96%; height:auto; margin:0 auto 50px;  overflow:hidden; }
.list li { width:49%; height:auto; float:left; background-color:#fff; margin-top:19px; margin-left:0;text-align:center;  }
.list li img{ margin:20px auto 0;}
.list li span{  border:1px solid #e5e5e5; display:block; height:180px; padding-bottom:10px;}
.list li.li_syle{ margin-left:1.5%;}
.list li p{ margin-top:10px; font-size:12px; line-height:18px; color:#787878; padding:0 3px;}
.list li p.list_li_p{ margin-top:10px; font-size:15px; line-height:25px; color:#323232;}

.footer{ width:100%; margin:0 auto; height:auto; overflow:hidden; padding:0;}
.footer_img{ position:relative; height:200px;}
.footer_img img{ width:100%; margin:0 auto; z-index:1; height:200px;}
.footer_img p{ z-index:0; color:#c8c8c8; width:100%; text-align:center; font-size:10px; line-height:18px; margin-top:30px; }
.footer_p{ font-size:10px; line-height:12px; color:#b5b1a6; bottom:0px; position:absolute; left:0; text-align:center; width:100%; margin-bottom:5px;}
.buuton_footer{ position:absolute; top:120px; left:0; z-index:9999; width:100%; height:20px; line-height:20px; color:#fff; text-align:center;}
.buuton_footer div{ width:50%; margin:0 auto; height:auto;}
.buuton_footer span{ display:inline-block; width:45%; background:#f99c40; float:left;}
.buuton_footer span.span_di{ float:right;}
.buuton_footer a{ color:#fff; font-size:12px;}
	.lxwm{ position:absolute; top:-5px; left:0; width:100%; margin:0 auto; text-align:center;}
.lxwm img{ margin:20px auto 0; width:90%; height:10px;}

.bxjz p{ text-align:center; color:#323232;}
.bxjz p span{ color:#787878; font-size:12px; line-height:36px;}
.bxjz p.p_top{ margin-top:20px; font-size:17px; line-height:25px; font-style:normal; font-weight:normal;}
.index_h2{line-height:40px; color:#fff; background:url(/about/tit.png) repeat-x left center; text-align:center; margin:60px auto 0; width:88%; font-size:24px;}
.index_h2 span{ display:inline-block; background-color:#f2f2ec; position:relative; width:240px;}
.index_h2 span em{ background-color:#ff8b0f; line-height:40px; font-size:1em; width:200px; margin:0 auto; display:inline-block;}

.cdjg{ padding-bottom:58px;}
.h2_bk img{ margin:50px auto 0; display:block; width:100%;}
.cdjg p.cdjg_p{ margin-top:40px; font-size:16px; line-height:25px; text-align:center;}
.cdjg p.cdjg_p2{ font-size:14px; line-height:25px; color:#787878; text-align:center; display:block; margin-top:16px;}

.header{ /*background-color:#e9ebe9;*/ background-color:#fff; width:100%; border-bottom:1px solid #d6d6d1; box-shadow:1px 2px 2px #d6d6d1;}
.logo{ width:95%; margin:0 auto; height:60px;}
.logo img{ float:left; margin:0px 0 0px 5px;}

	}
@media screen and (max-width:360px) and (min-width:320px){
.buuton_footer{ position:absolute; top:135px; left:0; z-index:9999; width:100%; height:20px; line-height:20px; color:#fff; text-align:center;}
.buuton_footer div{ width:60%; margin:0 auto; height:auto;}
.buuton_footer span{ display:inline-block; width:45%; background:#f99c40; float:left;}
.buuton_footer span.span_di{ float:right;}
.buuton_footer a{ color:#fff;}
	}



.hero_1 .hero-slide_1 .headline_1 .button{ width:50%; margin:0 auto; position:absolute; top:240px; left:50%; margin-left:-25%;}
.hero_1 .hero-slide_1 .headline_1 .button span{ display:block; width:40%; float:left; line-height:40px; text-align:center; border:2px solid #ff8b0f; margin-left:5%; color:#ff8b0f; font-size:18px;}

.hero_1 {
	width:100%;
	overflow:hidden;
	position:relative
}
.hero_1 .hero-slide_1 {
	width:100%;
	height:560px;
	position:relative;
	z-index:1;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	overflow:hidden
}
.hero_1 .hero-slide_1 .headline_1 {
	position:relative;
	top:20%;
	z-index:2;

}

.hero_1 .hero-slide_1 img.js-hisrc-preloader {
	width:100%;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	z-index:1
}

.hero_1 .hero-slide_1 .headline_1 p {
font-size:27px;
color:#fff;
line-height:30px;
margin-top:80px;
}
.hero_1 .hero-slide_1 .headline_1 span{ display:block; width:80%; height:40px; margin:0 auto; margin-top:20px; margin-bottom:30px;}

.hero_1 .hero-slide_1 .headline_1 span img{ display:block; width:80%; margin-top:20px; margin-bottom:30px; max-height:40px !important; display:block; margin:0 auto;}


@media screen and (max-width:768px) {
.hero_1 .hero-slide_1 .headline_1 .button{ width:100%; margin:0 auto; position:absolute; top:140px; left:0;}
.hero_1 .hero-slide_1 .headline_1 .button span{ display:block; width:40%; float:left; line-height:40px; text-align:center; border:2px solid #ff8b0f; margin-left:5%; color:#ff8b0f; font-size:18px;}
.hero_1 {
max-height:360px
}
.hero_1 .hero-slide_1 {
min-height:360px;
padding-top:362px;
padding:60px 10px 0 0px;
}
.hero_1 .hero-slide_1 .headline_1 {
top:15px;
width:100%;
}
.hero_1 .hero-slide_1 .headline_1 span{ display:block; width:90%; height:40px; margin:0 auto;  margin-bottom:30px;}

.hero_1 .hero-slide_1 .headline_1 span img{ display:block; width:100%; margin-top:10px; margin-bottom:30px; min-height:30px !important; display:block; margin:0 auto;}
.hero_1 .hero-slide_1 .headline_1 h2 {
font-size:19px;
line-height:30px
}
.hero_1 .hero-slide_1 .headline_1 h1 {
font-size:19px;
line-height:25px;
color:#ffae00;
}
.hero_1 .hero-slide_1 img.js-hisrc-preloader {
min-height:360px
}
.hero_1 .hero-slide_1 .headline_1 p {
font-size:17px;
color:#fff;
line-height:30px;
margin-top:40px;
}
}


/*------------------ index的banner -------------------------*/

.hero_2 {
	width:100%;
	overflow:hidden;
	position:relative
}
.hero_2 .hero-slide_2 {
	width:100%;
	height:560px;
	position:relative;
	z-index:1;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	overflow:hidden
}
.hero_2 .hero-slide_2 .headline_2 {
	position:relative;
	top:20%;
	z-index:2;

}

.hero_2 .hero-slide_2 img.js-hisrc-preloader {
	width:100%;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	z-index:1
}


@media screen and (max-width:430px) {

.hero_2 {
max-height:250px
}
.hero_2 .hero-slide_2 {
min-height:250px;

width:170%;
margin-left:-37%;
}
.hero_2 .hero-slide_2 .headline_2 {
top:15px;
width:100%;
}

.hero_2 .hero-slide_2 img.js-hisrc-preloader {
min-height:250px
}
}
@media screen and (max-width:550px) and (min-width:430px){
	.hero_2 {
max-height:320px;
}
.hero_2 .hero-slide_2 {
min-height:350px;

width:150%;
margin-left:-25%;
}
.hero_2 .hero-slide_2 .headline_2 {
top:15px;
width:100%;
}

.hero_2 .hero-slide_2 img.js-hisrc-preloader {
min-height:350px
}
	}
@media screen and (max-width:648px) and (min-width:550px){
	.hero_2 {
max-height:350px;
}
.hero_2 .hero-slide_2 {
min-height:350px;

width:150%;
margin-left:-25%;
}
.hero_2 .hero-slide_2 .headline_2 {
top:15px;
width:100%;
}

.hero_2 .hero-slide_2 img.js-hisrc-preloader {
min-height:350px
}
	}
@media screen and (max-width:800px) and (min-width:648px){
	.hero_2 {
max-height:420px;
}
.hero_2 .hero-slide_2 {
min-height:420px;

width:150%;
margin-left:-25%;
}
.hero_2 .hero-slide_2 .headline_2 {
top:15px;
width:100%;
}

.hero_2 .hero-slide_2 img.js-hisrc-preloader {
min-height:420px
}
	}
@media screen and (max-width:1100px) and (min-width:800px){
	.hero_2 {
max-height:560px;
}
.hero_2 .hero-slide_2 {
min-height:560px;

width:150%;
margin-left:-25%;
}
.hero_2 .hero-slide_2 .headline_2 {
top:15px;
width:100%;
}

.hero_2 .hero-slide_2 img.js-hisrc-preloader {
min-height:560px
}
	}
@media screen and (max-width:1300px) and (min-width:1100px){
	.hero_2 {
max-height:530px;
}
.hero_2 .hero-slide_2 {
min-height:530px;

}
.hero_2 .hero-slide_2 .headline_2 {
top:15px;
width:100%;
}

.hero_2 .hero-slide_2 img.js-hisrc-preloader {
min-height:560px
}
	}
@media screen and (max-width:2040px) and (min-width:1500px){
	.hero_2 {
max-height:700px;
}
.hero_2 .hero-slide_2 {
min-height:700px;

}
.hero_2 .hero-slide_2 .headline_2 {
top:15px;
width:100%;
}

.hero_2 .hero-slide_2 img.js-hisrc-preloader {
min-height:700px
}
	}