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


/*公共样式*/
*{ margin:0; padding:0;}
ul li{ list-style:none;}
body{ font-size:14px;  color:#343434; font-family:"Microsoft Yahei"; background: url(../images/bodyBg.png) no-repeat; background-size:100%;}
input, select, textarea{ font-size:12px; font-family:"Microsoft Yahei"; }
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
a img{ border:0;}
.top20{ margin-top:20px;}
.top40{ margin-top:40px;}
.top50{ margin-top:50px;}
.top60{ margin-top:60px;}
.top70{ margin-top:70px;}
.clear{ clear:both;}
.main{ width:1200px; margin:0 auto;}

/*头部*/
.header{ width:100%; float:left;}
.headerMain{ width:100%; float:left;}

.headerLeft{ width:600px; float:left;}
.headerLeft .logo{ width:79px; float: left; margin-top:35px;}
.headerLeft .line{ width:2px; float: left; margin-left:30px; margin-top:45px;}
.headerLeft .notice{ width:450px; float:left; margin-left:30px; margin-top:50px;font-size: 18px;}
.headerLeft .notice ul{ width:100%; float:left;}
.headerLeft .notice ul li{ width:94%; float:left; padding-left:6%; background: url(../images/noticeBg.png) no-repeat 0 center; height: 40px; line-height: 40px;}
.headerLeft .notice ul li a{ color:#31448a;}
.headerLeft .notice ul li a:hover{ color:#e65709;}

.headerRight{ width:600px; float:right;}
.headerRight .lan{ width:140px; float:right; text-align: right; margin-top:20px;}
.headerRight .lan a{ color:#343434; float:left; padding:0px 10px;}
.headerRight .lan a:hover{ color:#e65709;}
.headerRight .lan a:last-child{padding-right:0px;}

.headerRight .tel, .headerRight .info, .headerRight .business{ width:100%; float:left; margin-top:15px; text-align: right;}
.headerRight .tel span{ font-size:16px; font-weight: bold; color: #31448a;}
.headerRight .business{ color: #31448a;}




/*导航*/
.nav{ width:100%; float: left; background: #31448a; line-height: 50px; margin-top: 20px;}
.nav ul{ width:100%; float: left;}
.nav ul li{ width:133.3px; float: left; text-align: center; font-size: 16px; font-weight: bold;}
.nav ul li a{ color:#fff; display: block;}
.nav ul li a:hover, .nav ul li .cur{ color:#fff; display: block; background: #e65709;}

/*banner*/
.banner{ width:100%; float:left; }
.contactBg{ background:url(../images/contactBg.png) no-repeat center; height: 450px;}
.newsBg{ background:url(../images/newsBg.png) no-repeat center; height: 450px;}
.aboutBg{ background:url(../images/aboutBg.png) no-repeat center; height: 450px;}
.hrBg{ background:url(../images/hrBg.png) no-repeat center; height: 450px;}
.kdBg{ background:url(../images/kdBg.png) no-repeat center; height: 450px;}
.serviceBg{ background:url(../images/serviceBg.png) no-repeat center; height: 450px;}
.hwccBg{ background:url(../images/hwccBg.png) no-repeat center; height: 450px;}




/*content*/
.content{ width:100%; float:left;}
.contentMain{ width:1148px; float:left; padding:0px 25px 25px; background: #fff;  border:1px solid #ddd; border-radius: 0px 0px 10px 10px;}
.contentMain2{ width:1150px; float:left; padding:0px 25px 25px;}
.contentMain3{ width:1150px; float:left; padding:0px 25px 0px;}

.channel{ width:1120px; float: left; margin-top:40px;  padding-left: 28px; line-height: 40px; background: url(../images/channelBg.png) no-repeat 0 center; border-bottom: 1px solid #ddd;}
.channel3{ width:1120px; float: left;  padding-left: 28px; line-height: 40px; background: url(../images/channelBg.png) no-repeat 0 center; border-bottom: 1px solid #ddd;}
.channel4{ width:345px; float: left;  padding-left: 20px; line-height: 40px; background: url(../images/channelBg.png) no-repeat 0 center; border-bottom: 1px solid #ddd;}
.channel5{ width:535px; float: left;  padding-left: 20px; line-height: 40px; background: url(../images/channelBg.png) no-repeat 0 center; border-bottom: 1px solid #ddd;}
.channel2{ width:535px; float: left; padding-left: 20px; line-height: 40px; font-size:18px; background: url(../images/channelBg.png) no-repeat 0 center; border-bottom: 1px solid #ddd;}
.channel2 a{ float:right; font-size: 14px; color:#999; text-transform: uppercase;}
.channel2 a:hover{ color:#31448a;}

.channels{ width:100%; float:left; margin-top:40px;}
.channels ul{ width:100%; float:left;}
.channels ul li{ width:160px;float:left; margin-right:40px; text-align: center;font-size: 16px; font-weight: bold; line-height:48px;  }
.channels ul li a{ display: block; color:#e65709; border:1px solid #31448a; border-radius: 10px;}
.channels ul li a:hover, .channels ul li .cur{ display:block; background: #31448a; color:#fff; border-radius: 10px; border:none; height:50px;}

.pages{ width:390px; float:right; margin-top:20px;}
.pages ul{ width:100%; float:left;}
.pages ul li{ width:30px; float: left; margin-left:20px; line-height: 30px; text-align: center;}
.pages ul li a{ display: block; background: #f5f5f5; color: #fff;}
.pages ul li a:hover, .pages ul li .cur{ background: #31448a; color: #fff; }

.page{ border-top:1px solid #31448a; padding-top:10px;}
.page, .page ul{ width:100%; float:left;}
.page ul li{ width:50%; float: left;}
.page ul li:first-child{ text-align:left;}
.page ul li:last-child{ text-align:right;}
.page ul li a{ color:#343434;}
.page ul li a:hover{ color:#31448a;}

.BlueChannel{ width:100%; float:left; text-align: center; font-size: 32px; color:#31448a;}
.grayBg{ background:#f5f5f5; padding-top:40px;}
.whiteBg{ background:#fff; padding-top:40px;}




/*尾部*/
.footer{ width:100%; float:left; background:#f5f5f5; border-top:5px solid #31448a; margin-top:60px;}
.footerMain{ width:100%; float:left; margin-top:30px; margin-bottom:30px;}
.footLeft{ width:300px; float:left;}
.footLeft p{ width:100%; float:left; line-height: 24px;}
.footLeft div{ width:100px; float:left; margin-top:15px; height:15px; border-top:1px solid #e65709;}

.footRight{ width:765px; float:right;}
.footRight ul{ width:100%; float:left;}
.footRight ul li{ float: left; font-weight: bold;}
.footRight ul li a{ color:#343434;}
.footRight ul li a:hover{ color:#e65709;}
.footRight ul .li2{ padding:0px 15px;}
.footCopy{ float:right; text-align: right; margin-top:30px;}
.footCopy p{ line-height:25px;}
.footImg{ width:90px; float: right; margin-top:35px; text-align: right;}


/*客服*/
#floatDivBoxs{width:145px;background:#fff;position:fixed;top:250px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#e71437;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px 20px;}
#floatDivBoxs .floatDqq li{height:135px;line-height:40px;font-size:14px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDqq li img{ width:100px;}
#floatDivBoxs .floatDqq li a{ color:#666;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#666;padding:12px 14px;}
#floatDivBoxs .floatDtel{ padding:0 0 15px 10px;}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:250px;right:140px;z-index:999;}
#rightArrow a{display:block;height:45px;}