@charset "utf-8";
/* CSS Document */

html,body,h4,p{ margin:0; padding:0; border:0;}
body{ font-family:"微软雅黑";}
.p_kv{ background:#000;}
.p_kv>div{ width:992px; margin:0 auto;}
.p_kv>div img{ max-width:100%; }
.p_con{ background:#f0f3f8;}
.p_cen{ width:960px; margin:0 auto; padding-bottom:4%;}
.p_cen img{ width:100%;}
.p_cen p{ padding:2.5% 0 0; margin:0 4%; color:#444; font-size:15px; line-height:22px;}
.p_cen p img{ width:auto; display:inline;}
.p_cen p.bz{ color:#a3a3a3;}
.p_tit{ border-top:dashed 1px #000; padding-bottom:1%;}
.p_tit img{ width:259px; margin:0 auto; margin-top:-1px;}

.div_fbox{ margin:2.5% 4% 0; overflow:hidden; position:relative;}
.div_f1{ float:left; width:400px; padding:8px 20px;}
.div_fbox span.sp1{ display:block; border:solid 5px #fff; position:relative;}
.div_fbox span.sp2{ position:absolute; left:0; bottom:0; width:98%; padding:0.5% 1%; display:block; color:#fff; z-index:10; background:url(../images/a7_csbg.png);}
.div_fbox span.sp2 img{ display:inline; width:auto;}

.div_fbox span.sp3{ display:block; border:solid 5px #fff; overflow:hidden; position:relative; background:#fff;}
.div_f2{ float:left; width:506px;}
.div_f3{ float:left; width:337px; padding:50px 15px 0;}
.div_f4{ float:left; width:331px;}
.div_f4 p{ display:none; margin:2.5% 0; padding:2.5%; border:dashed 1px #444444;  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.div_f5{ float:left; width:531px; margin-left:21px;}
.div_f5 p{ margin:4.5% 0 0; padding:2.5%; position:relative; border:dashed 1px #444444;  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.div_f5 p .tb{ position:absolute; width:12px; height:12px; left:21px; top:-12px; line-height:0;}
.div_f5 p .tb2{ position:absolute; width:15px; height:10px; left:-15px; top:40px; line-height:0;}
.div_f6{ float:left; width:47%; padding:4% 0 0; position:relative;}
.div_f7{ float:left; width:47%; padding:4% 0 0; margin-left:6%; position:relative;}
.div_f8{ float:left; width:50%;}
.div_f9{ float:left; width:50%;}
.div_f8 img{ float:right;}

.p_cen .p_top{ margin-top:3%;}



.p_cen .p_box1{ padding:0 4%; background:#3e4264; line-height:26px; color:#a5a5a5; padding-bottom:30px;}
.p_box1 .p_tit{ border:0;}
.p_box1 .p_tit img{ margin-top:0;}
.p_box1 h4{ font-size:18px; line-height:26px; font-weight:normal; color:#fff; margin-top:30px;}
.p_box1 h4 span{ display:block; float:left;}
.p_box1 h4 img.btn{ margin:-30px 0 0 10px; width:auto; display:inline-block;}
.p_box1 p{ clear:both; color:#fff; padding:5px 0; margin:0;}
.p_box1 p img{ width:auto; display:inline;}

.p_cen .p_box2{ background:#fff; padding-bottom:30px;}
.p_box2>p span{ color:#ff5500; font-weight:bold;}
.p_box2 .p_tit{ margin:1px 0 0;}
.p_box2 .p_tit img{ margin-top:-2px;}


.p_cen .p_box3{ background:#e3e8f3; padding-bottom:30px;}
.p_cen .p_box4{ padding-bottom:50px; background:url(../images/a7_60801_bg01.jpg) center bottom no-repeat #fff;}
.p_cen .p_box5{ background:#fff6e6; padding-bottom:5%;  -webkit-box-shadow:0 5px 10px #ccc; -moz-box-shadow:0 5px 10px #ccc; box-shadow:0 5px 10px #ccc;}
.p_box5 h4{ text-align:center; color:#000; padding-top:2.5%; font-size:18px;}

.p_cen2{ background:#fff; padding-top:3%;}
.p_cen2 .p_box6{ background:#fff; width:960px; margin:0 auto;}
.p_box6 .div_fbox{ border:solid 1px #e7e7e7; padding:0; margin:0;}

.tjbox{ padding:56px 0; background:#e3edee;}
.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 0; 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:992px){
.p_kv>div{ width:100%;}
	}
@media screen and (max-width:960px){
	
.w960{ width:98%; margin:0 auto;}
.p_cen{ width:100%;}
.p_cen2 .p_box6{ width:92%; margin:0 auto;}
.p_cen p{ padding:2.5% 0 0;}
.p_box1 p{ padding:0;}

.p_box1 h4 img.btn{ margin:0;}
.p_box1 h4 span{ padding-bottom:10px;}

.div_fbox{ margin-top:1.5%;}

.div_f1{ float:left; width:45%; padding:2.5%;}
.div_f2{ float:left; width:58%;}
.div_f3{ float:left; width:38%; padding:5% 2% 0;}
.div_f4{ float:left; width:37.5%;}
.div_f4 p{ margin:4% 0 0; padding:2% 2.5%;}
.div_f5{ float:left; width:60%; margin-left:2.5%;}
.div_f5 p{ margin:4% 0 0; padding:2% 2.5%;}
.div_f5 p .tb2{ top:50%;}
.div_f6{ padding:4% 0 0;}
.div_f7{ padding:4% 0 0;}


.tjbox{ padding:6% 0; }
.ewmbox{ margin:6.25% auto 0; }
	}
@media screen and (max-width:720px){
	
.div_f5 p{ margin:2.5% 0 0; padding:2.5%;}
.div_f5 p:last-of-type{ display:none;}
.div_f4 p{ display:block; padding:2.5%; margin:2.5% 0 0;}
.div_f4 p .tb2{ display:none;}
.div_f5 p .tb{ display:none;}
	
.div_fbox span.sp2{ width:96%; padding:1% 2%;}

.div_f1{ float:none; width:100%; padding:2.5% 0;}
.div_f2{ float:none; width:100%;}
.div_f3{ float:none; width:98%; padding:1% 1%;}
.div_f4{ float:none; width:100%; padding:1.5% 0;}
.div_f5{ float:none; width:100%; padding:1.5% 0; margin:0;}
.div_f6{ float:none; width:100%;}
.div_f7{ float:none; width:100%; margin-left:0;}
.div_f8{ float:none; width:100%;}
.div_f9{ float:none; width:100%;}
.div_f8 img{ float:none; margin:0 auto;}
.div_f9 img{ float:none; margin:0 auto;}


.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; }
.ewmbox>div{ float:none; width:100%; margin-top:6.25%;}
	}
