﻿
/* reset */
*{margin:0;padding:0;}
h3,h4{font-size:12px;}
clear{height:0;font-size:0;line-height:0;clear:both;}

/*all base*/
#wrapper{position:relative;margin:0 auto;text-align:left;overflow:hidden;background:gray;}

/* changeBox_a1 */
.changeBox_a1{width:1400px;;position:relative;border:0px solid red;margin:0 auto;}
.changeBox_a1 .a_bigImg img{position:absolute;display:none;}
.changeDiv{
position:absolute;
 left:50%;
 top:50%;
 width:1920px;
 height:350px;
 margin-left:-960px;
 background:url(loading.gif) no-repeat center center;
 }
.changeDiv p{position:absolute;margin-left:935px;width:495px;height:260px;display:none;line-height:30px;
margin-top:50px;
border:1px solid red;
}
.changeDiv p a{padding-left:0px;color:white;font-size:30px;text-decoration:none;font-weight:bold !important;
word-break:break-all;
letter-spacing:0px;
word-wrap:break-word ;

}
.changeDiv p span{
	float:right;
 display:block;
 color:white;
}
.heider2{
	text-align:right;
 margin-top:50px;
}
.header3{
	margin-top:25px;
	height:30px;
	width:118px;
 background:url(buttion1.png);
 float:right;
}
.header3:hover{
   background:url(buttion2.png);
}
.content{width:10px;margin-top:20px;font-size:18px;font-family:Arila;}
/* ul_change_a2 */
.ul_change_a2{
	list-style:none;
	width:100px;
	position:relative;
	margin-top:-20px;
	z-index:960;
    margin-left:1100px;
    
}

.ul_change_a2 li{line-height:20px;margin:0 5px;float:left;width:10px;height:10px;z-index:15;background:url(btnBg3.png) no-repeat ;
  

}
.ul_change_a2 li{cursor:pointer;}
.ul_change_a2 li.on{background:url(btnBg3.png) no-repeat -18px 0px;height:10px;width:10px;
border:0px;
}
.eachBox{
position:relative;
    height:350px;
    border:0px solid red;
    overflow:hidden;
    width:100%;
}
test0{background:url(3.png)  ;}
test1{background:url(2.png)  ;}

.shap{
padding:0px;	
border:0px solid red;
width:960px;
margin:0 auto;
margin-top:10px;
_margin-top:50px;
}
.side{
padding:0px;	
border:0px solid red;
position:relative;top:-520px;border:0px solid red;width:995px;margin:0 auto;z-index:0
}

.letter{
letter-spacing:0px;
word-spacing:0px;
}
/*---------------------------------------------for ff----------------------------------------*/
@-moz-document url-prefix() { 
.letter{
letter-spacing:-1px;
word-spacing:-4px;
}
.changeDiv h3 a{
letter-spacing:-3px;
word-spacing:-4px;
}
	
	 } 
/*---------------------------------------------for 谷歌----------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.letter{
letter-spacing:;
word-spacing:0px;
}
.changeDiv h3 a{
letter-spacing:0px;
 }
 
}
/*---------------------------------------------logo部分样式----------------------------------------*/
body,p,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,input,select,table,tr,td{margin:0px;padding:0px;}
ul li{list-style-position:inside}
.clear:after { /*/*/ content: "."; /* IE8 hack */ display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
* html .clear { height: 1%; }
.clear { display: block; }
body{font-family:Arial;font-size:12px}
a{text-decoration:none;}
 body { _behavior:url("csshover.htc"); }
img{
border:0;
}
.logo{

width:960px;
height:50px;
margin:0 auto;
margin-top:15px;
*margin-top:15px;
clear:left;
}
.logo div img{
margin-top:0px;
float:left;
_margin-top:5px;
}

.logoright{
 float:right;
 height:50px;
 line-height:50px;
}
.logoright div{
 margin-left:5px;
 float:left;
 border:0px solid red;
}
.logoright a{
 color:rgb(62,62,62);
}
.logoright a:hover{
 color:rgb(145,0,35);
 text-decoration:underline;
}
.search,.lange{
 width:180px;	
 height:50px;
 border:0px solid red;
 background:url(search_bg.png) no-repeat -6px;
}
#puttext,#wtext{
 border:0;
 height:20px;
 *height:19px;
 margin-top:16px;
 *margin-top:1px;
 _margin-top:18px;
 margin-left:4px;
 font-family:Arial;
}
.gosearch{
 *position:relative;	
 height:20px !important;
 width:20px !important;
 border:0;
 top:-20px;
 left:142px;
 *margin-top:-47px;
 *left:150px;
 _top:10px;
background:url(searchbutton.png) no-repeat -9px;
text-indent:-9999px;
cursor:pointer;
}

