/*Generated by wjdhcms 3.0 */







@charset "utf-8";



::-webkit-scrollbar {



    width: 8px;



    height: 8px;



    background-color: #F5F5F5;



}







::-webkit-scrollbar-track {



    border-radius: 10px;



    background-color: #E2E2E2;



}







::-webkit-scrollbar-thumb {



    border-radius: 10px;



    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);



    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);



    background-color: #555;



}







::selection {



    background-color: #1f1258;



    color: #fff;



}







::-moz-selection {



    background-color: #1f1258;



    color: #fff;



}







::-webkit-selection {



    background-color: #1f1258;



    color: #fff;



}







* {



    padding: 0;



    margin: 0;



    font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;



}







body {



    font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;



    color: #333;



    margin: 0;



    line-height: 1.5;



}







:focus {



    outline: 1;



}







article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {



    display: block;



}







a {



    color: #333;



    text-decoration: none;



}







a:link, a:hover, a:active, a:visited {



    text-decoration: none;



}







ins {



    background-color: #ff9;



    color: #000;



    text-decoration: none;



}







mark {



    background-color: #ff9;



    color: #000;



    font-style: italic;



    font-weight: bold;



}







del {



    text-decoration: line-through;



}







table {



    border-collapse: collapse;



    border-spacing: 0;



}







hr {



    display: block;



    height: 1px;



    border: 0;



    border-top: 1px solid #cccccc;



    margin: 1em 0;



    padding: 0;



}







input, select {



    vertical-align: middle;



}







li, ul {



    list-style-type: none;



}







img {



    border: none;



}







input, textarea {



    outline: 0;



    border: 0;



}







textarea {



    resize: none;



}







h1, h2, h3, h4, h5, h6, dl, dd, dt, i, em {



    font-weight: normal;



    font-style: normal;



}







/* 询盘 */







i {



    font-weight: normal;



    font-style: normal;



}







.container {



    width: 1180px;



    height: 100%;



    margin: 0 auto;



}







.topxunpan {



    width: 100%;



    height: 36px;



    position: relative;



    top: 0;



    background-color: #1f1258;



}







.topxunpan .xp {



    position: relative;



    float: left;



    line-height: 36px;



    color: #ffffff;



    font-size: 12px;



    cursor: pointer;



}







.topxunpan .xp img {



    position: relative;



    top: 2px;



    margin-right: 2px;



}







.topxunpan .xp i {



    padding: 0 5px;



    margin-left: 4px;



    margin-right: 4px;



    border: 1px solid #fff;



    box-sizing: border-box;



}







.topxunpan .xp #xunpantip {



    z-index: 5;



    position: absolute;



    top: 35px;



    left: 50%;



    width: 180px;



    height: 30px;



    line-height: 30px;



    text-align: center;



    color: #fff;



    font-size: 14px;



    -moz-transform: translateX(-50%) scale(0);



    -o-transform: translateX(-50%) scale(0);



    -ms-transform: translateX(-50%) scale(0);



    transform: translateX(-50%) scale(0);



    -webkit-transition: transform .4s, opacity .4s;



    -moz-transition: transform .4s, opacity .4s;



    -o-transition: transform .4s, opacity .4s;



    -ms-transition: transform .4s, opacity .4s;



    transition: transform .4s, opacity .4s;



    background-color: #5d4432;



    border-radius: 4px;



    opacity: 0;



    font-weight: bold;



    box-shadow: 5px 5px 2px #dfdfdf;



}







.topxunpan .xp #xunpantip::after {



    content: '';



    position: absolute;



    top: -16px;



    left: 50%;



    width: 0;



    height: 0;



    -webkit-transform: translateX(-50%);



    -moz-transform: translateX(-50%);



    -o-transform: translateX(-50%);



    -ms-transform: translateX(-50%);



    transform: translateX(-50%);



    border: 8px solid transparent;



    border-bottom-color: #5d4432;



}







