@charset "utf-8";
/* CSS Document */
html, body {font-size: 12px;margin: 0px;padding: 0px;text-decoration: none; background: #fff;text-align: left;-webkit-text-size-adjust: none;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {

}


a {	color: #666666;text-decoration: none;outline: 0px none; star:expression(this.onFocus=this.blur());}
a:hover, a:active { color: #1b5698;}
* { margin: 0px;padding: 0px;list-style: none;}
table {	border-collapse: collapse;}
ul, li {list-style: none;border: 0 none;padding: 0px;margin:0;}
form {margin: 0px;}
img {border: 0px none;text-align-last: center;vertical-align: middle;_azimuth:expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none"../images/889ffaa38f234fd6b06ca3b26f26ecae.gifthis.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true);}
center {text-align: left;	color: #999;height: 50px;}
#clear, .clear {clear: both;float: none!important;background: none;width: 0 !important;	height: 0 !important; margin:0 !important; padding:0 !important;}
#noData, .noData {color: #ccc;font-size: 14px;text-align: left;padding: 50px 0px;}
.fl-left, .fl{ float:left;}
.fl-right, .fr{ float:right;}
input, textarea, input:focus, textarea:focus, button{outline: none;}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/*PC head*/
#head{ position:fixed; z-index:1000; left:0; top:-1px; width:100%; height:110px; background:#fff; border-bottom:1px solid #eee; transition:all .35s;}
#head.active {transform: translateX(-220px);}
#head .wrap{position:relative; width:94%; max-width:1600px; margin:0 auto; }
#head .logo{position:relative; width:20%; line-height:110px;overflow:hidden; transition:all .35s;}
#head .logo>a{display:block;}
#head .logo>a>img{ width:100%; height:auto; max-width:200px;}
#head .menu{width:50%; height:110px; padding:0 2% 0 8%; text-align:left; transition:all .35s;}
#head .menu>.wap{display:none;}
#head .menu>ul{margin:0 auto;}
#head .menu>ul>li{display:block; float:left; width:16.6%; text-align:center;}
#head .menu>ul>li>a{position:relative; display:block; padding:0 16px; font-size:16px; color:#888888; line-height:110px; transition:all .35s;}
#head .menu>ul>li>a>span{ position:relative;z-index:100;}
#head .menu>ul>li>a:after{position:absolute;z-index:99; left:0; bottom:0; width:100%;height:0; opacity:0; background:#1b5698; content:''; transition:all .35s;}
#head .menu>ul>li>div{display:none; position:fixed;z-index:96; left:0; top:109px; width:100%; height:auto; text-align:left; background-color:rgba(0,0,0,.8);}
#head .menu>ul>li>div>.box{ width:60%;margin:0 auto;padding:50px 0px 50px 505px;}
#head .menu>ul>li>div .con{ width:70%;}
#head .menu>ul>li>div .con>.tit{padding:10px 0; font-size:28px; font-weight:normal; color:#fff;font-family: "思源黑体 Light";display:inline-block;}
#head .menu>ul>li>div .con>.tit2{padding:10px 0; font-size:22px; font-weight:normal; color:#fff;font-family: "Poppins Light";display:inline-block;}
#head .menu>ul>li>div .con>.txt{font-family: "思源黑体 Light";font-size:15px; color:#fff; line-height:24px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.2);}
#head .menu>ul>li>div .con>.more{padding:10px 0;text-align:left;}
#head .menu>ul>li>div .con>.more>a{display:inline-block;color:rgba(255,255,255,.8); font-size:11px;margin-top:10px;}
#head .menu>ul>li>div .con>.more>a:hover{color:#fff;}
#head .menu>ul>li>div .con>.nav{ padding:20px 0; text-align:left;}
#head .menu>ul>li>div .con>.nav>a{position:relative; display:inline-block; padding:2px 0; font-size:16px; color:rgba(255,255,255,.8); margin-bottom:5px; margin-right:30px; transition:all .35s;}
#head .menu>ul>li>div .con>.nav>a:after{position:absolute;z-index:1;left:0;bottom:0; width:0;height:1px; background:#1b5698; content:''; transition:all .35s;}
#head .menu>ul>li>div .con>.nav>a:hover{color:#fff;}
#head .menu>ul>li>div .con>.nav>a:hover:after{ width:100%;}
#head .menu>ul>li>div .img{ display:none; width:24%; padding:20px 0; text-align:right;}
#head .menu>ul>li>div .img>img{width:100%;height:auto;}
#head .menu>ul>li.A>a{ color:#fff;}
#head .menu>ul>li.A>a:after{ height:100%;opacity:1;}
#head .mall{width:120px; line-height:110px; text-align:center; transition:all .35s; margin-right: 16px;}
#head .mall img{height: 24px; margin-top: -3px; margin-right: 3px;}
#head .mall span{font-size: 16px; display: inline-block;}
#head .language{width:48px; line-height:110px; text-align:center; transition:all .35s; margin-right: 16px;}
#head .language>a{display:inline-block; width:46px; height:46px; line-height:46px; color:#1b5698; font-size:16px; border:1px solid #1b5698; border-radius:100%; transition: all .2s; background: #1b5698; color: #fff;}
#head .language>a:hover{background: #1b5698; color: #fff;}
#head .language>a.wap{display:none;}
#head .search{width:48px; line-height:110px; text-align:center; transition:all .35s;}
#head .search>a{display:inline-block; width:32px; height:32px; line-height:32px; color:#1b5698; font-size:16px; border:1px solid #ccc; border-radius:100%; transition: all .2s; text-align: center; background: #ccc;}
#head .search>a>img{height: 18px; margin-top: -3px;}
#head .search>a:hover{background: #1b5698;border:1px solid #1b5698;}
#head .search>.wap{display:none;}
#head .search>form{display:block; box-sizing:border-box; width:100%; max-width:300px; padding:0 20px; border:1px solid #ddd; height:50px; border-radius:50px;}
#head .search>form input[type="text"]{outline: medium; float:left; height:50px; line-height:50px; width:70%; padding:0 5%;border:none; font-size:14px; background:none; color:#666; box-sizing:border-box; overflow:hidden;}
#head .search>form input::-webkit-input-placeholder{ color:#ccc;}
#head .search>form button{float:right; width:20%; height:50px; border:none; outline: none; opacity:1; background:url(../images/icon-go-red.png) no-repeat center center; background-size:auto 30px; cursor:pointer; box-sizing:border-box;overflow:hidden;}

#search-wrapper{
  position: fixed;
  width: 100%; height: 100%;
  z-index: 9999;
  display: none;
}
#search-wrapper>.bg{
  position: absolute;
  width: 100%; height: 100%;
  left: 0; top: 0;
  background: rgba(0,0,0,.8);
}
#search-wrapper .box{
  width: 50%;
  height: 50px;
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  margin: auto;
}
#search-wrapper .box input{
  background: #fff;
  width:100%; height: 50px; line-height: 50px;
  font-size: 16px;
  box-sizing: border-box;
  padding: 0 20px;
  border: 0px none;
  border-radius: 8px;
}
#search-wrapper .box button{
  display: block;
  width: 50px; height: 50px;
  position: absolute; right: 0; top: 0;
  background: url('../images/icon-go-red.png') no-repeat center/24px;
  border: 0px none;
  cursor: pointer;
}
#search-wrapper .close{
  display: block;
  position: absolute;
  right: 0; top: -50px;
}


