@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-top:80px; }
.page img{ width:100%; display:block;}
.page img.p_tb{ width:auto; display:inline-block;}
.page .p_jj1{ width:74%; margin:0 auto; color:#5b858c; font-size:18px; line-height:32px; font-weight:bold; background:#f5f8f8; border-top:solid 1px #9cacb1; border-bottom:solid 1px #9cacb1; padding:5% 7% 3%; position:relative;}
.page .p_tit1{ position:absolute; width:64.94%; left:17.5%; top:-25px;}
.page h2{ font-weight:normal; color:#5b858c; font-size:42px; line-height:1.2em; padding:0 6% 0 6%; background:url(../images/a6300_titbg02.png) left 7px no-repeat; background-size:3.6%; margin-top:5%;}
.page>p{ width:88%; margin:1% auto 0.5%;}

.page h3{ width:88%; font-weight:normal; color:#000; font-size:24px; line-height:31px; overflow:hidden; margin:3% auto 0;}
.page h3 span{ display:block; float:left; width:31px; height:31px; line-height:31px; font-size:20px; text-align:center; color:#fff; font-family:Arial, Helvetica, sans-serif; background:url(../images/a6300_titbg03.png) no-repeat; margin-right:10px;}
.page h3 span.sp{ float:none;}


.page .p_over{ overflow:hidden;}
.page .p_box{ width:88%; margin:0 auto; overflow:hidden; position:relative;}
.page .p_f1{ float:left; width:72.7%; position:relative;}
.page .p_jt01{ position:absolute; width:12px; top:50%; margin-top:-13px; right:0;}
.page .p_jt02{ position:absolute; width:12px; top:50%; margin-top:-13px; left:0;}
.page .p_jt03{ position:absolute; width:22px; top:50%; margin-top:-17px; right:8px;}
.page .p_f2{ float:left; width:27.3%; display:table; overflow:hidden;}
.page .p_f2>div{ vertical-align:middle; display:table-cell; }
.page .p_f2>div p{ margin:0 10%; }
.page p span.sp1{ display:block; width:31px; height:31px; line-height:31px; margin:5% 10px 5% 0; font-size:20px; text-align:center; color:#fff; font-family:Arial, Helvetica, sans-serif; background:url(../images/a6300_titbg03.png) no-repeat;}
.page p span.sp2{ display:block; float:left; width:31px; height:31px; line-height:31px; margin-right:10px; font-size:20px; text-align:center; color:#fff; font-family:Arial, Helvetica, sans-serif; background:url(../images/a6300_titbg03.png) no-repeat;}
.page .p_f3{ float:left; width:50%;}
.page .p_f4{ float:right; width:52.82%;}
.page .p_f5{ float:right; width:47.18%; position:relative;}
.page .p_f5_w{ padding-right:40px;}
.page .p_right{ float:right;}
.page .p_bor1{border:solid 1px #c9dcdf; background:#f5f8f8;}
.page .p_col1{ color:#ff5500;}
.page .sp_t1{ display:block; margin-top:1%;}
.page .p_table{ display:table;}
.page .p_tabcel{ vertical-align:middle; display:table-cell;}


.page .p_p1{ width:88%; margin:0 auto; padding:0 0 2%;}
.page .p_p1 p{ padding:0 4%;}


.page .p_t1{ margin-top:1%;}
.page .p_t2{ margin-top:2%;}
.page .p_t5{ margin-top:5%;}

.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{ display:block; width:100%;}

.p_nav{ width:139px; height:335px; position:fixed; left:50%; top:100px; margin-left:440px; z-index:99; display:none; }
.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:41px; background-position:0 0;}
.p_nav2{ height:41px; background-position:0 -41px;}
.p_nav3{ height:65px; background-position:0 -82px;}



@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;}

.ewmbox{ margin:6.25% auto 0; }
}


@media screen and (max-width:720px){
.page{ padding-top:8%;}
.page h2{ font-size:30px; line-height:1.2em;}
.page .p_box{ padding-bottom:2%;}
.page .p_tit1{top:-10px;}
.page>p{ padding:1.5% 0 0; margin:0 auto;}
.page .p_f2>div p{ margin:0; }
.page .p_jt01{ display:none;}
.page .p_jt02{ display:none;}
.page .p_jt03{ display:none;}
.page .p_f5_w{ padding-right:0;}
.page p span.sp1{ margin:0 5px 0 0; float:left; display:inline-block;}
.page p span.sp2{ margin:0 5px 0 0; display:inline-block;}

.page .p_p1 p{ padding:0 2%;}
.p_nav{ display:none;}

.page .p_t1{ margin-top:2.5%;}
.page .p_t2{ margin-top:2.5%;}
.page .p_t5{ margin-top:2.5%;}

.page .p_f1{ float:none; width:100%; margin:0;}
.page .p_f2{ float:none; width:96%; margin:2.5% 2% 0;}
.page .p_f3{ float:none; width:100%; margin:0 0 2.5%;}
.page .p_f4{ float:none; width:100%; margin:2.5% 0 0;}
.page .p_f5{ float:none; width:100%; margin:2.5% 0 0;}

.ewmbox{ margin:0 auto; padding-bottom:5vw; }
.ewmbox>div{ float:none; width:100%; margin-top:6.25%;}

}

