@charset "utf-8";

/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,table,th,td,form,input,button,textarea{margin:0;padding:0;}
body{min-width: 1200px;font:12px/24px 'Microsoft YaHei';color:#333;background:#fff;}
h1,h2,h3,h4,h5,h6{font-size:14px;font-weight:bold;}
table{border-collapse:collapse;border-spacing:0;}
img,iframe{border:0;vertical-align:top;}
i,cite,em{font-style:normal;}
ol,ul{list-style:none;}
input,button,select,textarea{outline:none;}
textarea{overflow:auto;resize:none;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none;}
.btn,a{ cursor:pointer; -webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s;}
.btn:hover{-webkit-filter:brightness(1.15);-moz-filter:brightness(1.15);filter:brightness(1.15);}

.j-jqthumb .u-img{-webkit-transition:all .6s;-moz-transition:all .6s;transition:all .6s;}
.j-jqthumb .u-img img{ visibility: hidden; }
.j-jqthumb .imghover.u-img,
.j-jqthumb .imghover>.u-img{-webkit-filter:brightness(.85);-moz-filter:brightness(.85);filter:brightness(.85);}

.area{position:relative;width:1200px;margin-left:auto;margin-right:auto;}
.area,.clear{*zoom:1}
.area:after,.clear:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}

.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}
.f-dn{display:none;}
.f-db{display:block;}
.f-fl{float:left;_display:inline;}
.f-fr{float:right;_display:inline;}
.f-ovh{ position:relative; zoom:1; overflow:hidden;}


