@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, lengend, button, input, textarea,
/* form elements 表单元素*/
th, td {
  /* table elements 表格元素*/
  margin: 0;
  padding: 0;
}
input,textarea {
  border: 2 none;
  box-shadow: none;
  outline: none;
}
/* 设置默认字体*/
body,button, input, select, textarea {
  font-family:"Microsoft Yahei" ;
  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;
}
i {
  font-style: normal;
}
/* 重置文本格式元素*/
  
a {
  text-decoration: none;
  color: #666;
  word-wrap:break-word;
}
/*英文换行*/
a:hover {
  text-decoration: none;
  color:#910800;
}
/* 重置表单元素*/
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;
}
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁*/
html {
  overflow-y: scroll;
}
/*设置浮动*/
.fl {
  float: left;
}
.fr {
  float: right;
}
.pr {
  position: relative;
}
.pa {
  position: absolute;
}
.pt {
  padding-top: 60px;
}
.pb {
  padding-bottom: 60px;
}
/*清除浮动*/
.clear {
  clear: both;
  height: 0;
}
.clearfix:after {
  content:"";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.blk-main .clearlist {
  clear:both;
  height:0;
  padding:0;
  margin:0;
  border:0;
  width:100% ;
  float:none;
}
.b-main .clearlist {
  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;
}
/* function*/
h2 a:hover {
  text-decoration: none;
}
input,textarea {
  outline:none;
}
textarea {
  resize:none;
}
em {
  font-style: normal;
}
.f-cb:after,.f-cbli li:after {
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
  overflow:hidden;
  content:".";
}
.f-cb,.f-cbli li {
  zoom:1;
}
.f-ib {
  display:inline-block;
  *display:inline;
  *zoom:1;
}
.f-dn {
  display:none;
}
.f-db {
  display:block;
}
.f-pr {
  position:relative;
}
.f-pa {
  position:absolute;
}
.f-fl {
  float:left;
}
.f-fr {
  float:right;
}
.f-prz {
  position:relative;
  zoom:1;
}
.f-oh {
  overflow:hidden;
}
.f-fa {
  font-family:Arial, Helvetica, sans-serif;
}
.f-fw {
  font-family:"Microsoft Yahei";
}
.content {
  width:1200px;
  margin:0 auto;
}
em {
  font-style:normal;
}

    .contentt{width:1400px;margin:0 auto;}
        .head{height:123px; border-bottom:1px solid rgba(255,255,255,0.21); box-sizing: border-box;width:100%;position: absolute;left:0;top:0; z-index:200;}
        .head .hea-top{margin:0 auto;padding:0 3%;}
        .head .hea-top .logo{float:left;padding-top:23px;}
        .head .hea-top .logo .t_logo{width:85px; line-height: 0; overflow: hidden;float:left; margin-right: 15px;}
        .head .hea-top .logo h3{width:202px; line-height: 0; overflow: hidden;float:left; margin-right: 15px;}
        .head .hea-top .logo .t_logo img {width:100%;}
        .head .hea-top .logo h2{float:left;padding-left:14px;background:url(../images/hea-xt.png) no-repeat left; line-height: 32px;font-size: 18px; color:#ffffff;font-weight: normal;padding-top: 5px;}
        .head .hea-top .logo h2 b {font-size: 30px;}
        .head .hea-top .hea-rig{ height:122px;float:right; position:relative;width: 70%;}
        .head .hea-top .hea-rig .hea-tel{float:right;padding-top:16px;}
        .head .hea-top .hea-rig .hea-tel i{display: block; float:left;width:38px; height:38px; line-height: 38px; overflow: hidden;font-size: 32px;color: #fff;}
        .head .hea-top .hea-rig .hea-tel .dou{animation: tada 1s infinite linear;-webkit-animation: tada 1s infinite linear;}
        .head .hea-top .hea-rig .hea-tel em{display: block;height:38px; line-height: 38px;float:left;font-size: 24px; color:#FFF; margin-right: 22px;padding-left:10px;font-family: Impact;}
        .head .hea-top .hea-rig .hea-tel .isear{width:29px; height:23px;float:left;position: relative;}
        .head .hea-top .hea-rig .hea-tel .isear i{display: block; width:100%; line-height: 32px; overflow: hidden; cursor: pointer; margin-top: 2px;font-size: 24px;}
        .head .hea-top .hea-rig .hea-tel .isearch{position:absolute;right:0;top: 107px;width:295px;height:57px;transform-origin:100% 0;-webkit-transform-origin:100% 0;-webkit-transform:scale(0,0);transform:scale(0,0);-webkit-transition:all .5s;transition:all .5s;border:1px solid #0055BF;box-sizing:border-box; background:#FFF; border-radius: 4px; overflow: hidden;}
        .head .hea-top .hea-rig .hea-tel .isearch .ser_inp{display:block;float:left;width:203px;height:41px;line-height:42px;padding:7px 10px;border-top-left-radius:4px;border-bottom-left-radius:4px;position:relative; border:none; font-size:14px;}
        .head .hea-top .hea-rig .hea-tel .isearch .ser_so{cursor:pointer;display:block;float:left;width:70px;height:56px;line-height:30px;text-align:center;font-size:12px;background:#0055BF;position:relative;color:#fff; border:none;}
        .head .hea-top .hea-rig .hea-tel .isearch:before{content:'';position:absolute;display:block;border:5px solid transparent;border-right:7px solid #0055BF;z-index:3;right:70px;top:23px;}
        .head .hea-top .hea-rig .hea-tel .isear.open .isearch{opacity:1;visibility:visible;-webkit-transform:scale(1,1);transform:scale(1,1);}
        .head .hea-top .hea-rig .hea-tel .isear .icon:hover{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear; }
        .head .hea-top .hea-rig .hea-tel .isearch input::-webkit-input-placeholder {color: #666;}
        .head .hea-top .hea-rig .menu{float:right; height:68px;width:97.6%;}
        .head .hea-top .hea-rig .menu li{float:left;margin:0 1.5%;}
        .head .hea-top .hea-rig .menu li em{display: block; height:44px; line-height: 44px;font-size: 16px; color:#ffffff; margin-bottom: 19px;}
        .head .hea-top .hea-rig .menu li i{display: block; width:0; height:5px;background:#2268E4;margin:0 auto; transition: .5s;border-top-left-radius: 5px;border-top-right-radius: 5px;}
        .head .hea-top .hea-rig .menu li:first-child{margin-left: 0;}
        .head .hea-top .hea-rig .menu li:hover em,.head .hea-top .hea-rig .menu li.cur em{font-weight: bold;}
        .head .hea-top .hea-rig .menu li:hover i,.head .hea-top .hea-rig .menu li.cur i{width:100%;}
        
        .head .hover{display:none;}
        .head:hover{background:#FFF;border: 0;}
        .head:hover .t_logo .default,.head:hover h3 .default{display:none;}
        .head:hover .t_logo .hover,.head:hover h3 .hover{display:block;color: #2268E4;}
        .head:hover .hea-top .logo h2{color:#333;}
        .head:hover .hea-top .hea-rig .hea-tel i{color:#2268E4;}
        /*.head:hover .hea-top .hea-rig .hea-tel i .default{display:none;}
        .head:hover .hea-top .hea-rig .hea-tel i .hover{display:block;}*/
        .head:hover .hea-top .hea-rig .hea-tel em{color:#333;}
        .head:hover .hea-top .hea-rig .hea-tel .isear b .default{display:none;}
        .head:hover .hea-top .hea-rig .hea-tel .isear b .hover{display:block;}
        .head:hover .hea-top .hea-rig .menu li em{color:#333;}

        @media screen and  (min-width:230px) and (max-width:1680px){
            .contentt{width:1200px;margin:0 auto;}
            .head .hea-top .hea-rig{width:70%;}
            .head .hea-top .logo .t_logo,.head .hea-top .logo h3{width:176px;}
            .head .hea-top .hea-rig .menu{width:100%;}
            .head .hea-top .hea-rig .menu li{margin-left: 2.5%;}
        }
        @media screen  and (max-width:1600px){
            .head .hea-top .hea-rig .menu{width:98.6% !important;}
            .head .hea-top .hea-rig .menu li em{font-size:15px;}
        }
        
        @media screen  and (max-width:1500px){
            .head .hea-top .logo .t_logo, .head .hea-top .logo h3{width:94px;}
            .head .hea-top .hea-rig .menu li em{font-size:14px;}
        }
        
         @media screen  and (max-width:1460px){
             .head .hea-top .hea-rig .menu li em{font-size:13px;}
         }
        
        @media screen  and (max-width:1400px){
            .head .hea-top .hea-rig{width:70%;}
            .head .hea-top .hea-rig .menu{width:100% !important;}
            .head .hea-top .hea-rig .menu li{margin-left:1.9%;}
        }
        
        @media screen  and (max-width:1360px){
            .head .hea-top .hea-rig .menu li em{font-size:12px;}
        }
        
        @media screen  and (max-width:1300px){
            .head .hea-top .logo .t_logo, .head .hea-top .logo h3{width:85px;}
            .head .hea-top .logo h2{font-size:15px;}
            .head .hea-top .hea-rig {width: 60%;}
            .head .hea-top .hea-rig .menu li{margin-left: 2.5%;}
            .head .hea-top .hea-rig .menu li em{font-size:11px !important;}
        }
        
        @media screen  and (max-width:1366px){
            .head .hea-top .hea-rig .menu li em{font-size:13px !important;}
        }
        
        
        @media screen  and (max-width:1200px){
            .head .hea-top .hea-rig {width: 55%;}
            .head .hea-top .hea-rig .menu li{margin-left: 1.8%;}
        }
        

        .nav-erji{width: 200px;background:#FFF; position: absolute;left:30px; top:122px;display: none;}
        .nav-erji .nav-left{float:left;width: 200px;height: 100%;padding: 22.5px 0;/*border-right: 1px dashed #e5e8ed;*/}
        .nav-erji .nav-left ul li{width:100%;height:50px; line-height: 50px;margin-left: 0!important; text-align: center; border-bottom:1px dashed #e5e8ed;}
        .nav-erji .nav-left ul li a{font-size: 16px;color:#575d6c;display: block;}
        .nav-erji .nav-left ul li.on{background:#2268E4;}
        .nav-erji .nav-left ul li.on a{color:#FFF;}
        .nav-erji .nav-rig{float:left;width: 64%;padding: 22.5px 3.7%;display: none;}
        .nav-erji .nav-rig p a{display: block;font-size: 14px; color:#575d6c;width:100%;line-height: 50px;float:left; text-align: center;border-bottom:1px dashed #e5e8ed;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
        .nav-erji .nav-rig p a:hover{color:#2496FF;}
        .head .hea-top .hea-rig .menu ul > li:nth-child(2):hover .nav-erji{display: block;}
  


.tta ul li span{     display: none;}
          .tta .submit, .tta .code {
        display: none;
    }
    
 
    .tta ul .btn b{ display:block; clear:both;}
  

 .footbg{height:408px;background:#272727; overflow:hidden;}
        .footer{width:1200px;margin: 0 auto; overflow:hidden;}
        .fnav { overflow:hidden;width:225px; font-size: 14px; color: #fff;  float: left;margin-top: 60px;}
        .fnav h3{height: 45px; line-height: 20px; background: url(../images/ftline.png) no-repeat left bottom;color:#ffffff;width: 350px; box-sizing: border-box;  font-size: 20px; font-weight: normal; margin-bottom: 30px; position: relative;}
        .fnav h3 i {margin-right: 10px;}
        .fnav h3:before{content: "";position: absolute;left:0;top:0;width: 23px; height: 23px; }
        .fnav li{display:block;font-size:14px;color:#ffffff;margin-bottom: 25px; width:112px;opacity: 0.5; float: left;}
        .fnav li a{ color: #ffffff; }
       
        .fcontact{float: left; overflow:hidden;width:447px;height: 277px;  font-size: 14px; color: #fff;  float: left;margin-top: 60px;margin-left:135px;box-sizing: border-box;}
        .fcontact h3{height: 45px; line-height: 20px; background: url(../images/ftline.png) no-repeat left bottom;color:#ffffff;width: 350px; box-sizing: border-box;  font-size: 20px; font-weight: normal; margin-bottom: 30px; position: relative;}
        .fcontact h3 i {margin-right: 10px;}
        .fcontact h3:before{content: "";position: absolute;left:0;top:0;width: 23px; height: 23px;}
        .fcontact li{font-size: 20px;color: #fff;opacity: 0.5; width: 222px; float: left;margin-bottom: 25px;font-weight: normal; }
        .fcontact li b{font-weight: normal;display: block;margin-bottom: 22px;font-size: 14px;}
         .fcontact li:nth-child(3){font-size: 16px;width: 300px;}
        .fcontact li em{padding:0 10px;}
        .fcode{overflow:hidden;width:230px;height: 277px; font-size: 14px; color: #fff;  float: right;margin-top: 60px;margin-left: 135px; box-sizing: border-box;}
        .fcode h3{height: 45px; line-height: 20px; background: url(../images/ftline.png) no-repeat left bottom; color:#ffffff;width: 350px; box-sizing: border-box;  font-size: 20px; font-weight: normal; margin-bottom: 40px; position: relative;}
        .fcode h3 i {margin-right: 10px;}
        .fcode h3:before{content: "";position: absolute;left:0;top:0;width: 23px; height: 23px; }
        .fcode li{font-size: 14px;color: #fff; width: 106px; float: left;}
        .fcode li img{ width: 106px; display: block; }
        .fcode li span{ display: block;font-size: 14px; color: #fff; text-align: center; height: 30px; line-height: 42px; }
        .fcode li:nth-child(1){margin-right: 18px;}

        
       
        .footWrap2{ height: 70px; line-height: 70px; text-transform: uppercase;border-top:1px solid #4b4a4f; color: #fff; font-size: 14px;opacity: 0.5; }
        .footWrap2 span{ float: left; }
        .footWrap2 em{padding:0 10px;}
        .footWrap2 a{ color: #fff;}
/*浮动客服开始*/
.kf {
  position:fixed;
  z-index:888;
  right:0;
  width:70px;
  height:198px;
  top:60%;
  text-align: center;
}
.kf i {
  line-height: 65px;
  height: 65px;
  text-align: center;
  font-size: 30px;
  font-weight: normal;
  color: #fff;
}
.kf ul li {
  float:left;
  position:relative;
  width:100%;
  height:65px;
}
.kf ul li:nth-child(1) {
  border-bottom:1px #01316c solid;
}
.kf ul li:nth-child(2) {
  border-bottom:1px #01316c solid;
}
.kf ul li:nth-child(3) {
  border-bottom:1px #01316c solid;
}
.kf ul li a {
  background-color:#1857A4;
  -webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);
  box-shadow:0 15px 30px rgba(0,0,0,0.1);
  display:block;
  width:100%;
  height:65px;
  margin-bottom: 10px;
  background-position:center;
  background-repeat:no-repeat;
}
.kf ul li:hover a {
  background-color:#1857A4;
}
.kf ul li .tel {
  display:none;
  position:absolute;
  right:70px;
  width:190px;
  height:144px;
  top:0;
  text-align: left;
}
.kf ul li .tel dl {
  float:left;
  width:190px;
  color: #fff;
  padding: 0;
  text-indent:10px;
  font-size: 20px;
  background: #1857A4;
}
.kf ul li .tel dl
.kf ul li .tel dl dd {
  float:left;
  width:100%;
  display:block;
  height:50px;
  line-height:50px;
  color: #fff;
}
.kf ul li .tel i {
  text-align: left;
  font-size: 18px;
  color: #fff;
  font-weight: normal;
}
.kf ul li:hover .tel {
  display:block;
}
.kf ul li .wx {
  display:none;
  position:absolute;
  right:75px;
  width:95px;
  height:95px;
  top:-15px;
  text-align: left;
}
.kf ul li .wx img {
  border:2px solid #fff;
  width: 95px;
  height: 95px;
}
.kf ul li:hover .wx {
  display:block;
}
/*浮动客服结束*/

/*图标抖动*/
/*图标抖动*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}