*,h1,h2,h3,h4,h5,h6,p,img,div,ul,ol,li,dd,dl,dt,body{padding: 0;margin: 0;font-family: trade-gothic-next-wf,sans-serif;;box-sizing: border-box;outline: none;font-size: 14px;}
a{text-decoration:none;color: #333;}
a:hover{color: #333;text-decoration:none!important;}
a:active{text-decoration:none;color: #333;}
a:focus{text-decoration:none!important;color: #333;}
em{font-style:normal}
li{list-style:none}
img{border:0;}
i,em {font-style: normal;}
label {margin-bottom: 0;font-weight: normal;}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word;}
.left{float: left;}
.right{float: right;}
.clear:after{content: "";display: block;clear: both;}
body{padding: 50px 0;top:0!important;}

.goog-te-banner-frame{display: none;}
.goog-te-menu-frame{width: 100%!important;}
.goog-te-gadget-simple{border: 0!important;}

#header{height: 50px;position: fixed;width: 100%;left: 0;top:0;z-index: 9999;background: #fff;display: flex;justify-content: space-between;padding-right: 5px;}
#header>.logo{padding-top: 10px;position: relative;left:10%;}
#header>.logo>img{height:30px;}
#header>span{width: 50px;height: 50px;background: #004eae;text-align: center;}
#header>span>i{color: #fff;font-size:30px;position: relative;top:9px;}
#bg{background: #343434;width: 100%;height: 50px;position: fixed;left: 0;top:0;z-index: 888;opacity: 0;}

#menu{position: fixed;left: 0;top:0;width:0;height: 100%;z-index:99999;overflow: hidden;}
#menu>.left{width: 70%;height: 100%;background:#004eae;}
#menu>.left>li>a,#menu>.left>li>span,#menu>.left>li>div>a{color: #fff;display: block;height: 48px;line-height: 47px;font-size: 16px;border-bottom: 1px solid #fff;padding-left: 10%;}
#menu>.left>li>div{height: 0;overflow: hidden;}
#menu>.left>li>div>a{padding-left:20%;}
#menu>.left>li:focus{background: #ecad2a;border-bottom:1px solid #ecad2a;}
#menu>.right{width: 30%;height: 100%;background: #000;opacity: 0.5;}

#navigation{position: fixed;left: 0;bottom:0;width: 100%;height: 50px;background:#004eae;display: flex;justify-content: space-around;z-index: 9999;}
#navigation>a{text-align: center;padding-top: 5px;}
#navigation>a>i,#navigation>a>span{color: #fff;}
#navigation>a>i{font-size: 18px;}
#navigation>a>span{font-size: 12px;}

#liuyan{position: relative;height:480px;overflow: hidden;}
#liuyan>img{width: 100%;}
#liuyan>div{padding:0 12px;width: 100%;height:90%;position: absolute;left: 0;top:5%;}
#liuyan>div>div{height: 100%;background: #fff;opacity: 0.8;padding: 30px 16px 0;}
#liuyan .inp{margin-bottom: 15px;}
#liuyan .inp>input{width: 100%;height: 36px;border:1px solid #004eae;border-radius: 3px;background: #f7f8f8;padding-left: 8px;font-size: 12px;color: #00428e;}
#content{font-size: 12px;color: #00428e;width: 100%;border:1px solid #004eae;border-radius: 3px;background: #f7f8f8;padding:5px 8px;height: 160px;margin-bottom: 25px;}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */color: #00428e;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #00428e;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color: #00428e;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #00428e;}
#btn{width: 90px;height: 26px;text-align: center;display: block;line-height: 26px;color: #fff;font-size: 12px;border-radius: 13px;margin:0 auto;background: #00428e;}

#contact{padding: 50px 12px 40px}
#contact>.img{text-align: center;margin-bottom:40px;}
#contact>.img>img{height: 45px;}
#contact>.title{font-size: 16px;margin-bottom: 25px;color: #333;}
#contact>ul>li{margin-bottom: 20px;padding-left: 35px;position: relative;}
#contact>ul>li>img{height: 24px;position: absolute;left: 0;top:0;}
#contact>ul>li>span{color: #666;display: inline-block;line-height: 24px;height: 24px;}
#contact>div{text-align: center;}
#contact>div>:first-child{width: 142px;height: 142px;margin:0 auto;border:1px solid #f0f4f9;margin-bottom: 5px;}
#contact>div>p>img{width: 140px;}
#contact>div>p{color: #3c3c3c;font-size: 12px;}
#copyright{padding:12px 0;background: #00428e;}
#copyright>p{color: #fff;width: 200px;margin:0 auto;font-size: 12px;text-align: center;}
#copyright>p>a{color: #fff;font-size: 12px;}


/*分页样式*/
#page{text-align: center;margin-bottom:30px;}
#page>:nth-child(n){display: inline-block;padding:3px 5px;border: 1px solid #c9c9c9;color: #808080;margin-right: 3px;}
#page>.current{background: #0D521B;border: 1px solid #0D521B;color: #fff;}

/* 引入字体样式 */
/* @font-face{
    font-family: 'Kaiti'; 
    src: url('../font/字体名称.eot');
    src:url('../font/字体名称.woff') format('woff'),
		url('../font/字体名称.ttf') format('truetype'),
		url('../font/字体名称.svg') format('svg');
} */
/*楷体-简 */
@font-face{
 font-family: 'Oswald';
 src : url(../font/Oswald[wght].ttf);
}
/* 思源黑体 CN Medium */
@font-face{
 font-family: 'SourceHanSansCN-Medium';
 src : url(../font/SourceHanSansCN-Medium.otf);
}
/* 思源黑体 CN Regular */

@font-face{
 font-family: 'SourceHanSansCN-Regular';
 src : url(../font/SourceHanSansCN-Regular.otf);
}
/* 苹方-简 */
@font-face{
 font-family: 'PingFangSC-Regular';
 src : url(../font/PingFang_Regular.ttf);
}
/* 阿里巴巴普惠体-B */
@font-face{
 font-family: 'Alibaba-Bold';
 src : url(../font/Alibaba-PuHuiTi-Bold.otf);
}
/* 阿里巴巴普惠体-R */
@font-face{
 font-family: 'Alibaba-Regular';
 src : url(../font/Alibaba-PuHuiTi-Regular.otf);
}
/* 阿里巴巴普惠体-M */
@font-face{
 font-family: 'Alibaba-Medium';
 src : url(../font/Alibaba-PuHuiTi-Medium.otf);
}
/*楷体-简 */
@font-face{
 font-family: 'simkai';
 src : url(../font/STKAITI.TTF);
}