html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,font,img,strong,b,u,i,center,ol,ul,li,form,label,table{margin:0;padding:0;border:0;outline:0;background:transparent;font-size:100%;font-weight:normal}
ol,ul,li{list-style:none;list-style-type:none}
:focus{outline:0}
body{direction:rtl;font-family:hoonel;color:#fff;background:#000;font-size:15px;line-height:19px}
body a{text-decoration:none;color:#fff}
body a:hover{text-decoration:none}
.clr{clear:both}
.wrapper{width:1220px;margin:0 auto}
.wrapper2{width:1240px;margin:0 auto}
.head{width:100%;height:30px;line-height:30px;letter-spacing:1px;font-size:11px;color:#fff;background:#000}
.head a{color:#fff}
.head-menu{float:left;margin-left:20px}
.head-menu a{display:block;float:left;font-weight:600;margin-right:20px}
.head-lang{text-align:left;float:left;font-size:12px;width:250px;line-height:30px;cursor:pointer}
.head-lang img{float:left;width:15px;height:15px;margin:8px 11px 0 0}
.head-social{float:left;width:112px;margin-left:20px}
.head-social img{float:left;width:15px;height:15px;margin:7px 13px 0 0}
.header{width:100%;min-width:1220px;height:80px;line-height:50px;padding-top:30px;position:absolute;z-index:20;background:linear-gradient(to top, rgba(0, 0, 0, 0), #000 95%)}
.header-wrp{opacity:1;width:1220px;color:#fff;margin:0 auto}
.header h1{float:right;color:#f6f6f6;font-weight:800;letter-spacing:2px;font-size:22px}
.header-menu{float:left;margin-top:5px}
.header-menu a{display:block;float:left;height:50px;line-height:50px;font-size:11px;font-weight:700;color:#fff;padding:0 25px;border-left:0.5px solid #ccc;border-right:0.5px solid #ccc;margin-right:-1px}
.header-menu a:hover{color:#ed411d}
.heading{width:100%;min-width:1220px;height:50px;line-height:50px;margin:30px 0 40px}
.heading-wrp{opacity:1;width:1220px;color:#fff;margin:0 auto}
.heading h1{float:right;color:#f6f6f6;font-weight:800;letter-spacing:2px;font-size:22px}
.heading-menu{float:left;margin-top:5px}
.heading-menu a{display:block;float:left;height:50px;line-height:50px;font-size:11px;font-weight:700;color:#fff;padding:0 25px;border-left:0.5px solid #ccc;border-right:0.5px solid #ccc;margin-right:-1px}
.heading-menu a:hover{color:#ed411d}
.heading-title{width:100%;min-width:1220px;height:50px;line-height:50px;letter-spacing:2px;font-size:30px;font-family:sans-serif;font-weight:200;text-align:left;margin:0 auto 40px}
.heading-titler{width:100%;min-width:1220px;height:50px;line-height:45px;background:#5b869e;letter-spacing:2px;font-size:30px;font-family:sans-serif;font-weight:200;text-align:left;margin-top:150px}



.solid {
            position: relative;
            width: 100%;
            height: 800px;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
        }

        .solid video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: -1;
        }

        .solid-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color:#000;
			opacity:0.3;
            z-index: 1;
        }

        .solid-gr{
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 400px;
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000 90%);
        }


.box1{width:100%;min-width:1220px;color:#fff;height:570px;background:#000}
.box1-invention{float:right;width:770px;margin:80px 0 0 15px}
.box1-invention-txt{height:16px;line-height:16px;font-weight:600;margin:54px 0 39px}
.box1-invention-btn{display:block;float:right;width:123px;height:33px;line-height:33px;text-align:center;color:#fff;font-size:16px;border:1px solid #fff}
.box1-award{width:330px;float:left;margin:94px 25px 0 0}
.boxmedia{width:100%;height:540px;background:#ccc;min-width:1220px;background:url(http://company.hoonel.com/home/uploads/index1.jpg);overflow:hidden}
.boxmedia-in{width:200px;height:300px;text-align:center;margin:190px auto 0}
.boxmedia-in img{width:100px;height:100px;margin:0 50px 110px;opacity:0.5}
.boxmedia-in p{width:50px;height:2px;background:#fff;margin:0 75px 15px}
.box2{width:100%;min-width:1220px;color:#fff;height:600px;background:#000}
.box2-title{width:100%;height:28px;font-size:28px;font-family:sans-serif;font-weight:300;line-height:28px;color:#b3cbd3;padding:44px 0 30px;border-bottom:1px solid #b3cbd3}
.box2-left{width:335px;float:right}
.box2-left-articlebtn{font-size:12px;height:12px;line-height:12px;margin-top:10px}
.box2-right{width:825px;float:left}
.box2-right-left{width:335px;float:right;margin-right:40px}
.box2-right-right{width:330px;float:left;margin-left:20px}
.boxnews{width:100%;min-width:1220px;color:#fff;height:760px;background:#000}
.boxnews-title{width:100%;min-width:1220px;color:#fff;font-family:sans-serif;font-weight:300;height:41px;font-size:26px;line-height:34px;background:#5b869e;margin-bottom:60px}
.boxnews-in{width:1260px;float:right}
.black-cv{width:340px}
.black-cv-text{line-height:26px;text-align:justify;margin:32px 0 55px}
.black-cv-btn{float:right;height:43px;width:170px;font-size:14px;font-weight:bold;margin-bottom:30px}
.black-cv-btn img{float:right;height:29px;width:29px;padding:5px;border:2px solid #b3cbd3;border-radius:50%;margin-left:12px}
.black-cv-btn b{line-height:43px}
.black-cv-btn p{line-height:18px;margin-top:5px}
.black-award{width:393px;height:200px;margin-top:40px}
.black-award-img{float:right;width:65px;height:65px;border:2px solid #b3cbd3;margin-left:62px;border-radius:50%}
.black-award-img img{width:39px;height:39px;padding:13px}
.black-award p{background:#1b95e0;height:30px;font-size:10px;font-weight:600;border-radius:4px;text-align:center;line-height:30px;width:133px;margin:30px 95px 0}
.block-article{line-height:26px;font-size:15px}
.slider-block{width:100%;height:600px;min-width:1220px}
.slider-block img{width:100%;height:auto;min-height:600px;position:absolute;z-index:10}
.slider-block-box{width:260px;height:420px;opacity:0.9999;background:rgba(0, 0, 0, 0.64);padding:30px 55px 0;position:absolute;z-index:11;margin:130px 150px 0 0}
.slider-block-box-in{width:100%;opacity:1;color:#fff}
.slider-block-box-in p{font-size:22px;line-height:33px;font-weight:bold;font-family:sans-serif;margin-bottom:20px}
.slider-block-box-in span{display:block;font-size:15px;font-weight:400;line-height:22px;margin-bottom:35px}
.slider-block-box-in b{display:block;float:right;width:123px;height:33px;line-height:33px;text-align:center;color:#fff;font-size:10.5px;border:1px solid #fff}
.block-invention{color:#a4c1cc;font-size:28px;line-height:28px;font-weight:300;margin-bottom:28px}
.block-invention b{display:block;float:right;line-height:45px;font-weight:bold;margin-left:6px}
.black-stats{width:330px;height:50px;border-bottom:1px solid #a4c1cc;padding-bottom:10px;margin-bottom:69px}
.black-stats p{float:right;font-family:'Helvetica Neue';font-weight:300;letter-spacing:3px;font-size:70px;line-height:50px}
.black-stats b{display:block;float:left;line-height:22px;text-transform:uppercase;;font-size:11px;letter-spacing:2px;text-align:justify;color:#fff;font-weight:900;width:110px;margin-top:10px}
.block-news{float:right;width:380px;height:650px;background:#1b1b1b;color:#fff;margin-left:40px}
.block-news img{width:380px;height:285px}
.block-news h3{width:300px;font-size:22px;text-transform:uppercase;line-height:30px;text-align:center;font-weight:800;color:#c6c6c6;margin:35px 40px 20px}
.block-news h3:hover{color:#fff}
.block-news p{width:32px;height:1px;background:#ed411d;margin:0 auto}
.block-news b{display:block;text-align:center;height:15px;line-height:10px;color:#c6c6c6;font-size:16px;margin:12px 0 14px}
.block-news span{display:block;width:300px;font-size:14px;line-height:22px;margin:0 40px}
.black-join{margin-top:40px}
.black-join-img{width:330px;height:66px;overflow:hidden;font-family:sans-serif;font-weight:600;font-size:28px;line-height:96px}
.black-join-img img{width:74px;height:66px;float:right;margin-left:30px}
.black-join p{height:15px;font-size:14px;line-height:15px;margin:20px 0 30px}
.black-join-net{width:328px;height:40px;margin-bottom:30px;line-height:40px;text-align:center;border:1px solid #7b9199}
.black-join-net b{display:block;float:left;font-weight:300;width:82px;border-left:1px solid #7b9199;margin-right:-1px}
.black-join-mail{width:315px;height:40px;text-align:left;font-weight:bold;line-height:40px;padding-left:13px;color:#c6c6c6;border:1px solid #7b9199}
.black-join-mail b{display:block;float:right;font-weight:bold;line-height:40px;font-size:12px;text-align:center;color:#fff;background:#ed411d;width:83px;height:40px}
.black-join-text{width:300px;font-size:14px;line-height:20px;margin:28px 0 0 10px}
.black-join-text b{display:block;float:right;width:11px;height:11px;background:#fff;margin:6px 0 30px 14px}
.arch-news{float:left;width:270px;height:650px;background:#1b1b1b;color:#fff;margin:0 20px 40px}
.arch-news img{width:270px;height:203px}
.arch-news h3{width:240px;font-size:20px;line-height:27px;text-align:center;font-weight:500;color:#c6c6c6;margin:35px 15px 20px}
.arch-news h3:hover{color:#FFF}
.arch-news p{width:32px;height:1px;background:#ed411d;margin:0 auto}
.arch-news b{display:block;text-align:center;height:15px;line-height:10px;color:#c6c6c6;font-size:16px;margin:12px 0 14px}
.arch-news span{display:block;width:240px;font-size:15px;line-height:22px;margin:0 15px}
.arch-article{width:950px;padding:13px 0 20px;font-family:sans-serif;font-weight:300;font-size:24px;line-height:30px;border-top:1px solid #b3cbd3;border-bottom:1px solid #b3cbd3;margin-top:-1px;margin-left:10px}
.arch-invention{float:left;width:500px;height:500px;background:#1b1b1b;color:#fff;padding:40px;margin:0 20px 40px}
.arch-invention img{width:500px;height:350px}
.arch-invention h3{width:500px;font-size:20px;line-height:27px;font-weight:500;color:#fff;margin:35px 0 20px}
.arch-invention p{width:32px;height:1px;background:#ed411d;margin:0 auto}
.arch-invention b{display:block;text-align:center;height:15px;line-height:10px;color:#c6c6c6;font-size:16px;margin:12px 0 14px}
.arch-award{float:right;width:333px;height:110px;background:#1b1b1b;color:#fff;padding:20px;margin:0 20px 40px}
.arch-award img{display:block;float:right;width:110px;height:110px;margin-left:13px}
.arch-award h3{width:340px;font-size:20px;line-height:27px;font-weight:500;color:#fff}
.arch-award b{display:block;height:15px;line-height:10px;color:#c6c6c6;font-size:13px;margin:12px 0 14px}
.arch-award span{display:block;width:240px;font-size:15px;line-height:22px;margin:0 15px}
.arch-media{float:left;width:270px;height:440px;background:#1b1b1b;color:#fff;margin:0 20px 40px}
.arch-media img{width:270px;height:203px}
.arch-media h3{width:240px;font-size:18px;line-height:25px;text-align:center;font-weight:500;color:#c6c6c6;margin:14px 15px 20px}
.arch-media p{width:32px;height:25px;border-top:1px solid #ed411d;border-bottom:1px solid #ed411d;margin:0 auto}
.arch-media b{display:block;text-align:center;height:15px;line-height:10px;color:#c6c6c6;font-size:11px;margin:12px 0 14px}
.arch-media span{display:block;width:240px;font-size:15px;line-height:22px;margin:0 15px}
.fs{width:815px;height:auto;background:#a9a9a9;color:#000;padding-bottom:25px}
.fs h1{height:50px;width:715px;font-size:26px;line-height:32px;background:#8a8b92;padding:10px 40px 25px 60px;margin-top:-135px}
.fs-head{width:715px;padding:0 40px 0 60px;height:50px;line-height:50px;background:#7a9caf;color:#c6e2da;font-size:13px}
.fs-head a{display:block;float:right;width:30px;height:30px;margin:11px 0 0 10px;background:#000;border-radius:50%}
.fs-head img{width:16px;height:16px;margin:7px}
.fs-head a:hover{background:#112735}
.fs-in{width:695px;padding:20px 60px 0}
.fs-in img{width:695px;height:auto;margin:20px 0}
.fs-in-btn{width:100%;height:60px;background:#5b869e;line-height:60px;text-align:center}
.footer{width:100%;min-width:1220px;color:#fff;background:#112735;height:50px;line-height:50px;border-top:2px solid #f13e04;margin-top:50px}
.footer-left{float:left;direction:ltr}
.footer-left h3{display:inline}
.footer-right{float:right;font-size:11px}
.footer-right h2{display:inline-block;margin-left:15px}
@font-face{font-family:hoonel;font-weight:100;src:url(https://portal.hoonel.com/templates/static/fonts/100.eot);src:url(//portal.hoonel.com/templates/static/fonts/100.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/100.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/100.ttf) format("truetype")}
@font-face{font-family:hoonel;font-weight:300;src:url(https://portal.hoonel.com/templates/static/fonts/300.eot);src:url(//portal.hoonel.com/templates/static/fonts/300.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/300.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/300.ttf) format("truetype"),url(//portal.hoonel.com/templates/static/fonts/300.woff2) format("woff2")}
@font-face{font-family:hoonel;font-weight:400;src:url(https://portal.hoonel.com/templates/static/fonts/400.eot);src:url(//portal.hoonel.com/templates/static/fonts/400.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/400.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/400.ttf) format("truetype"),url(//portal.hoonel.com/templates/static/fonts/400.woff2) format("woff2")}
@font-face{font-family:hoonel;font-weight:500;src:url(https://portal.hoonel.com/templates/static/fonts/500.eot);src:url(//portal.hoonel.com/templates/static/fonts/500.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/500.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/500.ttf) format("truetype")}
@font-face{font-family:hoonel;font-weight:700;src:url(https://portal.hoonel.com/templates/static/fonts/700.eot);src:url(//portal.hoonel.com/templates/static/fonts/700.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/700.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/700.ttf) format("truetype"),url(//portal.hoonel.com/templates/static/fonts/700.woff2) format("woff2")}
@font-face{font-family:hoonel;font-weight:800;src:url(https://portal.hoonel.com/templates/static/fonts/800.eot);src:url(//portal.hoonel.com/templates/static/fonts/800.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/800.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/800.ttf) format("truetype")}
@font-face{font-family:hoonel;font-weight:900;src:url(https://portal.hoonel.com/templates/static/fonts/900.eot);src:url(//portal.hoonel.com/templates/static/fonts/900.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/900.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/900.ttf) format("truetype")}
@font-face{font-family:hoonel;font-weight:950;src:url(https://portal.hoonel.com/templates/static/fonts/950.eot);src:url(//portal.hoonel.com/templates/static/fonts/950.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/950.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/950.ttf) format("truetype")}