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: #503C8E;}
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: 1400px;margin: 0 auto;}
.h50{height: 50px;clear: both;overflow: hidden;}
.h100{height: 100px;clear: both;overflow: hidden;}


/*******************************
  -------[=头部]-------
********************************/
.header{height: 72px;position: relative;z-index: 108;
    background-color: #fff;*zoom:1;
}
.header:after,.header:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.header .wp{position: relative;}
.logo{float: left;font-size: 0;line-height: 72px;}
.logo img{display: inline-block;vertical-align: middle;height: 47px;}
.hdr{float: right;}
.nav{float: left;}
.nav li{float: left;margin-left: 56px;position: relative;}
.nav li .v1{display: block;font-size: 18px;line-height: 72px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.nav li.on .v1,.nav li:hover .v1{color: #503C8E;}

.nav .sub{position: absolute;left: 50%;top: 100%;width: 290px;display: none;
    background-color: #F5F9FA;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.nav .sub .v2:after{content: '';position: absolute;right: 40px;top: 0;bottom: 0;width: 16px;
    background: url(../images/i-39.png) no-repeat 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;
}
.nav .sub .v2:before{content: '';position: absolute;left: 0;top: 0;
    width: 10px;height: 10px;opacity: 0;
    background: url(../images/i-40.png) no-repeat 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;
}
.nav .sub .ico{position: absolute;left: 15px;top: 50%;width: 20px;height: 20px;
    background: url(../images/i-55.png) no-repeat center;opacity: 0;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.nav .sub .v2:after{opacity: 0;}
.nav .sub dd.on .v2:before,.nav .sub dd:hover .v2:before,
.nav .sub dd.on .v2:after,.nav .sub dd:hover .v2:after{opacity: 1;}
.nav .sub dd.on .v2 .ico,.nav .sub dd:hover .v2 .ico{opacity: 1;}
.nav .sub dd.on .v2,.nav .sub dd:hover .v2{background-color: #fff;}

.nav .sub dd{margin-bottom: 10px;}
.nav .sub dd .v2{display: block;line-height: 40px;font-size: 16px;
    padding-left: 50px;position: relative;color: #333;

}
.nav .sub .item{position: absolute;left: 100%;top: 0;width: 580px;min-height: 100%;padding-left: 40px;padding-top: 15px;display: none;}
.nav .sub .tit{font-size: 24px;font-weight: normal;line-height: 67px;
    border-bottom: 1px solid #D8D8D8;margin-bottom: 15px;
}
.nav .sub .t-c a{display: block;font-size: 16px;line-height: 50px;float: left;margin-right: 50px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.nav .sub .t-c a:after{content: '';width: 16px;height: 16px;position: relative;top: -2px;
    display: inline-block;vertical-align: middle;margin-left: 38px;
    background: url(../images/i-57.png) no-repeat 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;
}
.nav .sub .t-c a:hover{color: #503C8E;}
.nav .sub dd{margin-bottom: 10px;}
.nav .sub dd .v2{display: block;line-height: 40px;font-size: 16px;
    padding-left: 50px;position: relative;color: #333;

}
.nav .sub .item{position: absolute;left: 100%;top: 0;width: 680px;padding-left: 40px;padding-top: 15px;display: none;
    background-color: #fff;
}
.nav .sub .tit{font-size: 24px;font-weight: normal;line-height: 67px;
    border-bottom: 1px solid #D8D8D8;margin-bottom: 15px;
}
.nav .sub .t-c a{display: block;font-size: 16px;line-height: 50px;float: left;margin-right: 50px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.nav .sub .t-c a:after{content: '';width: 16px;height: 16px;position: relative;top: -2px;
    display: inline-block;vertical-align: middle;margin-left: 38px;
    background: url(../images/i-57.png) no-repeat 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;
}
.nav .sub .t-c a:hover{color: #503C8E;}



.header .t-r{margin-left: 60px;float: right;}
.so-btn{width: 24px;height: 24px;float: left;display: block;margin-top: 24px;
    background: url(../images/i-01.png) no-repeat center;cursor: pointer;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.user-btn{width: 24px;height: 24px;float: left;display: block;
    margin-top: 24px;margin-left: 21px;
    background: url(../images/i-02.png) no-repeat 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;
}
.header .lang{line-height: 72px;font-size: 16px;margin-left: 26px;}


.so{position: absolute;left: 50%;width: 540px;top: 12px;display: none;
    border-bottom: 1px solid #D8D8D8;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.so .inp{display: block;width: 100%;height: 48px;
    border: 0;padding: 0 50px;font-size: 16px;
    background: #fff url(../images/i-01.png) no-repeat left center;
    -o-background-size: 24px auto;
    -ms-background-size: 24px auto;
    -moz-background-size: 24px auto;
    -webkit-background-size: 24px auto;
    background-size: 24px auto;
}
.so .btn{position: absolute;right: 0;top: 0;
    line-height: 48px;font-size: 16px;border: 0;
    background-color: transparent;cursor: pointer;
}
.so-close{position: absolute;right: 0;top: 24px;width: 24px;height: 24px;
    cursor: pointer;display: none;
    background: url(../images/i-03.png) no-repeat 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;
}

.nv-sub{position: absolute;left: 0;right: 0;top: 100%;
    background-color: #fff;display: none;
}
.nv-sub ul{width: 290px;padding-top: 28px;height: 400px;
    background-color: #F5F9FA;position: relative;
}
.nv-sub ul:before{content: '';position: absolute;top: 0;bottom: 0;right: 100%;width: 20000px;
    background-color: #F5F9FA;
}
.nv-sub li{margin-bottom: 10px;}
.nv-sub li .v1{display: block;line-height: 40px;font-size: 16px;
    padding-left: 50px;position: relative;color: #333;
}
.nv-sub li .v1:after,.nv-sub li .v2:after{content: '';position: absolute;right: 40px;top: 0;bottom: 0;width: 16px;
    background: url(../images/i-39.png) no-repeat 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;
}
.nv-sub li .v1:before,.nv-sub li .v2:before{content: '';position: absolute;left: 0;top: 0;
    width: 10px;height: 10px;opacity: 0;
    background: url(../images/i-40.png) no-repeat 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;
}
.nv-sub li .ico{position: absolute;left: 15px;top: 50%;width: 20px;height: 20px;
    background: url(../images/i-55.png) no-repeat center;opacity: 0;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.nv-sub li .v2:after{opacity: 0;}
.nv-sub li.on .v1,.nv-sub li:hover .v1{background-color: #EDEEEF;}
.nv-sub li.on .v1:before,.nv-sub li:hover .v1:before,
.nv-sub li.on .v2:before,.nv-sub dd:hover .v2:before,
.nv-sub li.on .v2:after,.nv-sub dd:hover .v2:after{opacity: 1;}
.nv-sub li.on .v1 .ico,.nv-sub li:hover .v1 .ico{opacity: 1;}
.nv-sub dd.on .v2 .ico,.nv-sub dd:hover .v2 .ico{opacity: 1;}
.nv-sub dd.on .v2,.nv-sub dd:hover .v2{background-color: #fff;}

.nv-sub .sub{position: absolute;left: 100%;top: 0;width: 360px;padding-top: 28px;
    background-color: #EDEEEF;min-height: 400px;display: none;
}
.nv-sub dd{margin-bottom: 10px;}
.nv-sub dd .v2{display: block;line-height: 40px;font-size: 16px;
    padding-left: 50px;position: relative;color: #333;

}
.nv-sub .item{position: absolute;left: 100%;top: 0;width: 680px;padding-left: 40px;padding-top: 15px;display: none;}
.nv-sub .tit{font-size: 24px;font-weight: normal;line-height: 67px;
    border-bottom: 1px solid #D8D8D8;margin-bottom: 15px;
}
.nv-sub .t-c a{display: block;font-size: 16px;line-height: 50px;float: left;margin-right: 50px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.nv-sub .t-c a:after{content: '';width: 16px;height: 16px;position: relative;top: -2px;
    display: inline-block;vertical-align: middle;margin-left: 38px;
    background: url(../images/i-57.png) no-repeat 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;
}
.nv-sub .t-c a:hover{color: #503C8E;}

/*******************************
    -------[=导航]-------
********************************/
.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: #503C8E;
    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{height: calc( 100vh - 72px );overflow: hidden;position: relative;}
.banner .swiper-slide{outline: 0;position: relative;height: calc( 100vh - 72px );
    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 .con{display: block;height: 100%;position: relative;}
.banner .video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1;
}
.banner .video video,.banner .video source{display: block;width: 100%;height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.banner .txt{position: absolute;left: 260px;top: 31.5%;color: #fff;
    max-width: 552px;
}
.banner .txt .tit{font-size: 64px;font-weight: normal;margin-bottom: 15px;}
.banner .txt .desc{font-size: 28px;line-height: 1.75;}
.banner .slick-arrow{
    position: absolute;top: 50%;margin-top: -25px;overflow: hidden;
    width: 45px;height: 50px;font-size: 0;line-height: 0;z-index: 999;
    background-repeat: no-repeat;
    background-position: center center;
    -o-background-size: auto 50px;
    -ms-background-size: auto 50px;
    -moz-background-size: auto 50px;
    -webkit-background-size: auto 50px;
    background-size: auto 50px;
}
.banner .slick-prev{left: 50%;margin-left: -645px;background-image: url(../images/arr-l.png);}
.banner .slick-next{right: 50%;margin-right: -645px;background-image: url(../images/arr-r.png);}

.banner .swiper-pagination{position: absolute;left: 0px;right: 0;bottom: 27px;z-index: 2;text-align: center;font-size: 0;}
.banner .swiper-pagination .swiper-pagination-bullet{display: inline-block;margin: 0 5px;}
.banner .swiper-pagination .swiper-pagination-bullet{padding: 0;width: 53px;height: 5px;
    border: 0;cursor: pointer;font-size: 0;text-indent: 99999px;border-radius: 0;
    background-color: rgba(48, 180, 204, .5);
}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 60px;background-color: #503C8E;}

/*******************************
  -------[=底部]-------
********************************/
.fd-con{height: 115px;position: relative;*zoom:1;}
.fd-con:after,.fd-con:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.fd-logo{float: left;margin-top: 38px;margin-right: 56px;}
.fd-logo img{display: block;height: 47px;}
.fd-nv{float: left;}
.fd-nv li{float: left;margin-right: 50px;}
.fd-nv li a{display: block;font-size: 16px;line-height: 120px;}
.fd-share{float: right;margin-top: 35px;}
.fd-share a{display: block;float: left;width: 50px;height: 50px;margin-left: 5px;position: relative;
    background-position: center;background-repeat: no-repeat;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.fd-share .i1{background-image: url(../images/i-10.png);}
.fd-share .i2{background-image: url(../images/i-11.png);}
.fd-share .i3{background-image: url(../images/i-12.png);}
.fd-share .qr{position: absolute;width: 120px;bottom: 100%;left: 50%;display: none;padding-bottom: 10px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.fd-share .qr img{width: 100%;display: block;}
.fd-share a:hover .qr{display: block;}
.fd-copy{height: 70px;line-height: 70px;text-align: center;font-size: 14px;color: #666;
    background-color: #f8f8f8;clear: both;
}
.fd-copy a{color: #666;}
.fd-copy a:hover{color: #503C8E;}

.fix-btn{position: absolute;top: 35px;right: 20px;width: 50px;height: 50px;display: block;
    background: url(../images/i-13.png) no-repeat 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;
}

/*******************************
    -------[=正文]-------
********************************/