@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 12px/200% "宋体"; color:#000000;text-align:center; background:url(images/bg.gif);}
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:#000000; text-decoration:none;}
a:hover{color:#000000; 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;}
.w980{ width:980px;}
.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;}

/*top*/
.top01{ height:41px; background:#fff; overflow:hidden;}
.top01 em{ float:left;}
.top01 i{ float:right; line-height:41px;}
.top01 i a{ padding:0 8px;}
.top02{ background:url(images/top_b.jpg) top center no-repeat; height:260px; overflow:hidden; position:relative;}
.top02 a{ display:block; width:160px; height:50px; position:absolute; top:180px; left:120px;}

.con_text{ width:984px; margin:-440px auto 12px;}
.con_text .fl{ background:#fff; border:#eeeeee 1px solid; width:602px; padding:10px 10px 10px 15px;}
.con_text .fr{ background:#fff; border:#eeeeee 1px solid; width:344px;}
.con_text .fl h1{ font:normal 24px/220% "微软雅黑";}
.con_text .fl .tool{ height:25px;}
.con_text .fl .tool h5{ float:left; color:#5d5d5d; font:normal 14px/25px "微软雅黑";}
.con_text .fl .tool h5 img{ vertical-align:middle; margin-right:10px;}
.con_text .fl .tool .fx{ float:right;}
.con_text .fl .pic{ margin:25px auto; width:600px;}
.con_text .fl .pic img{ width:600px; height:auto;}
.con_text .fr .erweima{ text-align:center; padding:70px 0 40px; font:normal 16px/200% "微软雅黑";}
.con_text .fr .erweima img{ display:block; margin:0 auto 15px;}
.con_text .fr h2{ font:normal 60px/57px "微软雅黑"; color:#dbdbdb; border-left:#3cc1fc 3px solid; padding-left:10px; margin:0 auto 10px 20px; height:57px;}
.con_text .fr .list_pic{ width:300px; margin:0 auto; padding-bottom:20px;}
.con_text .fr .list_pic li{ text-align:center; font:normal 14px/200% "微软雅黑";}
.con_text .fr .list_pic li img{ display:block; margin:20px auto 0px;}

.copyright{ text-align:center; margin:25px auto;}

.go_top{ position:fixed;_position:absolute;background-position:0 -40px;display:block;width:76px; height:76px; background:url(images/icon02.gif) no-repeat;right:18px;_right:-47px;bottom:32px;filter:Alpha(Opacity=70); opacity: 0.7;-moz-opacity:0.7;}
.go_top:hover{filter:Alpha(Opacity=100); opacity: 1;-moz-opacity:1;}

.head{width:1000px;height:450px;margin:0 auto; /*position:relative;*/}
.sideNav{position:fixed;z-index: 9999;}
.sideNav li{ width:111px; height:46px; text-align:center; margin-bottom:2px; }
.followScroll{width:111px;height:450px;position: absolute;top:10px;left:-1000px;*left:-500px;_position:absolute;left:0;_top:expression(eval(document.documentElement.scrollTop)+20);}
.followScroll ul{width:111px; height:450px; top:0px; left:-105px; position:absolute;}

.top02 div.w980{position:relative;}
.top02 a{left:40px;}

.con_text .fl .tool{height:auto;}

/*20160721*/
.followScroll{left:-105px;}
.followScroll ul{left:0;}

/*20180622*/
.con_text .fl .pic .edit {
    text-align: right;
    margin: 20px auto;
    font-size: 14px;
}

	   /* MEDIA QUERIES Mobile phone
---------------------------------------------------------------------- */	   
	   
@media (min-device-width:320px) and (max-width:689px),
       (max-device-width:480px) and (orientation:portrait),
	   screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (-o-device-pixel-ratio : 1.5) ,only screen and (min-device-pixel-ratio : 1.5) 
	   {
		   .w980{ width:100%;}
.con_text{ width:100%; margin:12px auto;}
.top02{ background:url(images/top_s.jpg) top left no-repeat; height:260px; overflow:hidden; position:relative;}
.top02 a{ display:block; width:160px; height:50px; position:absolute; top:180px; left:40px;}

.con_text .fl{ width:92%; float:none; margin:0 auto;}
.con_text .fl .pic{ width:100%;}
.con_text .fl .pic img{ width:100%; height:auto;}
.con_text .fr{ width:99%; float:none; margin:10px auto;}
.head,.go_top{ display:none;}

.top02{display:none;}
.con_text .fr h2{display:none;}
.con_text .fr .list_pic{display:none;}
}