﻿@charset "utf-8";

/* style.css */
header, section, footer, aside, nav, main, article, figure { display: block }
strong { font-weight: bold }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0 }
body, html { font-size: 100%; padding: 0; margin: 0 }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img { margin: 0; padding: 0 }
body, button, input, select, textarea, option { font-family: '微软雅黑', 'Arail', tahoma, Srial, helvetica, sans-serif; color: #333 }
body { background-color: #fff }
form { display: block }
em { font-style: normal }
ul, ol, li { list-style: none }
a { text-decoration: none; color: #333 }
a:hover { text-decoration: none }
img { border: 0px }
table { border-collapse: collapse; border-spacing: 0 }
.fl { float: left }
.fr { float: right }
.clear { clear: both; text-indent: -9999px }
.clearfix:before, .clearfix:after { content: " "; display: table }
.clearfix:after { clear: both }
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: normal; font-family: '微软雅黑', "microsoft yahei", Arial, Verdana, sans-serif, 'Tahoma' }

.block { display: block }
.inline-block { display: inline-block }
.whole-a { display: block; width: 100%; height: 100% }
.whole-img { width: 100%; height: 100% }
.text-center { text-align: center }
.text-right { text-align: right }
.text-left { text-align: left }
a, p, i, span { font-size: inherit; color: inherit; line-height: inherit }
a, li, input, select, textarea, .tran02 { transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out }
.tran06 { transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out }
.w { width: 1200px; margin: 0 auto }
/* 颜色 */
.mcolor { color: #ff0000 !important; }
.white { color: #fff !important; }
.gray { color: #999 !important; }
.yellow { color: #fba807 !important; }
.red { color: #fb0504 !important; }
.orange { color: #ff6600 !important; }


/* 间距 */
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }
/* 尺寸 */

/* 标题*/

.tit_big{ text-align: center; margin: 60px 0 0px 0;}
.tit_big h1{font-size: 25px; color: #333;}
.tit_big .tit_line{ display: inline-block; width: 30px; height: 3px; background-color: #0060ab;/*主蓝色*/}


/*主要业务*/
.b4{
  width: 100%;
  overflow: hidden;
}
.b4 .wrap{
  width: 1228px;
}
.b4 .b{
  width: 279px;
  cursor: pointer;
  margin-right: 28px;
  float: left;
  background: #f1f1f1;
  padding-bottom: 20px;
}
.b4 .b .img{
  width: 100%;
  height: 160px;
  background-position: center center;
  background-size: 110% 110%;
}
.b4 .b:hover .img{background-size: 100% 100%;}
.b4 .b .h1{
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  color: #666;
}
.b4 .b .p{
  width: 100%;
  height: 40px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  color: #666;
  overflow: hidden;
}
/*adout*/
.about_bg{ width: 100%; background: url(../images/adout.jpg) no-repeat; margin-top: 60px;}
.about_bg .p{ color: #fff;  text-align: center; margin: 50px auto; line-height: 24px; font-size: 16px;line-height:24px;}
.about_bg .ab_co_box{ width: 1100px; margin: 0 auto 20px;}
.about_bg .ab_co{ float: left; background-color: none; position: relative; width: 88px; margin: 30px 60px; text-align: center;}
.about_bg .ab_co:before{ content: "";position: absolute; border-bottom: 26px solid #4865a7; border-left: 44px solid transparent; border-right: 44px solid transparent; top:-26px; left: 0px;}
.about_bg .ab_co:after{ content: "";position: absolute; border-top: 26px solid #4865a7; border-left: 44px solid transparent; border-right: 44px solid transparent; top:60px; left: 0px;}
.about_bg .ab_co img{ display: inline-block; height: 32px;}
.about_bg .ab_co span{ display: block; color: #fff; font-size: 12px; margin:4px 0;}

/*new*/
.new_pl{
  width: 1200px;
  margin: 50px auto;
  margin-bottom: 70px;
}
.new{
  width: 580px;
  margin-right: 20px;
}
.new .new_tit{
  border-bottom: 2px solid #0895ec;
  padding-bottom: 14px;
  
}

.new .new_tit h2{
  font-size: 18px;
  font-weight: bold;
  color: #666;
  margin-left: 10px;
  margin-top: 2px;
}

.new .new_tit span{
  font-size: 12px;
  color: #666;
  padding-top: 12px;
}
.new_co{
  border-bottom: 1px dashed #d9d9d9;
  padding: 20px 0 20px 30px;
}
.new_co .day{
  background-color: #f2f2f2;
  padding:10px 16px;
  text-align: center;
}
.new_co .day span{
  color: #bbb;
  font-size: 24px;
  font-weight: bold;
}
.new_co .day h5{
  color: #bbb;
  font-size: 12px;
  margin-top: 10px;
}
.new_co .new_txt{
  width: 464px;
}
.new_co .new_txt h3{
  font-size: 16px;
  color: #333;
}
.new_co .new_txt:hover h3{
    color: #0060ab;
}
.new_co .new_txt p{
  font-size: 12px;
  color: #999;
  line-height: 26px;
}
/*页脚*/

footer{
  width: 100%;
  height: auto;
  background: #292c31;
  font-size: 12px;
  color: #fff; 
}
footer .logo_fo{margin-top: 70px;}
footer .ft{
  font-size: 13px;
  padding: 20px 0;
}
footer .ft a{ padding: 0 15px; color:#fff; font-size: 16px;}
footer .fm{
  padding: 10px 0;line-height:25px;font-size:14px; text-align:center; color:#fff;}
footer .fm1{
  width: 350px;
  margin-left: 60px;
}
footer .fm1 .h1{ font-size: 20px; color: #fff; padding-bottom: 10px; }
footer .fm1 .h2{ font-size: 18px; color: #616a7b; padding-bottom: 16px; font-family: Arial;}
footer .fm1 .h3{ font-size: 26px; color: #d9271d; font-weight: bold;}

footer .fm2{ width: 532px; }
footer .fm2 .cr{ width: 100%; height: 30px; color: #979797;}

.bottom{
  background: #1b1b1b;
  height: 40px;
  text-align: center;
  color: #696969;
  line-height: 40px;
  font-size: 12px;
}
  .bottom a{
    
  }
  .bottom .fr{
    width: 400px;
    height: 100%;
  }

footer a:hover,.bottom a:hover{
  color: #0060ab;
}

/*浮动*/
.blue .fico {width:40px; height:40px; background:url(images/wycms/fico.png) no-repeat;}
.blue .fixed-layer{position:fixed;width:50px;right:0%;top:130px;z-index:9999999;}
.blue .fixed-layer li{border-top:1px solid #fff;text-align:center;font-family:"Microsoft Yahei";font-size:14px;}
.blue .fixed-layer li:first-child {border:none;}
.blue .fixed-layer li a{display:block;width:50px;height:45px;background:#0043AC;color:#fff;padding-top:5px; cursor:pointer}
.blue .fixed-layer li a:hover{background:#0176C5;color:#fff;text-decoration:none;}
.blue .fixed-layer i{display:block;width:40px;height:40px;margin:0 auto; cursor:pointer}
.blue .fixed-layer .weixin i{background-position:0 0;}
.blue .fixed-layer .qq i{background-position:-40px 0;}
.blue .fixed-layer .online i{background-position:-80px 0;}
.blue .fixed-layer .tel-ask i{background-position:-126px 0;}
.blue .fixed-layer .to-top i{background-position:-160px 0;height:11px;}
.blue .fixed-layer .to-top a{height:40px;padding-top:12px;}
.blue .fixed-layer .tel-ask,.blue .fixed-layer .weixin{position:relative; /*vertical-align:middle;*/_float:left;}
.blue .fixed-layer li.tel-ask a:hover,.blue .fixed-layer li.weixin a:hover{background:#0176C5}
.blue .fixed-layer .tel-ask-tips{position:absolute;left:-140px;top:0;text-align:left;width:110px;height:56px;background:#0176C5;color:#fff;padding:20px 10px 10px 10px;display:none;}
.blue .fixed-layer .tel-ask-tips span{font-size:16px;font-family:'Microsoft Yahei',Arial;}
.blue .tel-askCon { left:-137px !important; width:105px !important; height:60px !important; background:#0176C5 !important;}
.blue .tel-askCon  p {color:#fff;}
.blue .fixed-layer .weixin-tips{position:absolute;left:-167px;top:0;text-align:left;width:135px;height:150px;background:#fff;padding:10px;border:1px solid #aa6d0c;display:none;}
.blue .fixed-layer .app-tips{position:absolute;left:-313px;top:0;text-align:left;width:281px;height:150px;background:#fff;padding:10px;border:1px solid #aa6d0c;display:none;}
.blue .fixed-layer .tel-ask-tips em,.blue .fixed-layer .weixin-tips em,.blue .fixed-layer .app-tips em{width: 0;height: 0;font-size: 0;line-height: 0;position: absolute;right:-10px;top:19px;border-width:5px;border-style: dashed dashed dashed solid;}
.blue .fixed-layer .tel-ask-tips em{border-color: transparent transparent transparent #aa6d0c;}
.blue .fixed-layer .weixin-tips em{border-color: transparent transparent transparent #aa6d0c;right:-11px;_right:-12px;}
.blue .fixed-layer .app-tips em{border-color: transparent transparent transparent #aa6d0c;right:-11px;_right:-12px;}

.blue .fico {
    width: 40px;
    height: 40px;
    background: url(../images/fico.png) no-repeat;
}