@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; direction:rtl; min-width:inherit!important; min-width:1003px; background:#FFF;}
img{ border:none}
ul,ol,li{ list-style:none; margin:0; padding:0;}
.clear{ width:0; clear:both; line-height:0px; font-size:0px;}
a{ text-decoration:none;}
table.table01{ width:98%;background:#ccc;}
table.table01 tr{ background:#fff;}
table.table01 tr.top01{ font-weight:bold; color:#333;}
table.table01 tr td{ padding:2px 3px;}
p{ margin-bottom:12px;}

/* top   */
#etw_header_languages{ width:100%; height:20px; text-align:center; color:#79797E; background:url(../images/top.jpg) repeat-x; line-height:20px; min-width:1003px;}
#etw_header_languages h5{ margin:0; padding:0; width:1003px; }
#etw_header_languages h5 a{ color:#79797E; width:1003px;}
#etw-top{ width:950px; height:auto; margin:0 auto;}
.banner{ width:950px; height:100px;}
.banner .logo{ width:94px; height:94px; margin-right:10px; margin-top:6px; float:right; display:block;}
.banner .company{ width:825px; height:94px; float:right; margin-top:6px; margin-right:10px; display:block;}
.banner .company .yy{ width:400px; height:20px; line-height:20px; float:left; text-align:left;}
.banner .company .yy a{ color:#333; float:right; margin-right:2px;}
.banner .company .yy a:hover{ color:#f00;}
.banner .company .company1{ width:825px; height:65px; color:#333; font-size:16px; line-height:30px; font-weight:bold; margin-top:5px;}
.banner .company .company1 span{ margin:0; padding:0; color:#696969; font-size:18px;}

/*下拉菜单  */

.vedio{ width:170px; height:55px; float:left; margin-left:10px; margin-bottom:10px}
.vedio img{ border:#eae8e9 3px solid}
.menu2 {width:410px;height:41px;float:left; display:block; margin-top:}
.menu2 li a.data{width:auto;height:41px;background:url(../images/data.jpg) no-repeat right top;padding-top:10px;color:#2C7EEE;float:left;padding-right:45px;font-weight:normal;font-weight:bold;}
.menu2 li a.index{width:auto;height:41px;background:url(../images/home.jpg) no-repeat right top;padding-top:10px;color:#FF7209;padding-right:45px;font-weight:normal;float:left;font-weight:bold;}
.menu2 li a.profile{width:auto;height:41px;background:url(../images/company.jpg) no-repeat right top;padding-top:10px;color:#306480;padding-right:45px;font-weight:normal;float:left;font-weight:bold;}
.menu2 li a.products{width:auto;height:41px;background:url(../images/pro.jpg) no-repeat right top;padding-top:10px;color:#339933;padding-right:45px;font-weight:normal;float:left;font-weight:bold;}
.menu2 li a.contactus{width:auto;height:41px;background:url(../images/contact.jpg) no-repeat right top;padding-top:10px;color:#AA47C6;padding-right:45px;font-weight:normal;float:left;font-weight:bold;}
.menu2 li.top {display:block;width:auto; height:23px;float:right; margin-right:2px;font-weight: bold; line-height:22px !important; line-height:21px;}
/*.menu2 li a.top_link {display:block; float:left; padding:0px 10px 0px 10px; background:url(../images/menubg.jpg) repeat-x; border:1px #15A4D0 solid; color:#000000; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block;}
.menu2 li a.top_link span.down {float:left; display:block;}
.menu2 li a.top_link:hover {color:#fff; }
.menu2 li a.top_link:hover span {}
.menu2 li a.top_link:hover span.down {}

.menu2 li:hover > a.top_link {color:#fff;}
.menu2 li:hover > a.top_link span {}
.menu2 li:hover > a.top_link span.down {}*/


/*edit by mysteo*/

.adbanner{ width:100%; height: 500px; background: url(../images/adbanner.jpg) no-repeat; background-size: 100% 100%; direction:rtl;}
.adbanner>.container{ width:950px;  margin: 0 auto; }
.etwads{ position: relative; }
.etwads>.etwadstitle{ position: absolute; left: 0; top: 480px; background: rgba(255,255,255,0.7); color: #000; font-family: 'ubuntu'; }
.etwads>.caption{position:absolute; right: 0; top: 70px; font-family: 'Comfortaa'; font-weight: bold; font-size: 26px; color:#1d351d; background: rgba(255,255,255,0.5); padding: 10px 10px 10px 5px;}
.etwads>.captionse{position:absolute; right: 0; top: 130px;font-family: 'Anton'; font-size: 26px; color:#12a79d; background: #fff; border-radius:0 25px 25px 0; padding: 0 20px 0 5px;}
.etwads>.etwadslinks{ list-style: none; padding: 0px; margin:0px;  position: absolute; left: 0; top: 160px;}
.etwads>.etwadslinks>ol{ width:20%; height: auto; text-align: center; border:8px solid #12a79d; background:rgba(255,255,255,0.7); transition: border 0.4s linear; -webkit-transition: border 0.4s linear; -moz-transition: border 0.4s linear; float: right;  margin:0% 1%;}
.etwads>.etwadslinks>ol:first-child{ margin:0%; }
.etwads>.etwadslinks>ol:hover{ border:8px solid #3f51b5; }
.etwads>.etwadslinks>ol>li>a>img{width:100%; height:auto;}
.etwads>.etwadslinks>ol>li>a{ display: inline-block; margin-bottom: 5px; color: #333;  }
/*edit by mysteo*/


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; }

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute;top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.menu2 :hover ul.sub {left:-115px; top:40px!important; *top:40px; _top:25px; background: #fff; padding:3px; border:1px solid #00780c; white-space:nowrap; width:205px; height:auto; z-index:300; padding-right:5px;}
.menu2 :hover ul.sub li { display:block;height:auto; line-height:20px; position:relative; float:left; width:205px; font-weight:normal; border-bottom: 1px dotted #a2a2a2;}
.menu2 :hover ul.sub li a { width:200px; padding-right:5px; color:#000; text-decoration:none; float:left; font-size:11px;}
/*.menu2 :hover ul.sub li a.fly {background:#fff url(../images/arrow.gif) right center no-repeat; height:auto; width:195px; display: block; text-align: left; }*/
.menu2 :hover ul.sub li a:hover {background:#00780c; color:#fff;font-weight:normal;}
/*.menu2 :hover ul.sub li a.fly:hover { color:#fff; background:#00780c url(../images/arrowhover.gif) right center no-repeat;}
.menu2 :hover ul li:hover > a.fly {color:#fff; background:#00780c url(../images/arrowhover.gif) right center no-repeat; width:195px; dispay: block; float: left; padding: 0 5px; text-align: left; } */
.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:200px; top:-4px; background: #fff; padding:3px; border:1px solid #00780c; width:200px; z-index:400; height:auto;}

.nav{width:950px;height:32px;float:left;}
.mainpro{ width:950px; height:27px; margin-top:1px;float:left;border-bottom:4px solid #336633;}
.mainpro ul{ width:950px; height:27px;}
.mainpro ul li{ width:230px; height:27px; float:right; margin-right:6px!important; *margin-right:6px; _margin-right:5px; line-height:27px;}
.mainpro ul li a{ width:230px; height:27px; display:block; background:url(../images/menu1.jpg) no-repeat; line-height:27px; text-align:center; color:#336633;}
.mainpro ul li.f a{ width:230px; height:27px; display:block; background:url(../images/menu.jpg) no-repeat; line-height:27px; text-align:center; color:#fff;}
.mainpro ul li a:hover{ background:url(../images/menu.jpg) no-repeat; color:#fff;}
.m{ width:950px;height:4px; background:#336633;float:left;}


/* main   */
#container{ width:950px; margin:0 auto; margin-top:3px; height:auto; overflow:hidden; background:#C2D5C2;}
.etw-left{ width:700px; padding:0 10px; float:left; background:#fff;}
.etw-left .title{ width:700px; height:30px; line-height:30px; text-align:right; color:#459E47; font-weight:bold; font-size:14px; background:url(../images/title.jpg) no-repeat right bottom;}
.etw-left .product{ width:700px; height:auto;}
.etw-left .product ul{ width:700px; height:95px; margin-top:8px; margin-bottom:8px;}
.etw-left .product ul li.pic{ width:140px; height:93px; padding:1px; float:right; border:#ccc solid 1px;}
.etw-left .product ul li.pic a{ width:140px; height:93px; }
.etw-left .product ul li.txt{ width:520px; height:95px; float:right; margin-right:5px; line-height:17px; text-align:right;}
.etw-left .product ul li.txt a{ width:520px; height:20px; line-height:19px; font-weight:bold; text-align:right; display:block; color:#f60;}
.etw-left .product ul li.txt a:hover{ color:#459E47;}
.quicklink{ width:700px; height:auto; line-height:18px; margin-top:8px; text-align:right; color:#333; border-bottom:#cdcdcd solid 1px; padding-bottom:3px;}
.quicklink a{ color:#f60;}
.quicklink a:hover{ text-decoration:underline;}
.quicklink1{ width:100%; height:auto; line-height:18px;text-align:right; color:#333; border-bottom:#cdcdcd solid 1px; padding-bottom:3px;background:#fff; }
.quicklink1 a{ color:#f60;padding-right:5px;}
.quicklink1 a:hover{ text-decoration:underline;}
.pro1{ width:700px; height:auto;}
.pro1 ul{ width:142px; height:135px; float:right; margin-right:15px; margin-top:8px; display:block;}
.pro1 ul li.pic1{ width:140px; height:93px; border:#ccc solid 1px;}
.pro1 ul li.pic1 a{ width:140px; height:93px;}
.pro1 ul li.n{ width:120px; height:auto; line-height:16px; text-align:center;}
.pro1 ul li.n a{ width:120px; line-height:16px; color:#333; text-align:center;}
.pro1 ul li.n1{ width:120px; height:auto; line-height:12px; text-align:center;}
.pro1 ul li.n1 a{ width:120px; line-height:12px; color:#333; text-align:center;}
.pro1 ul li.n a:hover{ color:#f60;}
.about{ width:690px; padding:8px 5px; line-height:20px; height:auto; text-align:right;}
.about span a{ color:#333;}
.about img.img01{ width:300px; height:auto; border:#ccc solid 1px; margin:8px auto; display:block;}
.about img.img02{ width:300px; height:200px; border:#ccc solid 1px; margin-top:8px; margin-bottom:8px; margin-right:15px; float:right;}
.about h2{ margin:0; padding:0; font-size:18px; color:#333; text-align:right;}
.about .pro2{ width:690px; height:auto;}
.about .pro2 a{ width:120px; height:80px; float:right; margin-right:15px; margin-top:10px;}
.about .pro2 a img{ border:#ccc solid 1px;}
.about .consulting{ width:500px; height:32px; float:left; margin-left:10px; padding:5px 0; text-align:left;}
.about .title2{ width:690px; height:30px; line-height:30px; text-align:right; color:#459E47; font-weight:bold; font-size:14px; background:url(../images/title.jpg) no-repeat right bottom; float:right;}
.about .p{ width:690px; height:auto;}
.about .p ul{ width:690px; height:auto; padding:8px 0;}
.about .p ul li{ width:330px; height:18px; line-height:18px; float:right; background:url(../images/arrow32312.gif) no-repeat right center;}
.about .p ul li a{ width:320px; padding-right:10px; line-height:18px; display:block; color:#333;}
.about .p ul li a:hover{ color:#f60;}
.about img.img1{ float:left; margin-left:5px; border:#ccc solid 1px; margin-top:5px;}
.about .img00 img{ border:#ccc solid 1px; margin-top:5px;}
.about .img00{ float:right; padding:0 5px;}
.about .pro3{ width:680px; height:auto;}
.about .pro3 img{ float:right; margin-right:12px; margin-top:10px; margin-bottom:5px; border:#ccc solid 1px;}
.p1{ width:218px; height:340px; background:#C2D5C2}



.etw-right{ width:218px; padding:0 6px; float:left;}
.etw-right ul{ width:218px; height:auto; background:#C2D5C2;}
.etw-right ul li.title01{ width:218px; height:35px; background:#060; line-height:30px; color:#fff; font-weight:bold; font-size:16px; text-align:center;}
.etw-right ul li.t{ width:218px; height:auto; line-height:18px; border-bottom:#E2E1E1 solid 1px;}
.etw-right ul li.t a{ width:213px; padding-right:5px; height:auto; line-height:18px; text-align:right; color:#333; font-weight:bold; display:block;}
.etw-right ul li.t a:hover{ color:#f60;}
.etw-right ul li.sma{ width:218px; height:auto; line-height:18px; border-bottom:#E2E1E1 dotted 1px;}
.etw-right ul li.sma a{ width:203px; height:auto; line-height:18px; text-align:right;  padding-right:15px;color:#333; font-weight:normal; display:block;}

.etw-right ul li.sma1{ width:218px; height:auto; line-height:18px; border-bottom:#E2E1E1 dotted 1px; background:url(../images/123.gif) no-repeat 200px center;}
.etw-right ul li.sma1 a{ width:193px; height:auto; line-height:18px; text-align:right;  padding-right:25px;color:#333; font-weight:normal; display:block;}

.etw-right ul li a.b{ color:#f00;}
.etw-right ul li.sma a:hover{ color:#f60;}
.etw-right .contact{ width:218px; height:38px; margin:0 auto; margin-top:15px; background:url(../images/contact1.jpg) no-repeat;}
.contact2 { float:right; margin-top:15px; height:auto;}
.contact2 img { border:4px solid #309835;}
.etw-right .contact a{ width:150px; height:35px; line-height:35px; padding-right:50px;font-size:18px; color:#f60; float:right; display:block; text-align:right;}
.etw-right .contact a:hover{ color:#459e47}

/*  bottom  */
#footer{ width:950px; margin:0 auto; height:auto; border-top:#ccc solid 1px; margin-top:3px; text-align:center; font-size:11px;}
.link{ width:950px; height:20px; line-height:20px; color:#333;}
.link a{ padding:0 5px; color:#333;}
.link a:hover{ color:#333;}
.address{ width:950px; height:20px; line-height:20px; color:#333;}
.address a{ font-weight:bold; color:#f60;}
.address a:hover{ text-decoration:underline;}
#otherlink{ width:250px; height:15px; margin:0 auto; margin-top:4px;}
#otherlink div{ float:right; margin-right:10px;}

.examplepro1 { float:right; width:300px; height:auto; border:1px solid #ccc; margin:3px 8px 0 0; padding:1px; }
.examplepro1 img { width:300px; height:auto; }
.titlepro { width:345px; height:auto; margin-top:0px; float:left; background:none; margin-left:8px; margin-bottom:6px;  }
.titlepro img { float:right; margin-right:2px; margin-top:10px; border:1px solid #978F8F; margin-left:2px;}
.img01{ width:660px; height:auto; margin:0 auto; padding:0px; text-align:center; margin-bottom:5px;}
.img01 img{border:1px solid #cccccc; margin-left:20px;}
#etw_set_feedback_form{width:99%;height:auto;float:right;border:1px solid #CFD8E1;text-align:center;margin:8px auto;}
#etw_form_title{width:99%;line-height:22px; margin:0 auto; background:#EAEFF2;font-weight:bold;padding-right:5px;text-align:right}


#form1{ width:550px; height:auto; float:right; margin-left:18px!important; margin-left:9px; }
.pname{width:95%; height:auto; float:right; padding-right:8px; text-align:right;}
.pname a {color:#06C; font-weight:bold;  text-decoration:underline; line-height:25px;} 

.repros{width:99%;height:auto;float:right;border:1px solid #CFD8E1; margin:8px auto;}
.relate{width:99%; line-height:22px; margin:0 auto; background:#EAEFF2; font-weight:bold; padding-left:right; text-align:right}
.jslink{ float:right; width:100%;}
.jslink a{ float:right; width:32%; color:#000; background:#F9F9F9; list-style:20px; padding-right:5px; margin:1px;}
.jslink a.dq{ color:#0099CC;  text-decoration:underline;}

.sitemap { width:100%; height:auto; float:right;background:#fff;}
.sitemap ul li.bigpro, .sitemap ul li{ float:right; width:100%;}
.sitemap ul li.bigpro a{   font-weight:bold; text-decoration:none;}
.sitemap ul li a{color:#069; text-decoration:underline;} 
.sitemap ul li.s{ float:right;  width:48%;  }
.sitemap ul li.s a{color:#630;  text-decoration:underline;}
.right_video{width:49%;float:right}
.etw_video{width:100%;overflow:hidden;position:relative;margin:0px auto 10px auto;height:140px;float:left;background:url(../images/video.jpg) no-repeat center;background-size:cover;border:1px solid #333;max-width:600px}
.contentpro>.etw_video{left:20%}
.etw_video a{top:24%;font-size:20px;color:#fff;position:absolute;left:0;right:0;margin:auto;text-align:center;text-shadow:2px 2px 2px #000}
.etw_video a span{padding:7px 0 0 5px;display:block;margin:0 auto 20px auto;border-radius:50%;border:2px solid #fff;width:50px;color:#fff;height:50px;font-size:30px;position:relative}
.glyphicon-play:before{content:" ";position:absolute;width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:28px solid #fff;left:18px}
.etw_video img{max-width:150%}
.etw_video a:hover span{color:#c9000a;border-color:#c9000a;}
.etw_video a:hover{color:#c9000a}
.etw_video a:hover .glyphicon-play:before{border-left:28px solid #c9000a}
.etw_video1{left: 20%;}