*{margin: 0;padding: 0;font-family: "MyFOnt" ! important;text-decoration:none ! important;}
.container{width: 1160px;margin: 0 auto;}
#container{height:1000px;position:relative;}

#banner{height: 1000px; overflow: hidden;}
#banner .item{position:absolute;}
#banner #tabs{position:absolute;right:48%;bottom:50px;}
#banner #tabs .tab{float:left;margin-right:10px;width:8px;height:8px;background: rgba(255, 255, 255, .5) ! important; cursor:pointer;border-radius: 50%;}
.btn{position:absolute;top:50%;margin-top:-35px;width:40px;height:70px;color:#d6d3d5;font-size:36px;line-height:70px;text-align:center;cursor:pointer;} 
#banner #tabs .active2{background: rgba(255, 255, 255, .8);width: 40px;border-radius: 10px;}
#banner .banner-content{width: 708px;height: 343px;margin-top: 214px;}
#banner .banner-content ul li{float: left;margin-left: 30px;margin-top: 22px;}
#banner .banner-content ul li a{display: block; width: 190px;height: 60px;background: rgba(255, 255, 255, .2);border-radius: 4px;font: 20px/60px "";color: white;}
#banner .banner-content ul li a:hover{background: rgba(38, 13, 5, .2);}
#banner .banner-content .p1{font-size: 34px;color: white;}
#banner .banner-content .p2{font-size: 16px;color: rgba(255, 255, 255, .7);margin-top: 7px;}
.swiper-pagination-bullet{ width: 8px;height: 8px;border-radius: 50%;display: inline-block;background: rgba(255, 255, 255, .5) !important;;opacity: 1 !important;} 
.swiper-pagination-bullet-active{background: rgba(255, 255, 255, .8) !important;width: 40px !important;border-radius: 10px !important;} 


#header{height: 70px;}
#header .logo{margin-top: 30px }
#header .header-nav{margin-left:950px;width: 300px;margin-top: -14px;position: relative;}
#header .header-nav a{font-size: 12px;color: rgba(255, 255, 255, .7);display: inline-block;width: 62px;}
#header .header-nav .te{text-align: center; display: inline-block;width: 62px;height: 22px;background: rgba(255, 255, 255, .2);border-radius: 4px;font: 12px/22px "";margin-left: 8px;color: rgba(255, 255, 255, .7);}
#header .header-nav .nav-one:hover{font-weight: bold;color: white;}
#header .header-nav .te:hover{background: rgba(255, 255, 255, .4);color: white;}
#header .header-nav .popup-login{width: 62px;height: 22px;position: absolute;z-index: 99;top: 20.5px;left:47.2%;}
#header .header-nav .popup-login a{text-align: center; display: inline-block;width: 62px;height: 22px;background: rgba(255, 255, 255, .2);border-radius:5px;font: 12px/18px "";color: rgba(255, 255, 255, .7);}
#header .header-nav .popup-login a:hover{color: white;}

#main-top{height: 1000px;background: url(../img/main-top-bg.jpg) no-repeat center;}
#main-top p{padding-top: 280px;color: white;font-size: 28px;text-align: center;}
#main-top p span{color: #eb5416;}
#main-top .logo4{margin: 115px 0 0 97px;}
#main-top .logo7{margin: 50px 0 0 84px;}

#main-bottom{height: 1200px;}
#main-bottom p{font-size: 30px;text-align: center;padding-top: 174px;}
#main-bottom p span{color: #eb5416;display: inline-block;}
#main-bottom ul{width: 970px;height: 240px;margin: 140px 0 0 157px;}
#main-bottom ul li{float: left;width: 380px;height: 92px;}
#main-bottom ul li img{float: left;}
#main-bottom ul li span{display: block; font-size: 26px;color: #666666;float: left;margin-left: 38px;}
#main-bottom .learnmore{margin:42px 0 0 952px;width: 150px;height: 30px;}
#main-bottom .learnmore span{font-size: 14px;color: #eb5416;display: inline-block;margin-left: 4px;}
#main-bottom .learnmore a:hover span{font-weight: bold;border-bottom: 2px solid #eb5416;}

#footer{background: url(../img/footer-bg.png) no-repeat center;height: 850px;overflow: hidden;}
#footer .download-bg{width: 700px;height: 190px;border-radius: 6px;background: url(../img/download-bg.png) no-repeat center;filter: blur(2px);  margin: 111px 0 0 217px;}
#footer .download-content{position: absolute;}
#footer .download-content p{margin-top: -150px;text-align: center;font-size: 26px; color: white;padding-bottom: 17px;text-align: center;width: 1140px;}
#footer .download-content .download-button{margin-left: 434px;background: #eb5416;display: inline-block;width: 250px;height: 50px;border-radius: 30px;text-align: center;font: 18px/50px "";color: white;}
.clickon{margin-left: 434px;background: #d74c13;display: inline-block;width: 250px;height: 50px;border-radius: 30px;text-align: center;font: 18px/50px "";color: white !important;}
#footer ul{margin: 79px 0 0 282px;}
#footer ul li {float: left;width: 120px;}
#footer ul li .te{padding-left: 18px;font-weight: bold;}
#footer ul li p{color: #a8a8a8;font-size: 16px;margin-top: 20px;}
#footer ul li a{color: #a8a8a8;font-size: 15px;display: block;width: 103px;text-align: center;}
#footer ul li a:hover{font-weight: bold;}
#footer .footer-bottom{width: 638px;height: 173px;margin: 380px 0 0 264px;text-align: center;}