* { margin: 0; padding: 0; }
.cl { clear: both; }
a { text-decoration: none; color: #ffffff; }
ul { list-style: none; }
li { list-style-type: none; }
html { font-family: "Microsoft YaHei" }
body { margin: 0; padding: 0; font-size: 12px; color: #333333; line-height: 24px; color: #434343; }
img { border: none 0; }
co { margin: 0; padding: 0; font-size: 12px; font-weight: normal; }
.w {width: 1400px;display: block;margin: 0 auto;min-width: 1260px;}
.w14 { width: 1400px; display: block; margin: 0 auto; min-width: 1400px; }
.fl { float: left; }
.fr { float: right; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mb10 {margin-bottom: 12px;}
.mb20 { margin-bottom: 20px }
.mb30 { margin-bottom: 30px }
.mb40 { margin-bottom: 40px }
.mb50 { margin-bottom: 50px }
.pt20 { padding-top: 20px }
.pr { position: relative; }
.pa { position: absolute }
/*  */
p::selection{background:#000;color:#f00;}
/*  */
.pic { width: 100%; }
.pic img { margin: 0 auto; display: block; max-width: 100%; }
/*  */
.focusBox { position: relative; width: 100%; overflow: hidden; min-width: 1200px; height: 500px; }
.focusBox .pic { position: relative; z-index: 0; }
.focusBox .pic img { width: 100%; display: block; height: 500px; }
.focusBox .hd { width: 495px; position: absolute; bottom: 28px; text-align: center; font-size: 0; z-index: 1; left: 411px; }
.focusBox .hd li { float: left; line-height: 15px; text-align: center; font-size: 12px; width: 60px; height: 12px; cursor: pointer; overflow: hidden; background: #ff6600; margin-left: 21px; filter: alpha(opacity=80); opacity: .8; -webkit-transition: All .5s ease; -moz-transition: All .5s ease; -o-transition: All .5s ease; }
.focusBox .hd .on { background: #fff; filter: alpha(opacity=100); opacity: 1; }
.focusBox .prev, .focusBox .next { width: 45px; height: 73px; position: absolute; top: 211px; z-index: 3; filter: alpha(opacity=20); -moz-opacity: .2; opacity: .2; -webkit-transition: All .5s ease; -moz-transition: All .5s ease; -o-transition: All .5s ease; }
.focusBox .prev { background-image: url(../images/index.png); left: 10%; }
.focusBox .next { background-image: url(../images/index.png); background-position: -158px 0; right: 10%; }
.focusBox .prev:hover, .focusBox .next:hover { filter: alpha(opacity=60); -moz-opacity: .6; opacity: .6 }
/*  */
/*  */
header {/* background: url(../images/topbg.png); */ }
 
/*  */
.logobg {
    margin-top: 20px;
    overflow: hidden;
  }
  .logobg .logo {
    /* width: 213px; */
    height: 108px;
    float: left;
  }
  .logobg .logo h2 {
    font-size: 35px;
    height: 59px;
    line-height: 59px;
    overflow: hidden;
    color: #dd0000;
    font-weight: bold;
  }
  .logobg .logo span {
    text-transform: uppercase;
    font-size: 15px;
    color: #7a7a7a;
    font-weight: 200;
    letter-spacing: 2px;
  }
  .logobg .logo_b {
    float: left;
    padding-top: 3px;
    margin-left: 4px;
    margin-right: 8px;
  }
  .logobg .logo_b img {
  }
  /*  */
  .navbg{border: 1px solid rgb(237,236,236);margin-bottom: 3px;}
  .nav {height: 52px;line-height: 52px;}
  .nav ul li {
    width: 175px;
    float: left;
    text-align: center;
    position: relative;
  }
  .nav ul li a {
    color: #26282a;
    font-size: 16px;
    font-weight: 200;
  }
  .nav ul li a:hover {
    color: #dd0000;
  }
  .nav ul li::before{
    content: '';
    width: 1px;
    height: 33px;
    background: rgb(237,236,236);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .nav ul li:last-child::before{
    content: none;
  }





/*  */
.pic { width: 100%; }
.pic img { display: block; margin: 0 auto; }
/*  */
.foot {height: 337px;background: #03a9f4;overflow: hidden;}
.foot .toa {line-height: 100px;}
.foot .toa a { font-size: 18px; color: #ffffff; padding-right: 40px; margin-right: 40px; background: url("./../images/dbx.png") no-repeat right 6px; }
.foot .toa a:last-child { margin-right: 0; padding-right: 0; background: none; }
.foot .f-ka {float: left;width: 225px;height: 170px;border-right: 1px solid #303030;font-size: 14px;color: #ffffff;font-weight: normal;}
.foot .f-ka a {color: #ffffff;}
.foot .f-ka img { width: 144px; height: 80px; margin: 10px 0 20px 15px; }
.foot .f-k ul {float: left;width: 780px;}
.foot .f-k ul li {float: left;padding-left: 55px;margin-left: 36px;width: 292px;height: 90px;font-size: 16px;color: #ffffff;}
.foot .f-k ul li p {font-size: 16px;color: #ffffff;margin-bottom: 5px;}
.foot .f-k ul li:nth-child(1) { background: url("./../images/db_03.png") no-repeat left 2px; }
.foot .f-k ul li:nth-child(2) {background: url("./../images/db_05.png") no-repeat left 2px;}
.foot .f-k ul li:nth-child(3) { background: url("./../images/db_13.png") no-repeat left 2px; }
.foot .f-k ul li:nth-child(4) { background: url("./../images/db_14.png") no-repeat left 2px; }
.foot .f-k .f-w { float: right; width: 260px; }
.foot .f-k .f-w em {display: block;float: left;text-align: center;font-size: 14px;color: #ffffff;width: 126px;}
.foot .f-k .f-w em img { width: 120px; height: 120px; }
.foot .f-k .f-w em:first-child { margin-right: 7px; }
/*  */

.main-im {position: fixed;right: 10px;top: 300px;z-index: 100;width: 110px;height: 272px;}
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq { max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq { max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main { background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB; display: none; }
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; height: 60px; border-bottom: 1px solid #dddddd; }
.main-im .im_main .im-tel div { font-weight: 200; font-size: 13px; margin-top: 4px; }
.main-im .im_main .im-tel .tel-num { font-weight: bold; color: #e66d15; }
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container { width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../images/weixing-icon.png) no-repeat center center; float: left; }
.main-im .im_main .weixing-show { width: 112px; height: 172px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -126px; }
.main-im .im_main .weixing-show .weixing-sanjiao { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 134px; position: absolute; z-index: 2; }
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 132px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt { position: absolute; top: 110px; left: 7px; width: 100px; margin: 0 auto; text-align: center; }
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../images/toTop-icon.png) no-repeat center center; float: right; }
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im {cursor: pointer;margin-left: 62px;width: 40px;height: 133px;background: url(../images/open_im.png) no-repeat left top;}

.ga{}
.ga img{
    width: 20px !important;height: 20px!important;margin: 0px !important;
}

/*  */
.tell {margin-top: 2px;}
.tell section { float: left; }
.tell img { float: left; margin-right: 7px; margin-top: 6px; }
.tell p {font-size: 20px;color: red;line-height: 21px;margin-top: 5px;margin-bottom: 4px;font-weight: 600;font-family: 新宋体;}
.tell span {float: left;margin-left: 0px;font-size: 46px;line-height: 46px;color: red;font-family: fantasy;}
/*  */
.lef{
  float: left;
}
.lef .div1{
  float: left;
}
.lef .div1 img{
  width: 194px;
  padding: 29px 0;
}
.lef .div2{
  float: left;
  padding: 18px 0;
  position: relative;
  padding-left: 32px;
}
.lef .div2::before{
  content: '';
  width: 2px;
  height: 60px;
  background: rgb(222,222,222);
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
}
.lef .div2 p{
  font-size: 18px;
  color: #040000;
}
.lef .div2 h1{font-size: 18px;float: left;font-weight: 600;margin-right: 5px;}
.lef .div2 p span{
  color: #ff6600;
  font-weight: bold;
}
.lef .div3{
  float: left;
  padding: 14px 0;
  padding-left: 20px;
}
.lef .div3 div{
  float: left;
  width: 60px;
  height: 60px;
  background: #06a2ef;
  border-radius: 5px;
  display:table;
  margin-right: 15px;
}
.lef .div3 div p{
  vertical-align:middle;    
  display:table-cell;   
  font-size: 18px;
  color: #ffffff;
  text-align: center;
}