.topxunpan .xp #xunpantip.xunpantextactive {



    -webkit-transform: translateX(-50%) scale(1);



    -moz-transform: translateX(-50%) scale(1);



    -o-transform: translateX(-50%) scale(1);



    -ms-transform: translateX(-50%) scale(1);



    transform: translateX(-50%) scale(1);



    opacity: 1;



}







/* 公用 */







.main_width {



    width: 100%;



    min-width: 1180px;



}







.main_auto {



    width: 1180px;



    margin: 0 auto;



}







.fud {



    float: left;



}







/* 头部 */







.header {



    height: 130px;



    position: relative;



    z-index: 1;



    background: url(../images/titbg.jpg) center no-repeat;



}







.header_center {



    height: 130px;



    position: relative;



}







.header_logo, .header_logo a, .header_logo img {



    width: 270px;



    height: 77px;



}







.header_logo {



    top: 22px;



    position: absolute;



}







.header_zj {



    width: 476px;



    height: 76px;



    line-height: 76px;



    border-radius: 14px;



    position: absolute;



    top: 26px;



    left: 314px;



    font-size: 24px;



    font-weight: bold;



    text-align: center;



    color: #222222;



    border: dashed 1px #e2e2e2;



}







.head_tell {



    width: 218px;



    height: 48px;



    position: absolute;



    right: 0;



    top: 40px;



    padding-left: 56px;



    background: url(../images/tell.png) left no-repeat;



}







.head_tell span {



    height: 30px;



    line-height: 30px;



    font-size: 30px;



    font-weight: bold;



    color: #de1805;



}







.head_tell div {



    font-size: 14px;



    color: #241e1e;



}







/* 导航 */







.nav_box {



    width: 100%;



    min-width: 1180px;



    height: 55px;



    z-index: 2;



    background: #1f1258;



}







.subnav {

    width: 100% !important;

    overflow: hidden;

    position: absolute;

    top: 55px;

    left: 0 !important;

    z-index: 5;

    display: none;

    border-radius: 0 0 40% 40%;

    -moz-box-shadow: 0 3px 3px 0px #eee;

    -webkit-box-shadow: 0 3px 3px 0px #eee;

    box-shadow: 0 3px 3px 0px #eee;

    background: rgba(255, 255, 255, 0.5);

}







.subnav_title {



    line-height: 34px;



    font-size: 20px;



    color: #ffffff;



    font-weight: bolder;



    margin-top: 10px;



}







.clientele_nav1 a {



    font-size: 14px;



    color: #ffffff;



}







.clientele_nav1 a i {



    display: inline-block;



    *display: inline;



    *zoom: 1;



    width: 25px;



    transition: 0.5s;



    height: 25px;



    margin-right: 10px;



    position: relative;



    top: 5px;



}







.clientele_nav1 .con {



    margin-bottom: 22px;



    transition: 0.5s;



}







.subnav_list1 {



    width: 275px;



    float: left;



    margin-right: 20px;



}







.subnav_list .subnav_list1 li {



    width: 100%;



    margin-right: 0;



}







.subnav_listw .subnav_list1 li {



    width: 100%;



    margin-right: 0;



}







.pro_subnav1 {



    width: 130px;



    float: left;



    padding-left: 60px;



    overflow: hidden;



}







.navs .pro_subnav1 li {



    position: relative;



    border-right: 1px solid #eee;



}







.navs .pro_subnav1 li a {



    line-height: 27px;



    display: block;



    width: 130px;



    font-size: 13px;



    color: #ffffff;



    padding: 11px 0 9px 0;



    border-bottom: 1px solid #e1e1e1;



    transition: 0.5s;



}







.navs .pro_subnav1 li.on a, .navs .pro_subnav1 li:hover a {



    color: #ffffff;



    font-weight: bolder;



    border-bottom: 3px solid #ffffff;



}







.navs .pro_subnav1 li.on i {



    display: block;



}







