@charset "utf-8";
*{margin: 0px;padding: 0px;font-weight:100;}
*{transition: all 1s;  } 
img {
	border: none;
}
a {text-decoration: none;}
.clear{ clear:both;}
html,body{width:100%; height:100%}
body{ background:#ecebe9; }
.f12,.f14,.f16,.f18,.f20,.f24{ font-weight: normal; color: #333333; font-family: "Microsoft YaHei","Î¢ÈíÑÅºÚ";}
.f12{ font-size: 12px; font-family: "STSong","å®‹ä½“";}
.f14{ font-size: 14px;}
.f16{ font-size: 16px;}
.f18{ font-size: 18px;}
.f20{ font-size: 20px;}
.f24{ font-size: 24px;}
/*----------index mobile begin------------*/
.html_header{ width:100%; height:78px; background:#f2f2f2; position:fixed; top:0px; left:0px; z-index:1; box-shadow:2px 2px 2px #CCCCCC;}
.html_nav{ height:100%; width:140px; background:#323232; position:fixed; left:0px; top:0px; z-index:2;}
.html_content{padding:115px 85px 0 230px;}
.html_content dl{ width:19%;  background:#fff;float:left; margin:10px 5px;}
.html_aside{ width:50px; height:90px; position:fixed; top:55%; right:25px; overflow:hidden;}
/*----------index mobile end------------*/
/*index harder*/
.html_header section{ float:left; height:100%; border-right:1px solid #e3e3e3;}
.header_logo{width:270px;  margin-left:230px;}
.header_logo p{ font-size:18px; font-family:"Î¢ÈíÑÅºÚ"; margin-top:30px;  color:#515151; margin-left:20px; padding-left:15px; border-left:1px solid #dedede; float:left; height:22px; line-height:22px;}
.header_logo img{ height:60px; padding-top:10px; float:left; cursor:pointer;}
.header_zh_ph{width:470px;}
.header_zh_ph p{ width:33.3%; float:left; padding-top:32px; text-align:center; font-size:12px;}
.header_zh_ph p img{ vertical-align:middle; padding:0 4px;}
.header_zh_ph p a{ color:#5081d2;}
.header_zh_ph p.up a{ color:#5bad3e;}
.header_zh_ph p.down a{ color:#ff4747;}
.header_jt_ph{width:400px;}
.header_jt_ph div{text-align:center; float:left; font-size:12px; height:34px; width:32%; margin:30px 0.3% 0 0.6%}
.header_jt_ph .paiming{ border-right:1px solid #dedede;}
.header_jt_ph .paiming a{ color:#333;}
.header_jt_ph .paiming img{ width:30px; border-radius:30px; box-shadow:1px 1px 2px #333; border:1px solid #fff; float:left; margin:0 10px;}
.header_jt_ph .paiming span{ float:left;}
.header_jt_ph .paiming span.no{ color:red;}
.header_jt_ph .paiming span span{ float:none; color:red;}
.header_jt_ph .all_ph a{ color:#5081d2;}
.header_jt_ph .all_ph{ padding-top:15px;}
.header_search{ width:270px;}
.header_search .boxridio{ width:220px; height:28px; margin:30px auto 0 auto; padding-left:30px;}
.header_search .boxridio input{ height:28px;}
.header_search .boxridio input.submit{ width:60px;  border-radius:0 30px 30px 0; background:#464646 url(../images/sousuo_03.png) center center no-repeat; border:none; float:right; vertical-align:middle;}
.header_search .boxridio input.text{ height:26px; width:118px; border-radius:30px 0 0 30px; border:1px solid #CCC; padding:0 30px 0 10px; float:left; vertical-align:middle;}
/*index nav*/
.html_nav{ font-family:"Î¢ÈíÑÅºÚ";}
.nav_begin{ height:63px; background:#2a2a2a; padding-right:20px; padding-top:15px; text-align:right; }
.nav_begin .p1{ font-size:20px; color:#f2ec48; line-height:20px;}
.nav_begin .p2{ font-size:28px; color:#636363; line-height:28px;}
.nav_geren{ text-align:center;}
.nav_geren .huiyuan_pic img{width:85px; height:85px; border-radius:85px; margin-top:20px; box-shadow:2px 2px 2px #000; border:2px solid #fff; transition:transform 1s;}
.nav_geren .huiyuan_pic img:hover{ transform:rotate(-20deg);}
.nav_geren a{ font-size:14px; color:#fff; line-height:30px;}
.nav_geren .geren_but{ width:100px; height:35px; margin:20px auto;}
.nav_geren .geren_but a{ cursor:pointer; display:block; width:100%; height:100%;  background:#e22e2e; border-bottom:2px solid #9c1515; border-radius:2px;}
.nav_geren .geren_but a:hover{}
.nav_geren .geren_but a:active{background:#9c1515;}
.navlist{ text-align:center; border-bottom:1px solid #3c3c3c; margin-top:10px;}
.navlist li{line-height:36px; height:36px; border-top:1px solid #3c3c3c; list-style:none; cursor:pointer}
.navlist li a{ display:block; width:100%; height:100%; color:#898888; font-size:14px;}
.navlist li a:hover{ color:#fff;}
.navlist li.on a{ border-left:5px solid #e22e2e; color:#fff;}
/*next pre page*/
.html_aside a{ display:block; width:100%; height:100%; font-size:12px; color:#fff; font-family:"Î¢ÈíÑÅºÚ"; text-align:center; }
.html_aside p{border-radius:3px;}
.html_aside .scrolltop{ height:33%; margin-bottom:6%; background:#7d7d7c url(../images/pngpic_03.png) center center no-repeat; cursor:pointer;}
.html_aside .pre,.html_aside .next{margin-bottom:1px;  background:#e22e2e;  height:25%; line-height:20px;}
.html_aside .pre:hover,.html_aside .next:hover{ background:#484847;}
.html_content dl dt{ width:96%; padding:2%;}
.html_content dl dt img{ width:100%; height:180px;}
.html_content dl dd{width:84%; padding-left:8%;}
.html_content dl .ct_title a{ font-family:"Î¢ÈíÑÅºÚ"; font-size:14px; color:#666666;}
.html_content dl .ct_lb a,.html_content dl .ct_listtime a{ font-size:12px; line-height:25px; color:#7d7d7d;}
.html_content dl .ct_sx span{ padding:0 20px; font-size:12px; color:#9e9e9e;}
.html_content dl .ct_zuozhe{ width:auto; height:42px; border-top:1px solid #eaeaea; background:#f8f8f8; line-height:42px; padding:0 8%; font-size:14px; font-family:"Î¢ÈíÑÅºÚ"; color:#666;}
.html_content dl .ct_zuozhe a{ float:right; color:#c6c6c6;}
.html_content dl .ct_sx .s1{ background:url(../images/spic_06.png) left center no-repeat;}
.html_content dl .ct_sx .s2{ background:url(../images/spic_08.png) left center no-repeat;}
.html_content dl .ct_sx .s3{ background:url(../images/spic_03.png) left center no-repeat;}
.bigtitle{ font-size:35px; text-align:center; font-family:"Î¢ÈíÑÅºÚ"; line-height:2em; clear:both; color:#666}
.heise{ width:100%; height:100%; background:url(../images/tm.png); position:fixed; left:0; top:0; z-index:100; display:none}
.heise .box_pr{ width:60%; position:absolute; left:50%; top:50%; height:60%;}
.heise .box_cd{ width:100%; height:100%; overflow:hidden; position:absolute; left:-50%; top:-50%; background:#fff; border-radius:5px;}
.heise .close{ text-align:right;  height:40px; position:absolute; top:-50%; margin-top:-17px; left:50%; margin-left:-25px; z-index:101}
.heise .close img{ padding:5px;cursor:pointer;}
.lxw{ text-align:center; position:relative; height:100%;background:#E5EDF2;}
.lxw ul{ width:400px; position:absolute; top:40%; left:50%; margin-left:-200px; margin-top:-3em;}
.lxw ul li{ list-style:none; height:2em; line-height:2em; font-size:30px;}
.lxw ul li.li1{ width:30%; float:left; text-align:right}
.lxw ul li.li2{ width:65%; float:left; text-align:left; padding-left:5%;}
.listnewsbox{ background:#fff; min-height:800px; padding:10px 30px;}
.listnewsbox .title{ line-height:4em; border-bottom:1px solid #ddd;}
.listnewsbox .title p span{ padding-right:30px; display:inline-block;}
.listnewsbox .title p a{ color:#666; font-weight:bold}
.listnewsbox .title p a:hover{ color:red}
.listnewsbox .wenben{ line-height:2em; padding:10px 0}
.listnewsbox .wenben img{ margin-left:-2em;}
.listnewsbox .wenben_pc img{ width:100%; max-width:1000px; display:block; margin:0 auto;}
.listnewsbox .wenben_phone img{ width:100%; max-width:420px; display:inline-block;}
.listnewsbox .wenben p{ text-indent:2em; padding:5px 0}
.listnewsbox .newsshow{line-height:30px;padding-top:15px;} 
.body2{ background:#fff}
.about .box{ position:relative; height:100%;}
.picl{ position:absolute; left:0; top:0;  width:100%;}
.picl img{ max-width:100%; width:100%;}
.piclist2 img{ width:42%; margin:4% auto; display:block}
.about .piclist2,.about .piclist1,.about .piclist3{ transition:all 0s ease 0s;}
.about .box .chengkai{  filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;  width:100%;}
.about .text{ padding-bottom:100px; font-family:"Î¢ÈíÑÅºÚ"; font-size:16px; line-height:2em; padding:0 10% 100px 10%}
.about .text p{ text-indent:2em}
.about .text .bigtitle{ color:#333}
@media screen and (max-width: 1600px) {
 .html_content dl{ width:23%;}
 .html_content{padding:115px 85px 0 220px;}
 .header_jt_ph{ display:none;}
 .header_zh_ph{ width:30%;}
 .header_logo{ margin-left:20%;}
} 
@media screen and (max-width: 1126px) {
 .html_aside{right:10px;}
 .html_content{ padding:100px 45px 0 175px;}
 .html_content dl{ margin:5px 3px;  width:45%;}
 .header_zh_ph{ display:none;}
 .header_logo{ margin-left:23%;}
 .header_search { padding:0 3%;} 
 .header_search .boxridio{width:240px;}
 .header_search .boxridio input.text{width:138px;}
}
@media screen and (max-width: 768px) {
 .html_nav{ width:80px;}
 .html_content{ padding:100px 20px 0 100px;}
 .html_content dl{ width:98%;}
 .html_aside{width:180px; height:40px; top:auto; bottom:0; left:50%; margin-left:-90px;}
 .header_search{ display:none;}
 .header_logo{width:50%;  margin-left:40%;}
 .html_header section{ border-right:0;}
 .nav_begin{ padding-right:10px; font-weight:bold;}
 .nav_begin .p1{ font-size:14px;}
 .nav_begin .p2{ font-size:18px;}
 .nav_geren .huiyuan_pic img{ width:50px; height:50px; margin-top:10px; border-radius:0px;}
 .nav_geren a{ font-size:12px;}
 .nav_geren a img{ width:18px;}
 .nav_geren .geren_but{ width:70px; height:30px; margin:8px auto;}
 .navlist li a{ font-size:12px;}
 .html_aside{overflow:hidden;}
 .html_aside .pre,.html_aside .next,.html_aside .scrolltop{ height:80%; width:30%; float:left; margin:2% 1.6%; line-height:32px;} 
 .bigtitle{ font-size:26px}
 .heise .box_pr{ width:90%;}
 .listnewsbox .title p span{ display:inline-block; width:100%;}
}
@media screen and (max-width: 480px) {
 .html_content{ padding:60px 10px 0 90px;}
 .html_header{ position:static; }
 .html_nav{position:static;  width:100%; min-height:50px; height:auto}
 .html_content{ padding:10px 10px 0 10px;} 
 .nav_begin{ display:none;} 
 .nav_geren .huiyuan_pic{ width:30%; float:left;}
 .nav_geren .huiyuan_pic img{ width:60%; height:auto; min-width:60px; min-height:60px;}
 .nav_geren p{ width:65%;float:left;}
 .nav_geren p a{ font-size:22px;}
 .nav_geren .geren_but{ width:40%; float:left; padding-left:10%;}
 .navlist li{ width:50%; float:left; box-shadow:1px 1px #3c3c3c;} 
 .bigtitle{ font-size:18px}
 .about .text .bigtitle{ font-size:20px}
 .header_logo{ margin-left:10px; width:auto; min-width:240px;}
 .about .text{ font-size:14px}
 .lxw ul{ width:220px; margin-left:-110px;}
 .lxw ul li{ font-size:18px}
}
/*·ÖÒ³ÑùÊ½*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}
/*ÄÚÈÝ·ÖÒ³*/
.contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.contPage a{display:inline-block;color:#898989;background:#fff;text-align:center;padding:0 7px;margin:0 1px;}
.contPage a:hover{color:#fff;background:#898989;}
.contPage a.on{color:#333;background:#E5EDF2;border:1px solid #C2D5E3;}
/*zsh20150209*/
.newstype{margin:10px 0px 30px 0px;}
.newstype span{background:#E5EDF2; border:1px solid #C2D5E3; display:inline-block; padding:5px 15px;  margin:3px;}
.newstype span a{color:#999; font-weight:bold;font-size: 16px;}
.newstype span a.on{color:#E22E2E; font-weight:bold;font-size: 16px;}

/*20150210*/
.newsa{margin-top:20px;}
.newsa span{color:#E22E2E;font-weight:bold;}
.newsa a{color:blue;}
.preNext{ padding:10px 0px;}
.preNext ul li {color:#999; padding:5px 0px; font-weight:bold}
.preNext ul li a{color:#666; font-weight:bold}


.timeline-content p img{width:60%; text-align:center;}



