/*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: #3469ba;















    color: #fff;















}































::-moz-selection {















    background-color: #3469ba;















    color: #fff;















}































::-webkit-selection {















    background-color: #3469ba;















    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;















}































.xp_span {















    width: auto;















    float: left;















    line-height: 40px;















    font-size: 14px;















    color: #fff;















    display: block;















    padding-left: 20px;















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















}































.topxunpan .container {















    width: 1200px;















    height: 100%;















    margin: 0 auto;















    position: relative;















}































.topxunpan {















    width: 100%;















    height: 40px;















    position: relative;















    top: 0;















    background: #3469ba;















}































.topxunpan .xp {















    position: absolute;















    line-height: 40px;















    color: #fff;















    font-size: 12px;















    cursor: pointer;















    right: 0;















    top: 0;















}































.topxunpan .xp img {















    position: relative;















    top: 2px;















    margin-right: 2px;















}































.topxunpan .xp i {















    padding: 0 5px;















    margin-left: 4px;















    margin-right: 4px;















    box-sizing: border-box;















    color: #3469ba;















    background: #fff;















}































.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: #3469ba;















    border: 1px solid #ffffff;















    border-radius: 4px;















    opacity: 0;















    font-weight: bold;















}































.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: #3469ba;















}































.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: 1200px;















}































.main_auto {















    width: 1200px;















    margin: 0 auto;















}































/* top */































.top {















    height: 94px;















    background: #000000;















}































.top_center {















    height: 94px;















    position: relative;















}































.top_logo {















    position: absolute;















    top: 15px;















}































.top_logo,







.top_logo h1,







.top_logo h1 a,







.top_logo h1 img {















    width: 275px;















    height: 59px;















}































/* 导航 */































.first-menu>li {















    width: 86px;















    height: 94px;















    float: left;















    text-align: center;















    position: relative;















    margin-left: 1px;















}































.first-menu>li>a {















    float: left;















    display: block;















    height: 94px;















    width: 86px;















    line-height: 94px;















    font-size: 14px;















    transition: .6s;















    color: #fff;















}































.first-menu>li:hover a {















    color: #fff;















    background: #3469ba;















}































.nav_main {















    width: 870px;















    height: 94px;















    position: absolute;















    right: 0;















    top: 0px;















}































.another {















    background: #3469ba;















}































.another a {















    color: #ffffff !important;















}































.first-menu>li:hover .second-menu {















    height: auto;















    -webkit-transform: rotate3d(0, 0, 0, 0);















    transform: rotate3d(0, 0, 0, 0);















    opacity: 1;















}































.second-menu {















    position: absolute;















    z-index: 5;















    width: 146px;















    height: 0;















    top: 94px;















    left: 0px;















    -webkit-transform: rotate3d(1, 0, 0, -90deg);















    -webkit-transform-origin: 50% 0;















    -webkit-transition: 350ms;















    -moz-transition: 350ms;















    -o-transition: 350ms;















    transition: 350ms;















    opacity: 0;















    background: #3469ba;















}































.first-menu .second-menu a {





    color: #fff;





    overflow: hidden;





    text-overflow: ellipsis;





    white-space: nowrap;





    text-align: center;





    width: 146px;





    height: 40px;





    display: block;





    transition: .6s;

}































.first-menu .second-menu li {





    height: 40px;





    line-height: 40px;





    border-bottom: 1px dashed #ffffff;





    position: relative;





    width: 146px;

}































.thr {





    width: 146px;





    height: auto;





    position: absolute;





    left: 146px;





    top: 0;





    overflow: hidden;





    transition: .6s;





    -webkit-transform-origin: 0 50%;





    -moz-transform-origin: 0 50%;





    -ms-transform-origin: 0 50%;





    -o-transform-origin: 0 50%;





    transform-origin: 0 50%;





    -webkit-transform: rotateY(90deg);





    -moz-transform: rotateY(90deg);





    -ms-transform: rotateY(90deg);





    -o-transform: rotateY(90deg);





    transform: rotateY(90deg);





    background: #3469ba;





    opacity: 0;

}































