﻿@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}
input,textarea {border: none; box-shadow: none; outline: none;}
/* 设置默认字体 */
body,button, input, select, textarea {font: 14px/24px "Microsoft YaHei","微软雅黑","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif; color: #666;}
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;}
/* 重置列表元素 */
ul, ol ,li{list-style: none;}
/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;outline:none;}/*英文换行*/
a:hover {text-decoration: none; color:red;}
/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

body{width: 100%;min-width: 1340px;max-width:1920px;margin:0 auto;overflow-x:hidden;}
/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

/*清除浮动*/
.clear{clear: both;height: 0;}
.blk-main .clearlist,.blk-main .listclear{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}
.b-main .clearlist,.b-main .listclear{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}
.clearafter:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }

/* -- 页面整体布局 -- */
.header , .content , .footer,.container,.contact,.about_m { width:1200px; margin:0 auto;  }




.wrap-header {height: 40px;background: #f5f5f5;position: relative;z-index: 3;}
.header p {height: 40px;line-height: 40px;font-size: 12px;color: #747474;}
.header ul li {float: left;height: 14px;margin-top: 13px;line-height: 14px;padding: 0 10px;border-left:1px dotted #bcbcbc;position: relative;}
.header ul li:first-child {border-left: none;}
.header ul li span {display: none;width: 90px;height: 90px;padding:18px 5px 5px 5px;background: #f5f5f5;position: absolute;left: -15px;top: 14px;}
.header ul li span img {display: block;width: 90px;height: 90px;}
.header ul li:hover span {display: block;}

/**/
.logo {height: 100px;position: relative;z-index: 5;}
.logo .content {height: 100px;position: relative;}
.logo h1 {width: 211px;height: 57px;float: left;margin-top: 25px;}
.logo .nav {float: right;margin:40px 185px 0 0;}
.logo .nav ul li {float: left;margin:0 20px;font-size: 16px;height: 22px;line-height: 22px;padding-bottom: 38px;position: relative;}
.logo .nav ul li a {color: #333;text-decoration: none;}
.logo .nav ul li:hover ,.logo .nav ul li.cur {border-bottom: 2px solid #133d87;}
.logo .nav ul li:hover a ,.logo .nav ul li.cur a {color: #133d87;}
.logo .nav li .xial{position: absolute;top: 62px;background: url(../images/hbg02.png); left:-45px; text-align:center;width: 160px;display: none;}
.logo .nav li .xial dt{float: left; width:160px;}
.logo .nav li .xial dt img{display: block;width: 315px;height: 195px;cursor: default;}
.logo .nav li .xial dt h3{font-size: 16px;color: #fff;font-weight: normal; line-height:50px;}
.logo .nav li .xial dt h3 a{color: #fff;text-decoration: none;cursor: pointer;}
.logo .nav li .xial dt:hover{ background:#133d87;}
.logo .nav li .xial dt p{font-size: 14px;color: #fff;}
.logo .nav li .xial dd{float: left;margin-left: 60px;width: 200px;}
.logo .nav li .xial dd a{display: block;margin-bottom: 13px;font-size: 14px;color: #fff;text-decoration: none;padding-left: 30px;background: url(../images/nav_icon09.png) no-repeat left center;}
.logo .nav li .xial dd a:hover{background: url(../images/nav_icon10.png) no-repeat left center;color: #133d87;}
.logo .nav li:hover .xial{display: block;}
.logo .nav li .xial3{left: -560px;}
.logo .nav li .xial4{left: -560px;}
.logo .nav li .xial5{left: -560px;}



.logo .l_s1 {display: block;width: 35px;height: 22px;position: absolute;right: 38px;top: 42px;padding-right: 25px;border-right: 1px dotted #cccccc;}
.logo .l_s1 a {display: block;width: 50px;height: 22px;/*background: url(Img/Common/l_icon01.png) no-repeat center;*/}
.logo .tel {height: 36px; font-size:18px;line-height:36px;position: absolute;right: 0;top: 32px;z-index: 2;padding-left:30px;background: url(../images/tel.png) no-repeat left;overflow: hidden;border:1px solid #fff;transition: all 0.5s;}


.logo .search {width: 36px;height: 36px;position: absolute;right: 0;top: 33px;z-index: 2;background: #fff;overflow: hidden;border:1px solid #fff;transition: all 0.5s;}
.logo .search input {display: block;position: absolute;left: 0;top: 0; border: none;height: 36px;line-height: 36px;font-size: 14px;color: #999;text-indent: 12px;transition: all 0.5s;width: 0;}
.logo .search span {float: right;width: 30px;height: 22px;position: absolute;right: 4px;top:7px;background: url(../images/l_icon02.png) no-repeat center;text-indent: 15x;cursor: pointer;}

.logo .search:hover {width: 260px;border: 1px solid #cccccc;}
.logo .search:hover input {width: 215px;}
.logo .search:hover span {border-left: 1px solid #cccccc;}

      
 
.banner{max-height: 700px;overflow: hidden;}
.banner img{width: 100%;display: block;}
.banner .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index: 9; width: 45px; height: 45px; margin-top: -50px;border: 0; outline: none;}
.banner .slick-prev {left: 13%; display: none; background:url(../images/lefts.png) no-repeat center center;}
.banner .slick-next {right: 13%; display: none;background:url(../images/rights.png) no-repeat center center;}   
.slick-dots { position: absolute;left: 50%; font-size:0; bottom: 3%;width: 300px;text-align: center;margin-left: -175px;z-index: 11;}
.slick-dots li {display: inline-block;margin: 0 8px; }
.slick-dots li button {display: block;background: #d82128;width: 10px;height: 10px;color: #d82128; border-radius: 10px;border-color:#d82128; -webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.slick-dots .slick-active button {background-color: #d82128;border-color: #d82128;width: 40px;} 


      .search{height:80px;background:#ffffff;overflow: hidden;font-size: 14px;font-family:"Microsoft Yahei";border-bottom: 1px solid #eaeaea;}
      .keywords{ font-weight: normal;line-height: 80px; width: 720px; overflow: hidden; float: left;}
      .keywords b{height:80px; display: inline-block; color: #222222; font-weight: bold; }
      .keywords a{color: #666666;line-height:80px;padding:0 12px;  font-size: 14px;}
      .sea{overflow: hidden;width:307px; float: right;margin-top:23px;background: url(../images/sec.png) no-repeat; }
      .inp01{border-style: none;  float:left;color: #999999; padding-left: 24px;width:262px; height: 38px;font-family:"Microsoft Yahei"; font-size: 12px; background:none;  line-height: 38px;box-sizing: border-box;}
      .inp02{border-style: none;cursor: pointer; height:38px;width:45px; display: inline-block; color: #fff;background: none;}

  

  .g-fast{background:url(../images/fastbg.jpg) no-repeat center top;height:300px;padding-top:58px;box-sizing: border-box;}
  .fast-c{width:1200px;margin:0 auto;}
  .fast-c h3{border:1px solid #133d87;width:220px;height:184px;font-size: 30px;color: #333333;font-weight: normal;padding:30px 0 0 32px;box-sizing: border-box;float: left;}
  .fast-c h3 i{ font-size: 30px;color:#133d87;font-weight: bold; font-family: Arial, Helvetica, sans-serif;text-transform: uppercase; line-height: 38px;display: block;margin-bottom: 10px;}
  .fast-c dl{width: 936px;margin-bottom: 10px;overflow: hidden;float: right;padding:10px 0 0;border-top:1px solid #ebebeb;margin-bottom: 8px;}
  .fast-c dt{font-size: 18px;color:#333333;font-weight: lighter;width:145px; float: left;height: 43px;line-height: 43px;padding-left:20px;box-sizing: border-box;border-right:1px solid #ebebeb;}
  .fast-c dd{line-height: 43px;width:790px;float: left;color:#666666;font-size: 14px; font-weight: lighter;padding-left:38px;box-sizing: border-box;}
  .fast-c dl:last-child{border-bottom:1px solid #ebebeb;padding-bottom: 8px;}

  .fast-c dd a{display: block;float: left;padding-right: 28px;}
  .fast-c dd a:nth-last-child(2){margin-right: 0;}
  .fast-c dd a:hover{color:#133d87;}
  .fast-c dd a.fase-more{padding-right: 30px; float: right;background: url(../images/fast-more.png) no-repeat right center;}
  .fast-c dd a.fase-more:hover{padding-right: 30px; float: right;background: url(../images/fast-more-hover.png) no-repeat right center;}
  

 .footWrap{background:#242424;height:auto;font-family:"Microsoft Yahei";padding-top:68px;box-sizing: border-box;}
 .footWrap h3{margin:0px; font-size: 18px; color: #ffffff; font-weight: bold; line-height: 36px; height: 56px;position: relative; }
 .footWrap h3:before{content:'';position:absolute;height:2px;width:16px;background:#d92129; bottom:0;left:0;}
 .footWrap h3 i{display: block; font-size: 12px;color: #fff; text-transform: uppercase; text-align: left; font-weight: normal;}
 .footer{width:1200px;margin: 0 auto; }
 .footer em{padding:0 10px; }
 .ft-nav{width: 260px; height: 356px; box-sizing: border-box;float: left;}
 .ftnav a{display: block;font-size:14px;color:rgba(255, 255, 255, 0.6); line-height:44px; height: 44px; float: left;text-decoration: none;width: 130px; }
 .ft-logo-code{width: 224px;height: 356px;float: left;margin-left: 208px;}
 .ftlogo{width:224px;height: 109px;display: block;}
 .ftlogo img{width: 100%;display: block;}
 .ftcode{ width:224px; margin-top:32px;}
 .ftcode p{width: 83px;float: left;margin:0 14px;}
 .ftcode img{width: 83px; height: 83px;display: block;padding:2px;background:#fff;box-sizing:border-box;}
 .ftcode span{display: block;text-align: center; color:rgba(255, 255, 255, 0.6); line-height: 25px; box-sizing: border-box; font-size: 14px;margin-top:10px;}
 .ft-contact{width: 322px; height: 356px; box-sizing: border-box;float: right; }
 .ftcontact p{font-size: 14px;color: rgba(255, 255, 255, 0.6);  line-height: 44px;}
 .ftcontact p:nth-child(5){background: url(../images/ft-tel.png) no-repeat left 18px; padding-left:30px; font-size: 36px;color: #ffffff;margin-top:10px;}
.ft-beian{width:1200px; box-sizing: border-box;border-top: 1px solid rgba(255, 255, 255, 0.1);}
.ft-beian p{color:rgba(255, 255, 255, 0.6); font-size: 14px;line-height: 78px;}
.ft-beian p a{color:rgba(255, 255, 255, 0.6);}


        .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(../images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 62px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #133d87;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #133d87;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }
    
/*友情链接*/
.link{height:0;line-height:25px;position: relative;z-index: 9;width: 1200px;margin: 0 auto;font-size: 14px;color:rgba(255, 255, 255, 0.6);}
.link_c{width:550px;position: absolute;right: 0;top: -52px;height:25px;overflow: hidden;text-align: right;}
.link a{display: inline-block;color:rgba(255, 255, 255, 0.6);padding: 0 8px;}
.link a:last-child{background: none;}
