﻿.clearfix {display: inline-block;}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
html{color:#666;background:#fff;overflow:auto;overflow-y:scroll;height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%; z-index:-1;}
input.text{line-height:18px;height:13px;}
legend{color:#000;}
br{letter-spacing:0px;}
a{text-decoration:none;}

p{margin:0 0 20px 0;line-height:22px;}
.center{margin:0px auto;}
.central{text-align:center !important;}
.left{float:left;}
.right{float:right;}
.textleft{ text-align:left; }
.textright{ text-align:right; }
.middle{vertical-align:middle;}
.clear{float:none; clear:both;font-size:0px;line-height:0px;height:0px; min-height:0px; padding:0px; margin:0px; overflow:hidden;}
.hide{display:none;}
.master{width:1000px;}
.hr{height:1px;line-height:0px;font-size:0px;border-top:solid 1px #f1f1f1;margin-top:10px;}
.inline{ display:inline; }
.hand{cursor:pointer;}
a{ outline:none; color:#069; }
a img{border:none;}
a:hover{ text-decoration:underline; }

body{ font-size:12px; font-family:Arial, "宋体",Helvetica, sans-serif; background-color:#fff; line-height:22px; }
#wrapper {background:#FFFFFF none repeat scroll 0 0;width:100%;}
#container{width:1000px; margin:0 auto;}
.bound{ width:980px; overflow:hidden; margin:0 auto;}
.clear_head{width:986px;}
a.expand { display:block; float:right; font-size:12px; height:18px; line-height:18px; vertical-align:middle; *width:90px; width:auto !important; }
img.iconTick{ margin-left:5px; vertical-align: middle; }
span.HighlightSearch {font-weight:bold;}

#header{ height:80px;  min-width:1000px; width:auto !important; margin:0px auto; }
#logo{ float:left; margin-top:9px; }
#header .topnav{ float:right; margin-top:25px; }
#header .topnav div{ float:left;padding-left:1px; }
#header .topnav div a{ color:#666; }
#header .topnav a.changeCh{ color:#006699; text-decoration:underline;}
#header .topnav div.log a{ padding:0 8px; cursor:pointer;}
#header #worldWide{padding-right:4px;}
#header img.arrow{padding-right:8px;}
#header .topnav div.sep{ background:url(evopute_l.gif) no-repeat; width:1px; height:11px; margin-top:3px; }
#header .topnav .search, .support .search{ background:url(evopute_000512.png) no-repeat; height:19px; padding-left:9px;/*position:relative;*/}

#header .topnav input, .support input{ vertical-align:top; height:19px; }
#header .topnav input.text, .support input.text{ background:url(evopute_000510.jpg) repeat-x; border:none; float: left; padding:0px 3px 0px 0px; }
#header .topnav #searchButton, .support #searchButton{ background-image:url(evopute_000477.gif); background-repeat:no-repeat; border:none; float: left; width:29px; height:19px; line-height:0px; background-position: -58px 0;}
#header .topnav #searchButton:hover, .support #searchButton:hover{ background-position: -58px -19px; }
#header .topnav #support_ssUserText, .support #support_ssUserText {vertical-align:top; height:15px;width:185px; }
#header .topnav #group_searchButton, .support #group_searchButton{ background-image:url(evopute_000477.gif); background-repeat:no-repeat; border:none; float: right; width:25px; height:19px; line-height:0px; background-position: -33px 0;}

#header .topnav .evoputeTEL{position: absolute;top:40px;left:670px;*left:650px;background:url(TPtel.gif) no-repeat;height:30px;width:322px;}

#menu{  height:46px;float:left; min-width:1000px; width:999px; margin-left:1px; width:auto !important;}
#menu li{float:left; position:relative; top:-5px;}
#menu a{float:left; display:block; height:37px;_height:30px;; background-position:0 0; text-decoration:none;  color:#666666; font-size:14px; font-weight:bold; text-align:center; padding-top:16px;}

#menu li.home a,#menu li.jobs a,#menu li.contact a{ width:120px; background-position:-352px 0px; margin-right: 14px; background-image:url(menus.jpg);}
#menu li.home a.hover,#menu li.jobs a.hover,#menu li.contact a.hover{ background-position:0px -52px; padding-top: 15px;color:#bb0000;}
#menu li.home a.active,#menu li.jobs a.active,#menu li.contact a.active{color:#990000;} 

#menu li.aboutus a{ width:125px; background-position:-352px 0px; margin-right: 14px; }
#menu li.aboutus a.hover{ background-position:0px -52px; padding-top: 15px;color:#bb0000;}
#menu li.aboutus a.active{color:#990000;} 

#menu li.solutions_products a{ width:149px; background-position:-352px 0px;}
#menu li.solutions_products a.hover{ background-position:0px -52px; padding-top:15px; color:#bb0000;}
#menu li.solutions_products a.active{color:#990000;} 

#menu li.news a{ width:149px; background-position:-471px 0px;}
#menu li.news a.hover{ background-position:0px -52px; padding-top:15px; color:#bb0000;}
#menu li.news a.active{color:#990000;}
.news #support_ssUserText {float:left;}
.news #group_searchButton {float:left;}

#menu li.service a{ width:142px; background-position:-471px 0px;}
#menu li.service a.hover{ background-position:0px -52px; padding-top:15px; color:#bb0000;}
#menu li.service a.active{color:#990000;}

#menu li.job a{ width:151px; background-position:-235px 0px;}
#menu li.job a.hover{ background-position:0px 0px; padding-top:16px; color:#bb0000;}
#menu li.job a.active{color:#990000;}


.topabout{background:url(ico.gif) no-repeat ;padding-left: 8px;background-position: 0 -8px; }

#menu-popup{z-index:99; position:absolute; top:-1000px;}
#menu-popup .popup { position:absolute; background-repeat:no-repeat; }
#menu-popup div.title{ margin-bottom:8px;}
#menu-popup div.title a { color:#B60005; font-size:14px; margin-bottom:5px; font-weight:bold;}

#menu-popup .aboutus{ background:url(../images/script_02.gif) no-repeat right -2px; padding-right:10px; left:-2px; top:-2px; width:960px;_left:10px;}
#menu-popup .aboutus .menu_content{ background:url(aboutus.png) no-repeat left -2px; background-position:0px -275px; padding-top:28px;height: 280px;}
#menu-popup .aboutus .menu_content div {padding-left:20px;}
#menu-popup .aboutus .menu_content div ul{float:left; padding-left:20px;}
#menu-popup .aboutus .menu_content div li{line-height:22px; white-space:nowrap;}
#menu-popup .aboutus .menu_content div li a{color:#333;}
#menu-popup .aboutus .menu_content div ul.aboutevopute{width:240px; border-right:#ccc solid 1px; height: 227px;}
#menu-popup .aboutus .menu_content div ul.aboutevopute li{ font-size:12px; font-weight:100;text-indent:10px; line-height:32px;float:left;width:100px}
#menu-popup .aboutus .menu_content div ul.m_box{padding-left:40px; width:300px; border-right:#ccc solid 1px; border-left:#fff solid 1px; height: 227px;}
#menu-popup .aboutus .menu_content div ul.m_box li.title{font-weight:bold; margin-top:5px;margin-top:10px \9; }
#menu-popup .aboutus .menu_content div ul.m_box div{width:259px;font-weight:normal;}
#menu-popup .aboutus .menu_content div ul.r_box{padding-left:40px; width:290px; border-left:#fff solid 1px;}
#menu-popup .aboutus .menu_content div ul.r_box div{font-weight:normal;}
#menu-popup .aboutus .menu_content div ul.r_box div li{color:#666; padding-left:10px; white-space:normal;width: 270px;}
#menu-popup .aboutus .menu_content div ul.m_box div ul{padding-left:0px;}
#menu-popup .aboutus .menu_content div ul.m_box div li{white-space:normal; padding-left:0px;}
#menu-popup .aboutus .menu_content div ul.r_box div li a{color:#069;}
#menu-popup .aboutus .menu_content div ul.r_box li.title{font-weight:bold;margin-top:5px;margin-top:10px \9;}

#menu-popup .solutions_products{ background:url(../images/script3_03.gif) no-repeat right -2px; padding-right:10px; left:-2px; top:-2px; width:960px;_left:20px;}
#menu-popup .solutions_products .menu_content{height:380px; background:url(product.png) no-repeat left -2px; background-position:0px -366px; padding-top:28px;}
#menu-popup .solutions_products .menu_content div {padding-left:5px;}
#menu-popup .solutions_products .menu_content div ul{float:left; padding-left:30px;}
#menu-popup .solutions_products .menu_content div li{line-height:24px; white-space:nowrap;}
#menu-popup .solutions_products .menu_content div li a{color:#666;}
#menu-popup .solutions_products .menu_content div ul.prosort{width:420px; border-right:#ccc solid 0px; height:310px;}
#menu-popup .solutions_products .menu_content div ul.prosort li.title_h1 a{color:#bb0000; font-size:16px; font-weight:bold;}
#menu-popup .solutions_products .menu_content div ul.prosort li.title_h2,#menu-popup .solutions_products .menu_content .prosort_2row li.title_h2{padding:14px 0px 8px 0px;}
#menu-popup .solutions_products .menu_content div ul.prosort li.title_h2 a,#menu-popup .solutions_products .menu_content .prosort_2row li.title_h2 a{color:#333333; font-size:14px; font-weight:bold;}
#menu-popup .solutions_products .menu_content div ul.proclass{width:420px; height:310px; border-right:#ccc solid 0px; border-left:#fff solid 0px;}
#menu-popup .solutions_products .menu_content div ul.proclass li.title_h1 a{color:#bb0000; font-size:16px; font-weight:bold;}
#menu-popup .solutions_products .menu_content div ul.proclass li.title_h2,#menu-popup .solutions_products .menu_content .proclass_2row li.title_h2{padding:14px 0px 8px 0px;}
#menu-popup .solutions_products .menu_content div ul.proclass li.title_h2 a,#menu-popup .solutions_products .menu_content .proclass_2row li.title_h2 a{color:#333333; font-size:14px; font-weight:bold;}
#menu-popup .solutions_products .menu_content div ul.proclass li.indie{/*background:url() no-repeat;*/padding-left:5px;margin-left: -5px; }
#menu-popup .solutions_products .menu_content div ul.device{width:220px; border-left:#fff solid 1px;}
#menu-popup .solutions_products .menu_content div ul.device li.title_h1 a{color:#bb0000; font-size:16px; font-weight:bold;}
#menu-popup .solutions_products .consumers_1row, #menu-popup .solutions_products .consumers_2row,#menu-popup .solutions_products .proclass_2row,#menu-popup .solutions_products .prosort_2row{position:absolute;}
#menu-popup .solutions_products .consumers_1row{right:212px; top:230px;}
#menu-popup .solutions_products .consumers_2row{right:110px; top:230px;}
#menu-popup .solutions_products .proclass_2row{left:730px; top:29px;}
#menu-popup .solutions_products .prosort_2row{/*left:220px; */left:260px;top:29px;}

#menu-popup .news{ background:url(news.png) no-repeat right -2px; padding-right:10px; left:-2px; top:-2px; width:990px;}
#menu-popup .news .menu_content{height:242px; background:url(news.png) no-repeat left -2px; background-position:0px -275px; padding-top:28px;}
#menu-popup .news .menu_content .right div {padding-left:0px;}
#menu-popup .news .menu_content div {padding-left:20px;}
#menu-popup .news .menu_content div ul{float:left;}
#menu-popup .news .menu_content div li{line-height:24px;}
#menu-popup .news .menu_content div li a{color:#666;}
#menu-popup .news .menu_content div.left{width:600px; border-right:#ccc solid 1px;}
#menu-popup .news .menu_content div.left ul{float:left;}
#menu-popup .news .menu_content div.left ul li.title_h1{padding-bottom:14px;}
#menu-popup .news .menu_content div.left ul li.title_h1 a{color:#bb0000; font-size:16px; font-weight:bold;}
#menu-popup .news .menu_content div.right{float:left; width:260px; border-left:#fff solid 1px;}
#menu-popup .news .menu_content div.right ul{padding-left:20px;}

#menu-popup .service{background:url(service.png) no-repeat right -2px; padding-right:10px; left:-2px; top:-2px; width:990px;}
#menu-popup .service .menu_content{height:244px; background:url(service.png) no-repeat left -2px; background-position:0px -275px;padding-top:28px;}
#menu-popup .service .menu_content div {padding-left:20px;}
#menu-popup .service .menu_content div ul{float:left;}
#menu-popup .service .menu_content div li{line-height:24px; white-space:nowrap;}
#menu-popup .service .menu_content div li a{color:#666;}
#menu-popup .service .menu_content div.left{width:650px; border-right:#ccc solid 1px; height:216px;}
#menu-popup .service .menu_content div.left ul{float:left;}
#menu-popup .service .menu_content div.left ul li.title_h1{padding-bottom:14px;}
#menu-popup .service .menu_content div.left ul li.title_h1 a{color:#bb0000; font-size:16px; font-weight:bold;}
#menu-popup .service .menu_content div.right{float:left; width:260px; border-left:#fff solid 1px;}
#menu-popup .service .menu_content div.right ul{ padding-left:20px;}


.autoMaxWidth{ overflow:hidden; position:relative;height:232px; }
#slide-index{min-width:1000px;width:auto; height:396px; overflow:hidden; position:relative;}
#slide-index .slides{ min-width:1000px; width:auto; height:396px; }
#slide-index .slide{ min-width:1000px; height:396px; float:left; position:relative; }
#slide-index .image{ z-index:1;position:absolute; }
#focus {/*width:1200px;*/ height:396px; overflow:hidden;position:relative;}
#focus ul {height:396px; position:absolute;}
#focus ul li {float:left; /*width:1200px;*/height:396px; overflow:hidden;position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; /*width:1200px;*/ height:20px; left:0; bottom:0; background:#000;}
#focus .btn {position:absolute;/* width:1180px; */height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:90px; background:url('sprite.png') no-repeat 0 0; cursor:pointer;_background:none;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}
#latest-news-index{ height:40px; background:url(img_news_bg.png) repeat-x; min-width:1000px; width:auto !important; margin:0px auto; }
#latest-news-index .latest-news{ width:770px; height:35px; float:left; overflow:hidden; }
#latest-news-index .latest-news a{ color:#666;}
#latest-news-index .latest-news .title{ width:33px; height:10px; margin:11px 5px 0px 0px; float:left; }
#latest-news-index .latest-news .content{ float:left; height:35px; width:700px;}
#latest-news-index .latest-news .content div{ height:35px; line-height:35px; overflow:hidden;}
.social-network .content{ float:left; height:20px; overflow:hidden; margin-top:7px; margin-right:10px;position:absolute; right:0;}
.social-network .content a{ float:left; width:57px; height:18px; display:block; margin-left:5px;}

.web_btn {
	background:url(button.gif) 0 0px;
	width:76px;
	height:28px;
	line-height:28px;
	border:0;
	text-align:center;
	font-size:14px;
	color:#fff;
	margin:4px;
}
.GBstyle {
	border:none;
	background:#e4e4e4;
	width:700px;
}
.GBstyle td {
	background:#fff;
	height:24px;
	padding:5px;
}
.right_con {
	float:left;
	width:720px;
	line-height:25px;
                height:auto !important; 
                height:200px;
                min-height:200px;
                padding:0 0 10px 0;
}
.right_con h1 {
	font-weight:bold;
	font-size:16px;
	float:left;
	width:720px;
	text-align:center;
                border-bottom:1px dashed #ccc;
}
.right_con .attr {
                text-align:center;
                color:#999;
}
.right_con .content {
	float:left;
	width:720px;
                padding:10px 0 0 0;
}

.dropMenu {position:absolute;top:0;z-index:100;width: 160px;visibility: hidden; margin: -2px 0 0 2px;border: 0px solid #aec1df;border: 1px solid #ccc ;border-top:none;background:#ebebeb;	padding-top:6px;padding-bottom:6px;/*filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;*/ z-index:9999;}
.dropMenu li {margin-top:2px;margin-bottom:4px;padding-left:12px;float:left;line-height:20px;width: 140px;}
.dropMenu li a{width: 140px;display: block;background:url('subdot.gif') no-repeat left 8px;text-align:left;text-decoration:none;color: #000;padding: 2px 0 2px 8px;line-height:20px;}
.dropMenu li a{border-top:none;}
* html .dropMenu a {width: 100%;color:#000;}
.dropMenu a:hover {text-decoration: underline;color:#f00;}
#top_1 #menu-popup{z-index:9999;}

.index-wrap{width:1000px;margin:0 auto;}
.indexnews-left{width:215px;float:left;margin-right:10px;}
.indexnews-right{width:260px;float:right;margin-left:10px;}
.tab{ width:500px; /*margin:30px auto 0;*/ font-size:12px; color:#555; border:1px solid #D9D9D9;float:left;height:167px;}
.tab h2{ width:100%; overflow:hidden; font-size:12px; font-weight:normal; background:url(tab_bg.gif) #f2f2f2;}
.tab h2 span,
.tab h2 a{ float:left; width:100px; line-height:29px; background:url(tab_bg.gif) #ddd; border-right:1px solid #D9D9D9; border-bottom:0px solid #D9D9D9; text-align:center; cursor:pointer;}
.tab h2 .current{ background:#fff; font-weight:bold; border-bottom:1px solid #fff;}
.tab ul{ padding:10px 25px 25px 25px;width:448px;}
.tab ul li{width:210px;float:left;padding-left:10px;background:url(evopute_arrow_right.gif) left top no-repeat scroll transparent;}

#articleFocus{width:785px;height:300px; border:1px solid #ccc; position:relative;background:#eee;}
#articleFocus a{ text-decoration:none; color:#000;}
#articleFocus .pic{ position:absolute; top:20px;right:20px; width:200px; height:200px; overflow:visible;}
#articleFocus .pic li{ width:100%; height:100%; position:absolute;left:260px;}
#articleFocus .txt1{ position:absolute; top:20px; left:20px; }
#articleFocus .txt1 a{font-size:24px; color:#000;}
#articleFocus .txt2{ position:absolute; top:96px; left:20px;}
#articleFocus .txt2 a{color:#000;}
#articleFocus .txt3{ position:absolute; top:180px; left:20px;}
#articleFocus .txt1 li,#articleFocus .txt2 li{ position:absolute; left:785px; width:336px;}
#articleFocus .txt3 li{ position:absolute;top:0;left:0; display:none;}
#articleFocus .txt3 li a{ display:block; background:#333; color:#fff; border-radius:3px;}
#articleFocus .dot{position:absolute; z-index:3;bottom:8px;left:0;width:100%;text-align:center;}
#articleFocus .dot li{ display:inline-block;margin:0 3px;*display:inline;*zoom:1; width:16px;height:6px; background:#ccc; cursor:pointer;}
#articleFocus .dot li.current{background:#000;}

.NEWSbor{padding-right:10px;}
.NEWSbor img{border:1px solid #ccc;padding:2px;}
.NEWStit ,.NEWStit a,.NEWStit strong{font-size:14px;font-weight:bold;}
.NEWScon{}

.NEWSbor-ar{padding-right:10px;}
.NEWSbor-ar img{border:1px solid #ccc;padding:2px;}
.NEWStit-ar ,.NEWStit-ar a,.NEWStit-ar strong{font-size:14px;font-weight:bold;}
.NEWScon-ar{}

.proLIST{float:left;width:238px;_width:238px;margin-top:5px;margin-left:15px;border:0px solid #ccc;}
.proLIST a{color:#666}
.index-wrap .proLIST .proIMG img{border:0px solid #ccc;width:222px;

/*-moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow: 3px 3px 4px #000;

    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";

    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
*/
padding-left:7px;
}
.tits {/*text-align:center;*/;padding-top:5px;padding-left:12px;}
.tits a{font-size:14px;font-weight:bold;}
.titS{padding-left:12px;}

div.RoundedCorner{background: #eee;}
b.rtop, b.rbottom{display:block;background: #fff}

b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #eee}

b.r1{margin: 0 5px}

b.r2{margin: 0 3px}

b.r3{margin: 0 2px}

b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}


#slidebox{position:relative; border:1px solid #ccc; margin:0 auto;overflow:hidden;}
#slidebox, #slidebox ul {width:708px;height:200px;}
#slidebox, #slidebox ul li{width:708px;height:200px;}
#slidebox ul li{position:relative; left:0; background:#eee; float:left;list-style: none; padding:15px 38px;  font-family:Verdana, Geneva, sans-serif; font-size:13px;}
#slidebox .next, #slidebox .previous{position:absolute; z-index:2; display:block; width:21px; height:21px;top:89px;}
#slidebox .next{right:0; margin-right:10px; background:url(slidebox_next.png) no-repeat left top;}
#slidebox .next:hover{background:url(slidebox_next_hover.png) no-repeat left top;}
#slidebox .previous{margin-left:10px; background:url(slidebox_previous.png) no-repeat left top;}
#slidebox .previous:hover{background:url(slidebox_previous_hover.png) no-repeat left top;}
#slidebox .thumbs{position:absolute; z-index:2; bottom:10px; right:10px;}
#slidebox .thumbs a{display:block; margin-left:5px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:9px; text-decoration:none; padding:0px 4px; width:11px;height:21px;background:url(slidebox_thumb.png); color:#fff;}
#slidebox .thumbs a:hover{background:#fff; color:#000;}
#slidebox .thumbs .thumbActive{background:#fff; color:#000; display:block; margin-left:5px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:9px; text-decoration:none; padding:0px 4px;}



