/*-----------------[初始化]--------------*/

body { color: #666; font-size: 12px; line-height: 1.5; font-family: 微软雅黑, "Microsoft Yahei", "PingFangSC-Regular", "PingFang Regular", sans-self; background-color: #f5f5f5; }
a { color: #666; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:hover { color: #0068b7; }
img { max-width: 100%; }
input, textarea, select { font-size: 12px; color: #666; font-family: 微软雅黑, "Microsoft Yahei", "PingFangSC-Regular", "PingFang Regular", sans-self; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
input[type='submit'], input[type='reset'], input[type='button'], select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type='submit'], input[type='reset'], input[type='button'] { cursor: pointer; }

::-webkit-input-placeholder {
 color: #999;
}

::-moz-placeholder {
 color: #999;
}

::-ms-input-placeholder {
 color: #999;
}
:focus { outline: none; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/*布局*/

.wp { width: 98%; max-width: 1440px; margin: 0 auto;  *zoom:1;
}
.wp:after, .wp:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; }
/*******************************
  -------[=头部]-------
********************************/
.header.ind { position: fixed; left: 0; top: 0; width: 100%; z-index: 99; }
.hd-top .wp { position: relative; }
.hd-top { background-color: #fff; height: 110px; line-height: 110px; }
.hd-bot { height: 56px; background-color: #0068b7; }
.logo { float: left; width: 368px; }
.logo img { display: inline-block;  *display: inline;
 *zoom: 1;
vertical-align: middle; }
.hd-brand { float: right; overflow: hidden; padding-right: 10px; }
.brand-lb a { float: left; margin-left: 30px; }
.brand-lb a:hover { opacity: 0.8; filter: alpha(opacity=80); }
.brand-lb img { vertical-align: middle; max-width: 155px; }
.nav { float: left; }
.hd-so { float: right; margin-left: 10px; }
.hd-so { background-color: #fff; border-radius: 20px; padding: 0 12px; margin-top: 15px; }
.hd-so input { border: none; outline: none; background-color: #fff; }
.hd-so .text { float: left; width: 50px; height: 28px; padding-right: 10px; }
.hd-so .sub { float: right; width: 19px; height: 28px; background: url('../style/hd-ico.png') no-repeat center; background-size: 100% auto; }
.nav li { float: left; text-align: left; position: relative; }
.nav li>a { display: block; font-size: 15px; color: #fff; padding: 0 38px; height: 56px; line-height: 56px; background: url('../style/nav-1.png') no-repeat right center; }
.nav > ul > li:last-child>a { background: none; }
.nav li:hover > a { background-color: #fff !important; margin-left: -1px; color: #0068b7; }
.nav li dl { display: none; position: absolute; top: 57px; left: 0; width: 100%; text-align: left; border-bottom: 7px solid rgba(0,104,183,0.8); }
.nav dd { position: relative; }
.nav dd a { display: block; height: 37px; border-bottom: 1px solid #b2c6d6; line-height: 36px; font-size: 14px; color: #101010; background: rgba(255,255,255,0.7); border-bottom: 1px solid #b4d1e7; padding-left: 55px; position: relative; }
.nav dd:hover a { color: #0068b7; }
.nav dd a::before { content: ""; position: absolute; left: 30px; top: 0; height: 100%; width: 11px; background: url('../style/hd-ico4.png') no-repeat center; background-size: 100% auto; }
.nav dd:hover ul { display: block; }
.nav dd ul { display: none; position: absolute; left: 100%; top: 0; margin-left: 1px; width: 140px; }
.nav dd ul li { float: none; display: block; }
.nav dd ul li a { padding-right: 20px; }
/*******************************
    -------[=导航]-------
********************************/
.header { position: relative; z-index: 99; }
.menuBtn { display: none; position: absolute; right: 10px; top: 50%; z-index: 9; float: right; width: 30px; height: 30px; margin: -15px 0 0 0; cursor: pointer; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; }
.menuBtn b { display: block; height: 4px; background-color: #0068b7; margin: 4px 0; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; }
.menuBtn.open { }
.menuBtn.open b { display: none; margin: 0; position: absolute; left: 0px; top: 50%; margin-top: -5px; width: 30px; }
.menuBtn.open b:first-child { display: block; transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
.menuBtn.open b:last-child { display: block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
/*******************************
  -------[=banner]-------
*******************************/

#banner { overflow: hidden; position: relative; z-index: 1; margin-top: 166px; }
@media only screen and (max-width: 1440px) {
#banner { margin-top: 126px; }
}
@media only screen and (max-width: 960px) {
#banner { margin-top: 0px; }
}
#banner .slick-slider, #banner .slick-list, #banner .slick-track, #banner .slick-slide { height: 100%; }
#banner a { display: block; height: 100%; }
#banner a img { display: block; width: 100%; }
#banner .slick-dots { position: absolute; left: 0; bottom: 30px; width: 100%; text-align: center; z-index: 99; }
#banner .slick-dots li { display: inline-block; margin: 0 18px; }
#banner .slick-dots li button { padding: 0; display: block; width: 14px; height: 14px; font-size: 0; line-height: 0; text-indent: 999px; border: none; outline: none; background-color: #fff; border-radius: 50%; cursor: pointer; opacity: 0.6; filter: alpha(opacity=60); }
#banner .slick-dots li.slick-active button { opacity: 1; filter: alpha(opacity=100); }
/*******************************
  -------[=底部]-------
********************************/
.footer { background-color: #fff; }
.fd-bot { color: #ededed; background-color: #0064b1; padding: 32px 0 43px; font-size: 14px; }
.fd-bot .left { float: left; }
.fd-bot .left .cn { font-size: 30px; }
.fd-bot .left .en { text-transform: uppercase; }
.fd-bot .right { padding-top: 18px; float: right; text-align: right; }
.fd-bot a { color: #ededed; }
/*******************************
    -------[=正文]-------
********************************/
/* 侧边栏 */
.aside-bar { position: fixed; top: 250px; right: 15px; z-index: 111; }
.aside-bar .item { position: relative; margin-bottom: 1px; }
.aside-bar .item .icon { display: block; width: 66px; height: 66px; line-height: 24px; font-size: 12px; background: #0068b7 url('../style/aside-icon.png') no-repeat 18px 12px; color: #fff; text-align: center; padding-top: 42px; cursor: pointer; }
.aside-bar .i2 .icon { background-position: 18px -54px; }
.aside-bar .i3 .icon { background-position: 18px -120px; }
.aside-bar .i4 .icon { background-position: 18px -186px; }
.aside-bar .i5 .icon { background-position: 18px -253px; }
.aside-bar .item .icon:hover { opacity: .8; }
.aside-bar .item .con { display: none; position: absolute; right: 70px; top: 0; padding: 5px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.5) }
.aside-bar .code { width: 100px; height: 100px; overflow: hidden; }
.aside-bar .code img { display: block; width: 100%; height: auto; }