/*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: #1b55d5;	color: #fff;}::-moz-selection {	background-color: #1b55d5;	color: #fff;}::-webkit-selection {	background-color: #1b55d5;	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;}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;}.fixedNav {    position: fixed;    top: 0px;    left: 0px;    width: 100%;    z-index: 100000;    _position: absolute;    _top: expression(eval(document.documentElement.scrollTop));}html{        cursor: url(../images/cur.png),        default;}a{   cursor: url(../images/Acur.png),   default ;}input,textarea{    animation: animated 1s infinite;    -moz-animation: animated 1s infinite;    -webkit-animation: animated 1s infinite;    -o-animation: animated 1s infinite; border:none;    outline:none;}@keyframes animated {    0% {        cursor: url('../images/Pcuro1.png'),        auto;    }    8.8% {        cursor: url('../images/Pcuro2.png'),            auto;    }    17.6% {        cursor: url('../images/Pcuro3.png'),            auto;    }    26.4% {        cursor: url('../images/Pcuro4.png'),            auto;    }    35.2% {        cursor: url('../images/Pcuro5.png'),            auto;    }    44% {        cursor: url('../images/Pcuro6.png'),            auto;    }    52.8% {        cursor: url('../images/Pcuro7.png'),            auto;    }    61.6% {        cursor: url('../images/Pcuro8.png'),            auto;    }    70.4% {        cursor: url('../images/Pcuro9.png'),            auto;    }    79.2% {        cursor: url('../images/Pcuro10.png'),            auto;    }    88% {        cursor: url('../images/Pcuro11.png'),            auto;    }    100% {        cursor: url('../images/Pcuro12.png'),            auto;    }}.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled,.swiper-pagination-bullet{opacity: 1;}.center{width:1200px;margin: auto;}.hide{display: none;}.clear{clear:both;}.clears::after{content: "";display: block;clear: both;}.empty{height: 1px;}@keyframes explode{    0%{        width:0;        height:0;        margin-left:0;        margin-top:0;        background-color:rgba(253,142,24,.2);    }    100%{        width:300px;        height:300px;        margin-left:-150px;        margin-top:-150px;        background-color:#fd8e18;    }}@keyframes desplode{    0%{        width:300px;        height:300px;        margin-left:-150px;        margin-top:-150px;        background-color:#fd8e18;    }    100%{        width:0;        height:0;        margin-left:0;        margin-top:0;        background-color:#fd8e18;    }}a {    transition: all .2s;}a {    transition: all .2s;}a:hover {    color: #1b55d5;}/* header start */.topxunpan {    width: 100%;    height: 50px;    box-sizing: border-box;    background-color: #fff;    border-bottom: 1px solid #f5f5f5;}.topxunpan .leftwelcome {    width: 360px;    height: 49px;    float: left;    line-height: 49px;    color: #808080;    font-size: 12px;}.topxunpan .leftwelcome img {    margin-right: 8px;}.topxunpan .leftwelcome span {    color: #1b55d5;}.topxunpan .xp {    position: relative;    width: 190px;    height: 40px;    float: right;    line-height: 40px;    color: #fff;    font-size: 12px;    text-align: center;    background-color: #1b55d5;    border-radius: 0 0 26px 26px;    cursor: pointer;    box-sizing: border-box;}.topxunpan .xp img {    margin-right: 4px;}.topxunpan .xp i {    display: inline-block;    width: 20px;    height: 20px;    line-height: 20px;    color: #fff;    text-align: center;    font-size: 12px;    box-sizing: border-box;    border-radius: 50%;    background-color: #fd8e18;}.topxunpan .xp #xunpantip {    z-index: 999;    position: absolute;    top: 35px;    left: 50%;    width: 180px;    height: 49px;    line-height: 49px;    text-align: center;    color: #fff;    font-size: 14px;    -webkit-transform: translateX(-50%) scale(0);    -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: #1b55d5;    border-radius: 4px;    opacity: 0;    font-weight: bold;    box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.2);}.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: #1b55d5;}.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;}.rightmess .topcontact {    height: 49px;    line-height: 49px;    float: right;    margin-right: 35px;}.rightmess .topcontact img {    position: relative;    top: -1px;    vertical-align: middle;}.rightmess .topcontact a {    margin-right: 30px;    color: #808080;    font-size: 12px;}.rightmess .topcontact a:nth-of-type(2){    margin-right: 10px;}.rightmess .topcontact a:last-child{    margin-right: 0;}.rightmess .topcontact a:hover {    color: #1b55d5;}.topbar {    position: relative;    height: 140px;}.leftlogo {    float: left;    height: 100%;    padding-top: 32px;    box-sizing: border-box;}.leftlogo h1 {    float: left;    width: 207px;    height: 77px;}.leftlogo h1 a,.leftlogo h1 img{    display: block;    width: 100%;    height: 100%;}.header .topbar .leftlogo .slogan {    float: left;    margin-top: 15px;    margin-left: 27px;    padding-left: 24px;    box-sizing: border-box;    border-left: 1px solid #cccccc;}.header .topbar .leftlogo .slogan .first {    font-weight: bold;    font-size: 22px;    line-height: 24px;    color: #1b55d5;}.header .topbar .leftlogo .slogan .second {    color: #4d4d4d;    font-size: 16px;    line-height: 16px;    margin-top: 12px;}.header .topbar .righttel {    height: 140px;    float: right;    padding-top: 46px;    box-sizing: border-box;}.header .topbar .righttel .icontoptel {    display: block;    float: left;    width: 48px;    height: 48px;}.righttelnum {    float: left;    margin-top: 2px;    margin-left: 16px;}.righttelnum .text {    font-size: 16px;    line-height: 16px;    color: #4d4d4d;    text-align: center;}.righttelnum .text i {    width: 40px;    height: 1px;    display: inline-block;    vertical-align: middle;    background-color: #cccccc;}.righttelnum .text span{    display: inline-block;    vertical-align: middle;    margin: 0 10px;}.header .topbar .righttel .righttelnum .num {    margin-top: 10px;    font-size: 24px;    font-weight: bold;    line-height: 24px;    color: #1b55d5;    text-align: center;}/*导航开始*/.webq_head_xx{ width:100%; height:auto;    }.nav_xiala_xx{ width:100%; height:50px; background:#1b55d5;}.nav_xiala{ width:1200px; height:50px; margin: 0 auto; }.nav_xiala ul li{ float:left; width: 126px; height:50px;  text-align:center; font-size:14px; position:relative; -webkit-transition: all .5s; transition: all .5s;}.nav_xiala ul li:first-child{width: 130px;}.nav_xiala ul li:last-child{width: 60px;}.nav_xiala > ul > li > a{ display:block; color:#fff; height:50px; line-height:50px;  overflow: hidden;-webkit-transition: all .5s; transition: all .5s;}.nav_xiala ul li:hover{ color:#fff;    background: -webkit-linear-gradient(left, #fd8e18, #fd8e18) no-repeat;    background: linear-gradient(to right, #fd8e18, #fd8e18) no-repeat;    background-size: 100% 100%;}.nav_xiala ul li:hover > a{ color:#fff;   }.nav_xiala > ul > li > a:hover{    background: -webkit-linear-gradient(left, #fd8e18, #fd8e18) no-repeat;    background: linear-gradient(to right, #fd8e18, #fd8e18) no-repeat;    background-size: 100% 100%;}.nav_xiala .erji_xiala{  position:absolute; top:50px; left: 0; z-index:20;  height:0px; visibility: hidden; width: calc(100% + 30px); /*和一级栏目一样宽度*/ }.nav_xiala .erji_xiala i{ display: block; opacity: 0; border-bottom:1px solid rgba(255,255,255,0.35); background:#fd8e18;  position:relative;  }.nav_xiala .erji_xiala i a{ height: 40px; line-height: 40px;  font-size:14px; display: block; color:#FFF; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }.nav_xiala .erji_xiala i a:hover{  color:#FFF;  }.nav_xiala .erji_xiala i:hover{ background:#1b55d5; }.nav_xiala .erji_xiala i:hover a{color:#FFF;}/* 这个是三级菜单hover之后二级栏字体的颜色 */.nav_xiala .erji_xiala i a{    background: -webkit-linear-gradient(left, #1b55d5, #1b55d5) no-repeat;    background: linear-gradient(to right, #1b55d5, #1b55d5) no-repeat;    background-size: 0% 100%; -webkit-transition: all .5s; transition: all .5s;}.nav_xiala .erji_xiala i a:hover{    background: -webkit-linear-gradient(left, #1b55d5, #1b55d5) no-repeat;    background: linear-gradient(to right, #1b55d5, #1b55d5) no-repeat;    background-size: 100% 100%;}.nav_xiala ul li:hover .erji_xiala{ height:auto; visibility: visible; }.nav_xiala .erji_xiala i{ opacity: 0; transform: rotateY(90deg); transition:.5s;}.nav_xiala ul li:hover .erji_xiala i{ opacity: 1;  transform: rotateY(0); }.nav_xiala ul li:hover .erji_xiala i:nth-child(1){ transition-delay: 50ms;}.nav_xiala ul li:hover .erji_xiala i:nth-child(2){ transition-delay: 100ms;}.nav_xiala ul li:hover .erji_xiala i:nth-child(3){ transition-delay: 150ms;}.nav_xiala ul li:hover .erji_xiala i:nth-child(4){ transition-delay: 200ms;}.nav_xiala ul li:hover .erji_xiala i:nth-child(5){ transition-delay: 250ms;}.nav_xiala ul li:hover .erji_xiala i:nth-child(6){ transition-delay: 300ms;}.nav_xiala ul li:hover .erji_xiala i:nth-child(7){ transition-delay: 350ms;}.nav_xiala ul li:hover .erji_xiala i:nth-child(8){ transition-delay: 400ms;}.nav_xiala ul li:hover .erji_xiala i:nth-child(9){ transition-delay: 450ms;}.nav_xiala ul li:hover .erji_xiala i:nth-child(10){ transition-delay: 500ms;}.nav_xiala  .erji_xiala i:nth-child(1){ transition-delay: 500ms;}.nav_xiala  .erji_xiala i:nth-child(2){ transition-delay: 450ms;}.nav_xiala  .erji_xiala i:nth-child(3){ transition-delay: 400ms;}.nav_xiala  .erji_xiala i:nth-child(4){ transition-delay: 350ms;}.nav_xiala  .erji_xiala i:nth-child(5){ transition-delay: 300ms;}.nav_xiala  .erji_xiala i:nth-child(6){ transition-delay: 250ms;}.nav_xiala  .erji_xiala i:nth-child(7){ transition-delay: 200ms;}.nav_xiala  .erji_xiala i:nth-child(8){ transition-delay: 150ms;}.nav_xiala  .erji_xiala i:nth-child(9){ transition-delay: 100ms;}.nav_xiala  .erji_xiala i:nth-child(10){ transition-delay: 50ms;}.nav_xiala .sanji_xiala {  width: 165px; height:0px; visibility: hidden; position: absolute; top: 0px; left: 100%; /*和一级栏目一样left*/  }.nav_xiala .sanji_xiala span{ border-bottom:1px dashed rgba(255,255,255,0.35); display: block; background:#1b55d5; text-align: left; opacity: 0; }.nav_xiala .sanji_xiala span a { height: 40px; line-height: 40px; display: block; color:#FFF; font-size:14px; padding-left: 10px; padding: 0 8px 0 15px;    overflow: hidden;   white-space: nowrap; text-overflow: ellipsis; }.nav_xiala .sanji_xiala span a:hover{  color:#FFF; padding-left: 25px; }.nav_xiala .sanji_xiala span a{    background: -webkit-linear-gradient(left, #1b55d5, #1b55d5) no-repeat;    background: linear-gradient(to right, #1b55d5, #1b55d5) no-repeat;    background-size: 100% 0%; -webkit-transition: all .5s; transition: all .5s;}.nav_xiala .sanji_xiala span a:hover{    background: -webkit-linear-gradient(left, #1b55d5, #1b55d5) no-repeat;    background: linear-gradient(to right, #1b55d5, #1b55d5) no-repeat;    background-size: 100% 100%;}.nav_xiala .sanji_xiala_di{ background:url(../images/liqsub_ss.png) no-repeat center; width: 7px; height: 11px; position: absolute; top: 14px; right: 5px;}.nav_xiala .erji_xiala i:hover .sanji_xiala{ height:auto; visibility: visible; }.nav_xiala .sanji_xiala span{ opacity: 0; transform: rotateY(90deg); transition:.5s;}.nav_xiala .erji_xiala i:hover .sanji_xiala span{ opacity: 1;  transform: rotateY(0); }.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(1){ transition-delay: 50ms;}.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(2){ transition-delay: 100ms;}.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(3){ transition-delay: 150ms;}.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(4){ transition-delay: 200ms;}.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(5){ transition-delay: 250ms;}.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(6){ transition-delay: 300ms;}.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(7){ transition-delay: 350ms;}.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(8){ transition-delay: 400ms;}.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(9){ transition-delay: 450ms;}.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(10){ transition-delay: 500ms;}.nav_xiala > ul > li.another{ background:#fd8e18; color:#fff;    }.nav_xiala > ul > li.another > a{  color:#fff; }/* header end *//*首页banner*/.pics_wrap {    width: 100%;    height: auto;    overflow: hidden;}.html5zoo-img-0 img {    width: 100%;}.html5zoo-arrow-left-0 {    left: 10% !important;}.html5zoo-arrow-right-0 {    right: 10% !important;}.html5zoo-bullet-wrapper-0 div {    margin: 0 4px !important;}.html5zoo-nav-0 {    margin-top: -35px !important;    left: 48% !important;}.html5zoo-bullet-wrapper-0 {    width: 100% !important;}.banner {    width: 100%;    margin: 0 auto;    position: relative;}.banner ul.bb {    position: relative;    padding: 0px;    margin: 0px;    z-index: 5;}.banner ul.bb li {    position: absolute;    display: none;}.banner .num {    position: absolute;    right: 2px;    bottom: 10px;    z-index: 100;}.banner .num li {    width: 18px;    height: 18px;    display: inline-block;    margin-right: 4px;    background: #fff;    line-height: 18px;    text-indent: -100px;    overflow: hidden;    border-radius: 10px;}.banner .num li.num_hover {    background-color: #f7de07;}.banner .num li.num_hover a {    color: #fff;}.banner .num li a {    float: left;    display: block;    text-align: center;    color: #666;    text-decoration: none;    cursor: pointer;    width: 18px;    height: 18px;    line-height: 18px;}#bannerArrow,#bannerCircle{display: none}/*幻灯片样式2*/#focus {    width: 255px;    height: 188px;    overflow: hidden;    position: relative;}#focus ul {    height: 188px;    position: absolute;}#focus ul li {    float: left;    width: 255px;    height: 188px;    overflow: hidden;    position: relative;    background: #000;}#focus ul li a img {    height: 188px;    width: 255px;}#focus ul li div {    position: absolute;    overflow: hidden;}#focus .btnBg {    position: absolute;    width: 255px;    height: 20px;    left: 0;    bottom: 0;    background: #000;}#focus .btn {    position: absolute;    width: 255px;    height: 10px;    padding: 5px 10px;    right: 0;    bottom: 0;    text-align: right;}#focus .btn span {    display: inline-block;    _display: inline;    _zoom: 1;    width: 25px;    height: 10px;    _font-size: 0;    margin-left: 5px;    cursor: pointer;    background: #fff;}#focus .btn span.on {    background: #fff;}/* footer start */.footer {    width: 100%;    height: 500px;    overflow: hidden;    cursor: default;    background: url('../images/footer_bg.jpg') center center no-repeat;    background-size: cover;}.footer .topfooter {    width: 100%;    min-width: 1200px;    height: 435px;    overflow: hidden;}.footer .topfooter .leftfooternav {    width: 500px;    height: auto;    float: left;    margin-top: 54px;}.footer .topfooter .leftfooternav .ftnavbox {    width: 100%;    height: 64px;    margin-bottom: 29px;    border-bottom: 1px solid #404040;    box-sizing: border-box;    overflow: hidden;}.footer .topfooter .leftfooternav .ftnavbox p {    font-size: 18px;    line-height: 18px;    color: #fff;}.footer .topfooter .leftfooternav .ftnavbox ul {    width: 100%;    height: 14px;    margin-top: 18px;    overflow: hidden;}.footer .topfooter .leftfooternav .ftnavbox ul li {    float: left;    line-height: 14px;    margin-right: 10px;}.footer .topfooter .leftfooternav .ftnavbox ul li a {    line-height: 14px;    color: #f0f0f0;    font-size: 14px;}.footer .topfooter .leftfooternav .ftnavbox ul li a:hover {    color: #1b55d5;}.footer .topfooter .centerform {    width: 290px;    height: auto;    float: left;    margin-top: 54px;    margin-left: 77px;}.input1{    width: 290px;    height: 45px;    margin-bottom: 20px;    border: solid 1px #e5e5e5;    box-sizing: border-box;    overflow: hidden;}.input1 label{    display: block;    float: left;    width: 34px;    height: 43px;    position: relative;}.input1 label::after{    content: "";    display: block;    width: 1px;    height: 14px;    background-color: #e5e5e5;    position: absolute;    top: 15px;    right: 0;}.input1 label img{    position: absolute;    top: 0;    left: 0;    bottom: 0;    right: 0;    margin: auto;}.input1 input,.input1 textarea{    float: left;    width: calc(100% - 34px);    height: 100%;    padding: 0 10px;    box-sizing: border-box;    font-size: 14px;    line-height: 43px;    color: #ffffff;    background: none;}.input1 input::-webkit-input-placeholder,.input1 textarea::placeholder {    color: #b3b3b3;}.input1 input::placeholder,.input1 textarea::placeholder{    color: #b3b3b3;}.input1 input::-moz-placeholder,.input1 textarea::-moz-placeholder{    color: #b3b3b3;}.input1 input::-ms-input-placeholder,.input1 textarea::-ms-input-placeholder{    color: #b3b3b3;}.text1{    height: 147px;}.footer .topfooter .centerform .submit-btn {    width: 290px;    height: 45px;    color: #fff;    font-size: 14px;    line-height: 45px;    text-align: center;    background-color: #1b55d5;    border: none;    cursor: pointer;    outline: none;}.footer .topfooter .rightinfo {    width: 245px;    height: auto;    float: right;    margin-top: 46px;}.footer .topfooter .rightinfo p {    line-height: 34px;    color: #fff;    font-size: 14px;}.footer .topfooter .rightinfo .wechatbox {    width: 134px;    height: 160px;    margin-top: 56px;    padding: 11px;    padding-bottom: 0;    box-sizing: border-box;    background: url("../images/or-cardk.png") center top no-repeat;}.footer .topfooter .rightinfo .wechatbox img {    width: 111px;    height: 111px;}.footer .topfooter .rightinfo .wechatbox .text {    font-size: 14px;    color: #fff;    line-height: 14px;    margin-top: 20px;    text-align: center;}.footer .bottomcopyright {    width: 100%;    height: 65px;}.footer .bottomcopyright p {    line-height: 65px;    text-align: center;    color: #ebebeb;    font-size: 14px;}.footer .bottomcopyright p a {    color: #ebebeb;}.footer .bottomcopyright p a:hover {    color: #1b55d5;}.footer .bottomcopyright p a img {    vertical-align: sub;}