h1,h2,h3,h3,h4,h5,h6{font-weight: normal;}

body{color: #666;background-color: #fff;

    font-family:"微软雅黑","Microsoft Yahei";

}

*{-webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;   

        box-sizing: border-box;

        outline:none;

}

img{max-width: 100%;}

input[type="button"],

input[type="submit"]{cursor: pointer;}

button{cursor: pointer;}

input[type="button"],input[type="submit"],input[type="reset"],button{

    -webkit-appearance: none;

}

a{

    color: #484848;

}

a:hover{

    color: #007791;

}

.wp{

    width: 1200px;margin: 0 auto;

}



/*头部*/

#hd{position: absolute;left:0;top:0;width: 100%;height: 80px;line-height: 80px;z-index: 99;-o-transition:.3s;

-ms-transition:.3s;

-moz-transition:.3s;

-webkit-transition:.3s;

transition:.3s;}

#hd.hd-b{background: rgba(255,255,255,1);}

#hd.hd-b .nav li a{color: #686868;}

#hd.hd-b .nav li a:hover{color: #000;}

#hd.hd-b .nav li.on a{color: #000;}

.logo{float: left;}

.logo .logo-b{display: none;}

#hd.hd-b .logo-w{display: none;}

#hd.hd-b .logo-b{display: inline-block;}

.logo img{display: inline-block;vertical-align: middle;}

.nav{float: right;}

.nav li{float: left;font-size: 14px;margin-left: 25px;}

.nav li a{display: block;padding-left: 15px; letter-spacing:5px; color: #fff;}

.nav li.on a{background: url(../images/arr-r.png) no-repeat left center;}

.nav li a:hover{color: #f1433c;}



.menu-m{position: absolute;right:20px;top:50%;z-index: 999;

    margin-top: -13px;height: 100%;display: none;}

.menu-m em{position: relative;display: block;

    width: 28px;height: 4px;margin:4px 0;background:#fff;

    -o-transition:.4s;

    -ms-transition:.4s;

    -moz-transition:.4s;

    -webkit-transition:.4s;

    transition:.4s;}

.menu-m.ok .em1{

    top:10px;

    transform:rotate(40deg);

    -ms-transform:rotate(40deg);

    -moz-transform:rotate(40deg);

    -webkit-transform:rotate(40deg);

    -o-transform:rotate(40deg);

}

.menu-m.ok .em2{

    opacity: 0;

    transform:rotate(-90deg);

    -ms-transform:rotate(-90deg);

    -moz-transform:rotate(-90deg);

    -webkit-transform:rotate(-90deg);

    -o-transform:rotate(-90deg);

}

.menu-m.ok .em3{

    top:-7px;

    transform:rotate(-40deg);

    -ms-transform:rotate(-40deg);

    -moz-transform:rotate(-40deg);

    -webkit-transform:rotate(-40deg);

    -o-transform:rotate(-40deg);

}

#menu-m{display: none;}

#hd.hd-b .menu-m em{background: #000;}

.nav-m{z-index: 500;display: none;}



/*底部*/

#copyright{width: 100%;text-align: center;background: #000;font-size: 14px;color: #686868;padding: 22px 10px;}
#copyright a{color: #686868;}
#copyright a:hover{color: #fff;}
.section #copyright{position: absolute;left:0;bottom: 0;}

.formBox{padding-bottom: 150px;}



/*右侧浮动条*/
.fixed ul{
    opacity: 0;
}
.fixed{
    position: fixed;right:50px;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 50px;z-index: 9000000;}

.fixed li{width: 50px;height: 50px;margin-bottom: 8px;position: relative;-o-transition:.3s;

-ms-transition:.3s;

-moz-transition:.3s;

-webkit-transition:.3s;

transition:.3s;}

.fixed li span,.fixed li a{display: inline-block;width: 50px;height: 50px;border-radius: 50%;-o-transition:.3s;

-ms-transition:.3s;

-moz-transition:.3s;

-webkit-transition:.3s;

transition:.3s;}

.fixed li.tel{overflow: hidden;}
.fixed li.tel{background-color: rgba(241,67,60,0.5); border-radius: 50%;}
.fixed li.tel span{background: url(../images/ico-tel.png) no-repeat center center;display: block;float: left;
    width: 50px;
    height: 50px;
    -webkit-animation-name: hvr-buzz;
    animation-name: hvr-buzz;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}


/* Buzz */
@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform:rotate(5deg);
    transform:rotate(5deg);
  }

  100% {
    -webkit-transform:  rotate(-5deg);
    transform: rotate(-5deg);
  }
}