.navs .pro_subnav1 i {



    display: block;



    width: 8px;



    height: 14px;



    background: url(../images/arrow9.png) no-repeat;



    position: absolute;



    right: -1px;



    top: 50%;



    margin-top: -7px;



    display: none;



}







.pro_subnav2 ul {



    display: none;



}







.pro_subnav2 ul:first-of-type {



    display: block;



}







.pro_subnav2 {

    width: 240px;

    margin-right: 80px;

    float: left;

    height: 289px;

    /* padding-top: 20px; */

    border-right: #eee 1px solid;

}







.pro_subnav2 ul li {

    /* padding: 11px 0 10px 0px; */

    line-height: 48px;

    height: 72px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}







.pro_subnav2 ul li a {

    font-size: 13px;

    color: #ffffff;

    transition: 0.5s;

    overflow: hidden;

}







.pro_subnav2 ul li a:hover {



    font-size: 14px;



    color: #ffffff;



    font-weight: bolder;



}







.pro_subnav3 {



    width: 557px;



    float: left;



}







.pro_subnav3 .subnav_title {



    margin: 15px 0 15px 0;



}







.pro_subnav3_path {



    display: block;



    border-bottom: 1px solid #eee;



    padding-bottom: 13px;



    overflow: hidden;



}







.pro_subnav3_path img {



    width: 150px;



    margin: 20px 27px 0 0;



    float: left;



}







.pro_subnav3_path_r {



    width: 330px;



    padding-right: 6%;



    float: left;



}







.pro_subnav3_path .title {



    margin: 15px 0 8px 0;



    line-height: 29px;



    font-size: 15px;



    color: #ffffff;



}







.pro_subnav3_path:hover .title {



    color: #ffffff;



}







.pro_subnav3_path .con {



    line-height: 26px;



    font-size: 13px;



    color: #ffffff;



    text-align: left;



}







.pro_subnav3_path .arrowR {



    border-top: 5px solid transparent;



    border-left: 5px solid #ffffff;



    border-bottom: 5px solid transparent;



    margin-left: 10px;



    display: inline-block;



    *display: inline;



    *zoom: 1;



    width: 0;



    height: 0;



}







.pro_subnav2 .arrowR {



    border-top: 5px solid transparent;



    border-left: 5px solid #ffffff;



    border-bottom: 5px solid transparent;



    margin-left: 10px;



    display: inline-block;



    *display: inline;



    *zoom: 1;



    width: 0;



    height: 0;



    margin-right: 20px;



    transition: 0.5s;



}







.pro_subnav {



    overflow: hidden;



    width: 1180px;



    margin: 0 auto;



    padding-top: 20px;



    padding-bottom: 40px;



    background: rgba(31, 18, 88, 0.8);



}







.navs {



    position: relative;



    width: 1180px;



    margin: 0 auto;



    height: 55px;



}







.navs>li {



    float: left;



    line-height: 55px;



    width: 117px;



    height: 55px;



    margin-left: 1px;



    background: url(../images/navli.png) right no-repeat;



}







.another {



    width: 117px;



    height: 55px;



    background: url(../images/navli.png) center no-repeat;



}







.navs .another .cta {



    color: #ffffff;



}







.navs li .cta {



    display: block;



    width: 117px;



    height: 55px;



    font-size: 15px;



    color: #ffffff;



    text-align: center;



}







.navs li .subnav {



    margin: 0 auto;



}







.green {



    width: 117px;



    height: 6px;



    position: absolute;



    bottom: 0;



    left: 0;



    transition: .6s;



    background: url(../images/nava.png) center no-repeat;



}







.second-menu {



    position: absolute;



    z-index: 5;



    width: 118px;



    height: auto;



    display: none;



    background: rgba(31, 18, 88, 0.8);



}







.second-menu0 {



    right: 236px;



}







.second-menu1 {



    right: 118px;



}







.second-menu a {



    color: #fff;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



    text-align: center;



    width: 117px;



    height: 40px;



    display: block;



    transition: .6s;



}







.second-menu li {



    height: 40px;



    line-height: 40px;



    border-bottom: 1px solid #ffffff;



}