.tip-box{ line-height: 34px; overflow: hidden; font-size: 14px; background: #ebebeb; }

.tip-link,
.tip-link a{ color: #666; }
.tip-link .member a:first-child{ color: #db7552; }
.tip-link a:hover{ text-decoration: underline; }
.tip-link .link,
.tip-link .help{ margin-left: 30px; }
.tip-info{ color: #999; }

.top-box{ position: relative; z-index: 10; border-bottom: solid 1px #ebebeb; }
.top-box .area{height:110px;}
.top-box .logo{position:absolute;top:0;left:0;height:100%;line-height:0;font-size:0;}
.top-box .logo:before{content:"";display:inline-block;*display:inline;zoom:1;vertical-align:middle;height:100%;}
.top-box .logo img{vertical-align:middle;}

.top-nav{float:left;display:inline;margin-top:22px;}
.m-nav .fir-ul{line-height:0;font-size:0;}
.m-nav .fir-ul .fir-li{position:relative;display:inline-block;*display:inline;zoom:1;vertical-align:top;}
.m-nav .fir-ul .u-a{position:relative;display:block;padding: 0 20px;height:66px;line-height:66px;overflow:hidden;font-size:16px;color:#4a4a4a;}
.m-nav .fir-ul .hover .u-a,
.m-nav .fir-ul .current .u-a{color:#2983fc;}
.m-nav .sec-box{position:absolute;top:100%;width:100%;background:#fff;}
.m-nav .sec-box:before{ content: ""; display: block; height: 2px; overflow: hidden; background: #2983fc; }
.m-nav .sec-ul{ padding: 10px 0; border: solid 1px #eeeff0; border-top: none; }
.m-nav .sec-ul a{display:block;height:32px;line-height:32px;overflow:hidden;font-size:14px;text-align: center;color: #666;}
.m-nav .sec-ul a:hover{color:#2983fc;}
.m-nav .nav-y .sec-box{display:none;}

.top-search{ position: relative; zoom:1; float: right; display: inline; margin: 40px 0 0 30px; }
.top-search a{ -webkit-transition:none;-moz-transition:none;transition:none; }
.search-btn{ display: none; width: 21px; height: 22px; overflow: hidden; background: url(../images/ico-search.png) center no-repeat; }
/*.search-form{ display: none; position: absolute; top: -4px; right: 0; }*/
.search-form{ line-height: 0; overflow: hidden; font-size: 0; white-space: nowrap; border: solid 1px #d6d6d6; background: #fff; -moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px; }
.search-form .u-text{ vertical-align: top; padding:0 12px; width: 68px; height: 28px; line-height: 28px; border: 0 none; }
.search-form .u-btn{ vertical-align: top; width: 30px; height: 28px; border: 0 none; background: url(../images/btn-search.png) 0 center no-repeat; cursor: pointer; }


.banner-box{position:relative;z-index:0;zoom:1;}
.m-focus{position:relative;zoom:1;overflow:hidden;width:100%;line-height:0;font-size:0;text-align:center;}
.m-focus a{ -webkit-transition:none;-moz-transition:none;transition:none; }
.m-focus .switchable-box{position:relative;zoom:1;overflow:hidden;width:100%;}
.m-focus .switchable-content{-webkit-transition:height .2s;-moz-transition:height .2s;transition:height .2s;}
.m-focus .switchable-content li{width:100%;}
.m-focus .switchable-content li img{visibility:hidden;}
.m-focus .switchable-content li a{display:block;}
.m-focus .switchable-nav{ position: absolute; bottom: 42px; left: 50%; margin-left: -600px; width: 1200px; line-height: 0; font-size: 0; }
.m-focus .switchable-nav li{ display: inline-block; *display: inline; zoom:1; vertical-align: top; margin: 0 4px; padding-top: 2px; width:42px; height:0; overflow: hidden; background: #fff; filter:alpha(opacity=60);opacity:.6; cursor:pointer; -webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s; }
.m-focus .switchable-nav li.active{ filter:alpha(opacity=100);opacity:1; background-color: #fbb700; }
.m-focus .title{ position: absolute; top: 50%; left: 50%; margin: -14px 0 0 -600px; width: 1200px; line-height: 48px; font-size: 30px; font-weight: normal; text-align: left; color: #fff; }
.m-focus .title span{ display: inline-block; *display: inline; zoom:1; vertical-align: top; padding-top: 2px; line-height: 46px; font-size: 36px; }

.m-focus .switchable-button>div{ position: absolute; z-index: 10; top: 50%; margin-top: -38px; width: 34px; height: 76px; line-height: 76px; overflow: hidden; text-align: center; background: rgba(255,255,255,.18); cursor: pointer; }
.m-focus .switchable-button>div:before{ content: ""; font-size: 30px; font-family: "SimSun"; color: #fff; -webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s; }
.m-focus .switchable-button>div:hover:before{ color: #fbb700; }
.m-focus .switchable-button>.prev{ left: 0; }
.m-focus .switchable-button>.prev:before{ content: "<"; }
.m-focus .switchable-button>.next{ right: 0; }
.m-focus .switchable-button>.next:before{ content: ">"; }



.footer-box,
.footer-box a{ font-size: 14px; color: #5e5e5e; }
.footer-box a:hover{ color: #fff; }

.footer-box{ padding: 42px 0 70px; background: #191919; }

.footer-wechat{ padding-top: 5px; margin-left: 20px; }
.footer-wechat img{ width: 110px; height: 110px; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; }
.footer-wechat h4{ float: right; display: inline; margin-left: -4px; padding: 24px 0 0 4px; width: 22px; height: 86px; line-height: 1; font-weight: normal; text-align: center; color: #fff; background: #2983fc; -moz-border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0; }

.footer-nav{ overflow: hidden; }
.footer-nav ul{ margin-left: -20px; line-height: 0; font-size: 0; }
.footer-nav li{ display: inline-block; *display: inline; zoom:1; vertical-align: top; line-height: 24px; font-size: 14px; }
.footer-nav li:after{ content: "|"; }
.footer-nav li:last-child:after{ display: none; }
.footer-nav a{ margin: 0 20px; }

.footer-contact{ margin-top: 20px; line-height: 24px; }
.footer-contact .tel{ line-height: 50px; font-size: 24px; color: #bababa; }

.footer-links,
.footer-links a{ color: #8c8c8c; }
.footer-links{ margin-top: 44px; padding: 12px 0; border-top: solid 1px #303030; border-bottom: solid 1px #303030; }
.footer-links h2{ float: left; display: inline; margin-right: -30px; font-weight: normal; }
.footer-links ul{ overflow: hidden; }
.footer-links li{ display: inline-block; *display: inline; zoom:1; vertical-align: top; margin-left: 30px; }

.footer-con,
.footer-con a{ color: #757575; }
.footer-con{ line-height: 30px; padding: 25px 0; }
.footer-con img{ vertical-align: middle; margin-top: -2px; }

.m-client{ position: fixed; z-index: 100; right: 20px; bottom: 10%; margin-top: -60px; }
.m-client ul{ border: solid 1px #e4e4e4; background: #fff; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; -moz-box-shadow:0 1px 6px rgba(43,43,43,.1); -webkit-box-shadow:0 1px 6px rgba(43,43,43,.1); box-shadow:0 1px 6px rgba(43,43,43,.1); }
.m-client .u-a{position:relative;display:block;padding-left:60px;height:60px;}
.m-client .u-a .ico{position:absolute;top:0;left:0;width:60px;height:60px;overflow:hidden;background:url(../images/ico-client.png) no-repeat; -webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s;}
.m-client .u-a:hover .ico{ background-color: #23b8ff; background-image:url(../images/ico-client-hover.png);}
.m-client .client-tel .ico{background-position:0 0;}
.m-client .client-wechat .ico{background-position:0 -60px;}
.m-client .client-goTop .ico{background-position:0 -120px;}

.m-client .conBox .con{display:none;position:absolute;top:50%;right:100%;margin:-30px 16px 0 0; border: solid 1px #e4e4e4; background: #fff; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-box-shadow:0 1px 6px rgba(43,43,43,.08); -webkit-box-shadow:0 1px 6px rgba(43,43,43,.08); box-shadow:0 1px 6px rgba(43,43,43,.08);}
.m-client .conBox .con:before,
.m-client .conBox .con:after{content:"";position:absolute;top:50%;left:100%;width:0;height:0;overflow:hidden;border-style:solid;}
.m-client .conBox .con:before{margin-top: -7px;border-width:7px 0 7px 7px;border-color:transparent transparent transparent #e4e4e4;}
.m-client .conBox .con:after{margin-top: -6px;border-width:6px 0 6px 6px;border-color:transparent transparent transparent #fff;}
.m-client .conBox .text{padding:0 20px;line-height:60px;font-size:16px;white-space:nowrap;}
.m-client .conBox .QRcode{ margin-top: -60px; }
.m-client .conBox .QRcode img{ width: 118px; height: 118px; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; }
.m-client .client-goTop{ display: none; }

/* 普通翻页器-默认居中 */
.m-page{line-height:38px;padding-top: 50px;font-size:0;text-align:center;white-space:nowrap;}
.m-page a,.m-page i{display:inline-block;*display:inline;zoom:1;vertical-align:top;margin-left:-1px;min-width:44px;padding:0 10px;font-size:14px;text-align: center;border:solid 1px #ccc;background:#fff;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.m-page a,
.m-page a:hover{text-decoration:none;}
.m-page i{ padding: 0; min-width: auto; border: none; background: none; }
.m-page a.first{margin-left:0;}
.m-page a.last{margin-right:0;}
.m-page a:hover,
.m-page a:active{color:#fff;border-color:#2983fc;background:#2983fc;}
.m-page a.pageprv,
.m-page a.pagenxt{ min-width: 58px; font-size: 20px; font-family: 'SimSun'; }
.m-page a.z-crt,
.m-page a.z-crt:hover,
.m-page a.z-crt:active{color:#fff;border-color:#2983fc;background:#2983fc;cursor:default;}
.m-page a.z-dis,
.m-page a.z-dis:hover,
.m-page a.z-dis:active{color:#ccc;border-color:#e3e3e3;background:#e3e3e3;cursor:default;}
/* 分隔线 */
.m-page-bd{border-top: solid 1px #e5e5e5;}
/* 居左 */
.m-page-lt{text-align:left;}
/* 居右 */
.m-page-rt{text-align:right;}
/* 分离 */
.m-page-sr a,
.m-page-sr i{margin:0 5px;}
/* .m-page-sr i{border:0;} */

.layui-m-layer .layui-m-layer-msg {
  bottom: 0 !important;
}