@charset "utf-8";
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: #999 !important }
.white { color: #fff !important }
.gray { color: #999 !important }
.yellow { color: #fba807 !important }
.red { color: #fb0504 !important }
.orange { color: #ff6600 !important }
.blue { color: #0d91ed !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 { 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 }
.table .blackbg { background-color: #666; color: #fff; font-weight: bold }
.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: #9f65db; color: #fff; border-color: #ba78ff; }
.button.btn-main:hover { background-color: #ba78ff; }
.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) }
.mhover:hover { color: #4699F5 !important }
.mmhover:hover { color: #ba78ff !important }
.uhover:hover { text-decoration: underline !important }
.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: 100% }
.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: #fdf7e4; 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 { 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 }
.shareour { position: absolute; right: 20px; z-index: 500 }
.shareup { height: 40px; width: 49px; background: #fefefe; border: 1px solid #eaeaea; margin-bottom: -1px }
.shareup a { float: left; width: 37px; height: 30px; padding-left: 12px; padding-top: 10px }
.shareup a:hover { background: #f3f3f3 }
.shareup a i { background: url(../images/newico.png) -460px -270px no-repeat; height: 25px; width: 25px; float: left; text-indent: -100000px; cursor: pointer }
.sharecontactus { background: #fefefe; border: 1px solid #eaeaea; height: 105px; width: 49px; padding: 10px 0; margin-bottom: -1px }
.contactusbox { height: 35px; position: relative }
.contactus1, .contactus2, .contactus3 { float: left; width: 37px; height: 35px; padding-left: 12px }
.contactus1:hover, .contactus2:hover, .contactus3:hover, .shareouron .contactus1, .shareouron .contactus2, .shareouron .contactus3 { background: #f3f3f3 }
.contactus1 i, .contactus2 i, .contactus3 i { background: url(../images/newico.png) -340px -270px no-repeat; height: 25px; width: 25px; float: left; text-indent: -100000px; margin-top: 5px; cursor: pointer }
.contactus2 i { background-position: -370px -270px }
.contactus3 i { background-position: -400px -270px }
.shareourfx { height: 40px; width: 49px; background: #fefefe; border: 1px solid #eaeaea; position: relative }
.shareourbox { float: left; width: 37px; height: 32px; padding-left: 12px; padding-top: 8px }
.shareourbox:hover, .shareouron .shareourbox { background: #f3f3f3 }
.shareourbox i { background: url(../images/newico.png) -430px -270px no-repeat; height: 25px; width: 25px; float: left; text-indent: -100000px; cursor: pointer }
.sharecjt { position: absolute; right: -20px; margin-top: -10px; top: 50%; display:none; }
.sharecjt span { position: absolute; z-index: 6; display: block; overflow: hidden; width: 0; height: 0; padding: 0; font-size: 0; border: 10px dashed transparent; border-left-style: solid; border-left-color: #ddd; right: 0 }
.sharecjt i { position: absolute; z-index: 7; display: block; overflow: hidden; width: 0; height: 0; padding: 0; font-size: 0; border: 10px dashed transparent; border-left-style: solid; border-left-color: #fff; right: 1px }
.contactuslist { background: #fff; border: 1px solid #ddd; padding: 12px; position: absolute; right: 55px; border-radius: 3px; top: -75px; width: 156px }
.sweixin { top: -82px }
.sstore { width: 200px; top: -55px }
.contactusfx { width: 390px; top: -32px }
.contactuszxtop h2 { color: #666; line-height: 20px; height: 30px; font-size:16px; }
.contactuszxtop a { color: #fff; line-height: 32px; background: #47b717; border-radius: 2px; text-align: center; display: block }
.contactuszxtop a:hover { background: #3aa60c }
.contactuszxtop { border-bottom: #eee solid 1px; height: 100px; margin-bottom: 5px }
.contactuszxtop p { line-height: 28px; color: #999; font-size:12px; }
.contactuszxbot { color: #999; padding-bottom: 5px; line-height: 20px; font-size:12px; }
.contactuszxbot h2 { font-size:14px; }
.contactusweixin h2 { color: #999; text-align: center; font-size:14px; }
.contactusweixin img { height:130px; width:130px; }
.contactussj { padding-bottom: 5px }
.contactussj h2 { color: #666; line-height: 20px; height: 25px }
.contactussj p { color: #999; line-height: 20px; padding-bottom: 15px }
.contactussj a { color: #fff; line-height: 32px; width: 155px; background: #47b717; border-radius: 2px; text-align: center; display: block }
.contactussj a:hover { background: #3aa60c }
.contactusfx li { float: left; width: 60px; padding-left: 5px }
.contactusfx li i { float: left; background: url(../images/fenxiang2.png) 0 -60px no-repeat; height: 54px; width: 54px; position: absolute; top: 0; left: 3px }
.contactusfx li a { float: left; position: relative; padding-top: 60px; text-align: center; width: 60px; color: #999 }
.contactusfx li a:hover { color: #f60 }
.contactusfx .contactusfx2 { background-position: -70px -60px }
.contactusfx .contactusfx3 { background-position: -140px -60px }
.contactusfx .contactusfx4 { background-position: -210px -60px }
.contactusfx .contactusfx5 { background-position: -280px -60px }
.contactusfx .contactusfx6 { background-position: -350px -60px }
.buttonloading { padding: 0 30px; background: #e3e3e3; height: 32px; line-height: 32px; color: #999; font-size: 14px; border-radius: 2px; cursor: default }
.yq-right { position: fixed; right: 10px; top: 180px; z-index: 999; }
.yq-right-1 .yq-right-d { text-align: center; position: relative; }
.yq-right-1 .yq-right-d a { display: block; position: relative; }
.yq-right-1 .yq-right-d a i { background: url(../images/bar.png) center 0 no-repeat #c00; display: inline-block; height: 50px; width: 50px; margin-bottom: 2px; }
.yq-right-1 .yq-right-d.yq-right1 a i { width: 68px; height: 60px; }
.yq-right-1 .yq-right-d.yq-right2 a i { background-position: center -70px; background-color: #4699F5; }
.yq-right-1 .yq-right-d.yq-right3 a i { background-position: center -126px; background-color: #fff; border: 1px solid #4699F5; }
.yq-right-1 .contactuslist { display: none; right: 50px; }
.yq-right-1 .yq-right-d:hover .contactuslist { display: block; }
.yq-right-1 .yq-right4 a i { background: #4699F5 url(../images/right1.png) center 8px no-repeat; }
.yq-right-1 .yq-right5 a i { background: #4699F5 url(../images/right1.png) center -41px no-repeat; }
.yq-right-1 .yq-right7 a i { background: #4699F5 url(../images/right1.png) center -84px no-repeat; }
.yq-right-1 .yq-right8 a i { background: #4699F5 url(../images/right1.png) center -124px no-repeat; }
.yq-right-1 .yq-right9 a i { background: #4699F5 url(../images/right1.png) center -163px no-repeat; }
.yq-right-1 .yq-right10 a i { background: #4699F5 url(../images/right1.png) center -203px no-repeat; }
.yq-right-c { position: absolute; left: -80px; top: 0; width: 90px; height: 50px; line-height: 50px; background: #4699F5; font-size: 14px; color: #fff; display: none; }
.yq-right-1 .yq-right-d a:hover .yq-right-c { display: block; }