@charset "utf-8";
/* CSS Document */


body { font-family:"微软雅黑";}
body, html,ul,a ,h1,span,p,h3,h4,li,img,dl,dt,dd{ margin: 0; padding: 0}
ul { list-style: none;}
a { text-decoration: none; }



.clear { clear:both; height:0; line-height:0; font-size:0;}
.box { width:1202px; margin:auto;}
.fl { float:left;}
.fr { float:right;}
.outer {zoom:1;}    /*==for IE6/7 Maxthon2==*/
.outer:after {clear:both; content:'.'; display:block; width: 0; height: 0; visibility:hidden;} 

/*头部*/
#top { width: 100%; margin:auto; border-bottom:1px solid #ccc;}
.top_line { background: #eb5404; height: 10px;}
.top_text { width: 1202px;  margin: auto; }
#logo { background:url(../img/logo.gif) no-repeat; width:190px; height:84px; float:left;}
#nav { float:right; height:84px; }
#nav ul { margin-top:37px;}
#nav li { float: left; width:130px; border-right:1px solid #ccc; height:15px; text-align:center; line-height:15px;}
#nav li:nth-of-type(7) { border:none; width:94px; margin-left:18px;}
#nav li:nth-of-type(1) { width:100px;}
#nav li a { color:#6e6d70; font-size:14px; display: block; transition:.5s;}
#nav li:hover a { text-decoration:underline; -webkit-transform:scale(1.2,1.2); } 
#nav li .active { color:#eb5404;}
	
/*轮播*/
#carousel { height:295px; }
#carousel li { width:100%; background:url(../img/carousel_li_img.gif) no-repeat;  height:450px; min-width:1202px;}

/*新闻中心*/
.news_wrap {  background:#eeeeee; width:100%; margin:auto;}
.news { position:relative; }
.news .news_title { height:61px; width:1204px; position:absolute; top:-26px;}
.news .news_title span { width:398px; height:61px; line-height:61px; display:block; float:left; cursor:pointer;text-align:center;border:1px solid #ddd;margin-left:-1px;color:#666;background:#fff}
.news .news_title span:hover,.news .news_title span.active{background-color:#eb5404;color:#fff;border-color:#eb5404}
.news .news_list { padding-top:65px;}
.news .news_list ul { margin-top:40px;  width:1250px; overflow:hidden;}
.news .news_list li { width:285px; height:423px; background:#fff; margin-right:20px; float:left; margin-bottom:20px; cursor:pointer;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;box-shadow:0 2px 3px rgba(0,0,0,0)}
.news .news_list li:hover { box-shadow:0 2px 3px rgba(0,0,0,0.2)}
.news .news_list .no_mar { margin-right:0px;}
.news .news_list li img {width:285px;height:200px}
.news .news_list li h3 { font-size:16px; line-height:20px;height:20px; overflow:hidden; color:#eb5404; margin-top:17px; margin-left:25px; margin-right:25px;}
.news .news_list li p { font-size:14px; line-height:25px;height:100px; overflow:hidden; color:#989898; margin-top:10px; margin-left:25px; margin-right:25px;}
.news .news_list li span { font-size:12px; line-height:25px; color:#626262; margin-top:35px; display:block; margin-left:25px; margin-right:25px;}
.news .news_btn { width:72px; height:72px; border-radius:50%; background:url(../img/news_btn.gif) no-repeat; cursor:pointer; position:absolute; left:566px; bottom:53px; transition:.5s; }
.news .news_btn:hover { transform:rotate(360deg);}


/*尾部*/
.foot_wrap { width:100%; margin:auto; height:295px; border-top:1px solid #e7e7e7;}
.foot_wrap .foot { margin-top:60px;}
.foot_wrap .foot dl { float:left; margin-left:90px;}
.foot_wrap .foot dl:nth-of-type(1) { margin-left:0;}
.foot_wrap .foot dt a { font-size:14px; line-height:30px; color:#626262;}
.foot_wrap .foot dd a { font-size:12px; line-height:30px; color:#999;}
.foot_wrap .foot dd:hover a { text-decoration: underline;}
.foot_wrap .foot .foot_inf { float:right; text-align:right;}
.foot_wrap .foot .foot_inf img {width:100px}
.foot_wrap .foot .foot_inf  p{ font-size:14px;  line-height:33.5px; color:#999; background:url(../img/foot_icon.gif) no-repeat 15px 5px;}
.foot_wrap .foot .foot_inf span { font-size:24px; line-height:54.7px; color:#f07124; font-family:Impact; margin-left:12px;}

.botton { width:100%; margin:auto; background:#eb5404; height:53px;}
.botton_text { line-height:53px; text-align:center; height:53px;}
.botton_text p,.botton_text span { font-size:12px; line-height:30px; color:#fff; margin-top:15px;}
.botton_text p { float:left;}
.botton_text span { float:right;}
.botton_text span a{color:#fff}

/*侧边导航*/
.side { width:40px; height:202px; position:absolute; right:0; top:40%; position:fixed;}
.side ul { width:40px; height:202px;}
.side li { height:40px; width:40px;   border-radius:50%; background:rgba(235,84,4,0.8);   margin-top:10px;}
.side li a {    background:url(../img/side_bg.png); display:block; height:40px; width:40px; }
.side .side1 a { background-position:0 -7px;}
.side .side2 a { background-position:0 -57px;}
.side .side3 a { background-position:0 -106px;}
.side .side4 a { background-position:0 -154px;}





.n_main .title{ position:relative;border-bottom:1px solid #ddd;padding-bottom:10px;}
.n_main .title .h2{width:1000px;line-height:30px;font-size:24px;color:#333; font-weight:normal}
.n_main .title .p1{width:1000px;margin-top:10px; height:24px; line-height:24px; font-size:12px; color:#999}
.n_main .title .qrcode {position:absolute;right:0;bottom:10px;font-size:12px;line-height:20px}
.n_main .title .qrcode .wenzi{margin-top:35px}
.n_main .title .qrcode .code{width:70px;height:70px}
.n_content{ line-height:26px; color:#666; overflow:hidden;}
.n_content img{ max-width:1200px; overflow:hidden;}
.n_main { position:relative;width:1200px;margin:auto;}

/*********      page      ***************/
#page{ width:1200px;padding:5px 0;overflow:hidden;margin:auto;margin-top:20px}
#page .page_info{ text-align:center}
#page .page_info select{display:none;}
#page .page_info span,#page .page_info a{padding:8px 14px;font-size:14px;margin:0 5px;border:none;background:#fff;border:1px solid #ddd;border-radius:4px; line-height:30px;color:#666;}
#page .page_info span.nolink {color:#ccc ;background:#fff;border:1px solid #f1f1f1;}
#page .page_info span{background-color:#eb5404;border:1px solid #eb5404;}
#page .page_info span font{ color:#fff; font-weight:normal;*padding:0; *width:8px; *height:10px; font-size:14px;font-weight:bold}
#page .page_info a:hover{ background-color:#eb5404;color:#fff;border:1px solid #eb5404;}

/** prev next button ***/
.pn{ padding-top:40px;margin:auto; width:1200px;line-height:30px; overflow:hidden;border-top:1px solid #ddd;color:#666}
.pn a{color:#666}
.pn_l{text-align:left; font-size:14px; overflow:hidden;}
.pn_l a:hover{color:#eb5404;}
.pn_r{ text-align:left;font-size:14px; overflow:hidden;}
.pn_r a:hover{color:#eb5404;}