@charset "utf-8";



@font-face {

    font-family: "STXingkai";

    src: url("../font/STXingkai/STXingkai.eot"); /* IE9 */

    src: url("../font/STXingkai/STXingkai.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../font/STXingkai/STXingkai.woff") format("woff"), /* chrome、firefox */ url("../font/STXingkai/STXingkai.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */ url("../font/STXingkai/STXingkai.svg#STXingkai") format("svg"); /* iOS 4.1- */

    font-style: normal;

    font-weight: normal;

}



.header-1 {

    width: 100%;

    line-height: 50px;

}



.header-1 span,

.header-1 a {

    font-size: 16px;

    color: #666666;

}



.header-2 {

    width: 100%;

    height: 110px;

    background-color: #f6f6f6;

    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);

}



.header-2 .logo {

    padding-top: 16px;

}



.header-2 .logo h1 a {

    text-indent: -9999px;

    display: block;

    width: 200px;
    margin-top: 10px;
    height: 63px;

    background: url("../images/base/logo.png") center center/cover no-repeat;

}



.header-2 .desc {
    font-size: 20px;
    color: #333;
    padding-left: 20px;
    padding-top: 47px;
}



.header-2 .desc b {

    color: #ff0000;

}



.header-2 .contact {

    padding-top: 25px;

}



.header-2 .contact .icon {

    width: 60px;

    height: 60px;

    border-radius: 50%;

    position: relative;

}



.header-2 .contact .tel .icon {

    background: url("../images/base/icon_tel.png") center center /cover no-repeat;

}



.header-2 .contact .weixin .icon {

    background: url("../images/base/icon_weixin.png") center center /cover no-repeat;

}



.header-2 .contact .txt {

    padding-left: 10px;

    position: relative;

}



.header-2 .contact span {

    display: block;

    font-size: 16px;

    line-height: 26px;

    color: #333333;

}



.header-2 .contact b {

    font-size: 30px;

    line-height: 40px;

    color: #ff0000;

    font-weight: bolder;

}



.header-2 .contact .weixin {

    padding-left: 55px;

}



.header-2 .contact .weixin .txt {



}





.header-2 .contact .weixin .hide-wechat {

    position: absolute;

    z-index: 2;

    padding-top: 70px;

    left: -35px;

    visibility: hidden;

    opacity: 0;

    transform: translate(0, 20px);

    transition: all .3s;

}



.header-2 .contact .weixin .icon:hover .hide-wechat {

    opacity: 1;

    visibility: visible;

    transform: translate(0, 0);

    transition: all .3s;

}



.header-2 .contact .weixin .hide-wechat span {

    display: block;

    width: 140px;

    height: 140px;

    /*padding-top: 30px;*/

    background: #ffffff;

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

}



.nav {

    width: 100%;

    overflow: hidden;

    height: 55px;

    background: #007cc2;

}



.nav .main {



}



.nav ul li:first-child {



}



.nav ul li.on:after {

    content: '';

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    border-top: 0 solid #ff4d4d;

    border-left: 132px solid #ff4d4d;

    border-bottom: 55px solid #ff0000;

    border-right: 0 solid #ff0000;

    opacity: 1;

    visibility: visible;

    z-index: 0;

}



.nav ul li {

    float: left;

    line-height: 55px;

    height: 55px;

    width: 132px;

    text-align: center;

    position: relative;

    transform: skewX(-15deg);

    left: 7.5px;

    overflow: hidden;

    /*transition: all .3s;*/

}



.nav ul li:after {

    content: '';

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    border-top: 0 solid #ff4d4d;

    border-top: 0 solid #ff4d4d;

    border-left: 132px solid transparent;

    border-bottom: 55px solid transparent;

    border-right: 0 solid #ff0000;

    /*opacity: 0;*/

    /*visibility: hidden;*/

    z-index: 0;

    transition: all .1s;

}



.nav ul li:hover:after {

    content: '';

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    border-top: 0 solid #ff4d4d;

    border-left: 132px solid #ff4d4d;

    border-bottom: 55px solid #ff0000;

    border-right: 0 solid #ff0000;

    z-index: 0;

    /*opacity: 1;*/

    /*visibility: visible;*/

    transition: all .1s;

}



.nav ul li a {

    display: block;

    width: 100%;

    height: 100%;

    color: #ffffff;

    font-size: 18px;

    transform: skewX(15deg);

    position: absolute;

    z-index: 1;

}



.footer {

    background: #212f32;

    /*padding-top: 10px;*/

}



.footer .friendlink {

    height: 60px;

    background-color: #2c3a3c;

    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.4);

}



.footer .friendlink span,

.footer .friendlink a {

    font-size: 16px;

    color: #cccccc;

    line-height: 60px;

}



.footer-2 {

    padding-bottom: 25px;

}



.footer-nav {

    padding-top: 22px;

    padding-bottom: 33px;

}



.footer-nav ul li {

    float: left;

    width: 106px;

    text-align: center;

    border-left: 1px solid #cccccc;

    line-height: 14px;

}



.footer-nav ul li:first-child {

    border-left: 0;

}



.footer-nav ul li a {

    font-size: 14px;

    color: #cccccc;

}



.footer-address p {

    font-size: 14px;

    line-height: 14px;

    color: #cccccc;

    padding-top: 20px;

}



.footer-address p:first-child {

    font-size: 16px;

    padding: 0;

}



.footer-address b {

    font-size: 24px;

    color: #ff0000;

    font-weight: bolder;

}



.footer-logo {

    width: 131px;

    height: 113px;

    margin-left: 225px;

    margin-top: 30px;

}



.footer-weixin {

    width: 140px;

    text-align: center;

    margin-left: 280px;

    margin-top: 15px;

}



.footer-weixin img {

    width: 140px;

    height: 140px;

}



.footer-weixin p {

    font-size: 16px;

    line-height: 16px;

    padding-top: 10px;

    color: #cccccc;

}



.copyright {

    font-size: 14px;

    line-height: 50px;

    color: #cccccc;

    text-align: center;

    border-top: 1px solid rgba(187, 187, 187, .5);

}



.driftbar {

    width: 100%;

    height: 60px;

    position: static;

    background: #212f32;

    transition: all .6s;

}



.driftbar.fixed {

    position: fixed;

    bottom: 0;

    z-index: 99;

    background: rgba(33, 47, 50, .85);

    transition: all .6s;

}



.driftbar form > div {

    width: 25%;

    text-align: center;

    float: left;

}



.driftbar .left {

    text-align: center;

}



.driftbar span {

    font-size: 30px;

    color: #ffffff;

    font-family: Microsoft YaHei;

    line-height: 60px;

}



.driftbar input {

    width: 280px;

    height: 40px;

    margin-right: 10px;

    margin-top: 10px;

}



.driftbar input[type=text] {

    font-size: 16px;

    color: #333333;

}



.driftbar input[type=submit] {

    border-radius: 3px;

    background: #ff0000;

    font-size: 20px;

    color: #ffffff;

    cursor: pointer;

}



#toTop {

    width: 32px;

    height: 32px;

    display: none;

    background: url("../images/base/totop.png") center center/cover no-repeat;

    cursor: pointer;

    position: fixed;

    top: 50%;

    right: 10%;

    z-index: 9;

}