@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:158px; 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: 26px;}
        .head .hea-top .hea-rig{ height:122px;float:right; position:relative;}
        .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:21px; height:22px; line-height: 0; overflow: hidden; margin:8px 0 0 0;animation: downup 1s infinite linear;-webkit-animation: downup 1s infinite linear;}
        .head .hea-top .hea-rig .hea-tel i img{width:100%;}
        @keyframes downup { 0% { transform: translate(0, 0); } 50% { transform: translate(0, -8px); } 100% { transform: translate(0, 0); } }
        @-webkit-keyframes downup { 0% { -webkit-transform: translate(0, 0); } 50% { -webkit-transform: translate(0, -8px); } 100% { -webkit-transform: translate(0, 0); } }
        .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:15px;}
        .head .hea-top .hea-rig .hea-tel .isear{width:29px; height:23px;float:left;position: relative;}
        .head .hea-top .hea-rig .hea-tel .isear b{display: block; width:100%; line-height: 0; overflow: hidden; cursor: pointer; margin-top: 7px;}
        .head .hea-top .hea-rig .hea-tel .isear b img{width:100%;}
        .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-left: 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;}
        .head:hover .t_logo .default,.head:hover h3 .default{display:none;}
        .head:hover .t_logo .hover,.head:hover h3 .hover{display:block;}
        .head:hover .hea-top .logo h2{color:#333;}
        .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:60%;}
            .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:150px;}
            .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:63%;}
            .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:150px;}
            .head .hea-top .logo h2{font-size:15px;}
            .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 .menu li{margin-left: 1.8%;}
        }
        

        .nav-erji{width: 92.8%;background:#FFF; position: absolute;left:0; top:122px;display: none;}
        .nav-erji .nav-left{float:left;width: 170px;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:#2496FF;}
        .nav-erji .nav-left ul li.on a{color:#FFF;}
        .nav-erji .nav-rig{float:left;width: 64%;padding: 22.5px 3.7%;}
        .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;}
  

/* .banner{position:relative;overflow:hidden;}
                .banner .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index:12;width: 100px;height: 100px;margin-top: -42px;border: 0;}
                .banner .slick-prev {outline: none;position: absolute; top:50%; width: 73px; height: 73px; z-index: 9; opacity: 0; text-align: center; margin-top: -40px;transition:.8s;background:url(../images/c_prev.png) no-repeat;left: 5%;cursor: pointer;}
                .banner .slick-next {outline: none;position: absolute; top:50%; width: 73px; height: 73px; z-index: 9; opacity: 0; text-align: center; margin-top: -40px;transition:.8s;background:url(../images/c_next.png) no-repeat;right: 5%;cursor: pointer;}
                .banner:hover .slick-prev { left: 10%; opacity: 0.5; }
                .banner:hover .slick-next { right: 10%; opacity: 0.5; }
                .banner img {display: block;width: 100%;margin:0 auto;}
                .slick-dots {position: absolute;left: 0; font-size:0;bottom: 5%;width: 100%;text-align: center;outline: none;}
                .slick-dots li {display: inline-block;margin: 0 15px; outline: none;}
                .slick-dots li button {display: block;border: 0 none;width: 12px;height: 12px;color: #fff; border-radius: 50%;background-color: #FFF;outline: none; transition: .5s;}
                .slick-dots .slick-active button {background-color: #2268E4;width:50px;border-radius: 30px;}
                
                @media screen and  (min-width:230px) and (max-width:1400px){
                    .banner .slick-prev{left:1%;}
                    .banner .slick-next{right:1%;}
                    .banner:hover .slick-prev { left: 5%; }
                    .banner:hover .slick-next { right: 5%; }
                }*/


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

 .f_bj{color:#828384;clear:both;font-family:"Microsoft Yahei";height:429px;font-size: 16px;overflow: hidden; border-top:10px solid #2268E4;; padding-top: 60px; background: #2b3038;}
            .footer{ margin: 0 auto;width: 1200px;}
            .f_on1{overflow:hidden; height:78px; border-bottom: 1px solid #4b4f56; margin-bottom: 82px;}
            .f_on1 ul{ float:left;}
            .f_on1 ul li{ float: left; line-height: 100%; font-size: 18px; margin-right: 90px;}
            .f_on1 ul li:last-of-type{ margin-right: 0;}
            .f_on1 ul li a{ color: #fff; display: block; line-height: 100%;}
            .f_on1 ul li a:hover{ /*text-decoration: underline;*/}
            .f_on2{ width:968px; }
            .f_on2 h3{ float: left; width: 368px;}
            .f_on2 h3 strong{ display:block;  padding-top: 23px; height: 53px; font-size: 16px; color: #fff; line-height: 100%;}
            .f_on2 h3 i strong span{ display: block; font-weight: normal; font-size: 12px;  font-family: arial; padding-top: 9px;}
            .f_on2 h3 em{ display: block; font-weight: normal; font-size: 14px; line-height: 24px; color: #abadaf;}
            .f_on2 h3 em a{color: #abadaf; display: inline-block; margin-right:15px;}
            .f_on2 ul{ overflow: hidden; padding-top:8px; float: left; width: 600px;}
            .f_on2 ul li{ line-height:25px; font-size: 14px;/*padding-left:50px;*/ color: #b4b5b8; width: 300px; float: left; height: 70px; line-height: 100%;}
            .f_on2 ul li i {float: left;width: 39px;height: 39px;border-radius: 50%;background: #B4B5B9;color: #2C3039;font-size: 18px;line-height: 39px;text-align: center;margin-right: 6px;}
            .f_on2 ul li span{ display: block;font-weight: bold; line-height: 100%; padding-bottom:9px;}
            .f_on2 ul li:nth-of-type(2n){ width: 300px;}

            .f_on2 p{ color: #bcbcbc;font-size: 14px; line-height: 25px;}
            .f_on2 p a{ color: #bcbcbc;}
            .f_on2 p span{ padding: 0 26px;}
            .f_on2 p em{ display: block;}
            .f_on3{float: right; width:154px; overflow: hidden;}
            .f_on3 p{ overflow: hidden; float: left; background: #fff; height: 180px;}
            .f_on3 p:first-child{ margin-right: 15px;}
            .f_on3 p em{ display: block; }
            .f_on3 p em img{ width: 106px; height: 106px; border: 13px solid #fff;}
            .f_on3 p i{ display: block; color: #333333; text-align: center; font-size: 14px; line-height:100%; margin-top: -4px; z-index: 5;}
            .f_on3 p i span{ display: block; padding-top: 5px;}
/*浮动客服开始*/
.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:0px;
  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);
  }
}