@charset "utf-8";
/* design by www.lancent.cc 2017/2/7 */
* { margin:0px; padding:0px; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, input, textarea { background-color:#fff; font-family:'微软雅黑', Arial, Helvetica, sans-serif; }
body { font:12px/1.5 '微软雅黑', Arial, Helvetica, sans-serif; background: #fff; }
ul li, ul ol { list-style:none; }
em { list-style:normal; }
form { display:block; }
a { color:#333; text-decoration:none; border:0; }
a:hover { color:#f00; text-decoration:none; }
img { border:0px; }
table { border-collapse:0px; border:0px; border-spacing:0px; }
.w { width:1200px; margin:0 auto; }
.bgfff { background-color:#fff; }
.alignleft, .tl { text-align:left; }
.alignright, .tr { text-align:right; }
.aligncenter, .tc { text-align:center; }
.fl { float:left; }
.fr { float:right; }
.clear { clear:both; text-indent:-9999px; }
.clearfix, .clf { display: block; }
.clearfix:after, .clf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
/* Hides from IE-mac \*/
* html .clearfix, * html .clf { height: 1%; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mr20 { margin-right:20px; }
.ml20 { margin-left:20px; }
.pt20 { padding-top:20px; }
.pb20 { padding-bottom:20px; }
.red { color:red!important; }
.blue { color:#f00!important; }
.orange { color:#f90!important; }
.gray{ color:#999!important;}
.green{ color:#d9e00f!important;}
/*------header-----------*/
.header { background-color:#fff; }
.topBar { height: 32px; line-height:32px; background-color: #fff; color:#666;border-bottom:1px solid #eee; }
.topBar a { margin-right:25px; color:#999; }
.topBar a:hover { color:#f90; }
.topBar a i { color:#ccc; margin-right:2px; }
.topBar a:hover i { color:#f90; }
.head { height:100px; }
.head .logo { width:549px; height:70px; margin-top:15px; overflow:hidden; }
.head .logo a { display:block; }
/*.head .logo a img { width:549px; }*/
.head .bot { }
.logo_r {
    width: 503px;
    float: right;
    text-align: right;
    color: #c5d804;margin-top:20px;
}
.tel {
    vertical-align: middle;
    font-size: 32px;
    font-family: Impact;
    color: #f00;
    margin-top: 10px;
}
.tel img{ vertical-align: middle;}
.header .nav { background-color:#333;color:#fff;}
.header .nav li { display:inline-block; height:50px; line-height:50px; font-size:15px; text-align:center; position:relative; }
.header .nav li a { display:block; text-align:center; padding:0 20px;color:#fff}
.header .nav li i { color:#fff; }
 .header .nav li.cur>a, .header .nav li.cur i{color:#f00;}
.header .nav li:hover{ background-color:#f00;}
.header .nav li:hover i, .header .nav li:hover>a { color:#fff; }
.header .nav li dl { display:none; position:absolute; z-index:9999; top:50px; width: 100%;  background: #fff; box-shadow: 0 3px 5px rgba(0, 0, 0, .1); }
/*.header .nav li dl:before { content: ' '; display: block; width: 20px; height: 20px; background: #fff; position: absolute; top: -10px; left: 50%; margin-left: -10px; transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); border-top: 1px solid #eee; border-left: 1px solid #eee; }*/
.header .nav li:hover dl { display:block; }
.header .nav li dl dd { height: 36px; line-height: 36px; overflow: hidden;}
.header .nav li dl dd a { display:block; height:36px; line-height:36px; text-align:center; font-size:13px; padding:0; color:#444;  padding: 0 20px; }
.header .nav li dl dd a:hover { color:#fff;background-color:#f00; }
/*--------------------footer-------------------------*/
.footer { zoom: 1; background: #202020;  }
.footer .footer-content { padding-top: 24px; padding-bottom: 4px; color: #ccc; font-size: 14px; }
.footer .footer-content .footer-help { width: 100%!important; display: table; }
.footer .footer-content a { color: #ccc; }
.footer-help h4 { margin-bottom: 20px; font-size: 16px; font-family: inherit; font-weight: 700; line-height: 1.1; color: #fff; }
.footer-help>.col { display: table-cell; padding-left: 8px; padding-right: 8px; }
.footer-help .col:first-child { padding-left: 0; }
.footer-help .col-2 { width: 20%; }
.footer-help .col-3 { width: 25%; }
.footer-help .col-3.i-contact { vertical-align:top; }
.footer-help p { margin: 0 0 10px; }
.footer-help a { margin: 0 0 8px; display: block; color: #ccc; font-size:14px; }
.text-lg { font-size: 24px!important; line-height: 28px!important; display:block; margin-top:8px; }
.footer .footer-content .footer-links { line-height: 25px;margin-top:20px; font-weight: 400; text-align:center; }
.footer .footer-content .footer-bottom { line-height: 25px; text-align:center; }
/*在线客服样式*/
.main-im { position: fixed; right: 10px; top: 200px; z-index: 100; height: 272px; }
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; color: #c00; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq { max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq { max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main { background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB; display: none; }
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; height: auto; border-bottom: 1px solid #dddddd; }
.main-im .im_main .im-tel div { font-weight: bold; font-size: 12px; margin: 10px 0; }
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15; }
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container { width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../images/weixing-icon.png) no-repeat center center; float: left; }
.main-im .im_main .weixing-show { width: 154px; height: 172px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -154px; top: -126px; }
.main-im .im_main .weixing-show .weixing-sanjiao { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 260px; top: 134px; position: absolute; z-index: 2; }
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 260px; top: 132px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { height: 143px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt { position: absolute; top: 140px; left: 30px; width: 100px; margin: 0 auto; text-align: center; }
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../images/totop-icon.png) no-repeat center center; float: right; }
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer; width: 40px; height: 133px; background: url(../images/open_im.png) no-repeat left top; }
.pagecon { width: 1000px; margin: 0 auto; background: #fdd000; }