@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
li { list-style: none; }
img, input { border: 0px; vertical-align: middle; color: #000; font-family: "Microsoft YaHei"; outline: none; }
p, h1, h2, h3, h4, h5, h6, img, ul, li, input, button, dd, dl, dt { margin: 0; padding: 0; list-style: none; border: none; font-weight: normal; font-style: normal; }
a, i, em, b { text-decoration: none; font-style: normal; font-weight: normal; }
.clear { clear: both; display: none; }
.clearfix:after { content: "."; height: 0px; display: block; clear: both; visibility: hidden; }
.clearfix:after { zoom: 1; }
.fl { float: left; }
.fr { float: right; }
.wid { width: 1190px; margin: 0 auto; }
button { outline: none; font-family: "Microsoft YaHei"; }
select { outline: none; font-family: "Microsoft YaHei"; }
input::-ms-clear {
display: none;
}
table { border-collapse: collapse; border-spacing: 0; }
body, html { width: 100%; height: 100%; min-width: 240px; font-family: "Microsoft YaHei"; font-size: 14px; position: relative; background: #fff; color: #000000; }
input::-webkit-input-placeholder {
color:#999999;
}
input:-moz-placeholder {
color:#999999;
font-family:"Microsoft YaHei";
}
textarea::-webkit-input-placeholder {
color:#999999;
}
textarea:-moz-placeholder {
color:#999999;
font-family:"Microsoft YaHei";
}
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; -o-transition: .2s; -ms-transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; transition: .2s; }
a { -o-transition: .2s; -ms-transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; transition: .2s; font-size: 14px;color: #000000; }
@-webkit-keyframes gupIn { from {
opacity:0;
-webkit-transform:translate3d(0, -30px, 0);
}
}
@-moz-keyframes gupIn { from {
opacity:0;
-moz-transform:translate3d(0, -30px, 0);
}
}
@keyframes gupIn { from {
opacity:0;
transform:translate3d(0, -30px, 0);
}
}
 @-webkit-keyframes gdownIn { from {
opacity:0;
-webkit-transform:translate3d(0, 30px, 0);
}
}
@-moz-keyframes gdownIn { from {
opacity:0;
-moz-transform:translate3d(0, 30px, 0);
}
}
@keyframes gdownIn { from {
opacity:0;
transform:translate3d(0, 30px, 0);
}
}
 @-webkit-keyframes gleftIn { 0% {
opacity:0;
-webkit-transform:translate3d(-30px, 0, 0);
}
 100% {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
}
}
@-moz-keyframes gleftIn { 0% {
opacity:0;
-moz-transform:translate3d(-30px, 0, 0);
}
 100% {
opacity:1;
-moz-transform:translate3d(0, 0, 0);
}
}
@keyframes gleftIn { 0% {
opacity:0;
transform:translate3d(-30px, 0, 0);
}
 100% {
opacity:1;
transform:translate3d(0, 0, 0);
}
}
 @-webkit-keyframes grightIn { 0% {
opacity:0;
-webkit-transform:translate3d(80px, 0, 0);
}
 100% {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
}
}
@-moz-keyframes grightIn { 0% {
opacity:0;
-moz-transform:translate3d(80px, 0, 0);
}
 100% {
opacity:1;
-moz-transform:translate3d(0, 0, 0);
}
}
@keyframes grightIn { 0% {
opacity:0;
transform:translate3d(80px, 0, 0);
}
 100% {
opacity:1;
transform:translate3d(0, 0, 0);
}
}
 @-webkit-keyframes gfadeIn { 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@-moz-keyframes gfadeIn { 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@keyframes gfadeIn { 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
 @-webkit-keyframes gfadeOut { 0% {
opacity:1;
}
 100% {
opacity:0;
}
}
@-moz-keyframes gfadeOut { 0% {
opacity:1;
}
 100% {
opacity:0;
}
}
@keyframes gfadeOut { 0% {
opacity:1;
}
 100% {
opacity:0;
}
}
/*nav-------------------------------------------------*/

.col-md-12 { width: 100%; }
.col-md-11 { width: 91.66666667%; }
.col-md-10 { width: 83.33333333%; }
.col-md-9 { width: 75%; }
.col-md-8 { width: 66.66666667%; }
.col-md-7 { width: 58.33333333%; }
.col-md-6 { width: 50%; }
.col-md-5 { width: 41.66666667%; }
.col-md-4 { width: 33.33333333%; }
.col-md-3 { width: 25%; }
.col-md-2 { width: 16.66666667%; }
.col-md-1 { width: 8.33333333%; }
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
.col-sm-12 { width: 100%; }
.col-sm-11 { width: 91.66666667%; }
.col-sm-10 { width: 83.33333333%; }
.col-sm-9 { width: 75%; }
.col-sm-8 { width: 66.66666667%; }
.col-sm-7 { width: 58.33333333%; }
.col-sm-6 { width: 50%; }
.col-sm-5 { width: 41.66666667%; }
.col-sm-4 { width: 33.33333333%; }
.col-sm-3 { width: 25%; }
.col-sm-2 { width: 16.66666667%; }
.col-sm-1 { width: 8.33333333%; }
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }

/*nav-------------------------------------------------*/
.footer { overflow: hidden; background: #f7f7f7; padding: 40px 0 30px 0; }
.footer .foot_con { float: left; }
.footer .fitem { float: left; width: 290px; }
.footer .fitem h4 { color: #999999; font-size: 18px; margin-bottom: 16px; }
.footer .fitem h4 i { display: inline-block; width: 26px; height: 26px; background-position: center; background-repeat: no-repeat; vertical-align: middle; position: relative; top: -1px; margin-right: 11px; }
.footer .fitem h4 .icon_foot1 { background-image: url(../images/foot1.png); }
.footer .fitem h4 .icon_foot2 { background-image: url(../images/foot2.png); }
.footer .fitem h4 .icon_foot3 { background-image: url(../images/foot3.png); }
.footer .fitem ul { margin-left: 36px; margin-right: 12px; float: left; }
.footer .fitem ul li { line-height: 40px; }
.footer .fitem ul li a { font-size: 12px; color: #999999; }
.footer .fitem ul li a:hover { color: #d84d1c; }
.footer .wechat { float: right; position: relative; margin-top: 10px; }
.footer .wechat img { width: 140px; height: 140px; display: block; margin: 0 auto; }
.footer .wechat p { color: #999999; padding-top: 18px; text-align: center; }
.footer .wechat:after { content: ''; position: absolute; top: 50%; left: -96px; height: 150px; margin-top: -75px; width: 1px; background: #dadada; }
.copyRight { font-size: 12px; padding: 22px 0; text-align: center; color: #999999; }
.footfix { position: fixed; bottom: 10%; right: 50%; margin-right: -680px; z-index: 10; }
.footfix a { display: block; height: 58px; width: 58px; text-align: center; line-height: 58px; background-color: #eef1f3; transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; border-radius: 50%; margin-bottom: 8px; }
.footfix .yue { background: url(../images/icon_yue.png) no-repeat center, #eef1f3; }
.footfix .yue:hover { background: url(../images/icon_yue_on.png) no-repeat center, #b82d3d; }
.footfix .qq { background: url(../images/icon_qq.png) no-repeat center, #eef1f3; }
.footfix .qq:hover { background: url(../images/icon_qq_on.png) no-repeat center, #b82d3d; }
.footfix .tel { background: url(../images/icon_p.png) no-repeat center, #eef1f3; }
.footfix .tel:hover { background: url(../images/icon_p_on.png) no-repeat center, #b82d3d; }
.footfix .scrolltop { background: url(../images/icon_arrow_top.png) no-repeat center, #eef1f3; }
.footfix .scrolltop:hover { background: url(../images/icon_arrow_top_on.png) no-repeat center, #b82d3d; }
/*手机样式*/
.menuBtn { position: absolute; right: 3%; top: 0px; padding-top: 14px; z-index: 9999999; width: 30px; height: 50px; cursor: pointer; display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.menuBtn b { background-color: #d84d1c; border-radius: 2px; width: 28px; display: block; height: 3px; margin: 0 auto 6px; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; }
.menuBtn b:last-child { margin-bottom: 0; }
.fixme .menuBtn { padding-top: 44px; right: 3%; }
.fixme .menuBtn b { width: 28px; margin: 0 8px; position: absolute; top: 50%; background-color: #d84d1c; }
.fixme .menuBtn b:first-child { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.fixme .menuBtn b:nth-child(2) { display: none; }
.fixme .menuBtn b:last-child { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.fixme { height: 100%; overflow: hidden; }
.mask { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.2); z-index: 100; display: none; }
/*手机端底部菜单*/

.menu { position: fixed; overflow: hidden; bottom: 0px; left: 0px; width: 100%; height: 50px; background: #d84d1c; display: none; z-index: 300; }
.menu ul li { float: left; height: 50px; text-align: center; width: 25%; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; }
.menu ul li span { display: block; margin: 0 auto; font-size: 12px; color: #fff; }
.menu ul li:nth-child(3) { border: none; }
.menu ul li b { display: block; margin: 0 auto; width: 22px; height: 24px; margin-top: 5px; }
.menu ul li b.bottom-icon1 { background: url(../images/icon_yuyue_on.png) no-repeat center/contain; }
.menu ul li b.bottom-icon2 { background: url(../images/menu2.png) no-repeat center; }
.menu ul li b.bottom-icon3 { background: url(../images/qq2.png) no-repeat center; }
.menu ul li b.bottom-icon4 { background: url(../images/icon_arrow_top_on.png) no-repeat center/contain; }
.menu ul li a { display: block; }