@keyframes hvr-buzz {
  50% {
    -webkit-transform:rotate(5deg);
    transform:rotate(5deg);
  }

  100% {
    -webkit-transform:  rotate(-5deg);
    transform: rotate(-5deg);
  }
}



.fixed li.tel em{position: absolute;left:50px;top:0;height: 50px;line-height: 50px; font-size: 18px;font-weight: bold;color: #fff;width: 130px;white-space: nowrap;}

.fixed li.qq a{background:rgba(241,67,60,0.5) url(../images/ico-qq.png) no-repeat center center;}

.fixed li.weixin{overflow: hidden;}

.fixed li.weixin span{background: rgba(241,67,60,0.5) url(../images/ico-weixin.png) no-repeat center center;}

.fixed li.weixin em{position: absolute;left:-160px;padding-right: 25px;top:-70px;opacity: 0;transform: translateX(25px);-webkit-transform: translateX(25px); -o-transition:.3s;

-ms-transition:.3s;

-moz-transition:.3s;

-webkit-transition:.3s;

transition:.3s;}

.fixed li.weixin em img{width: 135px;height: 135px;}

.fixed li.weixin:hover{overflow: visible;}

.fixed li.weixin:hover em{opacity: 1;transform: translateX(0px);-webkit-transform: translateX(0px);}

.fixed li.go-top a{background: url(../images/ico-top.png) no-repeat center center;background-color: rgba(241,67,60,0.5);}

.fixed li.go-top a:hover{background-color: rgba(241,67,60,1);}

.fixed .tel:hover{width: 205px;background: #f1433c;border-radius: 50px;transform: translateX(-155px);-webkit-transform: translateX(-155px);}

.fixed li.qq a:hover{background-color: rgba(241,67,60,1);}

.fixed li.weixin:hover span{background-color: rgba(241,67,60,1);}



/*page*/

.page{padding-bottom: 50px;}

.page li{float: left;margin: 0 5px;}

.page li a{display: inline-block;width: 42px;height: 42px;border-radius: 22px;background: #c1c0c0;text-align: center;line-height: 42px;font-size: 18px;font-weight: bold;color: #fff;-o-transition:.3s;

-ms-transition:.3s;

-moz-transition:.3s;

-webkit-transition:.3s;

transition:.3s;}

.page li a:hover{background: #f1433c;}

.page li.on a{background: #f1433c;}

.page li.prev a,.page li.next a{width: 120px;font-size: 14px;font-weight: normal;}

.page li.prev span{display: inline-block;padding-left: 29px;background: url(../images/page-prev.png) no-repeat left center;}

.page li.next span{display: inline-block;padding-right: 29px;background: url(../images/page-next.png) no-repeat right center;}

.page li em{display: inline-block;height: 42px;width: 42px;text-align: center;line-height: 22px;font-size: 30px;color: #d2d1d1;}



/*loading*/

.loading{position: fixed;left:0;top:0;width: 100%;height: 100%;background: url(../images/loading.gif) no-repeat center center #fff;z-index: 9999;}
.loading{display: none;}


#fp-nav{display: none;}





/*电话抖动*/

.r1{

     -moz-transform:rotate(-6deg);

    -webkit-transform:rotate(-6deg);

    -o-transform:rotate(-6deg);

}

.r2{

     -moz-transform:rotate(5deg);

    -webkit-transform:rotate(5deg);

    -o-transform:rotate(5deg);

}