*{margin: 0;padding: 0;font-family: 'myFOnt' ! important;}
.container{width: 1160px;margin: 0 auto;}

#header{background: url(../img/aboutus-topbg.jpg) no-repeat center;height: 700px;}
#header .logo{margin-top: 35px }
#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;}
#header .learnmore{margin:42px 0 0 506px;}
#header .learnmore span{font-size: 14px;color: #eb5416;display: inline-block;margin-left: 4px;}
#header .learnmore a:hover span{font-weight: bold;border-bottom: 2px solid #eb5416;}

#main{height: 1302px;}
#main .main-top{height: 440px;}
#main .main-top p{text-align: center;font-size: 30px;color: #eb5416;padding-top: 175px;}
#main .main-top ul{height: 160px;margin: 70px 0 0 30px;}
#main .main-top ul li{float: left;width: 350px;height: 150px;border-radius: 3px;box-shadow: 4px 4px 20px  #e6e3e3;}
#main .main-top ul li div{float: left; padding: 51px 0 0 46px;}
#main .main-top ul li div .contact-title{font-size: 22px; color: #260d05;}
#main .main-top ul li div .contact-contact{font-size: 20px;color: #493f3f}
#main .main-top ul li img{float: left;}
#main .main-top ul li .img1{padding: 47px 0 0 90px;}
#main .main-top ul li .img2{padding: 48px 0 0 25px;}
#main .main-top ul li .img3{padding: 40px 0 0 125px;}

#main .main-bottom{margin-top: 120px;}
#main .main-bottom p{font-size: 30px; text-align: center;color: #eb5416;}
#main .main-bottom img{float: left;margin-left: -100px;margin-top: 124px;}
#main .main-bottom form{height: 530px;width: 632px;float: left;margin-top: 75px;}
#main .main-bottom form input{border: 0;background: #f5f5f5;border-radius: 4px;box-shadow: 4px 4px 4px #f2f1f0;color: #bebebe;}
#main .main-bottom form .subbtn{margin: 30px 0 0 370px;width: 250px;height: 50px;border-radius: 4px;background: #493f3f;color: #abaaaa;font-weight: bold;font-size: 20px;}
#main .main-bottom form .subbtn:hover{background: #260d05;}
#main .main-bottom form #firstname{width: 284px;height: 60px;color: #bebebe;padding-left: 16px;}
#main .main-bottom form #lastname{width: 284px;height: 60px;padding-left: 16px;margin-left: 18px ;}
#main .main-bottom form #emailaddress{width: 605px;height: 60px;margin-top: 19px;padding-left: 16px;}
#main .main-bottom form #companyname{width: 605px;height: 60px;;margin-top: 19px;padding-left: 16px;}
#main .main-bottom form #writeus{width: 605px;height: 200px;;margin-top: 19px;padding-left: 16px;border: 0;background: #f5f5f5;border-radius: 4px;box-shadow: 4px 4px 4px #f2f1f0;border: 0;outline: none; color: #bebebe;padding-top: 14px;}


input::-webkit-input-placeholder{color:#bebebe;font-size: 20px;font-family: "Microsoft YaHei",微软雅黑 ! important;}
input::-moz-placeholder{color:#bebebe;font-size: 20px;font-family: "Microsoft YaHei",微软雅黑 ! important;}
input:-moz-placeholder{color:#bebebe;font-size: 20px;font-family: "Microsoft YaHei",微软雅黑 ! important;}
input:-ms-input-placeholder{color:#bebebe;font-size: 20px;}
textarea::-webkit-input-placeholder{color: #bebebe;font-size: 20px;font-family: "Microsoft YaHei",微软雅黑 ! important;}
textarea:-moz-placeholder {color: #bebebe;font-size: 20px;font-family: "Microsoft YaHei",微软雅黑 ! important;}
textarea::-moz-placeholder {color: #bebebe;font-size: 20px;font-family: "Microsoft YaHei",微软雅黑 ! important;}
textarea::-ms-input-placeholder {color: #bebebe;font-size: 20px;font-family: "Microsoft YaHei",微软雅黑 ! important;}


#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;}




