@charset "utf-8";
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0; margin:0 auto; background:url(../images/tbg.jpg) top repeat-x #fff; text-align:left; }
a { text-decoration: none; }
a img { border:none; }
ul { display:block; margin:0; padding:0; }
ol { display:block; margin:0; padding:0; }
li { display:block; list-style:none; }
* { margin:0px; padding:0px; }
p{ margin-bottom:12px;}
.iimg{ border:1px solid #ccc;margin-right:5px; }
.clear { clear:both; width:0px; height:0px; margin:0; padding:0; line-height:0;}
#myshowinfo { width:500px; height: auto; float: left; margin: 0 auto; margin-left: 10px; margin-top: 5px; line-height: 22px; }
#myshowinfo a { color:#ff6600; }
#myshowinfo a:hover { text-decoration:underline; color:#ff0000; }
.table01 { width:98%; background:#ccc; height:auto; margin-bottom:6px; }
.table01 tr { background:#fff; padding-left:3px; }
.table01 tr.ys { font-weight:bold; color:#333; }
.table01 td { padding-left:3px; }
.bgzj { margin-left:3px; }
#video_about{width:100%;max-width:720px;overflow:hidden;position:relative;border:1px solid #ccc;margin:20px auto;height:140px;    background: url(../images/video.jpg) no-repeat center;}
#video{width:100%; overflow:hidden; float:right; position:relative; margin-top:10px}
#home_video{ width:24%;max-width:480px; float:right; height:200px; border:4px solid #eee; margin-top:10px;position:relative; overflow:hidden;}
#video img{border:4px solid #eee;overflow:hidden}
#video_about img{position:absolute;top:-200px}
#video a,#video_about a,#home_video a{position:absolute;display:block;top:24%;z-index:6;text-align:center;width:100%;font-size:24px;text-shadow:#000 0 1px 5px;color:#fff}
.glyphicon:before{
	content:"";
	display:block;
      width: 0px;
    height: 0px;
margin-left: 10px;
     border-top: 15px solid transparent;
    border-left: 25px solid #fff;
    border-bottom: 15px solid transparent;margin:0 auto;margin-top: 7px;
}
#video_about a:hover .glyphicon::before{color:#89d90c; border-left: 25px solid #89d90c!important;}
#video a:hover,#video_about a:hover,#home_video a:hover{color:#89d90c;}
#video a span,#video_about a span,#home_video a span{    padding: 7px 0 0 5px;display: block;margin: 0 auto 15px auto;border-radius: 50%; border: 2px solid #fff; width: 50px;
color: #fff;height: 50px;font-size: 30px;}
#video a:hover,#home_video a:hover span{color:#89d90c; border: 2px solid #89d90c;}
#video_about a:hover span{color:#89d90c;border: 2px solid #89d90c; }
.pro_video{width:90%;height:24px;background:url(../images/video_bg2.jpg) no-repeat right,url(../images/video_bg1.jpg) no-repeat left;position:absolute;bottom:30px;left:5%}
#header { width:914px; height:auto; margin: 0 auto; }
#etw_header { width:914px; height:28px; margin: 0px auto; display: block; }
#etw_header #etw_header_languages { width:914px; height:28px; float:left; }
#etw_header #etw_header_languages h5 {color: #79797E;  text-align:center; margin:0 auto; height:28px;   }
#etw_header #etw_header_languages h5 a {color:#79797E; line-height:28px; letter-spacing:-1px;  }
#header .banner { /*height:94px; */ height:auto; width:914px; background:url(../images/banner.jpg) left top no-repeat #fff; float:left; }
.banner .lu { width:45%; float:right; height:20px; margin-top:3px; }
.banner .lu ul { margin-top:1px; float:right; width:100%; }
.banner .lu ul li { float:left; margin-top:1px; width:auto; margin-left:4px; }
.banner .lu ul li a { color:#000; text-decoration:none; height:20px; line-height:19px; }
.banner .lu ul li a:hover { color:#000; }
.banner .lu ul li img { border:none; }
.banner .font { width:530px; height:auto; margin-left:120px; font-size:15px; color:#333; margin-top:3px; text-align: left; font-weight: bold; float:left; _margin-left:60px; }
.banner span{ width:790px; margin-left:120px; height:25px; line-height:25px; font-size:15px; font-family:"Times New Roman", Times, serif; color:#333; float:left; _margin-left:60px; display:block; font-weight:bold;  }

#etw_menua { width:914px; height:28px; background:#fff; border-bottom:8px solid #336633;  float:left; margin-top:5px!important; _margin-top:0px; *margin-top:0px; font-size:11px;}
#etw_menua ul { margin:0; padding:0; display:block; }
#etw_menua ul li { float:left; line-height:28px; text-align:center; }
#etw_menua ul li.a1 { width:290px; background:url(../images/af1.jpg) no-repeat; text-decoration:none; margin-left:3px; line-height: 14px; }
#etw_menua ul li.a1 a { width:290px; line-height:28px; color:#336633;line-height: 14px; }
#etw_menua ul li.a2 { width:175px; background:url(../images/af2.jpg) no-repeat; text-decoration:none; margin-left:3px;line-height: 14px; height: 28px; }
#etw_menua ul li.a2 a { width:175px; line-height:28px; color:#336633; line-height: 14px;}
#etw_menua ul li.a3 { width:210px; background:url(../images/af3.jpg) no-repeat; text-decoration:none; margin-left:3px;}
#etw_menua ul li.a3 a { width:210px; line-height:28px; color:#336633; }

#etw_menua ul li.a5 { width:210px; background:url(../images/af3.jpg) no-repeat; text-decoration:none; margin-left:3px; line-height:28px; }
#etw_menua ul li.a5 a { width:210px; line-height:14px; color:#336633; display:block; }

#etw_menua ul li.a4 { width:150px; background:url(../images/af4.jpg) no-repeat; text-decoration:none; margin-left:3px; line-height:28px; }
#etw_menua ul li.a4 a { width:150px; line-height:28px; color:#336633; }
#etw_menua ul li.dq { width:290px; background:url(../images/a1.jpg) no-repeat; text-decoration:none; margin-left:5px; line-height: 14px;}
#etw_menua ul li.dq a { width:290px; color:#fff;line-height: 14px; }
#etw_menua ul li.dq1 { width:175px; background:url(../images/a2.jpg) no-repeat; text-decoration:none; margin-left:5px; line-height: 14px; }
#etw_menua ul li.dq1 a { width:175px; color:#fff; line-height: 14px;}
#etw_menua ul li.dq3 { width:210px; background:url(../images/a3.jpg) no-repeat; text-decoration:none; margin-left:5px; }
#etw_menua ul li.dq3 a { width:210px; color:#fff; }

#etw_menua ul li.dq5 { width:210px; background:url(../images/a3.jpg) no-repeat; text-decoration:none; margin-left:5px; }
#etw_menua ul li.dq5 a { width:210px; color:#fff; line-height:14px; display:block; }

#etw_menua ul li.dq4 { width:150px; background:url(../images/a4.jpg) no-repeat; text-decoration:none; margin-left:5px; }
#etw_menua ul li.dq4 a { width:150px; color:#fff; }
.vedio{ width:170px; height:55px; float:right; margin-top:15px}
.vedio img{ border:#eae8e9 3px solid}
#menu { width:450px; height:40px; margin:5px 0 5px 0px; padding-left:280px;   float:left; 
}
#menu ul { width:450px;  float:left;  }
#menu ul li { width:102px; float:left; text-align:center; font-weight:bold; height:40px; padding-left:3px; }
#menu ul li a { display:block; text-decoration:none; }
#menu ul li.m1 {
	width:120px;
	background:url(../images/mu1.jpg) left center no-repeat;
}
#menu ul li.m1 a { color:#3383EE; padding:10px 0 0 38px; line-height:17px; }
#menu ul li.m2 {
	width:100px;
	background:url(../images/mu2.jpg) left center no-repeat;
}
#menu ul li.m2 a { color:#FA8A28; padding:10px 0 0 40px; line-height:17px; }
#menu ul li.m3 { width:100px; background:url(../images/mu3.jpg) left center no-repeat; }
#menu ul li.m3 a { color:#5592B1; padding:10px 0 0 36px; line-height:17px; }
#menu ul li.m4 { width:105px; background:url(../images/mu4.jpg) left center no-repeat;}
#menu ul li.m4 a { color:#46B34A; padding:0px 0 0 6px; line-height:40px; }
#menu ul li.m5 { width:90px; background:url(../images/mu5.jpg) left center no-repeat; }
#menu ul li.m5 a { color:#CD6F6F; padding:10px 0 0 38px; line-height:17px; }
#menu ul li.m6 {
	width:120px;
	background:url(../images/mu6.jpg) left center no-repeat;
}
#menu ul li.m6 a { color:#AB4DBD; padding:10px 0 0 40px; line-height:17px; }
#menu ul li.m7 { width:90px; background:url(../images/mu7.jpg) left center no-repeat; }
#menu ul li.m7 a { color:#909090; padding-left:30px; line-height:17px; }
#menu ul li a:hover { height:22px; display:block; text-decoration:none; }
#menu ul a:hover { visibility:visible; position:relative; z-index:200; }
#menu ul li:hover { position:relative; z-index:200; }
#menu ul ul, #menu ul :hover ul ul, #menu ul :hover ul :hover ul ul { position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; }
#menu ul :hover ul.sub { left:-10px; top:30px; height:auto; font-size:12px; font-weight:normal; }
#menu ul :hover ul.sub li { font-size:12px; height:auto; width:174px; border-bottom: 1px solid #72D475; text-align:left; font-weight:normal; background:#46B34A; }
#menu ul :hover ul.sub li a { height:auto; font-weight:normal; color:#fff; line-height:18px; text-align:left; }
#menu ul :hover ul.sub li a:hover { display:block; height:auto; float:left; text-align:left; font-weight:normal; line-height:18px; color:#ff6600; }
/*--------main------*/
#container { width:914px; margin:0px auto; height: auto; background: #fff; }
.container{ width:914px; margin:0px auto; height: auto;  }
.adbanner{ width:100%; height: 500px; background: url(../images/adbanner.jpg) no-repeat; background-size: 100% 100%; }
.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; left: 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; left: 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: 200px;}
.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: left;  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;  }
#etw_left { width:237px; float:left; margin-left:2px; color: #fff; margin-top:7px; height: auto; }
#etw_left .title { width:237px; height:28px; float:left; line-height:28px; background: url(../images/t.jpg) no-repeat; text-align:center; font-weight:bold;}
#etw_left #menu1 { font-size:11px; color:#000; width:237px; background:#C2D5C2; margin:2px 0 0 0; padding:0; clear:both; }
#menu1 li { border-bottom:1px solid #E2E1E1; line-height:22px; height:auto; display:block; }
#menu1 li a { color:#000; display:block; background: url(../images/mmm.gif) no-repeat left center; padding-left:22px; font-weight:bold; }
#menu1 li.b { border-bottom:1px solid #E2E1E1; line-height:22px; height:auto; display:block; }
#menu1 li.b a { color:#000; display:block; background: url(../images/mmm.gif) no-repeat 0px 7px; padding-left:22px; font-weight:bold; }
#menu1 li.dangqian-b { border-bottom:1px solid #E2E1E1; line-height:22px; height:auto; display:block; }
#menu1 li.dangqian-b a { color:#ff6600; display:block; background: url(../images/mmm.gif) no-repeat 0px 7px; padding-left:22px; font-weight:bold; }
#menu1 li.b a:hover { color:#ff6600; text-decoration:none; }
#menu1 li.dangqian { padding-left:12px; display:block; font-weight:normal; line-height:20px; }
#menu1 li.dangqian a { display:block; color:#ff6600; font-weight:normal; background:url(../images/k.gif) no-repeat 0px 7px; }
#menu1 a:hover { visibility:visible; position:relative; z-index:200; }
#menu1 li:hover { position:relative; z-index:200; }
#menu1 li.li_small2 { padding-left:12px; display:block; font-weight:normal; line-height:20px; }
#menu1 li.li_small2 a { display:block; color:#000; font-weight:normal; background:url(../images/k.gif) no-repeat 0px 7px; }
#menu1 li.li_small2 a:hover { text-decoration:none; color:#ff6600; }
.lbys { color:#960507; }
.contact_title { width:235px; height:100px; margin-top:15px; }
.contact_title .wz { color:#333; width:232px; margin:0 auto; height:23px; line-height:23px; font-size:12px; font-weight:bold; text-align:center; margin-bottom:2px; background:url(../images/wz.jpg) bottom center no-repeat; }
.contact_title .tp { background:url(../images/ctt.jpg) no-repeat; width:205px; height:75px; margin-left:15px; }
.contact2 { float:left; height:auto;}
.contact2 img { border:4px solid #309835;}
#etw_left .contact { width:200px; height:auto; padding:3px 9px 10px 20px; font-size:12px; color:#000; line-height:19px; float:left; }
#etw_left .contact .jl { margin-left:24px; }
#etw_left .contact .ys { color:#09138D; }
#etw_left .contact .ys a{color:#09138D;}
/*--------right-------*/
#etw_right { width:673px; float: left; padding-left:0; background:#fff; height: auto; margin-top:7px; }
#etw_right #about_pic { width:659px; height: 109px; background:url(../images/about.jpg) no-repeat; margin-top: 0px; margin-left: 10px; }
#etw_right #about_pic div { width:560px; padding-left:10px; padding-top:50px; color: #E50003; font-size: 19px; font-weight: bold; text-align: center; }
.about_title1ct { width:600px; height:24px; background:url(../images/about_line1.jpg) bottom no-repeat; padding-left: 15px; line-height: 20px; color: #E50003; font-size: 12px; font-weight: bold; float:left; }
#about_title1 { width:663px; height:auto; background:url(../images/about_line1.jpg) bottom no-repeat; padding-left: 10px; line-height: 21px; color:#000; font-size:11px; font-weight:normal; padding-bottom:8px; }
#about_title1 a { color: #000; font-size: 11px; text-decoration:underline; }
#about_title1 a:hover { color:#E50003; text-decoration: underline; }
#about_titlem3 { width:654px; height:auto; padding-left:14px; line-height: 21px; color:#5592B1; font-size:12px; font-weight: bold; padding-bottom:8px; }
#about_titlem5 { width:654px; height:auto; padding-left:14px; line-height: 21px; color:#CD6F6F; font-size:12px; font-weight: bold; padding-bottom:8px; }
#about_titlem5 a { color:#CD6F6F; text-decoration:none; }
#about_titlem6 { width:654px; height:auto; padding-left:14px; line-height: 21px; color:#AB4DBD; font-size:12px; font-weight: bold; padding-bottom:8px; }
#about_titlem7 { width:654px; height:auto; padding-left:14px; line-height: 21px; color:#909090; font-size:12px; font-weight: bold; padding-bottom:8px; }
#right #product_title { width:649px; height:25px; background:url(../images/about_line2.jpg) bottom no-repeat; padding-left: 12px; line-height: 21px; color:#09138D; font-size: 12px; font-weight: bold; margin-top: 0px; }
#right { width:659px; background:#ffffff; margin-left: 8px; height:auto; overflow:hidden;}
#text1 { width:660px; height:auto; padding:0px 5px 5px px; font-size: 11px; line-height: 19px; color:#333; font-weight: normal; }
#text1 img { border:none; margin:0; padding:0px; float:none; }
#company1 { width:640px; height:auto; padding:0px 5px 5px 13px; font-size: 11px; line-height: 19px; color:#333; font-weight: normal; }
#company1 .jl { margin-left:24px; }
#company1 .ys { color:#09138D; }
#company1 a { color:#ff0000; }
#textsy { width:640px; height:auto; padding:0px 5px 5px 13px; font-size:12px; line-height: 19px; color:#333; font-weight: normal; background:#F7F6F7; border-bottom:1px solid #CAD5C8;}
#textsy a { color:#333; text-decoration:none; }
#textsy a:hover { color:#333; text-decoration:none; }
#text { width:640px; height:auto; padding:0px 5px 5px 13px; font-size: 12px; line-height: 19px; color:#333; font-weight: normal; }
#text h2{ width:640px; height:25px; font-size:16px; line-height:25px; color: #333;text-align:left; }
#text .sz { font-size:12px; font-weight:bold; }
.fj { margin-left:125px!important; margin-left:62px; float:left; display:block; }

.tu{ width:100%; height:auto; float:left; text-align:center;}
.tu img{border:1px solid #ccc; margin-right:8px;}
#text img {  margin:0; padding:0px; float:none; }
#text .imgcu { border:none; margin:0; padding:0; float:right; }
#text .img1 { border:1px solid #ccc; margin:2px 0 2px 170px; float:left; padding:1px; }
#text .imgab { border:1px solid #ccc; margin:2px 4px 2px 5px; float:left; padding:1px; }
#text .imgab1 { border:1px solid #ccc; margin:2px 2px 2px 5px; float:right; padding:1px; }
#text .imga1 { border:1px solid #ccc; margin:2px 2px 2px 2px; float:left; padding:1px; }
#text .more { width:50px; text-align:left; height:20px; line-height:19px; font-weight:bold; float:right; }
#text .more a { color:#ff6600; text-decoration:none; }
#text .more a:hover { color:#000; text-decoration:none; }
#text .xin { width:96%; float:left; height:23px; line-height:23px; margin:3px 0px; padding:0; }
#text .xin img { float:none; border:none; margin:0; padding:0; }
#text .xin a { color:#ff6600; text-decoration:none; }
#text .xin a:hover { color:#ff0000; text-decoration:none; }

#right #pro { width:659px; height:auto; float:left; }
#right #pro ul { margin:0; padding:0; }
#right #pro ul li { width:655px; height:116px; border-bottom:1px solid #EBF0EA; }
#right #pro ul li ol { width: 650px; border:none; height:auto; }
#right #pro ul li ol li { width:150px; float:left; margin:15px 5px 0px 3px; height:auto; text-align:left; }
#right #pro ul li ol li img { border:1px solid #cccccc; padding:1px; }
#right #pro ul li ol li.list { width:465px; font-size:12px; border:none; padding:1px 0px 0px 5px; line-height:19px; margin-left: 5px; color:#333; }
#right #pro ul li ol li.list a { display:block; clear:both; text-decoration:none; height:auto; color:#ff6600; font-weight:bold; }
#right #pro ul li ol li.list a:hover { color:#333; }
#footer {font-size:11px; width: 914px; margin:0px auto; height:auto; background:#fff; border-top:1px solid #336633; color: #999; }
#link { width:100%; height:18px; line-height:18px; margin-top:0px; text-align:center; color:#333;}
#link  a{color:#333;}
#link  a:hover{ text-decoration:none; color:#000; }
#mmmeu { width:100%; height:23px; line-height:21px;  margin-top:0px; text-align:center; color:#333;}
#mmmeu  a{color:#333; padding:0 4px; }
#mmmeu  a:hover{ text-decoration:none; color:#000; }
#footer #pageaddress { width:90%; height:20px; line-height:17px; text-align:center; color:#999; margin: 0 auto; padding-bottom:3px; }
#footer #pageaddress a { color:#ff0000; }
#footer #otherlink { width:300px; margin:0 auto; }
#footer #otherlink div { float:left; width:auto; margin-left:10px; text-align:center; margin-top:3px; height:13px; line-height:13px; }
#footer #otherlink div a img { border:none; }
#footer #otherlink div a { text-decoration:none; color:#fff; font-weight:bold; }
.consulting { float:right; width:96%; height:33px; text-align:right; clear:both; }
.consulting img { float:right; border:none; }
.otherpro { width:98%; height:auto; margin:0px auto; }
.otherpro ul { width:100%; height:auto; }
.otherpro ul li { width:141px; float:left; padding:0px; margin:5px 10px 5px 10px;_margin:5px 5px 5px 5px; display:inline-block; text-align:center; }
.otherpro ul li img { display:block; border:1px solid #ccc; }
.otherpro ul li a { color:#025cb0; text-decoration:none; text-align:center; }
.otherpro ul li a:hover { color:#ff6600; text-decoration:none; }
.pro { width:230px; float:right; margin-top:6px; margin-bottom:1px; }
.change { width:615px; background:url(../images/4.gif) left center no-repeat; color:#000; font-weight: bold; line-height:21px; clear: both; margin:3px 0 0 12px; border-bottom:1px solid #c2d5c2; height:21px; padding-left:18px; }
.change1 { font-size:11px; width:615px; background:url(../images/a.jpg) left center no-repeat; color:#000; font-weight: bold; line-height:21px; clear: both; margin:3px 0 0 12px; border-bottom:1px solid #c2d5c2; height:21px; padding-left:18px; }
.change1 a { color:#333; text-decoration:none; }
.change1 a:hover { color:#ff6600; text-decoration:none; }
.titlepro { width:345px; height:auto; margin-top:0px; float:left; background:none; margin-left:8px; margin-bottom:6px;  }
.titlepro img { float:left; margin-right:2px; margin-top:10px; border:1px solid #978F8F; margin-left:2px;}
.examplepro1 { float:left; width:300px; height:auto; border:1px solid #ccc; margin:3px 0 0 8px; padding:1px; }
.examplepro1 img { width:300px; height:auto; }

.img01{ width:630px; height:auto; margin:0 auto;  padding:0px; text-align:center;}
.img01 img{border:1px solid #cccccc;margin:3px 10px;}
#etw_set_feedback_form{width:99%;height:auto;float:left;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-left:5px;text-align:left}
#form1{ width:550px; height:auto; float:left; margin-left:18px!important; margin-left:9px; }

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

.jslink1{ float:left; width:100%;}
.jslink1 a{ float:left; width:45%; color:#000; background:#F9F9F9; list-style:20px; padding-left:5px; margin:1px;}
.jslink1 a.dq{ color:#0099CC;  text-decoration:underline;}

.sitemap { width:99%; height:auto; float:left; padding-left:8px;}
.sitemap ul li.bigpro, .sitemap ul li{ float:left; 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:left;  width:48%;  }
.sitemap ul li.s a{color:#630;  text-decoration:underline;} 

.pname{width:95%; height:auto; float:left; padding-left:8px;}
.pname a {color:#06C; font-weight:bold;  text-decoration:underline; line-height:25px;}