@charset "utf-8"; /* CSS Document */ /*base*/ body,td,th {font-family:"宋体", "微软雅黑", "黑体", Arial; font-size: 12px; color:#999999; line-height:1.8em;} body {margin:0; padding:0; background:#fcfcfc;} form{margin:0; padding:0;} a{ color:#999999; text-decoration:none;} a:hover{color:#187bbc;} li,ul,dl{ list-style:none; margin:0; padding:0;} img {border:none;} input {vertical-align:middle} h1,h2,h3,h4,h5,h6 {margin:0; padding:0;} .clear {clear:both;} html,body{-webkit-text-size-adjust:none;} #wrap { width:1000px; margin:0 auto; } /*top*/ #bg_top{ width:100%; height:100px; background-image:url(../images/bg_top.png); background-repeat:repeat-x; } #top{ width:1000px; height:110px; margin:0 auto; position:relative; visibility: visible; } .logo{ position:absolute; top:40px; left:0px } .top_right{ width:370px; position:absolute; top:10px; left:628px; overflow:hidden;} .phone{ float:right; } .cn{ padding:4px 4px 0px 6px; float:left;} .language{ float:left; padding:4px 0px 0px 0px; } .en{ float:left; padding:4px 4px 0px 6px;} .point_en{ display:block; width:44px; height:13px; background:url(../images/ico_enbef.png) no-repeat 0 0;} .en a:hover{ background:url(../images/ico_enaft.png) no-repeat 0 0;} /*menu*/ #menu{ width:650px; position:absolute; top:30px; left:376px; /*background-color:#8fcef9;*/ } #menu li { float:left; display:block; position:relative; white-space:nowrap; } #menu li a { float:left; display:block; height:35px; width:96px; font-size:14px; color:#555555; line-height:50px; text-align:center; white-space:nowrap; } #menu li a:hover{ color:#187bbc;} /*#a2{ background:none;}*/ /*#a2:hover{ color:#ffffff; background:url(../images/bg_fourwords.png) no-repeat 8px 6px; }*/ #childMenu{ display:none; background-color:#fff; position:absolute; left:0px; top:60px; } #childMenu li{ clear:both; float:none; } #childMenu li a{ clear:both; float:none; display:block; height:30px; width:96px; font-size:12px; color:#999999; line-height:30px; text-align:center; filter:alpha(opacity:60); opacity:0.6; } #childMenu li a:hover{ color:#ffffff; background-color:#5abbcc; } /*.now { background:url(../images/bg_nav_hover.gif) repeat-x 0 top; }*/ /*banner*/ #banner{ overflow:hidden; width:100%; height:800px; position:absolute; top:0px; left:0px; z-index:-1; } .slider { width:100%; position: relative; overflow: hidden; } .slider_item { width:1400px; height:609px; float: left; } .slider .navigation { padding: 16px 0; margin: -9px 0 5px 400px; overflow: hidden; } .slider .navigation a { margin: 0 10px 0 0; width: 10px; height: 10px; background: url(../images/ico-bullet-8.png) 0 0 no-repeat; display: block; float: left; } .slider .navigation a:hover { background-position: 0 -10px; } .slider .navigation .active { background-position: 0 -10px; } /*imain*/ #imain { width:1000px; margin:0 auto; } /*iabout*/ #iabout{ margin:0px 0px 0px 0px; overflow:hidden; } .iabout_left{ float:left; width:570px; } .iabout_content{ } .iabout_text{ display:block; background:url(../images/bg_iabout.png) no-repeat 0 0; width:530px; height:154px; text-align:justify; padding:20px 20px 20px 20px; margin:20px 0px 0px 0px; } .iabout_button{ position:relative; top:-45px; left:460px;} .iabout_right{ float:left; margin:30px 0px 0px 20px; } /*inews*/ .inews{ margin:16px 0px 0px 0px; overflow:hidden;} .inews_company{ float:left; width:490px; } .inews_comtit{ font-family:"微软雅黑", "黑体", Arial; font-size:18px; color:#1a1a1a;} .inews_comcontent{ display:block; background:url(../images/bg_inewscom.png) no-repeat 0 0; width:483px; height:108px; margin:20px 0px 0px 0px;} .inews_comico{ float:left; width:50px; padding:17px 15px 0px 15px; } .inews_comtext{ float:left; width:390px; margin-top:11px; } .inews_comtext ul li{ padding:0px 0px 0px 4px;} .inews_trade{ width:490px; float:left; margin:0px 0px 0px 20px;} .inews_tradecon{ width:490px; margin:40px 0px 0px 20px; } .inews_tradeico{ width:50px; float:left; } .inews_tradetext{ width:400px; float:left; } .inews_tradetext li{ padding:6px 0px 40px 20px; } .inews_tradetext li a{color:#5a5a5a;} .inews_tradetext ul li a:hover{color:#5abbcc;} /*iproducts*/ .iproducts{ margin-top:46px; } .iproduct_detail{ width:1020px; overflow:hidden; position:relative; top:0px; left:-20px; margin-top:30px; } .iproduct_detail li{ width:300px; float:left; margin-left:52px; } .iproduct_text{ width:300px; height:130px; margin:2px 0px 0px 0px; } .iproduct_tit{ display:block; font-size:14px; text-align:center; color:#0d0d0d; padding:10px 0px 0px 10px; } .iproduct_pre{ font-size:14px; color:#8a8a8a; text-align:center; padding:15px 10px 0px 10px; } .iproduct_ico{ position:relative; top:10px; left:140px; } /*ibottom*/ .ibottom{ height:60px; background:#626262; margin-top:80px; } .ibottom_con{ width:1000px; margin:0 auto; } .ibottom_text{ color:#fff; text-align:left; margin:8px 0px 30px 0px; } .logo_ibottom{ padding:20px 0px 0px 0px; text-align:center; } /*.backtop_ibottom{ background:url(../images/btn_bottom.png) no-repeat center center; width:110px; height:61px; margin:0 auto; }*/ .point_backtop{ display:block; position:relative; top:26px; left:31px; width:48px; height:32px; background:url(../images/ico_bottombef.png) no-repeat center center ; } .backtop_ibottom a:hover{ background:url(../images/ico_bottomaft.png) no-repeat center center; } iproduct_slid{ width:2300px; position:absolute; } .slidBox{ width:300px; height:100px; /*padding:0px;*/ margin:0 auto; background-color:#BFFFFF; overflow:hidden; position:relative; } .boxPicslid{ /*padding:0px; margin:0px;*/ width:2300px; /*height:100px;*/ /*overflow:hidden;*/ /* background-color:#C6C6C6;*/ position:absolute; } .boxPicslid li{ list-style-type:none; /* display:block;*/ float:left; margin:0px; } .boxPicslid img{ /*display:block;*/ width:200px; height:100px;} /*滚动*/ .maincontent { clear:both; width: 1000px; margin:0 auto; } .maincontent .homecase{ width:150px; float:left; padding:0px 5px; border-right:#CCCCCC dotted 0px;} .maincontent .homecase2{ width:220px; float:left; padding:0px 5px; border-right:#CCCCCC dotted 0px;} .headerdu{ width:100%; margin:0 auto; background-repeat: repeat-x; background-position: center top; height:75px; } .tentmain{ width:100%; margin:0 auto; } .catecontent { padding-bottom:20px; } .maintext { margin:0 auto; width:1000px; min-height:350px; } .rollBox{width:1000px;overflow:hidden; height:410px;padding:0px 0 0px 0px;} .rollBox .LeftBotton{ height:25px; width:20px; display:inline; float:left; cursor:pointer; background:#FFFF00 url(../images/ico_icasel.png) no-repeat 0 0; } .rollBox .RightBotton{ height:25px; width:20px; display:inline; float:left; cursor:pointer; background:#CCFF66 url(../images/ico_icaser.png) no-repeat 0 0; } .rollBox .Cont{ width:1000px; overflow:hidden; float: left; padding-left: 0px; } .rollBox .ScrCont{width:10000000px;} .rollBox .Cont .pic{ width:300px; float:left; text-align:center; height:300px; margin-right:19px; background:url(../images/bg_icaseshown.png) no-repeat 0 0} .rollBox .Cont .pic img{ padding:0px; display:block; margin-top: 0; margin-right: 0px; margin-bottom: 0; margin-left: 0px; } .rollBox .Cont .pic p{line-height:26px;color:#505050;} /*.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#8fcef9;;text-decoration:none;}*/ .rollBox .Cont a:hover{color:#8fcef9;} .rollBox #List1,.rollBox #List2{float:left;} .rollBox2{width:450px;overflow:hidden; height:400px;padding:0px 0 0px 0px;} .rollBox2 .LeftBotton{ height:25px; width:20px; display:inline; float:left; cursor:pointer; background:#FFFF00 url(../images/ico_icasel.png) no-repeat 0 0; } .rollBox2 .RightBotton{ height:25px; width:20px; display:inline; float:left; cursor:pointer; background:#CCFF66 url(../images/ico_icaser.png) no-repeat 0 0;} .rollBox2 .Cont{ width:450px; overflow:hidden; float: left; padding-left: 0px; } .rollBox2 .ScrCont{width:10000000px;} .rollBox2 .Cont .pic{ width:300px; float:left; text-align:center; height:400px; margin-right:19px; background:url(../images/bg_icaseshown.png) no-repeat 0 0} } .rollBox2 .Cont .pic img{ padding:0px; display:block; margin-top: 0; margin-right: 0px; margin-bottom: 0; margin-left: 0px; } .rollBox2 .Cont .pic p{line-height:26px;color:#505050;} /*.rollBox2 .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}*/ .rollBox2 .Cont a:hover{color:#8fcef9;} .rollBox2 #List1,.rollBox #List2{float:left;}