@media only screen and (max-width: 1460px){

  #head .wrap{ max-width:1360px;}
  #head .menu>ul>li>a{ padding:0 16px; font-size:17px;}
  #head .language{ max-width:60px;}
  #head .language>a{font-size:15px;}

}
@media only screen and (max-width: 1360px){
  #head .menu{ padding:0 2% 0 6%; }
  #head .language{ max-width:50px;}
  #head .language>a{font-size:14px;}

}
@media only screen and (max-width: 1300px){
  #head .logo{ width:19%; padding-right:1%;}
  #head .menu{ width:56%; padding:0 1%; }
}
@media only screen and (max-width: 1180px){
  #head .menu>ul>li>a{ padding:0 12px; font-size:16px;}
  #head .language{margin-right: 5px;}
  #head .language>a, #head .search>a{width: 38px; height: 38px; line-height: 38px;}
  #head .search>a{line-height: 36px;}
  #head .mall{width: 95px;}
  #head .mall img{height: 22px;}
  #head .mall span{font-size: 15px;}

  #head .search>form{ height:40px;}
  #head .search>form input[type="text"]{height:40px;line-height:40px;}
  #head .search>form button{height:40px;background-size:auto 24px;}

}
@media only screen and (max-width: 1080px){
  #head{ height:80px; border-bottom:0 !important; box-shadow:0 2px 4px rgba(0,0,0,.1);}
  #head .logo{ padding-right:3%; line-height:80px;}
  #head .menu{ width:62%; height:80px;}
  #head .menu>ul>li>a{ line-height:80px;}
  #head .menu>ul>li>div{top:80px;}
  #head .mall{display: none;}
  #head .language{line-height:80px;}
  #head .search{text-align:center; line-height:80px;}
  #head .search>.wap{ position:relative; display:block; width:100%; height:100%;}
  #head .search>.wap>a{display:inline-block; width:40px;height:40px; line-height:40px; background:#1b5698 url("../images/icon-search.png") no-repeat; background-size:24px auto; background-position:50% 50%; border:1px solid #1b5698; border-radius:100%;}
  #head .search>form{display:none;}
}

