﻿*{ margin: 0;padding: 0; }

body{ font-size: 16px; font-family: '微软雅黑', 'Microsoft Yahei'; color:#444;font-style: normal;min-width: 1200px;position:relative;}

img{ vertical-align: bottom;}

a{ color: #444;text-decoration: none;}

ul,ol{list-style: none;}

h1,h2,h3,h4,h5,h6{ font-style: normal; font-weight: normal;}

i,em,strong{ font-style: normal; font-weight: normal;}

.fl{float: left}

.fr{float: right}

.clear:after{content: '.';font-size:0;height: 0;visibility: hidden;display: block;clear: both;}

#warper{ max-width: 1920px; margin: 0 auto; }





.top{ background:#efefef; border-bottom: 1px solid #dbdfe1;}

.top_content{ max-width: 1200px; height: 40px; margin: 0 auto; color:#727272;}

.top_content span{ background: url("../image/heager_top_li.png") no-repeat 69px 4px; padding: 0px 9px;}

.top_content .text{    padding-top: 10px;}





.logo{ max-width: 1200px; height: 120px; margin: 0 auto; }

.logo .loft{ padding-top: 13px;}

.logo .by{ border-left: 1px solid #dbdfe1;    padding: 10px 10px;  margin-left: 20px;}

.logo .by p{ margin-bottom: 12px;    font-size: 20px; color: #777777;}

.logo .dh{ padding-top: 30px;}







nav{ max-width: 1920px; background: #286db7; height: 50px;}

.nav_con{ max-width: 1200px; margin: 0 auto;}

.nav_con ul{}

.i{background: url("../image/line.png") no-repeat 125px 2px;}

.nav_con ul .lli{ font-size: 16px; color: white;position: relative;   width: 129px; float: left; }

.nav_con ul li a{ color: white; width: 131px; display: block; line-height: 49px; text-align: center; height: 50px;}

.act{ background: #f3981b;    margin-left: -3px; }



.bxs{ width: 905px; position: absolute; z-index: 999; background: #f3f3f3;  left: -261px; }

.bxs ol{  float: left; border-right: 1px dashed #7f7e7e;margin: 10px 0px;  box-sizing: border-box; text-align: center;  padding: 0 20px;    height: 305px;  }

.bxs ol h2 a { color: #286db7; font-size: 20px;  width: 140px;}

.bxs ol h2 a:hover{text-decoration: underline; color: #286db7;}

.bxs ol li a{ color: #767676;}

.bxs ol li a:hover{  text-decoration: underline; color: #004c98;}

.sen{display: none;}

.bxss{background: #f3f3f3;position: absolute; z-index: 999;}

.bxss ol li{ border-bottom: 1px solid #e4e4e4;}

.bxss ol li a{ color:#6d6d6d; }

.bxss ol li a:hover{ color: #004c98; text-decoration: underline;}



.adress{ max-width: 1920px; background: #f0f0f0; height: 40px;}

.adre_con{ max-width: 1200px; margin: 0 auto;padding-top: 10px; color: #595857}

.adre_con span{ }

.adre_con i{ font-style: normal; color: #f3981b;}


.nyb{width:100%;height:200px;min-width:1200px;}



.link{ max-width: 1200px; margin: 40px auto;}

.link_text{width: 100px;}

.link_text span{text-transform :uppercase; display: block;}

.link_text .actve{}

.actve ul li{ display: inline-block; margin: 7px 14px;}

 .actve ul li a:hover{ text-decoration: underline; color: #286db7;}







footer{ background: #247F3A; height: 217px;}

.footer_con{max-width: 1200px; margin: 0px auto; padding-top: 10px;}

.footer_con .box1{ background: url("../image/li.png") no-repeat 241px 20px; width: 300px;}

.footer_con .box2{ color: white; text-align: center;background: url("../image/li.png") no-repeat 446px 20px;width: 450px; height: 170px;}

.footer_con .box2 p{ padding-top: 10px;}

.footer_con .box3{ margin: 26px auto; width: 200px; text-align: center;}
.footer_con .box4{ margin: 26px auto; width: 200px; text-align: center;}

.dnav{ background: #f3981b;  text-align: center; margin: 0 auto;}

.dnav ul li{ display: inline-block;}

.dnav ul li a{ color:  white; padding: 5px 32px;display: block; font-size: 16px;}









.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}

.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}

.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}

.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}

.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}

.side ul li img{float:left;}