.thr a {















    border-left: 1px dashed #fff;















}































.first-menu .second-menu li:hover .thr {















    -webkit-transform: rotateY(0deg);















    -moz-transform: rotateY(0deg);















    -ms-transform: rotateY(0deg);















    -o-transform: rotateY(0deg);















    transform: rotateY(0deg);















    opacity: 1;















}































.thr a {















    border-bottom: 1px dashed #ffffff;















}































.first-menu .second-menu a {















    height: 40px !important;















    line-height: 40px !important;































}































.first-menu .second-menu li:last-child,







.thr a:last-child {















    margin-bottom: 8px;















}































.first-menu .second-menu a:hover {





    padding-left: 6px;





    width: 146px;

}































/* 导航 */































/* footer*/































.footer_bg {















    width: 100%;















    margin: 0 auto;















    background: #333;















    height: 325px;















}































.footer_bg .footer {















    width: 1200px;















    margin: 0 auto;















    padding-top: 70px;















    height: 160px;















}































.footer_bg .footer .f_l {











    width: 1200px;











    float: left;



}































.footer_bg .footer .f_l ul li {



    height: 60px;



    margin: 0 20px 15px 0;



    float: left;



    width: 490px;



}































.footer_bg .footer .f_l ul li h5 {















    font-size: 16px;















    font-weight: bold;















    color: #999;















    float: left;















    border-right: 1px solid #505050;















    width: 135px;















}































.footer_bg .footer .f_l ul li h5 span {















    font-size: 12px;















    font-weight: normal;















    color: #999;















    text-transform: uppercase;















    display: block;















}































.footer_bg .footer .f_l ul li p {















    float: left;















    height: 42px;















    line-height: 42px;















}































.footer_bg .footer .f_l ul li p a {



    font-size: 14px;



    font-weight: normal;



    color: #999;



    line-height: 32px;



    margin: 0 8px;



}































.footer_bg .footer .f_r {















    float: right;















    width: 170px;















    margin-top: 50px;















}































.footer_bg .end_bg {















    width: 100%;















    margin: 0 auto;















    height: 90px;















    border-top: 1px solid #3d3d3d;















}































.footer_bg .end_bg .end {















    width: 1200px;















    margin: 0 auto;















    height: 90px;















    position: relative;















}































.footer_bg .end_bg .end #back-to-top {















    width: 35px;















    height: 35px;















    margin: 0 auto;















    position: relative;















    top: -15px;















}































.footer_bg .end_bg .end p {















    font-size: 14px;















    color: #999;















    text-align: center;















    margin-top: 15px;















}































.footer_bg .end_bg .end p a {















    font-size: 14px;















    color: #999;















    text-align: center;















}































.clear {















    clear: both;















}































/* 边框滑动 */































.Consul_a::after,







.Consul_a::before {















    content: '';















    width: 100%;















    height: 1px;















    position: absolute;















    width: 0%;















    background: #3469ba;















    transition: .6s;















    opacity: 0.6;















}































.Consul_a::after {















    top: -1px;















    left: 0;















}































.Consul_a::before {















    bottom: -1px;















    right: 0;















}































.Consul_lx::after,







.Consul_lx::before {















    content: '';















    width: 1px;















    height: 0px;















    position: absolute;















    background: #3469ba;















    transition: .8s;















    opacity: 0.6;















}































.Consul_lx::after {















    left: -1px;















    bottom: 0;















}































.Consul_lx::before {















    top: 0;















    right: -1px;















}































.pro_box div:hover .Consul_a::after,







.pro_box div:hover .Consul_a::before {















    width: 100%;















}































.pro_box div:hover .Consul_lx::before,







.pro_box div:hover:hover .Consul_lx::after {















    height: 100%;















}































.Consul_b::after,







