/*-----------------[初始化]--------------*/
*,*:before,*:after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}
body{color: #666;font-size: 14px;line-height: 1.5;font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;background-color: #f9f9f9;}
img{max-width: 100%;border: none;}
a,img,button,input,textarea,div{-webkit-tap-highlight-color:rgba(255,255,255,0);}
input,textarea,select{font-size: 12px;color: #666;font-family: 'Microsoft Yahei';outline: 0;border: none;}
input[type='submit'],input[type='reset'],input[type='button'],input[type='radio'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {display: none;}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #b1aaaa;}
::-moz-placeholder {color: #b1aaaa; }
::-ms-input-placeholder {color: #b1aaaa;}

ul {list-style: none;}
.fix{*zoom:1;}
.fix:after,.fix:before{display:block;content:"";height:0;clear:both;}
table{border-collapse:collapse; border-spacing:0;}
.c {clear: both;}

.col-l {float: left;}
.col-r {float: right;}

a,.ani{
    color: #333;
    text-decoration: none;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
a:hover {color: #0262ad;}

.bd-index {background-color: #fff;}

/*布局*/
.wp{margin: 0 auto;width: 100%;max-width: 1400px;}
.wp::after{content:"";display: block;clear: both;}
/*******************************
  -------[=头部]-------
********************************/
.header {width: 100%;z-index: 9;background-color: #fff;}
.header-top {height: 34px;line-height: 33px;border-bottom: 1px solid #eaeaea;}
.header-top .txt {color: #837d7d;font-size: 12px;}
.header-top .link {float: right;text-align: right;font-size: 0;}
.header-top .link a {display: inline-block;height: 33px;line-height: 33px;color: #837d7d;font-size: 12px;background-position: left center;background-repeat: no-repeat;vertical-align: middle;}
.header-top .link a:hover {color: #0066b0;}
.header-top .link a.a1 {padding-left: 18px;background-image: url(../images/ico-g-1.png);}
.header-top .link a.a1:hover {background-image: url(../images/ico-g-1-on.png);}
.header-top .link a.a2 {padding-left: 21px;background-image: url(../images/ico-g-2.png);}
.header-top .link a.a2:hover {background-image: url(../images/ico-g-2-on.png);}
.header-top .link span {margin: 0 12px;display: inline-block;width: 1px;height: 12px;background-color: #837d7d;vertical-align: middle;}
.header-btm {position: relative;height: 80px;}
.header-btm .bg-nav {position: absolute;top: 100%;left: 0;width: 100%;height: 56px;background-color: #0262ad;opacity: 0;visibility: hidden;z-index: 8;}
.header-btm .bg-nav.show {opacity: 1;visibility: visible;}
.logo {margin-top: 12px;float: left;}
.logo-m{display: none;}
.logo img {display: block;}
.so {position: relative;margin-top: 22px;float: right;width: 172px;height: 36px;}
.so .inp-so {position: absolute;top: 0;right: 0;display: block;width: 0;height: 36px;line-height: 36px;background-color: #e3e1e1;border-radius: 10px;}
.so .inp-so.show {padding: 0 36px 0 12px;width: 100%;}
.so .btn-so {position: absolute;top: 6px;right: 6px;display: block;width: 24px;height: 24px;background-image: url(../images/ico-g-3.png);background-size: 100% 100%;background-color: transparent;}
/*******************************
    -------[=导航]-------
********************************/
.nav {margin-left: 74px;float: left;}
.nav li {position: relative;margin-left: 50px;display: inline-block;}
.nav .par {position: relative;display: inline-block;height: 80px;line-height: 80px;}
.nav .par.on,.nav .on .par {color: #0262ad;}
.nav .on .par:after {position: absolute;bottom: 0;left: 50%;margin-left: -6px;display: none;width: 12px;height: 7px;background-image: url(../images/ico-g-10.png);content: '';}
.nav .on .par:after {display: block;}
.nav .sub {position: absolute;top: 100%;white-space: nowrap;display: none;z-index: 10;}
.nav .on .sub {display: block;}
.nav .sub a {margin: 0 17px;display: inline-block;height: 55px;line-height: 55px;color: #fff;}
.nav .sub a:hover {color: #999;}
.menuBtn {
    position: absolute;top: 30px;right: 20px;width: 30px;
    height: 30px;display: none;cursor: pointer;z-index: 100;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.menuBtn em {margin-bottom: 8px;display: block;height: 2px;background-color: #0262ad;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
}
.menuBtn.on em {display: none;margin: -2px 0 0;position: absolute;left: 5px;top: 50%;width: 30px;}
.menuBtn.on em:first-child {display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.on em:last-child {display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);}

#aside {position: fixed;top: 50px;right: -240px;bottom: 0;padding-left: 50px;width: 240px;
    background-color: #eaeaea;z-index: 110;overflow: hidden;overflow-y: auto;}
#aside.open {right: 0;}
#aside .menu .par {padding-left: 30px;display: block;width: 100%;height: 51px;line-height:50px;border-bottom: 1px solid #fff;background: url(../images/icon-arr.png) no-repeat right 27px top 50%;}
#aside .menu .sub{display: none;padding-top: 5px;}
#aside .menu .sub a{display: block;margin-left: 55px;font-size: 14px;line-height: 32px;color: #fff;}
#aside .menu .sub a:hover{color: #0262ad;}
#aside .so {margin: 10px auto;float: none;width: 94%;}
#aside .so .inp-so {padding: 0 36px 0 12px;width: 100%;background-color: #fff;}
#aside .link {text-align: center;font-size: 0;}
#aside .link a {display: inline-block;height: 33px;line-height: 33px;color: #837d7d;font-size: 12px;background-position: left center;background-repeat: no-repeat;vertical-align: middle;}
#aside .link a:hover {color: #0066b0;}
#aside .link a.a1 {padding-left: 18px;background-image: url(../images/ico-g-1.png);}
#aside .link a.a1:hover {background-image: url(../images/ico-g-1-on.png);}
#aside .link a.a2 {padding-left: 21px;background-image: url(../images/ico-g-2.png);}
#aside .link a.a2:hover {background-image: url(../images/ico-g-2-on.png);}
#aside .link span {margin: 0 12px;display: inline-block;width: 1px;height: 12px;background-color: #837d7d;vertical-align: middle;}
#aside .item {position: absolute;top: 0;right: 0;bottom: 0;padding-left: 50px;background-color: #eaeaea;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
#aside .sub-list {position: absolute;top: 0;bottom: 0;right: -100%;width: 100%;}
#aside .item.open {right: 100%;width: 100%;}
#aside .item .sub a {display: block;height: 51px;line-height: 50px;border-bottom: 1px solid #fff;background: url(../images/icon-arr.png) no-repeat right 27px top 50%;}
#aside .item a.par {margin-left: -50px;padding-left: 50px;color: #fff;background: url(../images/icon-arr2.png) no-repeat right 27px top 50%;border-bottom: none;background-color: #0489cd;}
#aside .btm-link {position: absolute;bottom: 0;left: 0;width: 100%;height: 30px;font-size: 12px;z-index: 10;}
#aside .btm-link a.qr {position: relative;float: left;display: block;width: 50%;height: 30px;line-height: 30px;text-align: center;color: #fff;background-color: #0262ae;}
#aside .btm-link a.qr:hover:after {position: absolute;top: -7px;left: 50%;margin-left: -6px;display: block;width: 12px;height: 7px;background-image: url(../images/ico-g-10.png);content: '';}
#aside .btm-link a.qr + img {position: absolute;top: -114px;left: 10px;display: none;width: 100px;height: 100px;}
#aside .btm-link a.qr:hover + img {display: block;}
#aside .footer-select {float: left;width: 50%;background-color: #d1001b;}
#aside .footer-select .cur {padding: 0 0 0 38px;color: #fff;background-position: 100px center;}
#aside .footer-select .list {background-color: #d1001b;}
#aside .footer-select .list a {color: #fff;border-bottom: 1px solid #fff;text-align: center;}
/*******************************
  -------[=底部]-------
********************************/
.footer {margin-top: 30px;background-color: #1e2b3a;}
.footer .ft {padding-top: 58px;padding-bottom: 26px;overflow: hidden;border-bottom: 1px solid rgba(255,255,255,.1);}
.footer .info {float: right;width: 374px;}
.footer .info .qr {float: left;width: 106px;}
.footer .info .qr img {display: block;}
.footer .info .qr p {height: 30px;line-height: 30px;text-align: center;color: rgba(255,255,255,.6);font-size: 12px;}
.footer .info .txt {margin-left: 132px;padding-top: 22px;color: rgba(255,255,255,.6);font-size: 12px;}
.footer .info .txt p {padding-left: 22px;line-height: 26px;background-position: left center;background-repeat: no-repeat;}
.footer .info .txt p.p1 {background-image: url(../images/ico-g-4.png);}
.footer .info .txt p.p2 {background-image: url(../images/ico-g-5.png);}
.footer .info .txt p.p3 {background-image: url(../images/ico-g-6.png);}
.footer-menu {margin-right: 374px;}
.footer-menu li {float: left;width: 16.666%;max-width: 116px;}
.footer-menu p.par {height: 24px;line-height: 24px;}
.footer-menu p.par a {color: rgba(255,255,255,.6);}
.footer-menu p.par a:hover {color: #fff;}
.footer-menu .sub {padding-top: 16px;}
.footer-menu .sub a {display: inline-block;height: 24px;line-height: 24px;color: rgba(255,255,255,.2);font-size: 12px;}
.footer-menu .sub a:hover {color: #fff;}
.footer .fb {height: 68px;}
.footer .copy {padding: 20px 0;float: left;font-size: 12px;font-family: Arial;color: rgba(255,255,255,.4);}
.footer .copy a {color: rgba(255,255,255,.2);font-family: 'Microsoft Yahei';}
.footer .tool {margin-top: 19px;float: right;height: 30px;}
.footer .btn-link {margin-left: 15px;padding-left: 44px;float: right;width: 110px;height: 30px;line-height: 30px;color: rgba(255,255,255,.6);font-size: 12px;background: url(../images/ico-g-9.png) 18px center no-repeat rgba(255,255,255,.2);}
.footer-select {position: relative;float: right;width: 180px;height: 30px;background: url(../images/ico-g-7.png) 14px center no-repeat rgba(255,255,255,.2);font-size: 12px;cursor: pointer;}
.footer-select .cur {padding: 0 28px 0 38px;display: block;width: 100%;height: 30px;line-height: 30px;color: rgba(255,255,255,.6);background: url(../images/ico-g-8.png) 160px center no-repeat;}
.footer-select .list {position: absolute;bottom: 30px;left: 0;display: none;width: 100%;background-color: #f5f5f5;z-index: 2;}
.footer-select .list a {padding: 0 10px;display: block;width: 100%;height: 31px;line-height: 30px;color: #1e2b3a;border-bottom: 1px solid #fff;overflow: hidden;}
.footer-select .list a:hover {color: #0262ae;}
/*******************************
    -------[=公用]-------
********************************/


/*视频弹窗*/
.pop-video {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99;background-color: rgba(0,0,0,.9);}
.pop-video .cont {position: absolute;top: 50%;left: 50%;width: 100%;max-width: 930px;-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.pop-video .video1 {width: 100%;height: 100%;}
.pop-video .title {position: absolute;top: 0;left: 0;width: 100%;line-height: 40px;padding: 0 20px;}
.pop-video .title h4 {color: #fff;font-weight: normal;font-size: 18px;}
.pop-video .close {position: absolute;top: 0;right: 0;width: 40px;height: 40px;background: url(../images/icon-close.png) no-repeat center center;cursor: pointer;z-index: 2;}

.banner-index .txt.txt-left {text-align: left;}
.banner-index .txt.txt-left  .more {text-align: center;margin: 0;}