@charset "utf-8";
/* CSS Document */

html,body,h4,p{ margin:0; padding:0; border:0;}
.p_kv{ width:100%; overflow:hidden;}
.p_kv>div{ width:1920px; position:relative; left:50%; margin-left:-960px;}
.p_kv>div img{ max-width:100%; }
.page{ width:958px; margin:0 auto; border-left:dashed 1px #0e0b0c; color:#333; font-family:"微软雅黑"; font-size:16px; line-height:28px; padding-bottom:30px;}
.page img{ width:100%;}
.page h2{ font-weight:normal; color:#2f6126; font-size:30px; line-height:1em; padding:20px 0 0 38px; background:url(../images/a7_3_tb01.jpg) left top no-repeat; margin-top:3%;}
.page h2 span{ background:#448b36; color:#fff; display:block; width:38px; height:29px; font-size:20px; line-height:29px; text-align:center; float:left; margin-right:2%;}

.page h3{ font-weight:normal; color:#2282828; font-size:24px; line-height:1em; margin:3% 0 0 0.5%;}
.page h3 span{ color:#f96e57;letter-spacing:-1px; font-family:Arial, Helvetica, sans-serif;}
.page h3 span.sp{ letter-spacing:0; width:28px; height:29px; font-size:22px; line-height:29px; text-align:center; color:#fff; display:inline-block; margin:0 5px; background:url(../images/a7_3_tb05.jpg) no-repeat;}
.page h3 img{ width:auto; display:inline; vertical-align:bottom;}
.page h4{ font-weight:normal; width:358px; max-width:100%; margin:0 auto; padding-bottom:1%;}
.page .pic_tit{ font-size:25px; line-height:1.5em; color:#fff; overflow:hidden;}
.page .pic_tit span{ display:block; float:left; padding:0 50px 0 25px; background:url(../images/a7_3_tb04.jpg) right bottom no-repeat #4d9742;}


.page .box{ width:87.5%; margin:0 auto; }
.page .box1{ width:84%; border:dashed 1px #757575; padding:0 1.8% 2.5%; background:#fafafa; margin:2% auto 0;}
.page .box2{ width:84%; border:dashed 1px #757575; padding:0 1.8% 4%; background:#f8fff7; margin:0 auto;}

.page .p_box{ overflow:hidden; position:relative;}
.page .p_box2{ border:dashed 1px #282828; background:#f8fff7; overflow:hidden; margin-top:1%;}
.page .p_box span.sp1{ display:block; position:relative;}
.page .p_box span.sp2{ position:absolute; left:0; bottom:0; width:96%; padding:0.5% 2%; display:block; color:#fff; z-index:10; background:url(../images/a7_csbg.png);}
.page .p_box span.sp2 img{ display:inline; width:auto;}


.page .p_t2{ margin-top:2%;}
.page .p_t5{ margin-top:5%;}
.page .p_f1{ float:left; width:30.9%; margin:2.5% 1.2% 0;}
.page .p_f2{ float:left; margin:2.5% 1.16% 0;}
.page .p_f3{ float:left; width:47.6%; margin:2.5% 1.2% 0;}
.page .p_f3 .ts{ position:relative; border:solid 5px #f96e57; width:56%; margin:10% auto; background:#fff; padding:10%; font-size:18px; line-height:2em;}
.page .p_f3 .ts>span{ font-size:28px;}
.page .p_f3 .ts>.sp1{ position:absolute; display:block; top:35%; right:-23px;}
.page .p_f3 .ts>.sp2{ position:absolute; display:block; bottom:-22px; left:15%;}

.page .p_f4{ float:left; width:49%; margin:2.5% 0 0;}
.page .p_f4 .ts{ position:relative; border:dashed 1px #282828; background:#fafafa; padding:2% 4%; color:#282828;}
.page .p_f4 .ts>span{ position:absolute; display:block; width:8%; top:100%; left:46%;}

.page .p_f5{ float:left; width:49%; margin:2.5% 0 0  2%;}
.page .p_f5 .ts{ position:relative; border:dashed 1px #282828; background:#fafafa; margin-top:5%; padding:12.5% 4%; color:#282828;}
.page .p_f5 .ts>span{ position:absolute; display:block; width:8%; bottom:100%; left:46%;}

.page .p_f6{ float:left; width:49%; margin:2.5% 0 0;}
.page .p_f7{ float:left; width:51%; margin:2.5% 0 0;}
.page .p_f8{ float:left; width:36.7%; margin:2.5% 0 0;}
.page .p_f9{ float:left; width:61.3%; margin:2.5% 0 0 2%;}
.page .p_f10{ float:left; width:21.18%;}
.page .p_f11{ float:left; width:76%; margin:0 0 0 1.5%; padding:2% 0;}

.page .p_f12{ float:left; width:47%; margin:2.5% 0 0  4%;}
.page .p_f12 .ts{ position:relative; padding:10px; background:#f96e57; margin-top:21%; color:#fff; font-size:22px; line-height:40px;}
.page .p_f12 .ts>div{ border:dashed 1px #fff;  padding:10% 8%;}
.page .p_f12 .ts>div>span{ position:absolute; display:block; top:-40px; left:15%;}
.page .p_f12 .ts img{ width:auto; display:inline;}

.page .ewm{ border:solid 1px #e7e7e7; overflow:hidden; margin-top:5%; padding:5% 0;}
.page .ewm>div{ float:left;  max-width:50%;}
.page .ewm>div.p_ewm1{ padding-left:2.5%;}


.page p{ padding:1.5% 0 0; margin:0 1.2%;}
.box p{ padding:1% 0 0; margin:0;}
.page p img{ width:auto; display:inline;}
.page p.bz{ padding:1% 0 0; margin:0 1.16%; font-size:0.8em; line-height:1.5em; color:#717171;}
.page .jt01{ width:61px; margin:5px auto;}

.p_nav{ width:139px; height:335px; position:fixed; left:50%; top:100px; margin-left:440px; z-index:99;}
.p_nav>a{ width:139px; display:block; background-image:url(../images/p_nav.png);}
.p_nav>a:hover{ background-image:url(../images/p_nav_on.png);}
.p_nav>a.active{ background-image:url(../images/p_nav_on.png);}
.p_nav1{ height:56px; background-position:0 0;}
.p_nav2{ height:49px; background-position:0 -56px;}
.p_nav3{ height:29px; background-position:0 -105px;}

.tjbox{ padding:56px 0; background:#e3edee;}
.tjbox img{ max-width:100%; }
.tj_box{ width:90%; max-width:960px; margin:0 auto; overflow:hidden;}
.tj_box2{ overflow:hidden; padding:25px 0; border-bottom:solid 1px #838b8d; }
.tj_box2>a{ display:block; float:left; width:50%; box-sizing: border-box; border-right:dashed 1px #e3edee; }
.tj_box2>a:first-child{ border-right:dashed 1px #7a8587; }
.tj_box2>a>img{ width:100%;}

.ewmbox{ width:87.5%; max-width:960px; margin:55px auto; overflow:hidden;}
.ewmbox>div{ float:left; width:50%; box-sizing: border-box; border:solid 1px #f3f3f3; }
.ewmbox>div>img{ width:100%;}

@media screen and (max-width:1160px){
	
	.p_nav{ position:fixed; left:inherit; right:0; top:100px; margin-left:0;}
	}

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

.p_kv>div{ width:200%; left:-50%; margin-left:0;}
.page{ width:auto;}
.w960{ width:98%; margin:0 auto;}

.tjbox{ padding:6% 0; }
.ewmbox{ margin:6.25% auto 0; }
}


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

	.p_nav{ display:none;}
.page p{ padding:1.5% 0 0; margin:0 2%;}
.box p{ padding:2% 0 0; margin:0;}
.page .p_f1{ float:none; width:96%; margin:2.5% 2% 0;}
.page .p_f2{ float:none; width:96%; margin:2.5% 2% 0;}
.page .p_f3{ float:none; width:96%; margin:2.5% 2% 0;}
.page .p_f3 .ts{ width:auto; margin:5% auto; padding:3% 5%;}
.page .p_f3 .ts>.sp1{ display:none;}
.page .p_f3 .ts>.sp2{ display:none;}

.page .p_f4{ float:none; width:100%; margin:2.5% 0 0;}
.page .p_f4 .p_t5{ margin-top:2.5%;}
.page .p_f4 .ts{ position:relative; border:dashed 1px #282828;}
.page .p_f4 .ts>span{ display:none;}

.page .p_f5{ float:none; width:100%; margin:2.5% 0 0;}
.page .p_f5 .ts{ margin-top:2.5%; padding:2% 4%;}
.page .p_f5 .ts>span{ display:none;}

.page .p_f8{ float:none; width:100%; margin:2.5% 0 0;}
.page .p_f8 .p_t5{ margin-top:2.5%;}
.page .p_f9{ float:none; width:100%; margin:2.5% 0 0;}
.page .p_f10{ float:left; width:21.18%;}
.page .p_f11{ float:left; width:76%; margin:0 0 0 1.5%; padding:2% 0;}

.page .p_f12{ float:none; width:100%; margin:2.5% 0 0;}
.page .p_f12 .ts{ margin-top:2.5%;}
.page .p_f12 .ts>div{ padding:2% 4%;}
.page .p_f12 .ts>div>span{ display:none;}


.tj_box2{ border-bottom:0; padding:0; border-bottom:solid 1px #838b8d; }
.tj_box2>a{ float:none; width:100%; margin-top:5%; border-right:0;}
.tj_box2>a:first-child{ border-right:0; border-bottom:dashed 1px #838b8d;}
.tj_tit{ position:relative; width:160%; max-width:160%; left:-30%;}

.ewmbox{ margin:0 auto; padding-bottom:5vw; }
.ewmbox>div{ float:none; width:100%; margin-top:6.25%;}
}