.line{
background:url(line.png) 4px center;
margin-left:19px;
}

.logo ul li a{
font-weight:bold;
color:RGB(62,62,62);
text-decoration:none;
font-size:12px;

}

/*--------------------------------------------------- slect --------------------------------------------------------*/
.lange img{
	_width:20px;
	_height:15px;
 position:relative;
 top:-28px;
 left:150px;
 *top:-40px;
 _top:-24px;
}
.selects{margin-top:0px;border:1px solid green;}
.selects div{
	width:200px;
	border:0px solid red;
	background:url(search_bg.png) no-repeat 130px;
	margin-left:10px;
	height:23px;
	padding:0;
	margin-bottom:5px;	
	_margin-top:0px;
	float:left;
}


#wide{
	list-style:none;
	position:absolute;
	width:175px;
	/*--height:100px;--*/
	height:75px;
	border:1px solid #ccc;
	margin-left:242px;
	*margin-left:-178px;
	margin-top:37px;
	*margin-top:36px;
	background:white;
	z-index:300;
	_margin-top:40px;
   display:none;
}
#wide li{
	 height:25px;
	
	 *margin-left:-15px;
	  *margin-top:-13px;
	 *margin-bottom:-25px;
	  _margin-top:-0px;
	 _margin-bottom:-0px;
}
#wide li:hover{
	background:rgb(135,0,30);
	color:white!important;
}
#wide li a:hover{
color:white;
}
#wide li a{
	display:block;	
	width:174px;
	_width:154px;
	height:20px;
	line-height:20px;
}

/*--------------------------------------------------- search --------------------------------------------------------*/
#search{
 position:relative;
}
#search input{
	margin-top:3px;
height:18px;
line-height:18px;
width:135px;
margin-left:140px;
border:0;
font-size:10px;
color:RGB(62,62,62);
}
#puttext{
 
 font-size:14px !important;
}

/* ---------------------------------------------------------navigation导航--------------------------------------------------------------------- */
.navigation{
border:0px solid red;
width:960px;
height:38px;
margin:0 auto;

}

.navigation ul li{
 list-style-type: none;
float:left;
text-align:center;

}
.center{
	height:39px;
width:125px;
*width:125px !important;
display:block;
margin-right:10px;
*margin-right:10px !important;
border:0px solid red;	
font-size:14px;
line-height:40px;
font-weight:bold;
color:RGB(62,62,62);
}

