/* CSS Document */



@import url(all.css);



.wd{width:1000px; margin:0px auto;}



.nav{float:right;}



body .nav li.s_type2{display:none}



.wrap{ width:80%; margin:0px auto;}



.index_cp{
	margin-top: 90px;
	margin-bottom: 50px;
}

.index_cp li{
	width: 22%;
	margin-right: 3%;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

.index_cp li img{width:100%; height:auto;}

.index_cp li .txt{
	text-align: center;
	background: #f7b207;
	color: #000;
	height: 2em;
	overflow: hidden;
	font-size: 16px;
	line-height: 2em;
	width: 100%;
}
/*------------------------------------*/

.wrape{ width:80%; margin:0px auto;}
.index_cpe{
	margin-top: 90px;
	margin-bottom: 50px;
}

.index_cpe li{
	width: 30%;
	margin-right: 2.7%;
	float: left;
	margin-top: 20px;
	margin-bottom: 10px;
	border: #9fa0a0 solid 1px;
}

.index_cpe li img{width:100%; height:auto;}

.index_cpe li .txt{
	text-align: center;
	background: #f7b207;
	color: #000;
	height: 2em;
	overflow: hidden;
	font-size: 16px;
	line-height: 2em;
	width: 100%;
}

.footer{background:#262626; width:100%; padding-bottom:30px; overflow:hidden; clear:both;  }

.footer h4{color:#f7b207; font-size:16px; margin-top:30px; line-height:2.0em;}



.footer h4 a{color:#f7b207;}



.footer h5{font-size:14px; color:#fff; margin:10px 0;}

.footer h5 a{color:#fff;}

.footer h6{font-size:12px; line-height:24px; margin-top:10px; color:#848484; border-top:1px solid #323232;}

.footer h6 a{color:#848484;}

.foot_z{ float:left; width:15%;}

.foot_w{float:left; width:32%; margin-right:3%;}

.foot_lx{padding-top:35px;}

.foot_lx .weixin{padding-right:8px;}

.foot_lx .txt{padding-left:8px;}

.foot_lx h6{ margin-top:0px; border:none; font-size:14px;}



.ny_banner{background:#000;text-align:center; padding:0px}

.ny_banner img{max-width:96%; height:auto;}



.pp1{ text-align:center; color:#f7b207;}

.pp1 h5{padding-top:2rem; color:#6d6d6d; padding-bottom:3rem;line-height:1.6rem;}

.pp1 img{max-width:100%; height:auto;}

.pp2{background:url(../images/pp_2.jpg) repeat left center;}

.pp_sp{ width:586px; height:404px; margin:0px auto; cursor:pointer;}

.pp3{ margin:0px auto; text-align:center;}



.s img{max-width:100%; height:auto;}



.pp_title{
	text-align: center;
	padding-bottom: 20px;
	border-bottom: #CCC solid 1px;
	margin-bottom:30px;
}

.pp_title p{
	font-size: 12px;
	color: #727171;
}

.pp_title h3{ color:#000;}

.pp_title h5{ color:#6d6d6d; line-height:1.5rem; margin:2rem 0 6rem;}

.pp_title h5 span{color:#f7b207;}

.pp4{ background:#434343; text-align:center;}



.pp4 .pp_title h5{ color:#fff;}

.pp5{text-align:center;}



.pp6{text-align:center; background:#eee;}



#list_text{}

#list_text li{ position:relative; padding:25px; overflow:hidden; clear:both; border-bottom:1px solid #e8e8e8;}

#list_text li .img{ width:202px; height:125px; float:left; margin-right:30px;}

#list_text li .txt{}

#list_text li .txt h4{ color:#f7b207;} #list_text li .gd{ position:absolute; right:0px; bottom:1rem; font-size:12px;}

#list_text li .gd span{color:#f7b207;}



.fenye{text-align:center; padding:30px 0; font-size:14px;}

.fenye a{display:inline-block;}

.fenye a.thisclass{color:#f7b207}



.arc_title{}

.arc_title h1{ border-bottom:1px solid #b0b0b0; color:#505050; padding:1.5rem; }

.arc_title h6{text-align:right; padding:1rem;}

.arc_body{font-size:1.0rem; padding:2rem; line-height:1.5rem;}

.arc_body img{max-width:100%; height:auto;}



.sxp{ padding:2rem; font-size:1.0rem; line-height:1.8rem;}



.cp{}

.cp_bn{ background:#020202 url(../images/cp_bn_bj.png) no-repeat right top; z-index:8; height:465px; width:100%; display:table; position:relative;}

.cp_bn h1{color:#fff; padding-top:155px; font-weight:normal;}

.cp_bn h4{color:#878686; padding:.6rem;}

.cp_bn_1{ animation:1s .6s;}

.cp_bn_2{ animation:1s 1s;}

.cp_bn_3{ position:absolute; right:0px; top:0px; max-width:80%;  height:465px; text-align:right; animation:1s .6s;}

.cp_bn_3 img{max-width:100%; height:auto;}

.list_shop{background:#fff; margin-top:-57px; margin-bottom:50px; position:relative; z-index:9;}

#list_shop{ overflow:hidden; clear:both;}

#list_shop li{ width:25%; overflow:hidden; float:left; padding:1rem 0;}

#list_shop li p{font-size:11px; color:#818181; padding-left:14px;}

#list_shop li h6{color:#f7b207; padding-left:14px;}



.cp_banner1{background:url(../images/cp_bannmer_1.jpg) no-repeat top center; height:458px;  display:table; width:100%;} 

.c_tu{}

.c1{ height:578px; overflow:hidden; display:table; width:100%;position:relative;}

.c h1{color:#2c2c2c; }

.c h6{color:#616161; }

.ccp .txt{position:absolute; top:50%; width:100%; margin-top:-50px; z-index:98;}

.c1 .c_tu{ right:0px; top:0px; text-align:right; }



.c2{ overflow:hidden; clear:both;  height:812px; position:relative;}

.c2{text-align:right; display:table; width:100%;}



.c2 .c_tu{ text-align:left;z-index:1;}.c3{ overflow:hidden; clear:both; height:868px;  position:relative;}

.c3{text-align:left; display:table; width:100%;}



.c3 .c_tu{ text-align:right;z-index:1;}











.c_tu img{max-width:100%; height:auto;}.c4{ overflow:hidden; clear:both;}

.c4_left{ width:60%; float:left;}

.c4_right{
	width: 30%;
	padding: 0px 0%;
	float: left;
	padding-right: 9%;
}

.c4_right h1{color:#0b3190;}

.c4_right h6{color:#616161;}

.c_4_sx{ overflow:hidden; clear:both;}

.c_4_sx li{float:left; width:50%; margin:0px 0;}

.c_4_sx li h4{color:#f7b207; font-size:1.6rem;letter-spacing:-2px}

.c_4_sx li p{font-size:12px;color:#919191;}

.c4_tit{ margin:20px 0;}

.c4_tit h6{font-size:18px;}

.c4_tit p{color:#ababab;}



.c4_pj{ overflow:hidden; clear:both;}

.c4_pj li{width:48%; display:inline-block;}

.c4_pj li:nth-child(1){border-right:1px solid #ccc}



.c6{ background:#f5f5f5;}

.s3{}

.s3 li{ width:33%; float:left; text-align:center;}

.s3 li img{max-width:100%; height:auto;}.dt{ width:100%; height:auto; max-height:592px;}

.dt img{
	height: auto;
}

.xt{ margin-top:1rem;}

.xt li{float:left; width:30%; margin:0 1.5%; cursor:pointer;}

.xt li img{width:100%; height:auto;}

.border{border:1px solid #e9e9e9;}

.xt_this .border{border:1px solid #f7b207;}

.xt li h6{text-align:center; padding:.6rem 0;}

.c5{background:url(../images/c5_bj.jpg) no-repeat center center;}



.fw_banner{ height:924px; background:url(../images/fw_banner.jpg) no-repeat top center;}

.fw_1{ padding:30px 0}



.fw_bn_title{ padding-top:85px; text-align:center;}

.fw_bn_title h3{    color: #f7b207;}

.fw_bn_title h6{color:#fff; padding:10px;}

.fw_map{ width:770px; height:668px; margin:0px auto; position:relative;}

.d{ width:22px; height:37px; background:url(../images/d.png) no-repeat center center; cursor:pointer;}

.d:hover{background:url(../images/d_bj.png) no-repeat center center;}

.d_bj{background:url(../images/d_bj.png) no-repeat center center;}

.d_bj .po{display:block;}

.d .po{position:relative; width:100%; height:100%; display:none;}

.shanghai .po{display:block;}



.d_xx{ position:absolute; left:50px; width:320px; top:-38px; text-align:left; min-height:88px; padding:15px; max-height:600px; overflow:auto; background:#bbb; border-radius:6px; color:#414141; font-size:14px; line-height:17px;z-index:999;}

.d_xx h6{line-height:17px; color:#414141; padding:0px;}

.d_xx:after{content:""; position:absolute; left:0px; top:38px;  position: absolute;margin-left: -3px;z-index: 30;left: -20px;width: 0;height: 0; border-right: 25px solid #bbb;border-bottom: 8px solid transparent;border-top: 8px solid transparent;}

.d_xx_p{padding-bottom:16px;}

.d{ position:absolute;}

.heilongjiang{ right:68px; top:75px;}
.xinjiang{ left:168px; top:175px;}
.jilin{ right:75px; top:145px;}
.neimenggu{top:253px; left:463px;}
.liaoning{right:107px ; top:187px;}

.beijing{right: 184px; top:227px;}

.hebei{right: 195px; top: 268px;}

.shandong{right:157px; top: 297px;}

.jiangsu{right: 143px; top: 334px;}

.shanghai{right: 102px; top: 371px; }

.zhejiang{right: 103px; top: 421px;}

.fujian{right: 176px; top: 428px;}

.guangdong{right: 186px; top: 474px;}

.shanxi{right: 236px; top:284px;}

.henan{right: 213px; top: 348px;}

.anhui{right: 153px; top: 381px;}

.shanxisheng{right:285px; top:351px;}

.hubei{right: 234px; top: 397px;}

.hunan{right: 234px; top: 450px;}	

.sichuan{right: 385px; top: 411px;}	

.yunnan{right:403px; top:517px;}	

.guizhou{right: 305px; top: 478px;}	



.bd{}

input {outline:none;}

.bd li{width:33%; float:left; margin:14px 0;}

.bd input{ height:43px; line-height:43px; text-indent:12px; width:80%; font-size:14px; border:1px solid #e6e6e6; border-radius:4px;}

.bd input:hover{ border:1px solid #5ab029;}

.np{margin-left:12px;}

.bd li.bd_s{ width:67%; height:112px; float:right;}

.bd li.bd_s textarea{ width:80%;text-indent:12px;  height:112px; border:1px solid #e6e6e6; border-radius:4px; font-size:16px; line-height:2rem;}

.bd_nr{width:100%; margin:1rem 0;}

.bd_nr textarea{ width:100%; height:112px;text-indent:12px;  border:1px solid #e6e6e6; border-radius:4px;font-size:16px; line-height:2rem;}



.bd_b{}

.bd_b li{display:inline-block; width:48%; line-height:40px; margin:0.6rem 0; font-size:14px; color:#838383;}

.bd_b li s{display:inline-block;}



.cz{ width:155px; height:44px; max-width:90%; background:#c6c6c6; display:inline-block; color:#fff; text-align:center; border:none; margin-left:10px;margin-top:10px;}

.tj{ width:155px; height:44px;max-width:90%; background:#f7b207; color:#fff; display:inline-block; text-align:center; border:none; margin-left:10px;margin-top:10px;}



.sj{display:none;}

.sp_dj{cursor:pointer;}



.sp_popup{ width:100%; height: 100%;  z-index:999; cursor:pointer; display:none; position:fixed;top:0px; background:#fff; background:rgba(255,255,255,0.8);  }

.sp_cha{ width:60px; height:60px; font-size:40px; background:#000; line-height:60px; text-align:center; color:red; position:absolute; right:0px; top:0px; cursor:pointer; z-index:9999999;}

.sp_cha i{ font-size:40px; color:#666;}



.sp_zs_1{display:table-cell;vertical-align: middle;}

.sp_zs{width:100%; min-height:320px; margin:auto; height:480px;      max-width:960px;}

.table{ height:80%; margin-top:10%; text-align:center;}

.pp2 iframe{max-width:100%;}



.fw_sj{ display:none;}

.fw_shouji{ padding:10px 0;}

.fw_shouji dt{}

.fw_shouji dt h3{font-size:16px; padding:15px 0;}



#fw_shouji_bd{width:96%; display:inline-block; position:absolute; font-size:14px; line-height:40px; height:40px; overflow:hidden; border:none; background:none; color:#000; bottom:0px; z-index:9; border:1px solid #f7b207; }

#fw_shouji_bd .option{ width:100%; font-size:14px; line-height:40px; height:40px; color:#000; display: inline-block; }



.fw_bd{ vertical-align:top; position:relative;}

.fw_bd .fw_bd_span{display:inline-block; line-height:40px; padding-left:10px; background:#fff; font-size:14px; position:relative; z-index:8; color:#fff;}

.fw_shouji_ul{}

.fw_shouji_ul li{ border-bottom:1px solid #ccc; line-height:30px; font-size:14px; padding:10px;}

.fw_shouji_ul li h6:nth-child(1){font-size:16px; color: #f7b207;}

.fw_shouji_ul li a{color:red;}



@media screen and (min-width: 1200px) {

.nav li:hover .nav_menu{ display:block;}

.nav_menu li:hover .menu{display:block;}



}

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



.wd{width:98%; height:auto; margin:0px auto;}

.c h1{color:#2c2c2c; padding:0 10px; display:inline-block;}

.c h6{color:#616161;  padding:0 10px; display:inline-block;}



.logo{width:100%; float:none; padding:0px; padding-bottom:10px; padding-top:10px;}

.nav{float:none; width:100%;}

.index_cp{ margin:50px 0;}
.index_cpe{ margin:50px 0;}
.wrap{width:90%;}
.wrape{width:90%;}


.bd_b li.tjnr{ width:100%; text-align:center;}

.p_50{ padding:40px 0;}



.fw_banner{display:none;}

.fw_sj{ display:block;}



}



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

.p_50{ padding:30px 0;}



.ccp .txt{ margin-top:0px;position:relative;}

.c_tu{position:relative;}

.c1,.c2,.c3{height:auto; text-align:center; margin:10px 0;}

.c4_left,.c4_right{float:none; width:100%;}

.s3 li{ width:50%; float:left; }

.s3 li:nth-child(3){width:100%; text-align:center;}



.index_cp{ margin:40px 0;}
.index_cpe{ margin:35px 0;}
.foot_z{width:30%;}

.foot_w{ width:64%; margin-right:0;}

#list_shop li {width:50%;}

.cp_bn { height:280px;}

.pp_sp {width:100%; height:auto}

.sj{display:block;}

.dn{display:none;}

.fw_1{max-width:95%; margin:0px auto;}

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



.dt{ height:100%;}



.p_50{ padding:15px 0;}



.s3 li{ width:100%; float:none; }

.s3 li:nth-child(3){width:100%; float:none; text-align:center;}



	

.index_cp{ margin:20px 0;}
.index_cpe{ margin:17px 0;}
.logo{padding:20px 0;}

.logo img{max-width:60%; height:auto;}

.nav li{display:none; text-align:center; width:100%;}

.nav li a{width:100%; line-height:40px; border-bottom:#333 1px solid; padding:0px;}

.header .wrap{width:100%;}

.nav li.yc{display:block; background:#f7b207;}

.nav a{}	

.index_cp li{ width:47%; margin-top:1rem;}
.index_cpe li{ width:46%; margin-top:1rem;}
.foot_z{width:100%;margin-right:0;}

.foot_w{ width:100%;margin-right:0;}

.bd li{width:100%;}

.bd_b li{ width:100%;}

.bd li.bd_s { width:100%;}

.bd_b s:nth-child(1){width:100%;}

.bd_b s{display:block; width:50%; font-style:normal; text-decoration:none; margin:5px 0; display:inline-block;}

#list_text li .img{width:100%;}

#list_text li .gd{position:relative; bottom:0;}



}

.Page {
	width: 80%;
	text-align: center;
	padding: 30px 0px;
	margin: 0 auto;
}
.Page a { display: inline-block; width: 65px; background: #ffffff; height: 48px; vertical-align: middle; line-height: 48px; font-size: 14px; border: 1px solid #e5e5e5; margin-left: -1px; float: left; text-decoration: none; color: #333; outline: none; }
.Page a:hover { background: #f6ab00; color: #000; background-repeat: no-repeat; }
.Page span { display: inline-block; min-width: 45px; padding: 0 10px; background: #ffffff; height: 48px; vertical-align: middle; line-height: 48px; font-size: 14px; border: 1px solid #e5e5e5; margin-left: -1px; float: left; }
.Page span.current { background: #f6ab00; color: #000 }

.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}

.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}

.pagess ul li:hover{ background:#E12234; color:#fff;border: 1px solid #E12234}

.pagess ul li:hover a{color:#fff;}

.pagess ul li.thisclass {display: inline-block;border: 1px solid #E12234;padding: 2px 9px;margin: 0 3px;background: #E12234;color: #fff;}

.pagess ul li.thisclass a {color: #fff;}

.pagess ul li a{ display:block;color:#999}

.pagess ul li a:hover {color: #fff;}