锘

/*-----------------[鍒濆鍖朷--------------*/

html{position: relative;overflow-x: hidden;}

body{color: #333;font-size: 12px;line-height: 1.5;

    font-family:"寰蒋闆呴粦","Microsoft Yahei";

    overflow-x: hidden;

}

a{color: #333;}

a:hover{color: #0966FF;}

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: #333;

    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: #999;}

::-moz-placeholder {color: #999; }

::-ms-input-placeholder {color: #999;}



.ani{

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}



*,*:after,*:before{outline: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

}



/*甯冨眬*/

.wp{width: 100%;max-width: 1315px;margin: 0 auto;}

.wp2{width: 100%;max-width: 1458px;margin: 0 auto;}

.wp3{width: 100%;max-width: 1200px;margin: 0 auto;}

.h50{height: 50px;clear: both;overflow: hidden;}

.h100{height: 100px;clear: both;overflow: hidden;}





/*******************************

  -------[=澶撮儴]-------

********************************/

.header{position: fixed;top: 0;left: 0;right: 0;z-index: 109;
    background-color: rgba(255,255,255,.03);
}
    .header.small {
        background-color: #3562db;    box-shadow: 0 0 20px rgba(0,0,0,.5);
    }
.logo{float: left;line-height: 89px;}

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

.hdr{float: right;}

.nav{float: left;}

.nav li{float: left;margin-left: 10px;}

.nav li a{display: block;font-size: 16px;color: #fff;line-height: 89px;

    position: relative;padding: 0 16px;

}

.nav li a:after{content: '';position: absolute;bottom: 0;left: 50%;right: 50%;

    height: 3px;background-color: #fff;

    transition: .5s;

    -ms-transition: .5s;

    -moz-transition: .5s;

    -webkit-transition: .5s;

    -o-transition: .5s;

}

.nav li.on a:after,.nav li:hover a:after{left: 0;right: 0;}

.header .tel{float: right;font-size: 18px;font-weight: bold;line-height: 89px;

    margin-left: 24px;color: #fff;padding-left: 28px;

    background: url(../images/i-tel.png) no-repeat left center;

}



/*******************************

    -------[=瀵艰埅]-------

********************************/

.menuBtn{position: relative;z-index: 9;display: none;float: right;

    width: 40px;height: 40px;padding: 7px;cursor: pointer;margin-top: 5px;margin-right: -5px;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

.menuBtn b{display: block;height: 3px;background-color: #fff;

    margin: 3px 0 5px;border-radius: 2px;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

.menuBtn.open{}

.menuBtn.open b{display: none;margin: 0;position: absolute;left: 5px;top: 50%;width: 30px;}

.menuBtn.open b:first-child{display: block;

    transform:rotate(45deg);

    -webkit-transform:rotate(45deg);

    -o-transform:rotate(45deg);

    -ms-transform:rotate(45deg);

}

.menuBtn.open b:last-child{display: block;

    transform:rotate(-45deg);

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

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

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

}



/*******************************

  -------[=banner]-------

*******************************/

.banner .slick-slide .con{outline: 0;position: relative;display: block;height: 100vh;

    background-position: center center;background-repeat: no-repeat;

    -o-background-size: cover;

    -ms-background-size: cover;

    -moz-background-size: cover;

    -webkit-background-size: cover;

    background-size: cover;

}

.banner .slick-dots{position: absolute;left: 0;bottom: 65px;width: 100%;text-align: center;z-index: 99;}

.banner .slick-dots li{display: inline-block;margin: 0 6px;}

.banner .slick-dots li button{display: block;width: 13px;padding: 0;height: 13px;border: 0;

    font-size: 0;line-height: 0;text-indent: 999px;background-color: #fff;

    border-radius: 50%;opacity: .3;cursor: pointer;

}

.banner .slick-dots li.slick-active button{opacity: 1;}

.banner .wp{height: 100%;position: relative;}

.banner .txt{position: absolute;left: 0;right: 0;top: 50%;color: #fff;margin-top: 35px;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}
.banner .txt-1{text-align: right;}
.banner .txt-1 .tit:after{left: auto;right: 0;}
.banner .tit{position: relative;line-height: 1.1;padding-bottom: 63px;
    margin-bottom: 10px;
}

.banner .tit h2{font-size: 80px;font-weight: normal;margin-bottom: 6px;}

.banner .tit p{font-size: 58px;}

.banner .tit:after{content: '';position: absolute;left: 0;bottom: 0;

    width: 65px;height: 5px;background-color: #fff;

}

.banner .desc{font-size: 26px;line-height: 1.85;}

.banner .pic{position: absolute;right: -45px;top: 30%;width: 603px;}

.banner{position: relative;overflow: hidden;}
.banner .banner-bg{
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    bottom: 0;
    z-index: 999;
    width: 100%;overflow: hidden;
}

.ban{height: 570px;

    background-position: center;background-repeat: no-repeat;

    -o-background-size: cover;

    -ms-background-size: cover;

    -moz-background-size: cover;

    -webkit-background-size: cover;

    background-size: cover;

}

.ban .wp{height: 100%;position: relative;}
.ban-1 .tit{text-align: right;}

.ban .tit{position: absolute;left: 0;right: 0;top: 50%;color: #fff;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}

.ban .tit h2{font-size: 52px;margin-bottom: 15px;}

.ban .desc{font-size: 24px;}

.ban .pic{position: absolute;right: -30px;bottom: 0;
    -webkit-animation: top1 2s linear infinite;
}
.ban .pic-1{width: 852px;}
.ban .pic-2{width: 755px;}
.ban .pic img{width: 100%;display: block;}
@keyframes top1 {
    0% {
        bottom: 0px;
    }
    25% {
        bottom: 10px;
    }
    50% {
        bottom: 0px;
    }
    75% {
        bottom: -10px;
    }
    100% {
        bottom: 0px;
    }
}
@-webkit-keyframes top1 {
    0% {
        bottom: 0px;
    }
    25% {
        bottom: 10px;
    }
    50% {
        bottom: 0px;
    }
    75% {
        bottom: -10px;
    }
    100% {
        bottom: 0px;
    }
}
@-moz-keyframes top1 {
    0% {
        bottom: 0px;
    }
    25% {
        bottom: 10px;
    }
    50% {
        bottom: 0px;
    }
    75% {
        bottom: -10px;
    }
    100% {
        bottom: 0px;
    }
}
@-o-keyframes top1 {
    0% {
        bottom: 0px;
    }
    25% {
        bottom: 10px;
    }
    50% {
        bottom: 0px;
    }
    75% {
        bottom: -10px;
    }
    100% {
        bottom: 0px;
    }
}


/*******************************

  -------[=搴曢儴]-------

********************************/

.footer{padding: 77px 0 0;

    background-color: #1D2639;

}

.fd-con{overflow: hidden;padding-bottom: 40px;}

.fd-logo{margin-bottom: 73px;}

.fd-logo img{display: block;height: 33px;}

.fd-nv{float: left;}

.fd-nv dl{float: left;margin-right: 47px;}

.fd-nv dt{margin-bottom: 28px;}

.fd-nv dt a{font-size: 16px;color: #fff;font-weight: bold;}

.fd-nv dd{line-height: 36px;font-size: 14px;}

.fd-nv dd a,.fd-nv dd p{color: #9CADC9;

    display: block;

}

.fd-nv dd a:hover{color: #fff;}

.fd-qr{float: right;width: 167px;text-align: center;}

.fd-qr .pic img{width: 100%;display: block;}

.fd-qr span{display: block;font-size: 14px;color: #fff;margin-top: 14px;}



.fd-copy{padding: 24px 0;font-size: 14px;color: #fff;

    background-color: #141B28;overflow: hidden;

}

.fd-copy a{color: #fff;}

.fd-copy a:hover,.fd-nv dt a:hover{opacity: .8;}

.fd-copy .copy{float: left;}

.fd-copy .link{float: right;}

/*******************************

    -------[=姝ｆ枃]-------

********************************/

.m-tab1{margin-top: -60px;overflow: hidden;position: relative;z-index: 2;

    background-color: #fff;box-shadow: 0px 0px 59px rgba(101,101,101,.08);

    border-radius: 6px 6px 0 0;

}

.m-tab1 li{float: left;width: 33.33%}
.m-tab1-xw li{width: 50%}
.m-tab1 li a{display: block;line-height: 106px;font-size: 22px;color: #5D5D5D;

    text-align: center;position: relative;

}

.m-tab1 li a:after{content: '';position: absolute;right: 0;top: 50%;width: 1px;

    height: 42px;background-color: #C3C3C3;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}

.m-tab1 li a:before{content: '';position: absolute;bottom: 0;left: 50%;right: 50%;

    height: 2px;background-color: #0966FF;

    transition: .5s;

    -ms-transition: .5s;

    -moz-transition: .5s;

    -webkit-transition: .5s;

    -o-transition: .5s;

}

.m-tab1 .ico{display: inline-block;vertical-align: middle;width: 32px;height: 32px;

    position: relative;margin-right: 10px;

}

.m-tab1 .ico i{position: absolute;top: 0;left: 0;width: 100%;height: 100%;

    background-position: center;background-repeat: no-repeat;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

.m-tab1 .ico .i-on{opacity: 0;}

.m-tab1 li em{display: inline-block;vertical-align: middle;}

.m-tab1 li.on .ico .i-ok,.m-tab1 li:hover .ico .i-ok{opacity: 0;}

.m-tab1 li.on .ico .i-on,.m-tab1 li:hover .ico .i-on{opacity: 1;}

.m-tab1 li.on em,.m-tab1 li:hover em{color: #0966FF;}

.m-tab1 li.on a:before,.m-tab1 li:hover a:before{left: 0;right: 0;}

.m-tab1 li:last-child a:after{display: none;}





.m-arrow{text-align: right;font-size: 0;padding-right: 65px;margin: 34px 0 115px;}

.m-arrow a{display: inline-block;margin-left: 20px;width: 32px;height: 32px;

    border: 1px solid #636D65;position: relative;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

.m-arrow a:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;

    background-position: center;background-repeat: no-repeat;

    opacity: .8;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

.m-arrow a.prev:after{background-image: url(../images/i-36.png);}

.m-arrow a.next:after{background-image: url(../images/i-37.png);}

.m-arrow a:hover{border-color: #C3C3C3;}

.m-arrow a:hover:after{opacity: .37;}