.center:hover{
 color:white;
 cursor:pointer;
 cursor:hand
}
.navigation ul li a{
text-decoration:none;	

}
.navigation li ul {

  list-style-type: none;
  text-align:center;
  position: absolute;
 z-index:20;
 min-width:434px;
display:none;
 background:white
}
/* ---------------------------------------------------------navigation导航 solution--------------------------------------------------------------------- */
.llist{
	 width:570px;
	 border-left-style:none;
     border-right-style:none;
     border-bottom-style:none;
	 border-top:3px solid #910023;
	 border-left:1px solid #ccc;
	 border-bottom:1px solid #ccc;
	 border-right:1px solid #ccc;
	 height:252px; 
	 z-index:9;
	 margin-left:-1px;
     *margin-left:-17px;
}
.navigation li div img{
border:0;
}
.llist h6{
font-size:12px;
text-align:left;
margin:5px 0px 5px 20px;
*margin:5px 0 0px 20px;
color:#1449bd;
}
.llist p{
	text-align:left;
float:left;
width:106px;
height:90px;
margin-top:10px;
margin-bottom:5px;
margin:15px 15px 0px 20px;
_margin:7px 20px 0px 10px;
overflow:hidden;
color:rgb(62,62,62);

}
.llist p:hover{
color:rgb(145,0,35);

}
.llist p img{
margin-top:5px;
}
llist hr{
width:320px;
margin-left:20px;
}
.navigation li ul li{
float:none;

}
.prokints a{
	display:block;
margin-top:0px auto;
text-align:left;

}
#llist li{
float:left
}
/* ---------------------------------------------------------navigation导航 products--------------------------------------------------------------------- */
#PRODUCTS li{
float:left;
}
#PRODUCTS h6{
	font-size:12px;
 text-align:left;
 margin:5px 0 5px 20px;
 *margin:5px 0 0px 20px;
 color:#1449bd;
}
#PRODUCTS hr,.engineering hr,.llist hr,.COMPANY hr{
text-align:left;
width:320px;
margin-left:20px;
}
.products{
	
  width:680px;
  height:222px;
   border-left-style:none;
  border-right-style:none;
   border-bottom-style:none;
	border-top:3px solid #910023;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;	
	*width:680px;
    _width:700px;
}
.products h5{
	
font-size:12px;
font-weight:normal;
	width:160px;
	height:81px;
 float:left;
 margin-left:7px;
 margin-top:10px;
 * margin-top:5px;
}
.products h5 a{
color:rgb(62,62,62);;
}
.products h5 a:hover{	
color:rgb(145,0,35);
cursor:pointer;
cursor:hand;
}

.products img{margin-top:5px}
.marchpro{
 border-left-style:none;
  border-right-style:none;
   border-bottom-style:none;
	border-top:3px solid #910023;
width:350px;
*width:350px;
height:300px;
background:url(mwpro_line.jpg) no-repeat -1px -8px;

}
.marchpro ol{margin:10px 5px 0 5px;_margin:10px 0px 0 5px}
.marchpro ol li{
  background:url(dot13-13.png) no-repeat left 6px;
  padding-left:5px;
  margin-left:5px;
  height:69px;
  border:0px solid red
}
.marchpro ol li a{
  color:#868688;
  font-family:Arial;
}
.marchpro ol li a:hover{
	color:#910023;
}
.marchpro ol li span{
  display:block;
}
.mp2{
 margin-left:5px !important;
}

/*---------------------------------------------for ff----------------------------------------*/
@-moz-document url-prefix() { 
.mains{
		 position:absolute;
 margin-top:5px
 }
.mainpr{
	 position:absolute;
 margin-top:10px
}
.mainnew{
margin-top:-5px
}
}
/*---------------------------------------------navigation导航 engineering----------------------------------------*/
#ENGINEERING li{
float:left;
}
.engineering{
	width:674px;
	height:159px;
  border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:3px solid #910023;
}
.engineering h6,.COMPANY h6{
  font-size:12px;
 text-align:left;
 margin:5px 0 5px 20px;
 *margin:5px 0 0px 20px;
 font-family:Arial;
 color:#1449bd;
}
engineering hr{
  text-align:left;
width:320px;
margin-left:20px;
}
.engineering ol{
 margin-top:5px;
}
.engineering ol li{
	
  border:0px solid red;
  width:110px;
  height:110px;
  
}
.engineering ol li a{
font-family:Arial;
color:rgb(62,62,62);
}
.engineering ol li a:hover{
 color:rgb(145,0,35);
}
.engineering ol li img{
	 border:0px solid blue;
  margin-top:10px;
}
.engineering ol li span{
 display:block;
}
/*---------------------------------------------navigation导航 compamy----------------------------------------*/
.COMPANY{
	text-align:left;
    min-width:360px;  
    _min-width:370px;   
	height:137px;
	_height:133px!important; 
    border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:3px solid #910023;
	color:rgb(62,62,62);
	*margin-left:-16px;
}
@-moz-document url-prefix() { 
.COMPANY{
text-align:left;
   min-width:360px;
	height:137px;
    border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:3px solid #910023;
	color:rgb(62,62,62);
	*margin-left:-16px;
}
	 } 