.second-menu a {



    height: 40px !important;



    line-height: 40px !important;



    font-size: 15px;



}







.second-menu li:last-child {



    margin-bottom: 8px;



}







.second-menu a:hover {



    padding-left: 6px;



}







/* foot */







.foot {



    width: 100%;



    min-width: 1180px;



    height: 290px;



    border-top: 6px solid #1f1258;



    background: #222222;



}







.foot_center {



    width: 1180px;



    margin: 0 auto;



    position: relative;



    height: 290px;



}







.foot_nerong h3, .foot_form h3, .ewm h3 {



    font-size: 24px;



    color: #ffffff;



    margin-bottom: 14px;



}







.foot_nerong div {



    font-size: 16px;



    font-weight: bold;



    color: #ffffff;



    margin-bottom: 20px;



}







.foot_nerong {



    width: 312px;



    height: 250px;



    position: absolute;



    top: 34px;



    left: 0px;



}







.foot_nerong p {



    height: 32px;



    line-height: 32px;



    color: #fff;



    overflow: hidden;



    padding-left: 26px;



}







.foot_nerong p span {



    width: 84px;



    display: inline-block;



}







.foot_img0 {



    background: url(../images/foot1.png) left no-repeat;



}







.foot_img1 {



    background: url(../images/foot2.png) left no-repeat;



}







.foot_img2 {



    background: url(../images/foot3.png) left no-repeat;



}







.foot_img3 {



    background: url(../images/foot4.png) left no-repeat;



}







.foot_img4 {



    background: url(../images/foot5.png) left no-repeat;



}







.space1 {



    letter-spacing: 4.86px;



}







.space2 {



    letter-spacing: 14px;



}







.foot_form {



    width: 342px;



    height: 160px;



    position: absolute;



    top: 34px;



    left: 488px;



}







.Contacts, .information, .textara {



    width: 330px;



    height: 32px;



    padding-left: 10px;



    background: inherit;



    margin-bottom: 10px;



}







.textara {



    height: 24px;



    padding-top: 8px;



    display: block;



}







.Contacts, .Contacts::placeholder, .information, .information::placeholder, .textara, .textara::placeholder {



    color: #757373;



    background: #3a3737;



}







.ds_button {



    width: 341px;



    height: 32px;



    font-size: 14px;



    color: #ffffff;



    cursor: pointer;



    background-color: #1f1258;



}







.ewm {



    position: absolute;



    right: 64px;



    top: 34px;



}







.foot_img {



    width: 110px;



    height: 110px;



    padding: 10px;



    margin-top: 0px;



    background: #fff;



    text-align: center;



    color: #ffffff;



}







.foot_img img {



    width: 110px;



    height: 110px;



    margin-bottom: 10px;



}







.ewm_bt {



    color: #fff;



    text-align: center;



}







.foot_bottom {



    height: 62px;



    color: #fff;



    text-align: center;



    line-height: 62px;



    font-size: 14px;



    background-color: #1f1258;



}







.foot_bottom a {



    color: #fff;



    font-size: 14px;



}







.fixedNav {



    position: fixed;



    top: 0px;



    left: 0px;



    width: 100%;



    z-index: 5;



    _position: absolute;



    background-color: #1f1258;



    _top: expression(eval(document.documentElement.scrollTop));



}























/* 文字滚动 */



