html,body,div,img,a,b,p,u,i,span,h1,h2,h3,h4,h5,h6,li,ol,ul,center,font,button,input,form{margin:0;padding:0;border:0;outline:0;background:none;font-size:100%;font-weight:normal}
li,ol,ul{list-style:none}:focus{outline:0}
body{direction:rtl;font-family:hoonel;font-size:14px;line-height:14px}
body a{color:#000;text-decoration:none}
body a:hover{text-decoration:none}
.wrp{width:1200px;margin:0 auto}
.wrapper{width:1200px;margin:50px auto 0}
.clr{clear:both}
.header{width:100%;height:70px;background:#fff;overflow:hidden}
.header a{float:right;line-height:78px;color:#4a4a4a;font-size:12px;margin-left:25px}
.header-a a{display:inline;color:#0078d4}
.header-logo{float:left;text-align:left;line-height:26px;font-size:26px;direction:ltr;color:#4285f4;width:200px;height:20px;margin-top:25px;overflow:hidden}
.header-logo img{float:left;width:auto;height:20px;margin-right:1px}
.heading{height:32px;line-height:31px;background:#0078d4;color:#fff}
.heading a{display:inline;color:#fff;margin-left:18px;font-size:11px}
.heading p{float:left;direction:ltr;line-height:35px}
.heading p > a{color:#fff;font-size:11px;text-decoration:underline;margin-left:0px}
.heading p img{float:left;height:17px;width:auto;margin:8px 7px 0 0}
.line{width:100%;height:1px;background:#ccc}
.mrgt10{margin-top:10px}
.mrgt20{margin-top:20px}
.mrgt30{margin-top:30px}
.mrgt40{margin-top:40px}
.mrgt50{margin-top:50px}
.mrgt60{margin-top:60px}
.mrgt70{margin-top:70px}
.mrgt80{margin-top:80px}
.mrgt90{margin-top:90px}
.mrgt100{margin-top:100px}
.mainh{height:0px;overflow:hidden}
.video-box{width:100%;height:500px;background:#000}
.video-box-overflow{width:100%;height:500px;overflow:hidden;position:absolute;z-index:3}
.video-box video{width:100%;height:auto;opacity:0.5;margin-top:-110px;position:absolute;z-index:1}
.video-box-in{width:100%;height:300px;font-size:35px;color:#ffffff;line-height:40px;padding-top:90px;position:absolute;z-index:2}
.video-box-in-to{width:900px;text-align:center;margin:0 auto 45px}
.video-box-in-to p{width:150px;height:75px;line-height:75px;font-size:24px;border-bottom:3px solid #4285f4;margin:0 375px}
.video-box-in-to span{display:block;font-size:15px;line-height:34px;margin-top:40px}
.video-box-in-bt{width:600px;margin:0 auto}
.video-box-in-bt p{display:block;float:right;width:260px;height:4px;background:#fff;margin:0 20px}
.video-box-in-bt b{animation: video-box-mover 1s infinite  alternate;display:block;font-weight:bold;font-size:30px;width:30px;height:40px;line-height:40px;text-align:center;margin:-3px 285px 0}
@keyframes video-box-mover{0%{transform:translateY(0) rotate(90deg)}100%{transform:translateY(-10px) rotate(90deg)}}
.boxtab{width:1200px;height:450px;background:linear-gradient(to right,#1679c3,#1679c3,#012c6d,#012c6d,#1679c3);margin:0 auto}
.boxtab-stat{float:left;width:364px;height:300px;margin:90px 0 0 60px}
.boxtab-stat p{width:182px;height:135px;float:right;text-align:center;color:#fff;margin-bottom:20px}
.boxtab-stat p img{width:52px;height:52px;padding:0 65px 10px}
.boxtab-stat p b{display:block;font-size:12px;line-height:12px;height:12px}
.boxtab-stat p span{display:block;font-weight:bold;font-size:12.5px;line-height:12px;height:12px;letter-spacing:1px;margin-top:15px}
.boxtab-list{float:right;width:110px;height:200px;font-size:11px;color:#fff;margin:115px 60px 0 10px}
.boxtab-list p{height:13px;line-height:13px;margin-bottom:20px}
.boxtab-list b{float:right;display:block;width:13px;height:13px;margin-left:10px}
.boxtab-list-b1{background:green}
.boxtab-list-b2{background:darkred}
.boxtab-list-b3{background:#d3b102}
.boxtab-list-b4{background:red}
.boxtab-list i{float:right;display:block;width:13px;height:13px;margin-left:10px;background:red;border-radius:50px}
.boxtab-list-pi{opacity:0.5}
.boxtab-map{float:right;width:530px;height:280px;background:url(//co.hoonel.com/home/templates/desktop/static/worldmap.png) no-repeat;background-size:550px auto;margin-top:85px}
.boxtab-map p{animation:boxtab-map-p 1s infinite  alternate;width:5px;height:5px;background:#fff;border-width:4px;border-style:solid;border-radius:50%;border-bottom-right-radius:0}
.boxtab-map-p1{border-color:green;margin:80px 177px 0 0;position:absolute;z-index:1}
.boxtab-map-p2{border-color:darkred;margin:70px 85px 0 0;position:absolute;z-index:1}
.boxtab-map-p3{border-color:#d3b102;margin:45px 269px 0 0;position:absolute;z-index:1}
.boxtab-map-p4{border-color:red;margin:50px 400px 0 0;position:absolute;z-index:1}
.boxtab-map b{animation:boxtab-map-bi 1.5s infinite  alternate;display:block;width:5px;height:5px;border:2px solid red;margin:204px 40px 0 0;position:absolute;z-index:1;border-radius:50%;opacity:0.5}
.boxtab-map i{animation:boxtab-map-bi 1.5s infinite  alternate;display:block;width:5px;height:5px;border:2px solid red;margin:122px 438px 0 0;position:absolute;z-index:1;border-radius:50%;opacity:0.5}
@keyframes boxtab-map-p{0%{transform:translateY(0) rotate(45deg)}100%{transform:translateY(-5px) rotate(45deg)}}
@keyframes boxtab-map-bi{0%{background:darkred}50%{background:transparent}100%{background:darkred}}
.boxtext{float:right;width:400px;height:190px;margin:0 15px 0 85px}
.boxtext p{color:#333;height:16px;line-height:16px;font-size:16px;padding-bottom:20px}
.boxtext a{display:block;line-height:18px;font-size:12px;color:#0067cf;margin-bottom:13px}
.boxslide{width:1200px;height:450px;margin:0 auto;overflow:hidden}
.block-news{float:right;width:276px;height:325px;line-height:20px;font-size:11.5px;margin:0 12px}
.block-news img{width:276px;height:155px;background:#e6e6e6}
.block-news b{width:276px;max-height:110px;overflow:hidden;display:block;margin:15px 0 10px}
.block-news h3{color:#111;font-size:14px;font-weight:bold}
.block-news span{display:block;color:#222;margin-top:10px}
.block-news a{display:block;color:#0072cb}
.block-produce{float:right;width:377px;height:375px;line-height:20px;font-size:12.2px;margin:0 11.5px}
.block-produce img{width:377px;height:210px;background:#e6e6e6}
.block-produce b{width:377px;max-height:110px;overflow:hidden;display:block;margin:15px 0 10px}
.block-produce h3{color:#111;font-size:15.5px;font-weight:500}
.block-produce span{display:block;color:#222;margin-top:10px}
.block-produce a{display:block;color:#0072cb}
.block-event{display:none}
.block-event-img{width:700px;height:450px}
.block-event-img img{width:700px;height:auto;position:absolute;z-index:1}
.block-event-img p{width:700px;height:450px;position:absolute;z-index:2}
.block-event-txt{width:440px;height:450px;padding-right:60px}
.block-event-txt b{display:block;width:440px;height:300px;overflow:hidden}
.block-event-txt b h3{font-size:24px;line-height:36px;font-weight:500;padding:80px 0 30px}
.block-event-txt b h4{font-size:13px;line-height:28px}
.block-event-txt a{display:block;width:140px;padding-left:10px;height:40px;line-height:39px;text-align:center;background:#0078d4;color:#fff;margin-top:30px}
.block-event-txt a p{animation:block-event-mover 1s infinite  alternate;display:inline-block;margin-right:8px}
@keyframes block-event-mover{0%{transform:translateX(0)}100%{transform:translateX(-5px)}}
footer{width:100%;height:auto;margin-top:70px}
.footerclient{width:100%;height:140px;padding:25px 0;border-top:1px solid #ddd}
.footerclient p{width:100%;height:12px;padding-bottom:25px}
.footerclient p > b{float:right;height:12px;font-weight:bold;line-height:12px;font-size:12px}
.footerclient p > a{float:left;text-align:left;height:12px;color:#0078d4;line-height:12px;font-size:11px}
.footerclient a{float:right;display:block;width:91px;height:90px;text-align:center;color:#444;font-size:10px;margin:0 9px}
.footerclient a img{display:block;width:53px;height:63px;margin:0 19px 5px}
.footerline{width:100%;height:50px;background:#e3e3e3}
.footerbox{width:100%;height:300px;background:#f2f2f2}
.footerbox-on{width:1200px;height:150px}
.footerbox-on span{width:100%;display:block;height:12px;line-height:12px;font-size:12px;font-weight:bold;margin:40px 0 20px}
.footerbox-on p{float:right;display:block;width:200px;font-size:11px;line-height:11px}
.footerbox-on p a{display:block;margin-bottom:20px}
.footerbox-on b{float:right;display:block;width:300px;font-size:11px;line-height:11px}
.footerbox-on b a{display:block;float:right;width:110px;margin-bottom:20px}
.footerbox-on i{float:right;display:block;width:500px;font-size:11px;line-height:21px;font-style:normal;text-align:justify}
.footerbox-in{width:1200px;height:110px;background:#fff;border-radius:20px;margin-top:40px 0}
.footerbox-in img{width:55.5px;height:55.5px;filter:grayscale(100%);margin:20px 20px 10px}
.footercopy{width:100%;text-align:center;background:#e3e3e3;height:45px;line-height:15px;font-size:13px;padding-top:30px}
article{float:right;width:800px;height:auto;font-size:14px;line-height:25px}
article h1{font-size:26px;line-height:45px;font-weight:bold;padding-bottom:25px}
article img{width:798px;height:auto;border:1px solid #fafafa;margin:20px 0}
article video{width:798px;height:auto;border:1px solid #fafafa;margin:20px 0}
sidebar{width:350px;height:auto;float:left;padding-top:50px}
.blockfs-last{width:350px;height:85px;line-height:22px;font-size:11.5px;margin-bottom:25px;overflow:hidden}
.blockfs-last img{float:right;width:120px;height:85px;margin-left:15px}
.blockfs-last h3{color:#111;font-size:13.5px;font-weight:bold}
@font-face{font-family:hoonel;font-weight:100;src:url(//co.hoonel.com/static-co/fonts/100.eot);src:url(//co.hoonel.com/static-co/fonts/100.eot?#iefix) format("embedded-opentype"),url(//co.hoonel.com/static-co/fonts/100.woff) format("woff"),url(//co.hoonel.com/static-co/fonts/100.ttf) format("truetype")}
@font-face{font-family:hoonel;font-weight:300;src:url(//co.hoonel.com/static-co/fonts/300.eot);src:url(//co.hoonel.com/static-co/fonts/300.eot?#iefix) format("embedded-opentype"),url(//co.hoonel.com/static-co/fonts/300.woff) format("woff"),url(//co.hoonel.com/static-co/fonts/300.ttf) format("truetype"),url(//co.hoonel.com/static-co/fonts/300.woff2) format("woff2")}
@font-face{font-family:hoonel;font-weight:400;src:url(//co.hoonel.com/static-co/fonts/400.eot);src:url(//co.hoonel.com/static-co/fonts/400.eot?#iefix) format("embedded-opentype"),url(//co.hoonel.com/static-co/fonts/400.woff) format("woff"),url(//co.hoonel.com/static-co/fonts/400.ttf) format("truetype"),url(//co.hoonel.com/static-co/fonts/400.woff2) format("woff2")}
@font-face{font-family:hoonel;font-weight:500;src:url(//co.hoonel.com/static-co/fonts/500.eot);src:url(//co.hoonel.com/static-co/fonts/500.eot?#iefix) format("embedded-opentype"),url(//co.hoonel.com/static-co/fonts/500.woff) format("woff"),url(//co.hoonel.com/static-co/fonts/500.ttf) format("truetype")}
@font-face{font-family:hoonel;font-weight:700;src:url(//co.hoonel.com/static-co/fonts/700.eot);src:url(//co.hoonel.com/static-co/fonts/700.eot?#iefix) format("embedded-opentype"),url(//co.hoonel.com/static-co/fonts/700.woff) format("woff"),url(//co.hoonel.com/static-co/fonts/700.ttf) format("truetype"),url(//co.hoonel.com/static-co/fonts/700.woff2) format("woff2")}
@font-face{font-family:hoonel;font-weight:800;src:url(//co.hoonel.com/static-co/fonts/800.eot);src:url(//co.hoonel.com/static-co/fonts/800.eot?#iefix) format("embedded-opentype"),url(//co.hoonel.com/static-co/fonts/800.woff) format("woff"),url(//co.hoonel.com/static-co/fonts/800.ttf) format("truetype")}
@font-face{font-family:hoonel;font-weight:900;src:url(//co.hoonel.com/static-co/fonts/900.eot);src:url(//co.hoonel.com/static-co/fonts/900.eot?#iefix) format("embedded-opentype"),url(//co.hoonel.com/static-co/fonts/900.woff) format("woff"),url(//co.hoonel.com/static-co/fonts/900.ttf) format("truetype")}
@font-face{font-family:hoonel;font-weight:950;src:url(//co.hoonel.com/static-co/fonts/950.eot);src:url(//co.hoonel.com/static-co/fonts/950.eot?#iefix) format("embedded-opentype"),url(//co.hoonel.com/static-co/fonts/950.woff) format("woff"),url(//co.hoonel.com/static-co/fonts/950.ttf) format("truetype")}
.sliddoted{width:120px;margin:-40px 575px 0;position:absolute;z-index:9}
.sliddot{cursor:pointer;height:11px;width:11px;border:2px solid #0078d4;margin:0 5px;background:#fff;border-radius:50%;display:inline-block;box-shadow:0 0 1px 1px #777;transition:background-color 0.6s ease}
.sliddot:hover{background:#777}.active.sliddot{background:#1679c3}