COMPANY hr{
   width:320px;
   margin-left:20px;
}
.COMPANY div{
  float:left;
}
.companymlist {
	
	border-right:1px solid #ccc;
	padding-right:5px;
 width:120px;
 *width:145px;
 height:100px;
 margin-left:20px;
 *margin-left:5px;
}
.companymlist ol{
  height:130px;
  _height:80px
}
.companymlist ol li{
	margin-top:10px;
	*margin-top:7px;
	_margin-top:8px;
 text-align:left !important;

}
.companymlist ol li a{
 color:rgb(62,62,62);
}
.companymlist ol li a:hover{
 color:#910023;
}
.cright {
 padding-left:10px;
}
.cright p{
 margin:5px 0 5px 0;
 *margin:5px 0 0px 0;
}

.cright a{
	
  text-decoration:underline !important;
  color:rgb(62,62,62);
}
.wille p{
  margin-top:10px;
  margin-left:10px
}
/* ---------------------------------------------------------中间部分--------------------------------------------------------------------- */
.shapnext{margin-top:10px}
.shapnext div{
margin:0 auto;
padding:0px;

 width:312px;
 float:left;
 height:250px;
 overflow:hidden;
 margin-right:15px;
  background:url(main_bg.png) no-repeat -3px;
}
.shapnext div p a{
 color:#1546BD;
   font-size:18px;
   font-weight:bold;
   text-decoration:none;
   
}
a{
font-family:Arial;
}
.mainbody h3{
 font-weight:bold;
 color:#1b458f;
 font-size:18px;
 margin-top:10px;
 margin-left:20px;
 font-family:Arial;
}
.mainbody img{
  margin-left:160px;
  overflow:hidden;
}
.mainbody p{	
margin-top:10px !important;
background:none;
  font-size:12px;
  margin-left:20px;
   width:280px;
   text-align:left;
 height:30px;
over-flow:hidden;
}
.mainbody p a{
font-weight:bold;

 font-size:14px !important;
}
.mainbody ul{

	width:270px;
  margin-left:20px;
  margin-top:10px;
  *margin-left:5px !important;
  _margin-left:17px
}
.mainbody ul li{
 list-style:none;
 background:url(dot13-13.png) no-repeat left 7px;
 padding-left:8px;
 *padding-left:0px;
 _list-style-position: outside!important;
 _padding-left:5px;
}
.mainbody ul{
  height:30px;
  overflow:hidden;
}
.height36{
	height:36px!important;
	overflow:hidden;

}
.allshow{
	display:block;
	height:25px;
    width:24px;
	border:0px solid pink;
    background:url(main_showall.png) no-repeat left ;

}

#haierxi,.haierxi{
 color:#910023;
}

/* ---------------------------------------------------------底部部分--------------------------------------------------------------------- */
/* ---------------------------------------------------------底部部分--------------------------------------------------------------------- */
.bottom{
	postiion:relation;
	margin-top:275px;
	_margin-top:230px;
	height:165px;
    background:#E6E6E6;
}
.bottommain{
	width:960px;
border:0px solid red;
margin:0 auto;
padding:0px;
}
.bottommain div{
 border:0px solid red;
 float:left;
 margin-top:20px;
 width:150px;
 margin-left:100px;

}
.aboutus{
margin-left:200px!important;
_margin-left:100px!important;
}

