@charset "utf-8";

/* style.css */
header, section, footer, aside, nav, main, article, figure { display: block }
strong { font-weight: bold }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0 }
body, html { font-size: 100%; padding: 0; margin: 0 }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img { margin: 0; padding: 0 }
body, button, input, select, textarea, option { font-family: '微软雅黑', 'Arail', tahoma, Srial, helvetica, sans-serif; color: #333 }
body { background-color: #fff }
form { display: block }
em { font-style: normal }
ul, ol, li { list-style: none }
a { text-decoration: none; color: #333 }
a:hover { text-decoration: none }
img { border: 0px }
table { border-collapse: collapse; border-spacing: 0 }
.fl { float: left }
.fr { float: right }
.clear { clear: both; text-indent: -9999px }
.clearfix:before, .clearfix:after { content: " "; display: table }
.clearfix:after { clear: both }
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: normal; font-family: '微软雅黑', "microsoft yahei", Arial, Verdana, sans-serif, 'Tahoma' }
select, option, input, textarea { padding: 0; margin: 0; border: none }
select:hover { cursor: pointer }
input[type="submit"]:hover { cursor: pointer }
* html .clearfix { height: 1% }
.clearfix { display: block }
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.block { display: block }
.inline-block { display: inline-block }
.whole-a { display: block; width: 100%; height: 100% }
.whole-img { width: 100%; height: 100% }
.text-center { text-align: center }
.text-right { text-align: right }
.text-left { text-align: left }
a, p, i, span { font-size: inherit; color: inherit; line-height: inherit }
.tran02 { transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out }
.tran06 { transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out }
.w { width: 1200px; margin: 0 auto }

/* 颜色 */
.mcolor { color: #0096ff !important; }
.white { color: #fff !important; }
.gray { color: #999 !important; }
.yellow { color: #fba807 !important; }
.red { color: #fb0504 !important; }
.orange { color: #ff6600 !important; }

/* 字体 */

/* 阴影 */
.text-shadow { text-shadow: #666 2px 2px 3px; }
.box-shadow { box-shadow: rgba(0, 0, 0, .3) 2px 2px 3px; }

/* 间距 */
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }

/* 尺寸 */
.hfit { height: 100%; }
.wfit { width: 100%; }
.overhide { overflow: hidden !important; }

/*.table*/
.table { width: 100%; border: 1px solid #eee; }
.table tr { height: 30px; line-height: 24px; line-height: 24px; }
.table tr:hover { background: #f6f6f6; }
.table td, .table th { line-height: 24px; padding: 8px 0; color: #666; font-size: 14px; text-align: center; border: 1px solid #ddd; }
.table th { font-weight: bold; background: #ffc600; color: #333; border-color: #999; }
.table .mainbg { background-color: #f00000; color: #fff; font-weight: bold;/*border-color: #ff4141;*/ }
.table .blackbg { background-color: #666; color: #fff; font-weight: bold;/*border-color: #ff4141;*/ }

/*button*/
.button { padding: 5px 16px; font-size: 14px; background-color: #fff; color: #333; border-color: #bfbfbf; }
.button.radius { border-radius: 4px; }
.button.border { border-width: 1px; border-style: solid; }
.button.btn-sm { padding: 2px 6px; font-size: 12px; }
.button.btn-big { padding: 8px 50px; font-size: 16px; }
.button:hover { background-color: #f9f9f9; }
.button.btn-main { background-color: #0096ff; color: #fff; border-color: #0074c5; }
.button.btn-main:hover { background-color: #0074c5; }
.button.btn-white { color: #da0707; background: #fff; opacity: 1; filter: opacity(100); }
.button.btn-white:hover { opacity: .8; filter: opacity(80); }
.button.btn-white-em { background-color: transparent; color: #fff; border: 1px solid #fff; }
.button.btn-white-em:hover { background-color: rgba(255, 255, 255, 0.3); }

/*link*/
.mhover:hover { color: #0096ff !important; }
.mmhover:hover { color: #0074c5 !important; }
.uhover:hover { text-decoration: underline !important; }

/* form-inline */
.form-inline { }
.form-inline .form-group { height: 34px; clear: both; margin-bottom: 10px; }
.form-inline .form-group .input-group { float: left; width: 30%; height: 100%; margin-right: 3%; }
.form-inline .form-group .input-group.long { width: 60%; }
.form-inline .form-group .input-group .input-label { font-size: 13px; line-height: 34px; }
.form-inline .form-group .input-group .input-tip { width: 100%; height: 20px; font-size: 13px; line-height: 20px; }
.form-inline .form-group .input-group .form-control { width: 240px; height: 100%; background: #fff; padding: 0 8px; font-size: 14px; line-height: 32px; border: 1px solid #aaa; border-radius: 2px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; }
.form-inline .form-group .input-group .form-control:focus { border-color: #ffdb9a; }
.form-inline .form-group .input-group .form-control.short { width: 100px; }
.form-inline .form-group .input-group .form-control.long { width: 300px; }
.form-inline .ml10 { margin-left: 10px; }
.form-inline .form-bottom { padding-top: 10px; line-height: 34px; }

/* form-ver */
.form-ver { font-size: 12px; line-height: 30px; }
.form-ver .form-group { height: 30px; clear: both; margin-bottom: 10px; }
.form-ver .form-group.auto { height: auto; }
.form-ver .label { float: left; width: 26%; height: 100%; font-size: #444; text-align: right; }
.form-ver .input-box { float: left; width: 64%; height: 100%; margin-left: 3%; }
.form-ver .form-control { display: inline-block; width: 100%; height: 100%; background: #fff; padding: 0 8px; line-height: 28px; border: 1px solid #ddd; border-radius: 4px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; color: #333; font-size: 12px; }
.form-ver .form-control option { padding: 4px 0; }
.form-ver .form-control:focus { border-color: #ffdb9a; }
.form-ver .form-f { display: block; width: 50%; height: 32px; line-height: 32px; text-align: center; border-radius: 4px; margin: 0 auto; }

/*======================↓===================  gg 功能懸浮框  ======================↓====================*/

.gg { position: fixed; left: 0; top: 50%; margin-top: -120px; width: 100px; height: 140px; z-index: 9999;	/*background: url(../images/gg.png) no-repeat;*/ cursor: pointer;}
.gg li { display: block; width: 100px; margin-bottom: 4px; cursor: pointer; background: url(../images/gg.png) no-repeat;  opacity: .8; filter:opacity(80);transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out}
.gg li.g1 { height: 65px; background-position: 0 -8px; }
.gg li.g2 { height: 65px; background-position: 0 -73px; }
.gg li.g3 { height: 87px; background-position: 0 -156px; }
    .gg li a{display:block;height:100%;width:100%;}
    .gg li:hover {
        opacity: 1;
        filter: opacity(100);
    }
.gg_open { position: fixed; left: -100%; top: 50%; margin-top: -130px; width: 100%;min-width: 1200px; height: auto; background: rgba(0, 0, 0, .8); z-index: 999; }
.gg_open .gg_close { position: absolute; top: -40px; left: 50%; margin-left: 520px; width: 80px; height: 40px;	/* padding: 8px 48px 28px 48px; */ border-radius: 60px 60px 0 0; background-color: #1071d3; opacity: .7; filter: opacity(70); cursor: pointer; z-index: 999; line-height: 50px; text-align: center; color: #fff; font-size: 12px; font-weight: bold; }
/*.gg_open .gg_close.gg_close1{ top: auto; bottom: -40px; border-radius: 0 0 60px 60px;line-height: 30px;}*/
.gg_open .gg_close:hover { opacity: 1; filter: opacity(100); }
.gg_open .gg_head { height: 76px; overflow: hidden;	border-bottom: 1px solid #fff; text-align: center; width: 100%;min-width: 1200px;}
.gg_head span { display: inline-block; width: 390px; height: 76px; line-height: 76px; cursor: pointer; color: #fff; font-size: 18px; text-align: center; opacity: .6; filter: opacity(60); }
.gg_head span.now { opacity: 1; filter: opacity(100); border-bottom: 2px solid #fba807;	/*background-color: rgba(255,255,255,.2);*/ font-weight: bold;}
.gg_body { height: 230px; }
.gg_body .abody { display: none; position: absolute; }
.zz_body form { width: 785px; height: 110px; position: relative; margin: 0 200px; padding-top: 60px; }
.zz_body form input[type="text"] { position: absolute; left: 0; top: 60px; width: 697px; height: 50px; background: #fff; font-size: 18px; color: #333; padding: 0 14px; border: 1px solid #fff; border-radius: 6px 0 0 6px; }
.zz_body form input[type="submit"] { position: absolute; right: 0; top: 60px; width: 88px; height: 50px; border-left: 1px solid #eee; cursor: pointer; font-size: 18px; background: #ea0606; color: #fff; border-radius: 0 6px 6px 0; }
.zz_body form input[type="submit"]:hover { background-color: #fe3030; }