.cta {



    text-decoration: none;



    overflow: hidden;



    backface-visibility: hidden;



    position: relative;



  }



  .cta:active {



    transform: translateY(3px);



  }



  .btn-text-parent {



    position: relative;



    display: inline-block;



    overflow: hidden;



  }



  .wrap_text {



    display: inline-block;



  }



  .buildin-btn-text {



    position: absolute;



    left: 0;



    top: 0;



    z-index: 9;



    width: 100%;



    transform: translateY(100%);



  }



  .buildin-btn-text .btn-letter {



    opacity: 0;



  }



  .btn-letter {



    display: inline-block;



    margin: 0em 0.05em;



    position: relative;



    transition: transform 800ms, opacity 800ms ease;



  }



  .current-btn-text .btn-letter:nth-child(1) {



    transition-delay: 49ms;



  }



  .current-btn-text .btn-letter:nth-child(2) {



    transition-delay: 99ms;



  }



  .current-btn-text .btn-letter:nth-child(3) {



    transition-delay: 149ms;



  }



  .current-btn-text .btn-letter:nth-child(4) {



    transition-delay: 199ms;



  }



  .current-btn-text .btn-letter:nth-child(5) {



    transition-delay: 249ms;



  }



  .current-btn-text .btn-letter:nth-child(6) {



    transition-delay: 299ms;



  }



  .current-btn-text .btn-letter:nth-child(7) {



    transition-delay: 349ms;



  }



  .current-btn-text .btn-letter:nth-child(8) {



    transition-delay: 399ms;



  }



  .current-btn-text .btn-letter:nth-child(9) {



    transition-delay: 449ms;



  }



  .current-btn-text .btn-letter:nth-child(10) {



    transition-delay: 499ms;



  }



  .current-btn-text .btn-letter:nth-child(11) {



    transition-delay: 549ms;



  }



  .current-btn-text .btn-letter:nth-child(12) {



    transition-delay: 599ms;



  }



  .buildin-btn-text .btn-letter:nth-child(1) {



    opacity: 0;



    transition-delay: 49ms;



  }



  .buildin-btn-text .btn-letter:nth-child(2) {



    opacity: 0;



    transition-delay: 99ms;



  }



  .buildin-btn-text .btn-letter:nth-child(3) {



    opacity: 0;



    transition-delay: 149ms;



  }



  .buildin-btn-text .btn-letter:nth-child(4) {



    opacity: 0;



    transition-delay: 199ms;



  }



  .buildin-btn-text .btn-letter:nth-child(5) {



    opacity: 0;



    transition-delay: 249ms;



  }



  .buildin-btn-text .btn-letter:nth-child(6) {



    opacity: 0;



    transition-delay: 299ms;



  }



  .buildin-btn-text .btn-letter:nth-child(7) {



    opacity: 0;



    transition-delay: 349ms;



  }



  .buildin-btn-text .btn-letter:nth-child(8) {



    opacity: 0;



    transition-delay: 399ms;



  }



  .buildin-btn-text .btn-letter:nth-child(9) {



    opacity: 0;



    transition-delay: 449ms;



  }



  .buildin-btn-text .btn-letter:nth-child(10) {



    opacity: 0;



    transition-delay: 499ms;



  }



  .buildin-btn-text .btn-letter:nth-child(11) {



    opacity: 0;



    transition-delay: 549ms;



  }



  .buildin-btn-text .btn-letter:nth-child(12) {



    opacity: 0;



    transition-delay: 599ms;



  }



  .cta:hover .current-btn-text .btn-letter {



    opacity: 0;



    transform: translateY(-100%);



  }



  .cta:hover .buildin-btn-text .btn-letter {



    opacity: 1;



    transform: translateY(-100%);



  }



  /* 文字滚动 */



  /* 边框滑动 */



  .Consul_a::after,



  .Consul_a::before {



    content: '';



    width: 180px;



    height: 2px;



    position: absolute;



    width: 0%;



    background: #003586;



    transition: .6s;



    opacity: 0.6;



  }



  .Consul_a::after {



    top: 0;



    left: 0;



  }



  .Consul_a::before {



    bottom: 0;



    right: 0;



  }



  .Consul_lx::after,



  .Consul_lx::before {



    content: '';



    width: 2px;



    height: 0px;



    position: absolute;



    background: #003586;



    transition: .8s;



    opacity: 0.6;



  }



  .Consul_lx::after {



    left: 0;



    bottom: 0;



  }



  .Consul_lx::before {



    top: 0;



    right: 0;



  }



  .Consul_a:hover::after,



  .Consul_a:hover::before {



    width: 100%;



  }



  .Consul_a:hover .Consul_lx::before,



  .Consul_a:hover .Consul_lx::after {



    height: 100%;



  }



  /* 边框滑动 */



  /* 鼠标经过 */



  .we_bg:before,



  .we_bg:after,



  .we_bg span:before,



  .we_bg span:after {



    content: '';



    position: absolute;



    top: 0;



    left: 0;



    width: 0;



    height: 100%;



    background: #003586;



    -webkit-transition: 0.4s;



    transition: 0.4s;



    z-index: -1;



  }



  .we_bg:after,



  .we_bg span:before {



    left: auto;



    right: 0;



    z-index: -1;



  }



  .we_bg span:before,



  .we_bg span:after {



    -webkit-transition-delay: 0.4s;



    transition-delay: 0.4s;



  }



  .we_bg:hover:before,



  .we_bg:hover:after,



  .we_bg:hover span:before,



  .we_bg:hover span:after {



    width: 100%;



    z-index: -1;



  }



  @-webkit-keyframes criss-cross-left {



    0% {



      left: -20px;



    }



    50% {



      left: 50%;



      width: 20px;



      height: 20px;



    }



    100% {



      left: 50%;



      width: 375px;



      height: 375px;



    }



  }



  @keyframes criss-cross-left {



    0% {



      left: -20px;



    }



    50% {



      left: 50%;



      width: 20px;



      height: 20px;



    }



    100% {



      left: 50%;



      width: 375px;



      height: 375px;



    }



  }



  @-webkit-keyframes criss-cross-right {



    0% {



      right: -20px;



    }



    50% {



      right: 50%;



      width: 20px;



      height: 20px;



    }



    100% {



      right: 50%;



      width: 375px;



      height: 375px;



    }



  }



  @keyframes criss-cross-right {



    0% {



      right: -20px;



    }



    50% {



      right: 50%;



      width: 20px;



      height: 20px;



    }



    100% {



      right: 50%;



      width: 375px;



      height: 375px;



    }



  }



  .pro_tit {



    position: relative;



    z-index: 1;



    overflow: hidden;



  }



  .pro_tit::before,



  .pro_tit::after {



    content: '';



    width: 20px;



    height: 20px;



    position: absolute;



    transition: 0.6s;



    z-index: -1;



    top: 50%;



    border-radius: 50%;



    background: #ffffff;



  }



  .pro_tit::before {



    left: -20px;



    -webkit-transform: translate(-50%, -50%);



    transform: translate(-50%, -50%);



  }



  .pro_tit::after {



    right: -20px;



    -webkit-transform: translate(50%, -50%);



    transform: translate(50%, -50%);



  }



  .pro_tit:hover::before {



    -webkit-animation: criss-cross-left 0.8s both;



    animation: criss-cross-left 0.8s both;



  }



  .pro_tit:hover::after {



    -webkit-animation: criss-cross-right 0.8s both;



    animation: criss-cross-right 0.8s both;



  }



  .we_more {



    position: relative;



    z-index: 1;



    overflow: hidden;



  }



  .we_more::before,



  .we_more::after {



    content: '';



    width: 20px;



    height: 20px;



    position: absolute;



    transition: 0.6s;



    z-index: -1;



    top: 50%;



    border-radius: 50%;



    background-color: #003586;



  }



  .we_more::before {



    left: -20px;



    -webkit-transform: translate(-50%, -50%);



    transform: translate(-50%, -50%);



  }



  .we_more::after {



    right: -20px;



    -webkit-transform: translate(50%, -50%);



    transform: translate(50%, -50%);



  }



  .we_more:hover::before {



    z-index: -1;



    -webkit-animation: criss-cross-left 0.8s both;



    animation: criss-cross-left 0.8s both;



  }



  .we_more:hover::after {



    z-index: -1;



    -webkit-animation: criss-cross-right 0.8s both;



    animation: criss-cross-right 0.8s both;



  }



  /* 鼠标经过 */