@charset "utf-8";
body,html,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,p{margin:0;padding:0;border:0; }
body{ background:#e3e4e6; font-family: Arial, sans-serif;  font-weight:normal;  font-size:12px;  }
ul{  padding:0px; list-style-type:none; }
img{ border:none;}
.clear{ clear:both;}
.clearleft{ clear:left; }
a,a:hover{ text-decoration:none; cursor:pointer; padding:0px; margin:0px; }
.hide{ display:none; } .left { float: left; }
.fl{ float:left;} 
.tright{ text-align:right; } .r{ color:#f00; }  .green{ background:#cfda8b; } .yellow{ background:#fefdd6; } .or{ color:#dc007a; }
.blu{ color:#09b6ac; } .red,.error { color: #f00; }.tcenter { text-align: center; }
#main{ padding:22px 0 0 0; }
#gl{ float:left; width:220px; }
#gr{ float:left; width:932px; margin-left:35px; display:inline; min-height: 480px; }

/*header*/
.space{ }
#all{ width:1261px; margin:auto; background:url(../images/ublox_01.jpg) top repeat-y ; }
#wrap{ width:1201px; margin:auto; background:#fff; padding-bottom:40px; }
#head{ width:1201px; height:70px; margin:auto; padding:0; background:#FFF;}
.logo{ float: left; width:155px; height:55px;  margin:0; padding:8px 0 0 6px;}
.hright{ float: right; width:366px; height:32px; margin:0; padding:15px 0 0 20px; }
#sear{ float:left; width:215px;}
#lan{ float: right; margin:0; padding:5px 20px 0px 0; width:100px;}
.search{ border:solid 1px #b1b3b4 ; font-size:12px; color:#666; width:165px; padding:3px 0 2px 3px; }  
.language{border: solid 1px #b1b3b4; font: Arial, Helvetica, sans-serif ; font-size:12px; color:#666; width:90px; padding-top:2px;}
.shadow{ width:100%;  height:15px; }

/*nav*/
#topnav{ width:1201px; height:36px; background: #FFF; }
.menu {float:left;width: 100%;position:relative;font-size:17px;font-weight:nomal; z-index:10;}
.menu ul { float:left;}
.menu ul li {float:left; width:200px; height:36px; line-height:36px; text-align: center; line-height: 36px; font-size: 14px; background:url(../lib/ublox_13.jpg) no-repeat;}
.menu ul li a{ display: block; color: #000;}
.menu ul li:hover a{ color:#fff;background:url(../images/ublox_15.jpg);font-size:15px; }

.menu ul .menu_two{ position: absolute; left: 0; top: 36px;}
.menu ul .menu_two li{ width:200px; color: #fff; text-align: center; line-height: 36px; font-size: 14px; border-radius: 3px;}
.menu ul .menu_two li a{ display: block; color: #fff;}

.menu ul.menu_three{ position: absolute; left: 0; top: 36px; width: 1200px;}


/* .menu ul li a,.menu ul li a:link, .menu ul li a:visited { float:left;display:block; color:#000;width:200px;height:36px; text-align:center;line-height:36px; font-size:15px;}
.menu ul li:hover a { color:#fff;background:url(../images/ublox_15.jpg);font-size:15px; }
.menu ul li ul { width:1200px; height:28px; display: none; font-size:14px;}
.menu ul li:hover ul{display:block; position:absolute; left:0px; top:36px;}
.menu ul li:hover ul li{  float:left; width:110px;  text-align: center; display: inline-block;}
.menu ul li:hover ul li a { float:left; width:110px; font-size:14px;  line-height: 36px;  color: #fff;  display:block;background:#878787; }
.menu ul li:hover ul li a:hover {color:#000;font-size:14px;} */

/*banner*/
#banners{ position: relative; height:350px; margin:5px auto 0 auto; }
#maina{position:relative;height:350px;zoom:1;}
#maina .current{display:block;}
#featured{height:350px;position:relative;}
.featured_item{height:350px;margin:0 auto;position:relative;top:0;width:100%;overflow:hidden;display:none;}
.featured_item img{height:350px;width:100%; }
.pointer{background:url(pointer.gif) no-repeat scroll left top;height:18px;left:3px;position:absolute;top:18px;width:13px;	}
#featured_bottom{position:absolute;height:30px;width:100%;background:none;top:300px;right:0px;}
.preview_images{ height:17px;position:absolute;left:88%; }
.preview_images a img{padding:2px; vertical-align:middle; }
.preview_images a{ margin-right:8px;float:left; width:15px; height:15px; text-align:center;text-decoration:none;background: url(../images/ppt.png) 0px 0px no-repeat; }
.preview_images a:hover{ background: url(../images/ppth.png) 0px 0px no-repeat; }
.preview_images .current_prev{  background: url(../images/ppth.png) 0px 0px no-repeat; }

/*main*/
.column{ margin-top:4px; height:209px; background:url(../images/colbg.png) left top repeat-x; }
.protil{ float:left; width:80px; padding:15px 0 0 15px; font-size:16px; color:#656665; font-weight:400; }
#mar { float: left; width: 388px; height: 168px; }
#marr { margin: 12px 0 0 18px; width: 360px; height: 168px; overflow: hidden; }
#marrr { width: 360px; height: 168px; overflow: hidden; }
.marr{width: 360px; height: 168px; }.marr td { width: 180px; text-align: left; font-size: 14px; line-height: 24px; } .marr a{ display: block; color: #8b8c8b; }
.prolist{ float:left; width:170px; margin:15px 18px 0 30px; display:inline; }
.prolist li{ line-height:26px; color:#8b8c8b; font-size:14px; font-weight:400; }
.prolist li a{ color:#8b8c8b; }  .prolist li a:hover{ color:#000; }
.propic{ float:right; width:336px; margin-left:10px; display:inline; }
.propic img{ width:336px; height:208px; }
.one{ float:left; width: 355px; height: 196px; margin:4px 5px 0 31px; display:inline;  }
.one h1{ width:320px; height:33px; line-height:33px;  padding:0px 0 0 13px; background: url(../images/ublox_29.jpg) repeat-x; font-size:16px; font-weight:normal; }
.one h1 span{ float:right; padding-right:10px; font-size:14px; }
.one h1 a{ color:#636563; }  .one a:hover{ color:#000; }
.onecont{width:317px;  height:148px; padding:18px 8px 0 8px; background: url(../images/ublox_35.jpg) repeat-x; line-height:18px;}
.onecont li{ line-height:22px; font-size:12px; color:#636563;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.onecont li a{ color: #8b8c8b; }
.onecont li a:hover{ color:#000; }
.oneimage{ float:left; width:135px; height:120px; }
.oneimage img{ width:116px; height:107px; padding:4px; border:1px solid #CCC; }
.onetxt{ float:left; width:162px; height:120px; padding-left:8px; color:#636563; font-size:12px; line-height: 20px; }
.shad{ width:1239px; height:21px; margin:auto; background:url(../images/shad.jpg) no-repeat; }
.sidebox{ background:#dddcdc; }
.sidebox h1{ height:30px; font-size:16px; color:#fff; padding-left:70px; text-align:left; line-height:30px; background:#878787; }
.sidebox ul{ padding:15px 0; }
.sidebox li{ line-height:18px; padding-left:32px; margin: 5px 0; font-size:14px; color:#090606; }
.sidebox li a{text-align:left; color:#090606; }
.sidebox li a:hover{ color:#f00; }
.sideboxad { padding: 6px 0 0 0; }
.about{ width:910px; border:1px solid #CCC; padding:10px; min-height: 400px; }
.aboutxt{ font-size:14px; line-height:24px; color:#3e403c; min-height: 400px; }
.aboutxt h2{ font-size:16px; text-align:center; line-height:30px; color:#000; font-weight:normal; }
.aboutxt img{ margin:30px auto; display:block; }
.time{ margin-top:15px; line-height:22px; border-bottom:1px solid #CCC; text-align:right; padding-right:200px; }
.aboutxt h3{ width:910px;  line-height:30px; text-align:center; font-weight:normal; font-size:14px; }
.aboutxt h3 a{ padding:0 6px; color:#2d2a2a; }  .aboutxt h3 a:hover{ color:#f00; }
.aboutxt ul { padding: 0 0 0 32px; } .aboutxt li { }
.service h2, h2.downloadh2{ font-size:16px; color:#414241; text-align:left; line-height:26px; font-weight:400; }
.service ul{ margin:8px 0 0 15px; }
.service ul li{ line-height:1.8; background:url(../images/li.png) left center no-repeat; padding-left:15px; }
.service ul li a{ color:#414241; font-size: 12px; }  .service ul li a:hover{ color:#f00; }
.service ul.news{ margin:8px 15px;  }
.service ul.news li{ line-height:1.5; font-size:14px; color:#636563;}
.service ul.news li a{ color:#09b6ac; padding:0 4px;  }
.service ul.news li a:hover{ color:#000; }
/* jobs */
.jobtip { padding: 8px 12px; line-height: 24px; font-size: 14px; }
.hr { padding: 8px 12px; font-size:12px; line-height: 1.8; border-bottom: 1px dashed #d5d5d5; }
.hr h3 { font-size: 14px; font-weight: bold; }
.hr .hrt { margin: 4px 0px; width: 96%;} .hr .hrs { font-size: 12px; }
.add{ border-bottom:1px solid #CCC; }
.add h1{ padding: 0px 0px 10px 32px; line-height:24px; border-bottom:1px solid #CCC; font-size:16px; color:#353434; text-align:left;  }
.add ul{ padding-left:80px; }
.add ul li{ font-size:14px; color:#090606; line-height:36px; }
.aboutinfo{ padding: 8px 12px 8px 32px; }
.map{ margin:30px 0 20px 40px; }
.listil{height:30px; font-size:16px; color:#fff; padding-left:50px; text-align:left; line-height:30px; background:#878787; margin-bottom:8px;}
input.s{ width:210px; height:26px; border:1px solid #CCC; padding:0 2px; margin-left:4px; color:#333; line-height:26px;}
.serchbt{ width:78px; height:31px; margin:10px 0 0 140px; background:url(../images/serch.png) no-repeat; border:none; cursor:pointer; }
.serchbten{ background:url(../images/ensearch.png) no-repeat; border:none; cursor:pointer; }
.list{ margin:10px 0 0 0; }
.list ul li{ line-height:22px;  color:#090606; font-size:14px; padding-left:50px; text-align:left;  }
.list ul li a{ color:#090606; }  .list ul li a:hover{ color:#f00; }
.pro{ float:left; width:222px; margin:0 5px 40px 5px; display:inline; }
.product{width:220px; height:220px;display: table-cell; text-align:center; vertical-align:middle; overflow:hidden; *font-size:220px; border:1px solid #CCC;}
.product img{ vertical-align:middle; }
.proname{ width:220px; line-height:24px; height:24px; overflow:hidden; text-align:center; font-size:14px; }
.pro a{ color:#5f5f5f; display:block; }  .pro a:hover{ color:#f00; }
.maxpro{ float:left; width:302px; margin:10px 30px 0 10px; display:inline; }
.maxpropic{ float: right; padding: 0 6px 12px 12px; }
.maxpropic img{padding: 3px; border: 1px solid #ddd; width: 240px; }
.maxpropic.max2 img{padding: 3px; border: 1px solid #ddd; width: 466px; }
.maxprotxt{ color:#262626; }
.maxprotxt h1 { font-size: 18px; line-height: 24px; padding: 0; margin: 0; } 
.pcode { color: #333; font-size: 16px; font-weight: bold; line-height: 1; padding: 4px 0 8px 0; }
.proinfoer { width: 660px;}
.proinfoer2 { width: 440px; word-warp:break-word; }
.download{ margin:20px; width:750px; }
.download li{ line-height:90px; border-bottom:1px dashed #CCCCCC; font-size:14px; color:#333; background:url(../images/dl.png) left center no-repeat; padding-left:15px;  }
.download li span{ float:right; width:75px; height:75px; padding:7px 0 0 0; }
/* down */
.space h1 { font-size: 18px; }
.maxprotxt h3{ padding: 12px 0 0 6px; margin: 0 0 4px 0; color: #8E010B; border-bottom: 1px solid #ccc; height:24px; line-height: 24px; font-family: 'Microsoft Yahei'; font-size: 16px; font-weight: normal; }
.proinfo { padding: 4px 6px 12px 6px; }
.downtip { padding: 6px 0; }
.down { padding: 0 24px 6px 0; }
.down li { line-height: 32px; margin: 2px 0; }.down a { display: block; background: url(../images/down.png) right center no-repeat; color: #333; border-bottom: 1px dotted #ddd; }
.down a:hover { color: red; border-bottom: 1px dotted #bbb; }
.down a span { float: right; }
/*cate list*/
#itable { padding: 6px 0; }
.itable { width: 90%; border-collapse: collapse; border: 1px solid #B2B0B1;}
.itable img.listpic { height: 32px; }
.itable td { padding: 5px 6px; border-bottom: 1px solid #B2B0B1; font-size: 12px; }
#cate2 img.listpic { height: 42px; padding: 0; margin: 0; }
#cate2 td {padding:0px 6px 0 6px;}
.itable .h td { background: #DCDDDF; font-size: 16px; line-height: 24px; }
.itable a {color: #666;}
.itable .h a {color: #333;}

#her { display:inline-block; height:30px; }
#crumbs { float:left; line-height:30px; display:inline; color:#090606; }
#crumbs a {color:#090606;} #crumbs a:hover {color:#f00;}
#contactset { width: 88%; border: 1px solid #eee; margin: 0px 12px; padding: 6px 18px; line-height: 2.5; }
input.g, textarea.g { border-radius: 3px; border: 1px solid #ccc; padding: 4px 6px; }
#contactset legend { background: #ddd; padding: 3px 8px; margin-left: 12px; line-height: 2; }#contactset .sub {  }

/* page bar */
#mypage{margin: 20px auto; text-align:center; height: 26px;}
#mypage a{ display:inline-block; margin-right:5px; height:24px; width: 28px; text-align: center; line-height: 24px; border:1px solid #ccc; color:#225392; text-decoration:none; }
#mypage a.l{ height:24px; line-height: 24px; width: 78px;}
#mypage a:hover{color:#f00;}
#mypage .current { display:inline-block; margin-right:5px; width:24px;height:26px; line-height: 26px; font-weight:bold;}

/*footer*/
#footer{ width:1201px; margin:auto; padding:40px 0; text-align:center; color:#636563; }
#footer a{ color:#636563; padding:0 4px;  }  #footer a:hover{ color:#000; }

/* photos */
#photos {}
.photos { padding: 6px 0 6px 8px; }
.photo { float: left; padding: 0 0 12px 0; width: 224px; text-align: center; }
#photos .photo img { display: inline; width: 180px; height: 135px; padding: 3px; border: 1px solid #eee; margin: 0; box-shadow:1px 1px 3px #666;}
.photo a { line-height: 20px; font-size: 12px; text-align: center; color: #000; }

.proMain_bg{ background: #f7f7f7; padding-bottom: 40px!important;;}
.space_main{ width: 1112px; display: block!important; margin: 0px auto;}
.spacePro_title{ font-size: 18px; padding-bottom: 10px;}
.itable_list li{ float: left; width: 223px; height: 354px; padding: 0 16px; margin-bottom: 22px; margin-right: 28px; background: #fff; border: 1px #dddfde solid; text-align: center;}
.itable_list li.itable_list_last{ margin-right: 0;}
.itable_list li img{ max-width: 100%; padding: 38px 0; height: 100px;}
.itable_list li h2{ font-size: 16px;}
.itable_list li p{ padding: 12px 0 25px 0; text-align: left; font-size: 14px; line-height: 22px; color: #666;}
.itable_list li a img{ width: 172px; height: 36px; padding: 0;}
.banner_slogan{ position: relative; background: #8fc42e; color: #fff; height: 52px; line-height: 52px; font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.winBox{ width:1200px; height:52px; overflow:hidden; position:relative;}
.slogan_scroll{ width:2400px; position:absolute; left:0px; top:0px; margin-left: 40px;}
.slogan_scroll li { width:1200px; float:left; line-height:52px; text-align:center; list-style: none;}
.wrap_style{ padding-bottom: 0!important;}
.spacePro_title a{ color: #000;}