@media only screen and (max-width: 960px){
  #head{ padding-top:0px;}
  #head .wrap{ width:100%; max-width:none;overflow:hidden;}
  #head .logo{ padding-left:3%;}
  #head .menu{ position:relative; padding:0 !important; width:50%; float:right;}
  #head .menu>.wap{ display:block; position:absolute; right:0;top:0; width:80px; height:100%; cursor:pointer;}
  #head .menu>.wap>.btn {position: absolute;top:50%; left:50%; z-index: 9; margin-top:-16px; margin-left:-16px; display: block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width:32px;height:32px;-webkit-tap-highlight-color: transparent;-ms-touch-action: manipulation;touch-action: manipulation;}
  #head .menu>.wap>.btn>span { position: relative; display:block; margin-top:16px;}
  #head .menu>.wap>.btn>span,#head .menu>.wap>.btn>span:after,#head .menu>.wap>.btn>span:before { display: block;width:32px;height: 2px;background-color: #1b5698;transition-duration: .4s;-webkit-transition-property: background-color,-webkit-transform;-moz-transition-property: background-color,-moz-transform; -o-transition-property: background-color,-o-transform; transition-property: background-color,transform;}
  #head .menu>.wap>.btn>span:after,.menu>.wap>.btn>span:before { position: absolute; content: "";}
  #head .menu>.wap>.btn>span:before {top: -10px;}
  #head .menu>.wap>.btn>span:after {top: 10px;}
  #head .menu>.wap>.btn.active span { background-color: transparent;}
  #head .menu>.wap>.btn.active span:after,#head .menu>.wap>.btn.active span:before {background-color:#1b5698;}
  #head .menu>.wap>.btn.active span:before {-webkit-transform: translateY(10px)rotate(45deg);-moz-transform: translateY(10px)rotate(45deg);transform: translateY(10px)rotate(45deg);-ms-transform: translateY(10px)rotate(45deg);}
  #head .menu>.wap>.btn.active span:after {-webkit-transform: translateY(-10px)rotate(-45deg);-moz-transform: translateY(-10px)rotate(-45deg);transform: translateY(-10px)rotate(-45deg);-ms-transform: translateY(-10px)rotate(-45deg);}
  #head .menu>ul{display:none;}
  #head .language{position:fixed;z-index:2;left:0;top:0; width:100%; height:36px; line-height:36px; background:#fff; border-bottom:1px solid #eee; text-align:center; float:none; max-width: none;}
  #head .language>a{display:none; background: #fff;}
  #head .language>a.wap{display:block!important; width:100%;height:36px; line-height:36px; color:#999; font-family:Arial; font-size:14px; border:0 !important; border-radius:0;}
  #head .search{display:none;}

}