.Consul_b::before {















    content: '';















    width: 100%;















    height: 2px;















    position: absolute;















    width: 0%;















    background: #3469ba;















    transition: .6s;















}































.Consul_b::after {















    bottom: 50px;















    left: 90px;















    width: 0px;















}































.Consul_b::before {















    top: 50px;















    right: 90px;















    width: 0px;















}































.Consul_lxx::after,







.Consul_lxx::before {















    content: '';















    width: 2px;















    height: 0px;















    position: absolute;















    background: #3469ba;















    transition: .8s;















    opacity: 0.6;















}































.Consul_lxx::after {















    left: 16px;















    bottom: 14px;















    height: 34px;















}































.Consul_lxx::before {















    top: 5px;















    right: 26px;















    height: 34px;















}































.Consul_b:hover::after,







.Consul_b:hover::before {















    width: 280px;















}































.Consul_b:hover .Consul_lxx::before,







.Consul_b:hover .Consul_lxx::after {















    height: 58px;















}































/* 边框滑动 */































/* 鼠标经过 */































.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: rgba(255, 255, 255, 0.2);















    -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;















}































.mouse_01:before {















    content: '';















    width: 0;















    height: 0;















    border-style: solid;















    transition: .6s;















    border-width: 0 0 0 0;















    border-color: transparent transparent transparent #ffc539;















    position: absolute;















    bottom: 0;















    left: 0;















}































.mouse_01:after {















    content: '';















    width: 0;















    height: 0;















    border-style: solid;















    transition: .6s;















    border-width: 0 0 0 0;















    border-color: transparent #ffc539 transparent transparent;















    position: absolute;















    top: 0;















    right: 0;















    z-index: -1;















}































.mouse_01:hover:before {















    border-width: 170px 0 0 170px;















    transition: .6s;















    z-index: -1;















}































.mouse_01:hover:after {















    border-width: 0 170px 170px 0;















    transition: .6s;















    z-index: -1;















}































.mouse_01:active {















    transition: .6s;















    background: #ffc539;















    z-index: -1;















}































.btn_sj:after {















    content: '';















    width: 0;















    height: 0;















    -webkit-transform: rotate(360deg);















    border-style: solid;















    border-width: 0 0 0 0;















    border-color: transparent #212f32 transparent transparent;















    position: absolute;















    top: 0;















    right: 0;















    transition: .6s;















    z-index: -1;















}































.btn_sj:before {















    content: '';















    width: 0;















    height: 0;















    -webkit-transform: rotate(360deg);















    border-style: solid;















    border-width: 0 0 0 0;















    border-color: transparent transparent transparent #212f32;















    position: absolute;















    bottom: 0;















    left: 0;















    transition: .6s;















    z-index: -1;















}































.btn_sj:hover:before,







.btn_sj:hover:after {















    border-width: 52px 262.5px

}































.btn_sj:active {















    background: #212f32;















}































.btn_sj1:after {















    content: '';















    width: 0;















    height: 0;















    -webkit-transform: rotate(360deg);















    border-style: solid;















    border-width: 0 0 0 0;















    border-color: transparent #ffc539 transparent transparent;















    position: absolute;















    top: 0;















    right: 0;















    transition: .6s;















    z-index: -1;















}































.btn_sj1:before {















    content: '';















    width: 0;















    height: 0;















    -webkit-transform: rotate(360deg);















    border-style: solid;















    border-width: 0 0 0 0;















    border-color: transparent transparent transparent #ffc539;















    position: absolute;















    bottom: 0;















    left: 0;















    transition: .6s;















    z-index: -1;















}































.pro .pro_right .pro_warp .pro_everone:hover .btn_sj1:before,







.pro .pro_right .pro_warp .pro_everone:hover .btn_sj1::after {















    border-width: 46px 312px

}































.btn_sj1:active {















    background: #ffc539;















}































/* 鼠标经过 */































.fixedNav {















    position: fixed;















    top: 0px;















    left: 0px;















    width: 100%;















    z-index: 5;















    _position: absolute;















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















}