@charset "utf-8"; 
/*公共样式*/
html, body, td, input, textarea, select, button, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, a{ box-sizing: content-box;}
body { color: #666; margin: 0 auto; width: auto; min-width: 1210px; min-height: 800px; *background-image: url(../images/bg.jpg); background-repeat: no-repeat; background-position: center top; }
html, body { margin: 0; padding: 0;}
body, td, input, textarea, select, button { color: #666; font-size: 14px; font-family: "Microsoft Yahei", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; }
label{ font-weight: normal; }
body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin: 0; padding: 0;}
ul, ol, li { list-style-image: none; list-style-type: none; }
a { color: #666; text-decoration: none;  blr: expression(this.onFocus=this.blur()); outline: none;}
a:active { star: expression_r(this.onFocus=this.blur());} 
a:hover { color: #E31939; text-decoration: none; cursor: pointer}
a:focus, input[type=button] ,input[type=submit] { outline: none; } 
input, button, select, textarea { outline: none}
a img, img { -ms-interpolation-mode: bicubic; border:none;}
img{vertical-align:middle;}
i,em{ font-style: normal; }
i.fa { font-size: 14px; vertical-align: middle; margin: 0px 5px;}
.w1210{ width: 1210px; margin: 0px auto;}
.w990 { width: 990px; margin: 0px auto}
.fl{ float: left;}
.fr{ float: right;}
.hide{ display: none;}
.color{ color: #E31939;}
.color-light{ color: #999;}
.bg-color{ background: #E31939;}
.clear { clear: both; height: 0; overflow: hidden;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.none {display: none !important;}

/*节庆弹框*/
.visit-newweb { position: relative; z-index: 1; width: 100%; min-width: 100%; min-height: 500px; background: url(../images/festival.png) no-repeat center center #e31939;}
.visit-newweb .btn-close { position: absolute; right: 35px; top: 35px; z-index: 2; display:block; width: 35px; height: 35px; background: url(../images/btn-clos.png) no-repeat 0 0; cursor: pointer; -webkit-transition: -webkit-transform .5s ease-out; -moz-transition: -moz-transform .5s ease-out; -o-transition: -o-transform .5s ease-out; -ms-transition: -ms-transform .5s ease-out;}
.visit-newweb .btn-close:hover { -webkit-transform: rotateZ(-90deg); -moz-transform: rotateZ(-90deg); -o-transform: rotateZ(-90deg); -ms-transform: rotateZ(-90deg); transform: rotateZ(-90deg);}
.visit-newweb .visit-link { position: relative; z-index: 1; display: block; width: 100%; height: 100%;}

/*按钮样式*/
.btn{font-family: "Microsoft Yahei", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; display: inline-block; padding: 0 10px; height: 32px; line-height: 30px; color: #666; min-width: 80px; cursor: pointer; text-align: center; font-size: 14px; font-weight: 400; box-sizing: border-box; vertical-align: middle; -webkit-appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline:0; text-decoration: none; background-image: none; background-color: #f6f6f6; border: 1px solid #ccc; border-radius:2px;}
.btn:hover{ color:#333}
a.btn-primary, .btn-primary { background-color: #df3434; color: #fff; border-color: #df3434;}
a.btn-larger,.btn-larger{min-width: 120px;font-size: 16px;border-radius: 4px;height: 46px;line-height: 44px;padding: 0 20px;}
a.btn-primary:hover,.btn-primary:hover{color:#fff;background-color:#ee3f36;border-color:#ee3f36}
a.btn-primary:active,.btn-primary:active {background-color:#bc0400;color:#fff;border-color:#bc0400}
.btn.disabled,.btn.disabled:hover{border: 1px solid #eee;color: #ddd;cursor:not-allowed;background: #fff; }
.btn-link{ color:#0579c6;}

/*渐隐动画效果*/
.animated,
.appear-animation { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; }
.fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px); font-size: 14px; 	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
/*渐隐动画效果end*/
.pace-done .template-one .width100 .w1210.floor.floor1 .logo { background-image: url(../images/logo.png); height: 180px; width: 1100px; margin-right: auto; margin-left: auto; }

/*产品展示*/
.floor { text-align: center; font-weight: lighter; padding-top: 50px;}
.floor-title { font-size: 36px !important;}
.floor-title h2 { font-size: 36px; line-height: 75px; font-weight: lighter; color: #434A54;}
.floor-title span { font-size: 18px; line-height: 32px; color: #656D78;}
.floor1 div, .floor1 img, .floor1 input, .floor1 dl, .floor1 dd, .floor1 p, .floor1 form ol, .floor1 ul { margin: 0; padding: 0;}
.floor1 li { list-style: none;}
.floor1 a { text-decoration: none; cursor: pointer;}
.floor1 a:hover { text-decoration: none; cursor: pointer;}
.floor1 a:focus { outline: none;}
.floor1 input { outline: none;}
.floor1 img { border: 0 none;}
.floor1 select { background: transparent;}
.floor1 .fl { float: left;}
.floor1 .fr { float: right; margin-right: 50px;}
.floor1 .ml30 { margin-left: 30px;}
.floor1 .mb55 { margin-bottom: 55px;}
.floor1 .mb5 { margin-bottom: 5px;}
.floor1 .mb13 { margin-bottom: 13px;}
.floor1 .rd50 { border-radius: 50px;}
.floor1 .fz48 { font-size: 48px;}
.floor1 .fz36 { font-size: 36px;}
.floor1 .fz24 { font-size: 24px;}
.floor1 .fz16 { font-size: 16px;}
.floor1 .floor1-div-desc { font-size: 16px; font-family: Arial, "微软雅黑", "Microsoft YaHei UI", "Microsoft YaHei UI Light"; font-weight: normal; text-decoration: none; text-align: left; padding-top: 3px; }
.floor1 .fz12 { font-size: 14px;}
.floor1 .clear { clear: both;}
.floor1 .floor1-content { width: 1210px; height: 398px; margin: 0 auto; position: relative; margin-top: 50px;}
.floor1 .floor1-content .floor1-btn span { display: block; width: 28px; height: 45px; background: url(../images/floor1-btn.png) no-repeat; position: absolute; top: 50%; margin-top: -22px; cursor: pointer;}
.floor1 .floor1-content .floor1-btn .btn-prev { left: 0;}
.floor1 .floor1-content .floor1-btn .btn-next { right: 0; background-position: -28px 0;}
.floor1 .floor1-content .floor1-btn .btn-disabled { opacity: .5; filter: alpha(opacity = 50); cursor:default;}
.floor1 .floor1-body { width: 1098px; height: 398px; margin: 0 auto; position: relative; border: 1px solid #eee; overflow: hidden;}
.floor1 .floor1-body ul { position: absolute; top: 0; left: 0; width: 1800px;}
.floor1 .floor1-body ul li { width: 208px; height: 378px; position: relative; overflow: hidden; float: left; padding: 20px 0 0; background: #fff;}
.floor1 .floor1-body ul li.first { border-left: none;}
.floor1 .floor1-body ul li p.floor1-title { width: 100%; text-align: center; color: #ababab;}
.floor1 .floor1-body ul li .floor1-div-fl { width: 208px; height: 235px; text-align: center;}
.floor1 .floor1-body ul li .floor1-div-fr { display: none;}
.floor1 .floor1-div-fl h2 { font-size: 24px; margin-top: 20px; font-weight: normal;}
.floor1 .floor1-div-fl .floor1-icon { width: 95px; height: 95px; margin: 20px auto 30px;}
.floor1 .floor1-div-fl div.floor1-logo-1 { background: url(../images/floor1-logo-1.png) no-repeat center center;}
.floor1 .floor1-div-fl div.floor1-logo-2 { background: url(../images/floor1-logo-2.png) no-repeat center center;}
.floor1 .floor1-div-fl div.floor1-logo-3 { background: url(../images/floor1-logo-3.png) no-repeat center center;}
.floor1 .floor1-div-fl div.floor1-logo-4 { background: url(../images/floor1-logo-4.png) no-repeat center center;}
.floor1 .floor1-div-fl div.floor1-logo-5 { background: url(../images/floor1-logo-5.png) no-repeat center center;}
.floor1 .floor1-div-fl div.floor1-logo-6 { background: url(../images/floor1-logo-6.png) no-repeat center center;}
.floor1 .floor1-div-fl div.floor1-logo-7 { background: url(../images/floor1-logo-7.png) no-repeat center center;}
.floor1 .floor1-div-fl div.floor1-logo-8 { background: url(../images/floor1-logo-8.png) no-repeat center center;}
.floor1 .floor1-div-fl div.floor1-logo-9 { background: url(../images/floor1-logo-8.png) no-repeat center center;}
.floor1 .floor1-body ul li.bor-red { background:#f7f7f7;}
.floor1 .bor-g { border-left: 1px solid #eee;}
.floor1 .floor1-body ul li .floor1-div-fl { width: 210px; margin-left: 0;}
.floor1 .floor1-body ul li .floor1-div-fr { width: 220px; border-left: 1px solid #eee; padding-left: 15px; padding-right: 10px; margin-top: 5px; position: absolute; top: 60px; right: 10px;}
.floor1 .floor1-div-fr h3 { margin-bottom: 15px; color: #333;}
.floor1 .floor1-div-fr h3 a { display: inline-block; width: 80px; height: 20px; line-height: 20px; text-align: center; border: 1px solid #eee; border-radius: 50px; font-weight: normal; color: #666; margin-left: 25px;}
.floor1 .floor1-div-fr p { line-height: 18px; padding-left: 0;}
.floor1 .floor1-div-fr p.floor1-div-title { font-weight: 400; color: #666; text-align: left;}
.floor1 .floor1-div-fr p.floor1-div-title a { color: #666; }
.floor1 .floor1-div-fr p.floor1-div-title a:hover { color: #F00; }
.floor1 .floor1-div-fr p.floor1-div-title i { width: 12px; height: 12px; display: inline-block; background: url(../images/icon_right.png) no-repeat left top;}
.floor1 .floor1-div-fr p.floor1-div-txt { margin-bottom: 10px; text-align: left; font-size: 12px; color: #848282; margin-top: 5px; }
.floor1 .floor1-div-fr p.floor1-div-txt a { color: #9f9f9f; }
.floor1 .floor1-div-fr p.floor1-div-txt a:hover { color: #0C0; }
.floor1 .floor1-btn-blue { width: 350px; margin: 0 auto; margin-top: 40px; display: none;}
.floor1 .btn-ls { display: block; width: 100px; margin: 0 auto; height: 30px; text-align: center; line-height: 30px; border-radius: 50px; background-color: #d20010; color: #fff;}
.fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown;}

/*按钮样式*/
.floor1-btn-red, .floor1-btn-red:focus, .floor1-btn-red { color: #fff; border: none; background-color: #42b8f1; }
.floor1-btn-red:hover { background: #ff3c3c; color: #fff; border: none;}
.btn-blue, .btn-blue:focus, .btn-blue:active { color: #fff; border: none; background-color: #FF0000; }
.btn-blue:hover { background: #42b8f1; color: #fff; border: none;}
.btn-grey, .btn-grey:focus, .btn-grey:active { background: #bebebe; color: #fff; border: none;}
.btn-grey:hover { background: #bebebe; color: #fff; border: none;}
.floor .live-info-desc { font-size: 14px; text-align: left; padding: 0 5px; line-height: 20px; display: block;}

/* 网站底部 */
.footer{ width: 1100px; overflow: hidden; text-align: center; color: #999; font-size: 12px; margin-right: auto; margin-left: auto; padding-top: 5px; }
.footer p{line-height:20px;}
.footer p a:link,.footer p a:visited{color:#999; text-decoration:none;}
.footer p a:hover,.footer p a:active{ color: #F00; text-decoration: none; }
.footer .ft-info{ margin-bottom: 10px; margin-right: auto; margin-left: auto; padding-top: 7px; padding-right: 0; padding-bottom: 7px; padding-left: 0; background-color: #fbfbfb; }
.footer .ft-info a:link,.footer .ft-info a:visited{ color: #999; }
.footer .ft-info a:hover,.footer .ft-info a:active{ color: #F00; text-decoration: none; }
.footer .ft-list{ width: 620px; height: 50px; margin-top: 10px; margin-right: auto; margin-bottom: 8px; margin-left: auto; }
.footer .ft-list li{float:left;display: inline;margin:0 15px 0 0;}

.footer_right{ margin-top: 5px; position: relative; width: 350px; margin-right: auto; margin-left: auto; margin-bottom: 20px; }
.footer_right img{ margin-left:3px; cursor:pointer;}
.footer_right img:hover{ opacity:0.8; filter:alpha(opacity=80);}
/* 
.footer_right a{ padding:10px 20px; color:#fff; background:#3798db; font-weight:bold; border-radius:20px; position:relative; top:-15px; margin-left:25px;}
*/
.wechat{ position:absolute; width:120px; height:130px; background:url(../images/weixin.png) no-repeat; padding:10px; top:-150px; left:-10px;}
.wechat img{ height:120px; widht:120px; margin:0;}
.wechat_sanjiao{height:0; width:0; border-left:12px solid transparent; border-right:12px solid transparent; border-top:12px solid rgba(0,0,0,0.4); position:relative; top:22px; left:50px;}
.wechat img:hover{ opacity:1; filter:alpha(opacity=100);}

/*右侧浮动*/
#moquu_top,#moquu_wxin,#moquu_wshare { z-index: 2; width: 30px; height: 30px; right: 10px; position: fixed; cursor: pointer; _position: absolute; _bottom: auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); }
#moquu_wxin { bottom: 130px; right: 10px; }
#moquu_wxin a { right: 0; float: left; width: 30px; height: 30px; text-indent: -9999px; background-image: url(../images/sbtn.png); background-position: 0 0px; }
#moquu_wxin a:hover { background-image: url(../images/sbtn.png); background-position: -30px 0px; }
#moquu_wshare { bottom: 100px; right: 10px; }
#moquu_wshare a { width: 30px; height: 30px; right: 0; float: left; text-indent: -9999px; background-image: url(../images/sbtn.png); background-position: 0 -30px; }
#moquu_wshare a:hover { background-image: url(../images/sbtn.png); background-position: -30px -30px; }
.moquu_wxin,.moquu_wshare { position: relative; z-index: 2; }
.moquu_wxin a:hover .moquu_wxinh,.moquu_wshare a:hover .moquu_wshareh { display: block; }
.moquu_wxin .moquu_wxinh { position: absolute; display: none; right: 30px; bottom: 0px; width: 70px; height: 30px; background: url(../images/fankui.png) 0 0 no-repeat #ff6060; color: #FFF; border-radius: 4px 0 0 4px; }
.moquu_wshare .moquu_wshareh { position: absolute; display: none; right: 36px; bottom: -85px; width: 100px; height: 120px; background-image: url(../images/wechat.png); background-repeat: no-repeat; }
#topcontrol{background:#4c4c4c; height:30px; width:30px; border-radius:4px;}