@media only screen and (max-width: 780px){
  #head{height:60px;}
  #head .logo{width:42%; line-height:60px;}
  #head .logo>a>img{max-width:200px;}
  #head .menu{height:60px;}
  #head .menu>.wap{width:60px;}
}

/*Wap nav*/
#headwap {background:#1b5698;color: #fff;position: fixed;right: -300px;top: 0px;width: 220px;height: 100%;z-index: 9999;transition: all 0.35s;transform-origin: left center;transform: perspective(800px) rotateY(90deg);}
#headwap.active {right:0px;transform: rotateY(0deg);}
#headwap>.menu{padding:20% 0 10px 0;}
#headwap>.menu>ul{display:block;}
#headwap>.menu>ul>li{display:block;}
#headwap>.menu>ul>li>a{display:block; font-size:16px; color:#fff;padding:8px 20px; transition:all .35s;}
#headwap>.menu>ul>li.A>a{ background:rgba(0,0,0,.2);}
#headwap>.menu>ul>li>div{display:none;padding:0 20px;}
#headwap>.menu>ul>li>div>a{display:block;padding:8px 0; font-size:13px; color:rgba(255,255,255,.9); border-bottom:1px solid rgba(255,255,255,.2);}
#headwap>.language{ padding:10px 20px; text-align:left;}
#headwap>.language>a{display:inline-block; padding:2px 20px; background:rgba(255,255,255,.2); border-radius:5px; color:rgba(255,255,255,.8); font-size:13px;}
#headwap>.language>a img{height:34px; width:auto; margin-right:4px; opacity:.8;}

#headwap>.search{ padding:20px; transition:all .35s;}
#headwap>.search>form{ display:block; box-sizing:border-box; width:100%; background:rgba(255,255,255,.5); height:30px; border-radius:30px;}
#headwap>.search>form input[type="text"]{outline: medium;float:left;height:30px;line-height:30px;width:80%;padding-left:16px;border:none; font-size:14px; background:none;color:#1b5698;box-sizing:border-box;overflow:hidden;}
#headwap>.search>form input::-webkit-input-placeholder{ color:#1b5698;}
#headwap>.search>form button{float:right;width:20%;height:30px;border:none; opacity:1;background:url(../images/icon-go-red.png) no-repeat center center;background-size:auto 20px;cursor:pointer;box-sizing:border-box;overflow:hidden;}

#headwap>.mall{margin-top: 10px; padding-left: 20px;}
#headwap>.mall a>img{height: 22px; vertical-align: middle; margin-top: -2px; margin-right: 3px;}
#headwap>.mall a>span{font-size: 15px; color: #fff;}


