/*-----------------[初始化]--------------*/
body{color: #333;font-size: 12px;line-height: 1.5;font-family:'PingFangSC-Regular',"微软雅黑","Microsoft Yahei";
    overflow-x: hidden;
}
a{color: #333;}
a:hover{color: #e11c1c;}
img{max-width: 100%;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

input,textarea,select{font-size: 12px;color: #444;
    font-family:"微软雅黑","Microsoft Yahei";outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #929292;}
::-moz-placeholder {color: #929292; }
::-ms-input-placeholder {color: #929292;}
*{  outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

@font-face{
    font-family: 'gabo'; 
    src: url('../fonts/gabo_drive.otf');
}
@font-face{
    font-family: 'Light'; 
    src: url('../fonts/MY-subfont.ttf');
}
.ani{
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

/*布局*/
.wp{width: 100%;max-width: 1200px;margin: 0 auto;}
.wp3{width: 80%;max-width: 1265px;margin: 0 auto;}
.wp4{width: 80%;max-width: 1275px;margin: 0 auto;}
.wp5{width: 80%;max-width: 1314px;margin: 0 auto;}
.wp6{width: 80%;max-width: 1500px;margin: 0 auto;}
.warp{width: 87%;max-width: 1600px;margin: 0 auto;}
.h50{height: 50px;clear: both;overflow: hidden;}
.h100{height: 100px;clear: both;overflow: hidden;}


/*******************************
  -------[=头部]-------
********************************/


/*******************************
    -------[=导航]-------
********************************/
.menuBtn{position: relative;z-index: 9;display: none;float: right;
    width: 40px;height: 40px;cursor: pointer;margin-top: 20px;
    background: url(../images/i-span.png) no-repeat center center;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn.open{background-image: url(../images/i-close1.png);}

/*******************************
  -------[=banner]-------
*******************************/


/*******************************
  -------[=底部]-------
********************************/


/*******************************
    -------[=正文]-------
********************************/
/*.body_home{background:#000;height:100%;overflow:hidden;position: relative;}
.index-home body{height: 100%;overflow: hidden;}
.index-home .wow{opacity: 0;}
.index-home{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;}
.body_b{position:fixed;left:66px;top:100%;bottom:0;right:0;
    background:#fff;overflow:hidden;
    transition:top 0.7s cubic-bezier(0.5,0,0.2,1) 0s;z-index:3;
    overflow:auto;overflow-x: hidden;outline:none;
}
.body_b *{outline:none;}
.body_b.showdiv{top:0;}
.body_b .mCSB_scrollTools{z-index:4;width:5px;}
.body_b .mCSB_scrollTools .mCSB_draggerRail{width:5px;}
.body_b .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#94070a;width:5px;}
.body_b .mCSB_scrollTools .mCSB_draggerRail{background:rgba(0,0,0,0.1);}
*/
.mo-so{display: none;margin: 15px 10px 0;position: relative;}
.mo-so .inp{width: 100%;display: block;height: 30px;border: 1px solid #ccc;border-radius: 5px;
    background-color: #fff;padding: 0 40px 0 10px;font-size: 14px;color: #000;
}
.mo-so .btn{position: absolute;right: 0;top: 0;height: 30px;width: 30px;
    border: 0;
    background: url(../images/i-so3.png) no-repeat center center;
    -o-background-size: 20px auto;
    -ms-background-size: 20px auto;
    -moz-background-size: 20px auto;
    -webkit-background-size: 20px auto;
    background-size: 20px auto;
}

/* kefu */
.main_kefu {top:50%; width: 61px; position:fixed; right:0;  margin-top: -180px; z-index:99; background-color: #fff; }
.main_kefu dl{ float: left; width: 100%; height: 60px; border-bottom: solid 1px #eee; border-left: solid 1px #eee; position: relative; z-index: 2;}
.main_kefu dl:first-child{ border-top: solid 1px #eee; }
.main_kefu dl dt{ width: 60px; height: 60px; background:#fff url(../images/kefuicon.png) no-repeat; cursor: pointer; position: relative; z-index: 5;}
.main_kefu dl dt a{ display: block; width: 60px; height: 60px;}
.main_kefu dl.icon1 dt{ background-position: 0 0; }
.main_kefu dl.icon2 dt{ background-position: -60px 0; }
.main_kefu dl.icon3 dt{ background:#e11c1c url(../images/kefuicon.png) no-repeat; background-position: -120px -60px; }
.main_kefu dl.icon4 dt{ background-position: -180px 0; }
.main_kefu dl.icon5 dt{ background-position: -240px 0; }
.main_kefu dl.icon6 dt{ background-position: -300px 0; }
.main_kefu dl:hover dt{ background:#e11c1c url(../images/kefuicon.png) no-repeat;}
.main_kefu dl.icon1:hover dt{ background-position: 0 -60px; }
.main_kefu dl.icon2:hover dt{ background-position: -60px -60px; }
.main_kefu dl.icon3:hover dt{ background-position: -120px -60px; }
.main_kefu dl.icon4:hover dt{ background-position: -180px -60px; }
.main_kefu dl.icon5:hover dt{ background-position: -240px -60px; }
.main_kefu dl.icon6:hover dt{ background-position: -300px -60px; }

.main_kefu dl.icon2 dd{ width: 150px; height: 150px; transition: all 0.5s ease; position: absolute; top: 0; right: -213px; z-index: 1;}
.main_kefu dl.icon2 dd img{ width: 150px; height: 150px; border: solid 1px #eee;}
.main_kefu dl.icon2:hover dd,.main_kefu dl.icon3:hover dd,.main_kefu dl.icon4:hover dd{ right: 61px;}
.main_kefu dl.icon3 dd{ width: 130px; border: solid 1px #eee; transition: all 0.5s ease; /*height: 245px;*/  position: absolute; top: 0; right: -193px; z-index: 1;}
.main_kefu dl.icon3 dd a{ float: left;display: block; width: 100%; height: 40px; text-align: center; line-height: 40px; border-top: solid 1px #eee; background-color: #fff;}
.main_kefu dl.icon3 dd a:hover{ background-color: #e11c1c; color: #fff;}
.main_kefu dl.icon3 dd a:first-child{ border-top: 0;}
.main_kefu dl.icon4 dd{ height: 48px; padding: 6px 15px; background-color:rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: -261px; color: #fff; font-size: 14px; line-height: 24px; z-index: 1; width: 170px;transition: all 0.5s ease;}

/*.tips{ display: none;}*/