.Media{
width:160px;
margin-left:80px;
}
.ProductLiterature{
	width:145px !important;
margin-left:40px;

}
services{
width:90px;
margin-left:90px;
}
Media{
width:160px;
margin-left:80px;
}
ProductLiterature{
	
	width:145px !important;
	margin-left:80px;
*margin-left:40px;

}

.bottommain ul li{
	list-style:none;
	color:#7B7B7B;
  background:url(dot5-5.jpg) no-repeat left;
 margin-top:10px;
 padding-left:8px;
  *list-style-position: outside!important;
}
.bottommain ul li a{
 color:#7B7B7B;
 text-decoration:none;
 
}
.aboutus ul li a{
font-family:Arial;
}
.bottommain h3{
	color:#7B7B7B;

	 font-size:13px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.ProductLiterature{
    margin-left:30px !important;
    width:160px !important;
    border:0px solid red !important
}
.ProductLiterature h3{
 margin-left:35px;
}
.ProductLiterature ul{
margin-left:35px
}
}
.lastfood{
height:100px;
top:-55px;
background:RGB(240,239,239);
}
.ff{
 width:960px;margin:0 auto;height:100px;
}
.ff div{float:left;margin-right:10px}
.side{
margin-top:35px;
*margin-top:-5px;
_margin-top:25px!important;
}
.side div{float:left;height:20px;text-align:center;}
.sidel{
	width:20px;
	height:20px;

 background:url(leftshape.png) no-repeat -4px -9px;
}
.sider{
	margin-right:3px;
	*margin-right:5px;
	float:right;
	width:20px;
	height:20px;
	
 background:url(rightshape.png) no-repeat -70px -8px;
}
.fline{
	margin:0 5px 0 5px;
 background:url(line.png) no-repeat center;
}
.lastfood a{
text-decoration:none;
color:RGB(202,202,203);
}
.last1{
	display:block;
	height:68px;width:37px;height:100px;
 background:url(logoSIA.png) no-repeat center;
}
.last2{
	
	display:block;
	height:26px;width:25px;height:100px;
 background:url(rss.gif) no-repeat right 55px;
}
.last3{
	
	display:block;
	height:26px;width:25px;height:100px;
 background:url(rss.gif) no-repeat center 55px;
}
.last4{
	
	margin-top:45px;
}
.lastl{
  height:40px;
  width:710px;
   *width:712px;
   _width:690px;
  text-align:right;
  margin-top:55px;
  font-family:Arial;
   color:gray;
}
.lastl a{
 color:gray;
}

/*---------------------------------------------for ff----------------------------------------*/
@-moz-document url-prefix() { 
.copy{
		display:block;
		position:absolute;
		margin-top:-15px;
		margin-left:50px;
font-size:18px;
}
	
	 } 
	 
	 





/*---------------------------------------------通用模板样式----------------------------------------*/
.solutionmain{
  width:960px;
  margin:0px auto;
  margin-top:10px;
  border:0px solid red;
}
.solutionmain div{
   float:left;
   
   color:RGB(74,74,74);
}
.leftmaune{
 width:255px;
 margin-top:35px;
}
.rightmain{
 
 width:700px;
}
.leftmaune ul{
 list-style:none;
 margin-top:10px;
 *margin-top:5px;
}
.leftmaune ul li{
   margin-bottom:10px;
   background:url(marrow.png) no-repeat left;
   
   padding-left:16px;
  *padding-left:0px;
 
}
@-moz-document url-prefix() { 
.leftmaune ul li{
   margin-bottom:10px;
   background:url(marrow.png) no-repeat left;
   
   padding-left:8px;
 
}

}
.leftmaune ul li a{
  color:RGB(62,62,62);
 text-decoration:none;
}
.leftmaune ul li a:hover{
   color:RGB(145,0,35);
}
.hmenu{
	width:700px;
    color:RGB(22,70,187) !important;
}
.hmenu a{
 color:RGB(22,70,187);
}
.hmenu a:hover{
 text-decoration:underline;
}
.cdecor {
	width:700px;
  margin-top:20px;
  font-size:16px;
  color:rgb(145,0,35)!important;
}
#mred a{
 color:rgb(145,0,35);
}
#pmred{
 color:rgb(145,0,35);
}
.mared{
 color:rgb(145,0,35) !important;
}
#page {
	height:30px;
	margin:5px 0px;
 font-size:14px;