/*foot TOP*/
#foot{margin:0 auto; padding:50px 0; background:#f3f3f3; transition:all .35s;}
#foot.active {transform: translateX(-220px);}
#foot>.wrap{ width:90%; max-width:1360px; margin:0 auto;}
#foot .nav{ width:50%;}
#foot .nav>a{display:block; position:relative; float:left; width:25%; box-sizing:border-box; padding:15px 5px; background:url("../images/icon-arrow-right-grey.png") no-repeat; background-size:auto 10px; background-position:90% 50%; margin-right:8%; font-size:15px; font-weight:bold; border-bottom:1px solid #ddd;}
#foot .webgroup{ width:25%;padding:0 2%;text-align:left; font-size: 36px;}
#foot .webgroup>.tit{ font-size:15px; font-weight:bold; color:#666; margin-bottom: 20px;}
#foot .webgroup>.select{ position:relative;margin:10px auto;}
#foot .webgroup>.select>.in{ position:relative; display:block; cursor:pointer; height:40px;line-height:40px; padding:0 10px; border:1px solid #ddd;background:#fff; font-size:14px; color:#666;}
#foot .webgroup>.select>.in:after{ position:absolute;z-index:1; right:10px;top:50%; margin-top:-8px; width:16px; height:16px; opacity:.5; background:url("../images/icon-arrow-down-grey.png") no-repeat; background-position:50% 50%; background-size:100% auto;content:''; transition:all .35s; }
#foot .webgroup>.select>.active:after{transform:rotate(180deg)}
#foot .webgroup>.select>.con{display:none; position:absolute;z-index:3;left:0;bottom:40px; padding:5px 0; width:100%; max-height:160px; overflow-y:auto; box-sizing:border-box; background:#fff; border:1px solid #ddd;}
#foot .webgroup>.select>.con>a{display:block;padding:10px; color:#666; font-size:14px;transition:all .35s;}
#foot .webgroup>.select>.con>a:hover{background:#f7f7f7;}
#foot .share{ text-align:left;}
#foot .share .bshare-custom a{padding:0px; margin:0 6px!important; width:20px; height:20px; opacity:1; transition:all .35s;}
#foot .share .bshare-custom .bshare-sinaminiblog{background:url("../images/icon-weibo-grey.png") no-repeat; background-size:20px auto;background-position:center center;}
#foot .share .bshare-custom .bshare-qqim{background:url("../images/icon-qq-grey.png") no-repeat; background-size:20px auto;background-position:center center;}
#foot .share .bshare-custom .bshare-weixin{background:url("../images/icon-wechat-grey.png") no-repeat; background-size:20px auto;background-position:center center;}
#foot .share .bshare-more{background:url("../images/icon-share-grey.png") no-repeat; padding:0 !important; margin:0 !important; background-size:20px auto;background-position:center center;}
#foot .share .bshare-custom .bshare-sinaminiblog:hover{background-image:url("../images/icon-weibo-red.png");}
#foot .share .bshare-custom .bshare-qqim:hover{background-image:url("../images/icon-qq-red.png");}
#foot .share .bshare-custom .bshare-weixin:hover{background-image:url("../images/icon-wechat-red.png");}
#foot .share .bshare-more:hover{background-image:url("../images/icon-share-red.png");}
#foot .share .bshare-custom a:hover{ opacity:1;}
#foot .mall{margin-top: 20px; font-size: 14px;}
#foot .mall img{height: 18px; margin-top: -2px; margin-right: 2px; margin-left: 2px;}
#foot .qrcode{width:20%; text-align:right;}
#foot .qrcode>.qr{ display:inline-block; width:42%;padding:0 2%;}
#foot .qrcode>.qr>img{ width:100%; height:auto;box-sizing:border-box; background:#fff;padding:6px;}
#foot .qrcode>.qr p{ display:block;padding:5px 0; font-size:14px;color:#666; text-align:center;}
#foot .copy{ padding-top:40px; text-align:left;color:#888; line-height:22px; font-size:13px; text-transform:uppercase;}
#foot .copy>a{display:inline-block;padding:0 10px; color:#888;}
#foot .copy>a.by{color:#ccc;}

@media only screen and (max-width: 960px){
  #foot .nav{display:none;}
  #foot .webgroup{ float:none; width:100%;padding:0;margin:0 auto;}
  #foot .qrcode{ float:none; width:100%; text-align:center; margin:20px auto;}
  #foot .qrcode>.qr{width:48%; float:left; padding:0;}
  #foot .qrcode>.qr:nth-child(even){float:right;}
  #foot .copy{ border-top:1px solid #dcdcdc; padding-top:20px;}
}

@media only screen and (max-width: 780px){
  #foot .copy>a.by{ padding:0; color:#ccc;}
}