/*---按钮颜色 #F93----*/

@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; }
a { color: #000; }
.clear { clear: both; display: none; }
.clr { clear: both; }
.clearfix:after { content: "."; height: 0px; display: block; clear: both; visibility: hidden; }
.clearfix:after { zoom: 1; }
.fl { float: left; }
.fr { float: right; }
.wid { width: 1400px; margin: 0 auto; }
.cur { color: #d84d1c; }
.red{color: #d84d1c;}
.beizhu{margin:10px 0px;}
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; }
.tableList { width: 100%; border: solid 1px #f0f0f0; box-sizing: border-box; border-right: none; border-bottom: none; }
.tableList tr { height: 36px;}
.tableList td { position: relative; font-size: 14px; padding: 10px 6px; border-right: solid 1px #f0f0f0; border-bottom: solid 1px #f0f0f0; }
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; }
.text-hide {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
@-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%; }

.footer { overflow: hidden; background: #f7f7f7; padding: 40px 0 30px 0; }
.footer .wid { padding:0 10%; box-sizing:border-box;}
.footer .foot_con { float: left; width:70%;}
.footer .fitem { float: left; width:30%; }
.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: 36px; }
.footer .fitem ul li a { font-size: 12px; color: #999999; }
.footer .fitem ul li a:hover { color: #d84d1c; }
.footer .wechat { width:30%;float: right; position: relative;}
.footer .wechat img { width: 140px; height: 140px; display: block; margin: 0 auto; }
.footer .wechat p { color: #999999; padding-top: 10px; text-align: center; }
.footer .wechat:after { content: ''; position: absolute; top: 10%; left: 0px; height: 80%;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: -780px; z-index: 10; }
.footfix li { position:relative; display: block; cursor:pointer;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 li p{ position:absolute; display:inline-block; width:200px; padding:6px; border:1px #CCCCCC solid; box-sizing:border-box;line-height:26px; font-size:16px; top:0px; right:62px; background:#FFF; display:none;}
.footfix li p img{ width:100%;}

.footfix .weixin { background: url(../images/icon_weixin.png) no-repeat center, #eef1f3; }
.footfix .weixin:hover { background: url(../images/icon_weixin_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; bottom: 0px; left: 0px; width: 100%; height: 50px; background: #d84d1c; display: none; z-index: 300; }
.menu ul li { position:relative;float: left;cursor:pointer; 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/icon_weixin_m.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; }
.menu ul li p{ position:absolute; display:inline-block; width:200px; padding:6px; border:1px #CCCCCC solid; box-sizing:border-box;line-height:26px; font-size:16px; bottom:50px; left:0px; background:#FFF; display:none;}
.menu ul li p img{ width:100%;}