float:right;
line-height:30px;

}
#page a{
	width:20px;
    color:black;
    padding:0px 5px;
    margin:0px 5px;
    border:1px solid  #cccccc;
}
#page a:hover{
	color:rgb(145,0,35)!important；
}
#page div{
  margin:0 10px;

}
.current{
	color:white;
	padding:0px 5px;
	margin:0px 5px;
 background:rgb(145,0,35);
} 

/*页面大图片样式1920*/
.bigpic{
	position:relative;
    height:250px;
    border:0px solid red;
    overflow:hidden;
    width:100%;
}
.bigpicmain{	
 position:absolute;
 left:50%;
 top:50%;
 width:1920px;
 height:250px;
 margin-left:-960px;
 margin-top:-125px;
}
.newsroom{
	
	border:1px solid red;
   width:560px!important;
   margin-left:-288px;
    
}
.newsroom li{
 text-align:left!important;
 margin-top:10px;

}
.newsroom li a{
 color:rgb(62,62,62);
}
.newsroom li a:hover{
  color:rgb(145,0,35);
}
.march{
 height:45px;
 background:rgb(239,239,239);
}
.marchmain{
	
	margin:0 auto;
 width:960px;
 height:45px;
 border:0px solid red;
 line-height:45px;
}
.marchmain div img{
border:0;
margin-top:5px;
}
.marchmain div{
 float:left;
 
}
.marchmain div a{
color:rgb(62,62,62);
}
.marchmain div a:hover{
 color:rgb(145,0,35);
}
.mline{
	border:0px solid red;
	height:44px;
	width:15px;
 background:url(line.png) no-repeat center;
}





.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:680px;
}
.GBstyle td {
	background:#fff;
	height:24px;
	padding:5px;
}
/*下拉菜单*/
.dropMenu {
	position:absolute;
	top:0;
	z-index:10001;
	width:150px;
	visibility:hidden;
	margin:-1px 0 0 -1px;
	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;
}
.dropMenu li {
	margin-top:2px;
	margin-bottom:4px;
	padding-left:12px;
	float:left;
	line-height:20px;
	width:130px;
}
.dropMenu li a {
	width:130px;
	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;
}
.productlist {
	float:left;
	width:680px;
	line-height:25px;
	padding-top:15px
}
.productlist li {
	float:left;
	padding-bottom:15px;
	width:226px;list-style:none;
	text-align:center
}
.productlist li img {
               border:#ccc 1px solid;
               padding:4px;
               width:170px;
               height:145px;
               -moz-opacity:0.9; filter:alpha(opacity=90);opacity:0.9;
}
.productlist li a:hover img{
               border:#999 1px solid;
               -moz-opacity:0.5; filter:alpha(opacity=50);opacity:0.5;
}



.tables {
      border:1px solid #ccc;
      border-width:1px 0 0 1px;
      margin:2px 0 2px 0;
      text-align:center;
      border-collapse:collapse; 
      width:100%;
}
.tables td,th {
      padding:3px;
      font-size:12px;
      border:1px solid #ccc;
      border-width:0 1px 1px 0;
      margin:2px 0 2px 0;
      text-align:left; 
}
.tables th {
      text-align:center;
      font-weight:600;
      background-color:#F4F4F4;
}
.tables a { color:#0000FF;text-decoration:underline;}
.tables a:hover { text-decoration:none;}