@charset "utf-8";
html, body, dl, dd, img, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6, h7 { margin: 0; padding: 0; border: 0; }
ul, ol, li { list-style-type: none; }
a img { border: none }
iframe { border: none; }
/* function */
.fl { float: left; _display: inline; }
.fr { float: right; _display: inline; }
.h { display: none; visibility: visible; }
.clear { clear: both; font-size: 0; line-height: 0; height: 0; visibility: visible; }
.clearfix { *zoom:1;
}
.clearfix:after { display: block; clear: both; content: "."; visibility: hidden; height: 0; }
.right { text-align: right; }
.left { text-align: left; }
.b { font-weight: bold; }
.line-through { text-decoration: line-through; }
.under { text-decoration: underline; }
.break { word-break: break-all; }
.red { color: #af0102; }
.gray { color: #CCC; }
a.gray { color: #CCC; }
a.gray:visited { color: #CCC; }
.f14 { font-size: 14px; }
.editor { line-height: 24px; text-align: left; }
.editor p { text-indent: 2em; }
.editor ol li { list-style-type: circle; margin-left: 25px; }
.editor ul li { list-style-type: square; margin-left: 25px; }
body { font-family: "微软雅黑"; font-size: 12px; }
.container { width: 100%; margin: 0px auto; color: #444; }
a:link { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover { color: #4bcdd9; text-decoration: none; }
a:active { color: #d6312d; text-decoration: none; }
.header { position: fixed; width: 100%; height: 140px; top: 0px; z-index: 999999; background:#fff url(../images/headbg.png) repeat-x; }
.headerdiv { height: 140px; top: 0px; width: 100% }
.top { background: url(../images/top_bg.gif) repeat-x; height: 40px; width: 100%; margin: 0 auto; line-height: 40px; }
.moveDown{transition: all 0.5s ease-out;box-shadow: 0px 8px 16px -8px rgba(26,34,51,0.15);}
.header.moveDown{ top: -40px;}
.top_con { width: 1200px; margin: 0 auto; text-align: right;position: relative; }
.top_con span { padding-left: 10px; }
.top_con span .head_weixin{display:none;width:100%;height:100%;background:url(../images/bg_000_80.png);position:fixed;left:0;top:40px;text-align:center;color:#fff;font-size:16px;padding-top:100px;}
.top_con span .head_weixin p{ margin: 0;}
.top_con span.weixin:hover .head_weixin{display:block;}

.mail, .mail a { color: #4bcdd9; }
.tel, .tel a { color: #ffb243; }
.mail span, .tel span { font-family: Arial; padding-left: 0; }
.head { width: 1200px; margin: 0 auto; height: 100px; }
.logo { margin: 0px; padding: 0px; height: 39px; line-height: 39px; margin-top: 12px; }
.menu-icon { display: none }
@media (max-width: 720px) {
.head { width: 100%; margin: 0 auto; height: 100px; }
.menu-icon { display: block; width: 40px; height: 40px; margin-top: 28px; line-height: 40px !important; background: url(../images/windows8.png) no-repeat }
.menu nav { display: none; background: #ccc; width: 105px; line-height: 50px; position: absolute; right: 0px; }
.iwill{ padding-top:40px !important}
.iwill .wrapper { width: 100% !important; margin: 0 auto; }
.iwill .wrapper h1{margin:0 auto 26px}
.iwill-list li { margin:0 !important; width:33% !important}
.cases, .cases dl, .cases_dl, .partners, .news_con_left, .news_con_right, .news, .footer_con, .bottom_con { width: 100% !important; display:inline-block}
.cases_center{ margin:0 auto !important}
.cases_dl dt { text-align: center; }
.news_con{ padding:0 20px}
.partners_table li{ width:33% !important}
.news_bg{ background:none !important}
.footer{ display:none}
.index_header ,.index_banner, .index_banner img{ height:260px !important}
}
.menu { font-family: "微软雅黑"; font-size: 16px; line-height: 100px; }
.menu ul li { float: left; width: 105px; text-align: center; }
.menu ul li a { display: block; }
.menu ul li a:hover, .menu ul li a.a1 { background: url(../images/menu_hover_bg.gif) no-repeat; color: #FFF; }
.footer { width: 100%; margin: 0 auto; background: url(../images/footer_bg.gif) repeat-x; height: 404px; }
.footer2 { width: 100%; margin: 0 auto; background: url(../images/footer_bg.gif) repeat-x; height: 284px; }
.footer_con { width: 1200px; margin: 0 auto; padding-top: 30px; }
.footer_dl { height: 280px; }
.footer_dl dl { float: left; line-height: 34px; width: 205px; }
.footer_dl dl dt { font-size: 18px; font-family: "微软雅黑"; font-weight: bold; padding-bottom: 20px; }
.footer_dl3 dd { margin-bottom: 7px; margin-right: 0; position:relative}

.footer_dl2 .foot_weixin{display:none;width:100%;height:100%;background:url(../images/bg_000_80.png);position: absolutetext-align:center;color:#fff;font-size:16px;padding-top:100px;    z-index: 1000000;}
.footer_dl2 .foot_weixin p{ margin: 0;}
.footer_dl2 .weixin:hover .foot_weixin{display:block;}

.footer_dl dl dd input.input, .footer_dl dl dd textarea { color: #999; border: #d8d8d8 1px solid; width: 230px; padding-left: 5px; }
.footer_dl3 dd input.input { height: 26px; line-height: 26px; }
.footer_dl3 dd textarea { height: 52px; height: 26px; padding-top: 5px;margin-bottom: -10px;}
.footer_dl3 dd #imgcode{ width:112px}
.footer_dl3 dd .imgcode{position: absolute;    right: -23px;    top: 0px;}
.footer_dl dl dd a:hover { color: #666; text-decoration: underline; }
.footer_dl2 dd img { margin-right: 10px; }
footer .bottom { width: 100%; margin: 0 auto; background: url(../images/bottom_bg.gif); line-height: 24px; padding: 20px 0 }
.bottom { width: 1200px; margin: 0 auto; text-align: center; color: #ccc; }
.bottom a{color: #ccc !important }
.page { text-align: center; font-size: 14px; font-family: Arial; width: 1200px; margin: 0 auto; margin-top: 30px; margin-left: 30%; }
.page li { float: left; margin-right: 5px; }
.page a { border: #dedede solid 1px; padding: 4px 8px; vertical-align: middle; color: #333; display: inline-block; margin: 0px 3px; }
.page a:hover, .page a.a3 { background: #2eafbb; border: #128792 solid 1px; color: #fff; }
.thisclass { border: #dedede solid 1px; padding: 4px 8px; vertical-align: middle; color: #333; display: inline-block; margin: 0px 3px; }
.search { float: right; width: 315px; }
.search_le { float: left; width: 23px; }
.search_ri { float: left; width: 73px; }
.search_input { float: left; width: 205px; background: url(../images/search_ce_bg.gif) repeat-x center center; height: 36px; }
.search_input input { border: 0; line-height: 29px; height: 29px; margin-top: 2px; width: 200px; color: #999; padding-left: 5px; }
.search_ri a { cursor: pointer; }
.pgbtn { margin: 5px 0 10px; }
.pgbtn a { display: block; height: 40px; line-height: 40px; letter-spacing: 5px; text-align: center; border: 1px solid #DCDCDC; background: #F5F5F5 url(../images/bg_pgbtn.png) repeat-x 0 0; font-size: 14px; outline: none; border-radius: 5px; box-shadow: 0 1px 0 #F5F5F5; }
.pgbtn a:hover { border-color: #BABABA; text-decoration: none; }
.pgbtn a:active { background: #EEE; border-color: #D0D0D0; box-shadow: none; }
.QQbox { Z-INDEX: 1000099; RIGHT: 0px; WIDTH: 178px; POSITION: absolute; TOP: 140px }
.QQbox .press { RIGHT: 0px; WIDTH: 33px; CURSOR: pointer; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: absolute; HEIGHT: 158px; BORDER-BOTTOM-STYLE: none }
.QQbox .Qlist { LEFT: 0px; WIDTH: 131px; POSITION: absolute }
.QQbox .Qlist ul { background-color: #285a95; padding-top: 15px; padding-bottom: 10px; }
.QQbox .Qlist ul li { padding: 0px; margin: 0px; line-height: 30px; height: 30px; background: url(../images/qq_line.gif) no-repeat bottom; padding-left: 30px; margin-top: 5px; }
.QQbox3 { z-index: 1000099; right: 0px; width: 170px; position: absolute; top: 140px }
.QQbox3 .press { right: 0px; width: 30px; cursor: pointer; border: 0px; position: absolute; height: 150px; }
.QQbox3 .Qlist { width: 140px; background-color: #0087bd; }
.QQbox3 .Qlist ul { padding-top: 15px; padding-bottom: 10px; margin: 0px; }
.QQbox3 .Qlist ul li { padding: 0px; margin: 0px; line-height: 30px; height: 30px; background: #0087bd; padding-left: 30px; margin-top: 5px; }
.link { line-height: 24px; padding: 10px 0; color: #999; }
.link a { color: #999; display: inline-block; white-space: nowrap; padding-right: 10px; }
.link a:hover { text-decoration: underline; color: #0CF; }
.link li { width: auto; float: left; margin-right: 5px; }
.Scroll {z-index: 777; position: fixed; right: 10px; top: 141px; width: 130px; background: url('../images/help_bg.png') no-repeat 0 bottom; }
.Scroll p { float: left; }
.Scroll h3, .Scroll b.tels, .Scroll .free_go { display: block; width: 130px; height: 36px; line-height: 25px; text-align: center; color: #FFF; font-size: 16px; }
.Scroll h3 { margin-top: 18px; }
.Scroll b.tels { margin-top: 10px; }
#help_qq:hover { color: #e8400b; }
#help_qq { display: block; width: 130px; height: 108px; padding-top: 36px; text-align: center; color: #FFF; font-size: 18px; margin-top: 6px; }
.area_qq { display: none; padding-bottom: 20px; border-radius: 5px; position: fixed; top: 111px; width: 560px; right: 153px; background: #fff; z-index: 999; padding-left: 14px; padding-right: 14px; border: 1px solid #999; box-shadow: 0 0 5px #999; }
.area_qq h4 { padding-top: 10px; width: 560px; margin: 0 auto; border-bottom: 1px solid #D9D9D9; height: 35px; line-height: 35px; font-size: 14px; color: #000; text-indent: 5px; }
.area_qq p { padding-left: 15px; color: #686868; line-height: 24px; font-size: 14px;margin: 0px;}
.xxxx { display: none; position: fixed; top: 147px; right: 165px; height: 28px; overflow: hidden; z-index: 99999; }
.areaqq1 { padding-top: 4px; }
.xxxx img { width: 28px; height: 56px; }
        .are_bk{ width: 588px; position: fixed; top: 141px; z-index: 999; right: 140px; padding-right: 13px; display: none; }
        .area_qq{ position: static; display: block; }
