﻿/*-----------------[初始化]--------------*/
*,*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
/*方正宋三简体*/
@font-face {
    font-family: 'fz'; 
    src: url('../font/FZS3JW.ttf') format('truetype'); 
}
/*汉仪南宫体简*/
@font-face {
    font-family: 'hy';
    src: url('../font/HYNGTJ.ttf') format('truetype'); 
}
/*bickham*/
@font-face {
    font-family: 'bh';
    src: url('../font/BickhamScriptPro-Regular.otf') format('truetype'); 
}
/*trajax*/
@font-face {
    font-family: 'tj';
    src: url('../font/trajax.ttf') format('truetype'); 
}

body{color: #333;font-size: 14px;line-height: 1.5;font-family:"微软雅黑","Microsoft Yahei";}
a{color: #333;outline: none;}
a:hover{color: #89caac;}
img{max-width: 100%;}
a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}
input,textarea,select{font-size: 12px;color: #444;font-family:"微软雅黑","Microsoft Yahei";outline: 0;
}
input[type='submit'],input[type='reset'],input[type='button']{
    -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;}

.ani{
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}

/*布局*/
.wp{margin: 0 auto;width: 100%;max-width: 1080px;}

/*标题*/


/*面包屑导航*/
.sitemap {background-color: #fff;line-height: 50px;color: #c81528;}
.sitemap a {color: #868686;}
.sitemap a:hover {color: #c81528;}
.sitemap img {margin: 0 4px;display: inline-block;height: 14px;vertical-align: middle;}

/*按钮*/
.goTop {position: fixed;right: 5px;bottom: 100px;display: none;width: 50px;height: 50px;background: url(../images/imgp-arrnext.png) center center no-repeat #89caac;z-index: 10;background-size: 16px auto;border-radius: 50%;
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.goTop:hover {background-color: rgba(137, 202, 172, .6);}

/*分页*/

/*微信二维码*/
.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;}


/*******************************
  -------[=头部]-------
********************************/
#hd {position: relative;background-color: #fff;overflow: hidden;}
#hd .logo {float: left;}
#hd img {display: block;height: 30px;}
#hd .img1 {display: none;}
#hd a {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
#hd.hd-inner {position: fixed;top: 0;left: 0;padding: 16px 0;width: 100%;overflow: hidden;z-index: 99;border-bottom: 1px solid rgba(81, 81, 81, .3);}
#hd.hd-inner {background-color: #fff;}
#hd.hd-init {background-color: rgba(0, 0, 0, .3);border-bottom: 1px solid rgba(255, 255, 255, .3);}
#hd.hd-init .img1 {display: none;}
#hd.fixed .img1 {display: block;}
#hd.fixed .img2 {display: none;}
/*******************************
    -------[=导航]-------
********************************/
#nav {float: right;text-align: right;}
#nav a {padding: 0 34px;display: inline-block;line-height: 30px;text-align: center;}
.a-wb,.a-wx {padding: 0 0 0 30px !important;background-position: right center;background-repeat: no-repeat;background-size: auto 15px;text-indent: -99999px;}
.a-wb {background-image: url(../images/ico-wb.png);}
.a-wb:hover {background-image: url(../images/ico-wb-on.png);}
.a-wx {background-image: url(../images/ico-wx.png);}
.a-wx:hover {background-image: url(../images/ico-wx-on.png);}
#hd.hd-init #nav a {color: #fff;}
#hd.hd-init #nav a:hover {color: #89caac;}
#hd.hd-init #nav .a-wb {background-image: url(../images/ico-wb-2.png);}
#hd.hd-init #nav .a-wb:hover {background-image: url(../images/ico-wb-on.png);}
#hd.hd-init #nav .a-wx {background-image: url(../images/ico-wx-2.png);}
#hd.hd-init #nav .a-wx:hover {background-image: url(../images/ico-wx-on.png);}
.menuBtn {position: absolute;top: 50%;right: 2%;width: 32px;display: none;cursor: pointer;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.menuBtn em {margin: 5px 0;display: block;height: 4px;background-color: #89caac;}
.menuBtn.on em {display: none;margin: -2px 0 0;position: absolute;left: 5px;top: 50%;width: 27px;}
.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: -100%;left: 0;width: 100%;
    background-color: #fff;z-index: 98;border-bottom: 1px solid #e5e5e5;
}
#aside.open {top: 63px;}
#aside .menu {padding: 26px 0;}
#aside .menu .v1 {display: block;width: 100%;height: 36px;line-height: 36px;text-align: center;color: #fff;font-size: 14px;border-bottom: 1px solid #fff;}
#aside .menu div {display: none;}
#aside .menu a {display: block;width: 100%;height: 40px;line-height: 40px;text-indent: 22px;}
#aside .menu a:hover {background-color: #f2f2f2;}

/*******************************
  -------[=banner]-------
*******************************/



/*******************************
  -------[=底部]-------
********************************/
#fd {padding-top: 108px;overflow: hidden;color: #000;font-size: 12px;}
#fd .tit {margin-bottom: 20px;text-align: center;font-size: 24px;font-family: 'hy';letter-spacing: 3px;font-weight: normal;}
#fd .info {padding-bottom: 36px;float: left;width: 50%;border-right: 1px solid #e5e5e5;line-height: 2.2;}
#fd .copyright {padding-bottom: 36px;float: right;width: 50%;text-align: right;line-height: 2.2;}
#fd .link {padding: 12px 0;}
#fd a {color: #89caac;}
#fd a:hover {text-decoration: underline;}
/*******************************
    -------[=正文]-------
********************************/




