/*-----------------[初始化]--------------*/
*,*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}
body{color: #333;font-size: 16px;line-height: 1.5;font-family: 'Microsoft Yahei',helvetica; padding-top:264px ;}
img{max-width: 100%;}
a,img,button,input,textarea,div{-webkit-tap-highlight-color:rgba(255,255,255,0);}
input,textarea,select{font-size: 14px;color: #666;font-family: 'Microsoft Yahei',helvetica;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: #ccc;}
::-moz-placeholder {color: #ccc; }
::-ms-input-placeholder {color: #ccc;}

.ani{
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
a {color: #999;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
a:hover {color: #53a547;}

/*布局*/
.wp{margin: 0 auto;width: 100%;max-width: 1300px;}
.f-left{ float: left; }
.f-right{ float: right; }
#bd.bd-inner {padding-top: 14px;}
/*******************************
  -------[=头部]-------
********************************/
#hd {position: relative;padding: 50px 0 26px;height: 194px;border-top: 16px solid #006bae;}
#hd .logo {float: left;display: inline-block;}
#hd:after {position: absolute;top: -16px;left: 0;display: block;width: 26%;height: 16px;background-color: #61ae58;content: '';}
#hd .logo img {display: inline-block;height: 78px;}
#hd .from {margin-top: 22px;margin-left: 15px;padding-left: 22px;float: left;display: inline-block;height: 74px;line-height: 74px;border-left: 1px solid #eaeaea;color: #012862;}
.lang {margin-top: 57px;float: right;display: inline-block;}
.lang a {margin: 0 12px;padding: 0 8px;display: inline-block;height: 18px;line-height: 18px;}
.lang a.on,.lang a:hover {background-color: #64b055;color: #fff;}


/*******************************
    -------[=导航]-------
********************************/
#nav {position: absolute;top: 194px;left: 0;width: 100%;border-top: 3px solid #0066ab;border-bottom: 1px solid #f2f2f2;background-color: #fff;z-index:9;}
#nav .cont {float: left;}
#nav a {position: relative;margin-right: 48px;float: left;display: inline-block;height: 74px;line-height: 74px;color: #666;font-size: 17px;}
#nav a:after {position: absolute;top: -3px;left: 0;display: none;width: 100%;height: 3px;background-color: #61ae58;content: '';}
#nav a:hover,#nav a.on {color: #61ae58;}
#nav a:hover:after,#nav a.on:after {display: block;}
.box-search {position: relative;margin: 20px 10px 0 0;float: right;width: 332px;height: 34px;}
.box-search .inp-search {padding: 0 52px 0 10px;display: block;width: 100%;height: 34px;line-height: 34px;background-color: #ebebeb;outline: none;}
.box-search .btn-search {position: absolute;top: 0;right: 0;display: block;width: 52px;height: 34px;background: url(../images/ico-search.png) center center no-repeat;outline: none;border: none;}
.menuBtn {position: absolute;top: 50px;left: 20px;width: 30px;height: 20px;display: none;cursor: pointer;z-index: 111;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.menuBtn em {margin-bottom: 10px;display: block;height: 2px;background-color: #006bae;
-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: 24px;}
.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: 0;left: -240px;bottom: 0;width: 240px;background-color: #000;z-index: 110;overflow-y: auto;}
#aside.open {left: 0;}
#aside .menu {margin-top: 86px;}
#aside .menu .v1 {padding-left: 30px;display: block;width: 100%;height: 41px;line-height:40px;color: #fff;border-bottom: 1px solid #191919;}
#aside .menu .v1:hover,#aside .menu .v1.on {color: #006bae;background-color: #1c1c1c;}
#aside .menu .sub {padding: 10px 0;display: none;}
#aside .menu .sub a {padding-left: 46px;display: block;width: 100%;height: 36px;line-height: 36px;color: #fff;font-size: 14px;}
#aside .menu .sub a:hover,#aside .menu .sub a.on {color: #006bae;background-color: #1c1c1c;}
#aside .lang {margin-top: 20px;float: none;display: block;text-align: center;}
#aside .box-search {margin: 20px 10px 0;float: none;width: auto;}

/*******************************
  -------[=下拉滚动头部]-------
********************************/

#hd.active{ height:90px; padding: 0; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);     box-shadow: 0 0 10px rgba(0,0,0,0.3);}
#hd.active .wp{ padding: 0; }
#hd.active .logo img{ height:50px; margin-top: 10px; }
#hd.active .from{ margin-top: 0; font-size: 12px; }
#hd.active #nav{ position: static; width: auto; border-top: 0; border-bottom: 0; background: transparent; float: left; margin-left: 5%; }
#hd.active #nav .wp{ width: auto; }
#hd.active #nav a:hover:after,
#hd.active #nav a.on:after{ display: none; }
#hd.active .lang{ margin-top: 27px; }
/*******************************
  -------[=底部]-------
********************************/
#fd {border-top: 8px solid #57a84f;}
#fd .cont {padding-top: 18px;background-color: #1177b1;}
#fd .fd-menu {overflow: hidden;}
#fd.fd-index .fd-menu li {margin-right: 2.857%;float: left;width: 10%;min-height: 290px;}
#fd.fd-index .fd-menu li.last {margin-right: 0;}
#fd .tit a {position: relative;display: inline-block;height: 46px;line-height: 46px;color: #e7e7e7;font-size: 18px;}
#fd .tit a:after {position: absolute;bottom: 0;left: 0;display: block;width: 34px;height: 4px;background-color: #53a54b;content: '';}
#fd .fd-menu div {padding-top: 8px;}
#fd.fd-index .fd-menu li.last div {padding-top: 22px;text-align: center;}
#fd.fd-index .fd-menu li.last div img {display: inline-block;}
#fd.fd-index .fd-menu div a {display: inline-block;height: 30px;line-height: 30px;color: #e7e7e7;font-size: 14px;}
#fd.fd-index .fd-menu a:hover {color: #53a547;}
.ul-contact {padding-bottom: 14px;}
.ul-contact li {padding-left: 40px;line-height: 40px;color: #e7e7e7;background-position: left 12px;background-repeat: no-repeat;font-size: 14px;}
.ul-contact li.li1 {background-image: url(../images/ico-fd-1.png);}
.ul-contact li.li2 {background-image: url(../images/ico-fd-2.png);}
.ul-contact li.li3 {background-image: url(../images/ico-fd-3.png);}
.ul-contact li.li4 {background-image: url(../images/ico-fd-4.png);}
.ul-contact li.li5 {background-image: url(../images/ico-fd-5.png);}
#fd .copy {padding: 20px 0;line-height: 20px;color: #e7e7e7;font-size: 12px;background-color: #196ca8;}
#fd .copy a {color: #e7e7e7;}
#fd .copy a:hover {color: #53a54b;}
#fd.fd-inner .cont {background-color: #005084;overflow: hidden;}
/* #fd.fd-inner .col-l {padding-right: 30px;width: 69%;} */
/* #fd.fd-inner .col-r {width: 31%;} */
#fd.fd-inner .col-l {padding-right: 30px;width: 75%;}
#fd.fd-inner .col-r {width: 25%;}
#fd.fd-inner .fd-menu li {margin-right: 4%;float: left;}
#fd.fd-inner .fd-menu a {color: #acbbc6;}
#fd.fd-inner .fd-menu a:hover {color: #53a54b;}
#fd.fd-inner .fd-menu div a {font-size: 12px;}
#fd.fd-inner .fd-menu .li1 {width: 15%;}
#fd.fd-inner .fd-menu .li2 {width: 34%;}
#fd.fd-inner .fd-menu .li3 {width: 20%;}
#fd.fd-inner .fd-menu .li4 {width: 23%;}
#fd.fd-inner .fd-menu .li2 div p {float: left;width: 33.333%;}
#fd.fd-inner .fd-menu .li3 div p {float: left;width: 50%;}
#fd.fd-inner .fd-menu .li4 div p {float: left;width: 50%;}
#fd.fd-inner .ul-contact {padding: 26px 0;}
#fd.fd-inner .ul-contact li {color: #a9b9c4;}
#fd.fd-inner .ul-contact li.li1 {background-image: url(../images/ico-fd-1-1.png);}
#fd.fd-inner .ul-contact li.li2 {background-image: url(../images/ico-fd-2-1.png);}
#fd.fd-inner .ul-contact li.li3 {background-image: url(../images/ico-fd-3-1.png);}
#fd.fd-inner .ul-contact li.li4 {background-image: url(../images/ico-fd-4-1.png);}
#fd.fd-inner .ul-contact li.li5 {background-image: url(../images/ico-fd-5-1.png);}
#fd.fd-inner .copy {background-color: #00477c;color: #bababa;}
#fd.fd-inner .copy a {color: #53a54b;}
#fd.fd-inner .copy a:hover {text-decoration: underline;}
#fd.fd-inner .focus {padding: 18px 0 38px;overflow: hidden;}
#fd.fd-inner .focus a {margin-right: 18px;display: inline-block;background-position: center center;background-repeat: no-repeat;}
#fd.fd-inner .focus a.a1 {width: 56px;height: 56px;background: url(../images/ico-fd-6.png) center center no-repeat;}
#fd.fd-inner .focus a.a2 {width: 97px;height: 56px;background: url(../images/ico-fd-7.png) center center no-repeat;}
#fd.fd-inner .focus a.a3 {width: 57px;height: 56px;background: url(../images/ico-fd-8.png) center center no-repeat;}
#fd.fd-inner .focus a.a4 {background: #94AEC3;border-radius: 50%;height: 56px;width: 56px;text-align: center;line-height: 56px;font-size: 36px;color: #005084;}
#fd.fd-inner .focus a:hover {opacity: .6;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';}
#fd.fd-inner .box-qrcode {overflow: hidden;}
#fd.fd-inner .box-qrcode div {margin-right: 20px;float: left;width: 146px;max-width: 49%;}
#fd.fd-inner .box-qrcode div.d2 {margin-right: 0;}
#fd.fd-inner .box-qrcode p {height: 40px;line-height: 40px;text-align: center;color: #a6b7c2;}
#fd.fd-inner .box-qrcode img {display: block;width: 100%;}
/*******************************
    -------[=正文]-------
********************************/
/*侧边飘浮*/
.float-side-1 {position: fixed;position: absolute \9;top: 20%;right: 8px;padding: 5px 0;width: 42px;height: 170px;background-color: #fff;border-radius: 21px;z-index: 101;-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .1);
box-shadow: 5px 5px 5px rgba(0, 0, 0, .1);}
.float-side-1 a {display: block;width: 100%;height: 40px;background-position: center center;background-repeat: no-repeat;}
.float-side-1 a.a1 {background-image: url(../images/ico-wb.png);}
.float-side-1 a.a2 {position:relative;background-image: url(../images/ico-wx.png); text-align: center;}
.float-side-1 a.a2 .ewm {
    position: absolute;
    right: 110%;
    top: 0;
    width: 100px;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    display: none;
}
.float-side-1 a.a3 {background-image: url(../images/ico-fb.png);}
.float-side-1 a.a4{ text-align: center; line-height: 32px; }
.float-side-1 a .fa-qq{ color: #fff; border-radius: 50%; height: 21px; width: 21px; border-radius: 50%;text-align: center; line-height: 21px; background: #0061a8; font-size: 12px; }
.float-side-1 a:hover .ewm {
    display: block;
}
.float-side-1 a:hover {
    -webkit-transform: translate(-2px, 0);
    -moz-transform: translate(-2px, 0);
    -ms-transform: translate(-2px, 0);
    -o-transform: translate(-2px, 0);
    transform: translate(-2px, 0);
}
.float-side-2 {position: fixed;position: absolute \9;top: 50%;right: 8px;margin-top: -50px;display: block;width: 100px;height: 100px;background: url(../images/bg-mes.png) center center no-repeat;z-index: 101;background-size: cover;-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .1);
box-shadow: 5px 5px 5px rgba(0, 0, 0, .1);border-radius: 5px;}
/*微信二维码*/
.pop_weixin{display: none;position: fixed;top: 50%;left: 50%;z-index: 9999;margin-left: -150px;margin-top: -180px;
width: 300px;height: 360px;border: 1px solid rgba(0,0,0,.3);box-shadow: 0 3px 7px rgba(0,0,0,.3);
border-radius: 6px;background-color: #fff;overflow: hidden;}
.pop_weixin .tit{padding: 9px 15px;border-bottom: 1px solid #eee;}
.pop_weixin .close{float: right;margin-top: 2px;font-size: 20px;font-weight: bold;line-height: 20px;color: #000;
opacity: .2;text-shadow: 0px 1px 0 #fff;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=20)';}
.pop_weixin h3{line-height: 30px;font-weight: normal;}
.pop_weixin .img{height: 250px;text-align: center;}
.pop_weixin .img img{margin-top: 15px;display: inline-block;width: 200px;}
.pop_weixin .txt{padding: 10px 10px 0;font-size: 12px;color: #444;border-top: 1px solid #ddd;box-shadow: 0 1px 0 #fff inset;}

/* by merry at 2017-05-02 */
#fd.fd-inner .focus{ overflow:inherit;}
.fweixin{ position:relative; display: block; margin-right:18px; float:left;}
#fd.fd-inner .focus a{ display:block; float:left;}
.fweixin img{ position:absolute; top:100%; left:50%; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); z-index:2;
display:none;}
.fweixin:hover img{display:block; max-width:150px;}
.fweixin i{  background-color:#94AEC3; width:56px; height:56px; border-radius:50%; display:block;  background-image:url(../images/merry_weixin2.png); background-position:center; background-repeat:no-repeat;}
.fweixin:hover i{ background-color:#5988AA;}