@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 12px/200% "微软雅黑"; color:#333333;text-align:center;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 12px/200% "微软雅黑";}
li,p{text-align:left;font:normal 12px/200% "微软雅黑";}
a:link,a:visited{color:#333333; text-decoration:none;}
a:hover{color:#333333; text-decoration:underline;}
img{ border:none;}
ol,ul,li{list-style:none;}
em,i{ font-style:normal;} 
/*clear*/
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*other*/
h1,h2,h3,h4,h5,h6{ text-align:left;font:normal 12px/200% "微软雅黑";}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.m10{ margin:10px auto;}
.w1200{ width:1200px;}
.list_14 li{ background:url(images/dot.gif) no-repeat 0 12px; padding-left:12px;font-size:14px;}
.list_12 li{ background:url(images/dot.gif) no-repeat 0 8px; padding-left:12px;}
.fl{ float:left;}
.fr{ float:right;}
.white,.white a:link,.white a:visited,.white a:hover{ color:#fff;}
/*top*/
.top01{ height:832px; background:url(images/top.jpg) top center no-repeat;}
.nav01{ font-size:20px; margin:755px auto 0;}
.nav01 a{ padding:0 20px;}

.title_h1{ font-size:38px; margin:20px auto; font-weight:bold;}
.title_h1 em{ font-size:30px; background:#f9930e; padding:3px 12px; margin-right:20px;}

h2{ color:#43acdc; font:bold 22px/200% "微软雅黑"; color:#43acdc;}
/*p1*/
.p1_con{ margin:0 auto 30px;}
.p1_con .left{ width:420px; padding-top:8px;}
.p1_con .center{width:420px; margin-left:40px;}
.p1_con .right{ width:280px;}

.p1_con .center ul{}
.p1_con .center ul li{ font-size:18px; line-height:36px; width:420px; float:left;}
.p1_con .center ul li em{ background:url(images/icon01.png) center no-repeat; width:42px; height:18px; line-height:18px; display:block; text-align:center; float:left; margin-right:10px; margin-top:10px; font-size:12px;}
.p1_con .center ul li a{ float:left; font-size:18px;}


#box5{width:280px;margin:8px auto 0 auto;position:relative;}
#box5 ul li{position:absolute;line-height:160%;}
#box5 ul li img{display:block;}
#box5 ul li p{ background:#2496ca; font-size:18px; padding:8px 10px;}

#box5 ol{position:absolute;top:256px;left:110px;}
#box5 ol li.active{ background:url(images/icon03.png) no-repeat;display:block;}
#box5 ol li{background:url(images/icon02.png) no-repeat;float:left;text-align:center;height:11px;width:11px;cursor:pointer;padding:0 5px;text-indent:-9999px;}
/*p2*/
.p2_con{ margin:0 auto 30px;}
.p2_con .left{ width:880px;}
.p2_con .right{ width:280px;}
.p2_con .left div{ width:420px;}
.p2_con .left div dl{ margin-top:20px;}
.p2_con .left div dl dt{ width:160px; float:left;}
.p2_con .left div dl dd{ font-size:14px; width:220px; float:left; height:155px; padding:10px 20px;}
.p2_con .left div dl dd b{ display:block; font-size:18px; font-weight:normal;}
.p2_con .left div dl.t01 dd{ background:#2496ca;}
.p2_con .left div dl.t02 dd{ background:#78c30b;}
/*p3*/
.p3_con h2{ margin-bottom:20px;}

.icon{	display:inline-block}
.mod-focus .focus_list li{float:left;display:inline}

.main:after, .main:before{content:"";display:table}
.main:after{clear:both}
.main {	width:1000px;margin-left:auto;margin-right:auto}
.icon {	text-indent:-999em;	width:20px;	height:20px;background-image:url(images/icon.png);background-repeat:no-repeat;display:inline-block}
.icon-arrowL-gray {	width:20px;	height:30px;background-position:0 -30px}
.icon-arrowR-gray {	width:20px;	height:30px;background-position:-20px -30px}
.mod-focus {position:relative;	margin-bottom:20px;	overflow:hidden}
.mod-focus .focus_list {height:500px}
.mod-focus .focus_list li {	position:relative;	width:1000px;	height:100%}
.mod-focus .focus_list li img {	width:100%;	height:100%}
.mod-focus .focus_list li .link {	display:block;	width:100%;	height:100%}
.mod-focus .focus_list li .f_slogan {	position:absolute;	top:85px;	width:100%;	text-align:center;	font-size:24px;	color:#fff;	text-shadow:0 2px 5px rgba(0, 0, 0, .5)}
.mod-focus .focus_list li .f_slogan .f_tle {	display:inline-block;	font-size:36px;	border-bottom:1px solid #fff}
.mod-focus .focus_page {	position:absolute;	bottom:0;	left:0;	right:0;	text-align:center}
.mod-focus .focus_page a {	display:inline-block;	text-indent:-99em;	width:8px;	height:8px;	margin:0 2px;	border-radius:50%;	background-color:#fff}
.mod-focus .focus_page a.selected {	background-color:#8d50ad}
.mod-focus .f_arr_next, .mod-focus .f_arr_prev {position:absolute;	top:50%;	width:40px;	height:60px;	line-height:60px;	text-align:center;	margin-top:-30px;	color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#33000000', endColorstr='#33000000');	background-color:rgba(0, 0, 0, .2)}
.mod-focus .f_arr_prev {left:0}
.mod-focus .f_arr_next {right:0}
.mod-focus .focus_cover .focus_container {	position:relative;	width:3000px;	margin-left:-1000px}
.mod-focus .focus_cover .f_cover {	position:absolute;	top:0;	width:1000px;	height:100%;	z-index:30;	color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#61000000', endColorstr='#61000000');	background-color:rgba(0, 0, 0, .38)}
.mod-focus .focus_cover .f_cover.coverL {left:0}
.mod-focus .focus_cover .f_cover.coverR {right:0}
.mod-focus .focus_cover .focus_opts {position:absolute;	top:50%;	left:50%;	width:1000px;	margin-left:-500px;	z-index:30}
.mod-focus {height:394px}
/*p4*/
.p4_con{ margin:30px auto;}
.p4_con h2{ margin-bottom:20px;}
.p4_con p{ display:block;}
.p4_con p em{ display:none; background:url(images/bg.png);}
.p4_con p:hover em{ display:block; position:absolute;}
.p4_con p img{ display:block; position:relative; z-index:0;}

.p4_con .pic01{ width:310px;}
.p4_con .pic01 p{ width:310px; display:block; margin:0 0 10px 0; position:relative;}
.p4_con .pic01 p.t01{ height:280px;}
.p4_con .pic01 p.t01 img{ position:relative; z-index:1;}
.p4_con .pic01 p.t01 em{ display:none;}
.p4_con .pic01 p.t01 span{ padding:40px 20px; display:block; font-size:16px; line-height:220%;}
.p4_con .pic01 p.t01:hover em{width:310px;height:280px;display:block; position:absolute; z-index:10; top:0; left:0;}

.p4_con .pic01 p.t02{ height:180px;}
.p4_con .pic01 p.t02 em{ display:none;}
.p4_con .pic01 p.t02:hover em{ width:310px; display:block; height:180px; position:absolute; z-index:10; top:0; left:0;}
.p4_con .pic01 p.t02 span{ padding:40px 20px; display:block; font-size:16px; line-height:220%;}

.p4_con .pic02{ width:890px;}
.p4_con .pic02 p{ float:left; margin:0 0 10px 10px; position:relative;}
.p4_con .pic02 p em{ position:absolute; top:0; left:0; display:none; width:100%; height:auto;}
.p4_con .pic02 p em span{ font-size:16px; line-height:220%; display:block;}
.p4_con .pic02 p:hover em{ display:block;}
.p4_con .pic02 p.t03 em{ height:180px;}
.p4_con .pic02 p.t03 em span{ padding:30px 20px;}
.p4_con .pic02 p.t04 em{ height:280px;}
.p4_con .pic02 p.t04 em span{ padding:40px 20px;}

.copyright{ text-align:center; padding:50px 0;}
.qikan{width:280px;margin:20px auto 0;}
.qikan ul{display:block; width:280px;}
.qikan ul li{float:left; cursor:pointer; width:282px; float:left; border-bottom:#e6f0f6 2px solid; margin-bottom:4px;}
.qikan ul li p{float:left;display:none;width:280px;line-height:180%;height:150px;}
.qikan img.fl{margin:25px 0 0 13px;}
.qikan ul li span{display:inline-block;float:left;width:272px;text-align:left;font-size:18px;line-height:50px; height:50px; overflow:hidden; padding-left:8px;}
.qikan ul li p img{float:left;}
.qikan ul li:hover span,.qikan ul li span.t01{ color:#fff; background:#2496ca;}
.qikan ul li:hover span a,.qikan ul li span.t01 a{ color:#fff;}