@charset "utf-8";
/* CSS Document */
#mobileNav{ display:none;}

div, h1, h2, h3, h4, h5, h6 ,p, form, label, input, img, span{
	margin:0; padding:0;
}
ul,ol{

	margin:0; 
	padding:0; 
    list-style-type:none;
}

img {border:0; max-width: 100%; height: auto; width: auto\9; /* ie8 */}

.spacer{
     clear:both; 
	 font-size:0; 
	 line-height:0;
}
body{margin:0; 
	 padding:0;
	 color:#555;
	 font: normal 14px/24px "微软雅黑","宋体",Arial, Helvetica, sans-serif;
}
a:link {color: #666;	text-decoration: none;}
a:visited {text-decoration: none;	color: #666;}
a:hover {text-decoration: none  ;	color: #2A76CA}
a:active {text-decoration: none;	color: #666;}

.more{ display:block; float:right; margin:0; padding:5px 0 0 0; font: bold 12px/30px "微软雅黑","宋体"; color:#FF6633;}
.more2{ display:block; float:right; margin:6px 20px 0 0; border:0;}
.left{ display:block; float:left; margin:0; border:0; padding:0 20px 0 0;}

.tijiao{
	 background-color:#777777;
	 padding:0 20px;
	border: none;
	cursor:pointer;
	margin:0;
	font: normal 14px/35px "微软雅黑", "宋体"; color:#FFF;
}
.tijiao:hover{
	 background-color:#5A94DE;
 color:#FFF;
}

table{ float:left;}
.highlight{background: #f6f6f6;}
.lowlight{background:#FFF;}
.tabelMain{ float:left; width:100%;border-top: #D2D2D2 2px solid; background-color:#FFF;  }
.tabelMain td{  border-bottom: #D2D2D2 1px solid;  }
#code_img{float: left;
    margin-top: 2px; margin-left:10px;}
.tdL{  border-left: #D2D2D2 1px solid;  }
.tdR{  border-right: #D2D2D2 1px solid;
/**white-space: nowrap;**/
  }
.tdT{ color:#339933; font: bold 16px/30px "微软雅黑","宋体"; background:url(../images/ico03.png) left center no-repeat; padding-left:10px; }
.tdTD{ color:#343434; font: bold 20px/40px "微软雅黑","宋体"; display:block; float:left;padding-bottom:15px; width:100%; }
.tabelMain02{ border-bottom: #D2D2D2 2px solid; font: normal 12px/20px Arial,"宋体";  }

.info-til{width:100%; float:left; text-align:center; color:#2A76CA; font: bold 16px/35px "微软雅黑",Arial,"宋体";}
.time{ width:100%; float:left; text-align:center; border-bottom:#E6E7E8 1px solid; font: normal 13px/25px "微软雅黑",Arial,"宋体"; }
/*---------------------------------//top-----------------------------------*/

#topmain{width:100%;clear:both;
          border-bottom:#E2E2E2 1px solid;
		  
}
#top{	width:1050px; height:35px; margin:0 auto; position:relative; overflow:hidden; }

#top ul{ position:absolute; right:1%; top:0; padding-top:10px; }
#top ul li{  float:left; }
#top ul li a{ color:#666; display:block; float:left; font: normal 12px/15px "微软雅黑" ;padding:0 20px;border-left: 1px solid #E2E2E2;}
#top ul li a.hover{ color:#3366cc;}
#top ul li a:hover{ color:#3366cc; }
#top ul li a.none{ border-left: none;}

/*---------------------------------// banner -----------------------------------*/
#bannerMain{width:100%;height:245px;clear:both; overflow:hidden; background-color:#EBEBEB; /*background-position: center bottom;*/ }
#bannerTxt{width:1050px; margin:0 auto; }
#bannerTxt h2{width:100%; display:block; float:left; font: normal 30px/42px Arial,"微软雅黑"; color:#2978C2; padding-top:75px;}
#bannerTxt p{width:100%; display:block; float:left; font: normal 18px/25px "微软雅黑","宋体",Arial; color:#666;}
.banner_company{background: url(../images/banner_company.jpg) center bottom no-repeat ;}
.banner_pro{background: url(../images/banner_pro.jpg) center bottom no-repeat ;}
.banner_contact{background: url(../images/banner_contact.jpg) center bottom no-repeat ;}
.banner_job{background: url(../images/banner_job.jpg) center bottom no-repeat ;}
.banner_news{background: url(../images/banner_news.jpg) center bottom no-repeat ;}
.banner_creative{background: url(../images/banner_creative.jpg) center bottom no-repeat ;}
.banner_server{background: url(../images/banner_server.jpg) center bottom no-repeat ;}
.banner_electric{background: url(../images/banner_electric.jpg) center bottom no-repeat ;}


/*---------------------------------//body-----------------------------------*/

#bodyMain{    width:100%; background-color: #FFF;}
#body{ width:1050px; 	margin:0 auto; 
    /* background:url(../images/bg_left.png) left top repeat-y; */
}

#addreesMain{
 width:100%; height:38px; overflow:hidden;
background-color:#FDFDFD; border-bottom:#E6E6E6 1px solid;
}
#addrees{width:1050px;  margin:0 auto;position: relative; }
#addrees p{font: normal 14px/38px "微软雅黑"; height:38px; overflow:hidden;background:url(../images/ico_sy.png) left center no-repeat; padding-left:15px;color:#333;}

UL.addreesLeft {float:left;height:38px; overflow:hidden;}
UL.addreesLeft li {float:left; display:block;  padding-left:30px; margin:0 5px; background:url(../images/bu_navi.gif) left center no-repeat;font: normal 12px/38px "微软雅黑"; height:38px; text-transform: capitalize;}
UL.addreesLeft li.home{ padding-left:15px;background:url(../images/icon_naviHome.gif) left center no-repeat; }

UL.addreesRight {position: absolute; right:0; top:0;border-right:#E6E6E6 1px solid; }
UL.addreesRight li {float:left;}
UL.addreesRight li a{float:left; display:block; height:38px; width:38px; padding: 0 5px; font-size:0;border-left:#E6E6E6 1px solid;}
UL.addreesRight li a.mail{background:url(../images/img_goto_01.gif) center center no-repeat;  }
UL.addreesRight li a.feedback{background:url(../images/btn_frame_me.png) center center no-repeat;  }
UL.addreesRight li a.print{background:url(../images/btn_frame_p.png) center center no-repeat;  }
UL.addreesRight li a.return{background:url(../images/btn_frame_r.png) center center no-repeat;  }

/*---------------------------------//bodyLeft-----------------------------------*/
#bodyLeft{ float:left;  width:220px; margin-right:40px; padding-bottom:20px;}



#bodyLeft h2{float:left; display:block;	width:196px; padding-left:24px; 
	         color:#FFF;  font: normal 24px/107px "微软雅黑",Arial, Helvetica, sans-serif,"宋体";
			 background:url(../images/bg_LeftH2.jpg) left bottom no-repeat;
}
#left h2 span{
	color:#999; padding-top:10px; padding-left:5px;
	font: bold 12px/20px Arial, Helvetica, sans-serif,"宋体";
}
#bodyLeft ul{
	width:200px; padding:10px; 
	float:left;
}
#bodyLeft ul li{
	float:left;
}
#bodyLeft ul li a{border-bottom:#E6E6E6 1px solid; margin-bottom:1px;
	width:200px; height:35px; overflow:hidden;
	text-indent:10px;
	display:block;
	float:left;
	font: normal 14px/35px "微软雅黑",Arial, Helvetica, sans-serif,"宋体";
	background: url(../images/btn_shortcut_right.gif) 178px center no-repeat #FFF; 
	text-transform: capitalize;
} 
#bodyLeft ul li a.enxtxt{font: normal 14px/35px Arial;text-indent:1px;}





#bodyLeft ul li a:hover,#bodyLeft ul li a.hover{border-bottom:#FFF 1px solid;
	color:#FFF;  background: url(../images/depth2Bg.gif) right center no-repeat #2A76CA;
}

UL.leftnav {float:left; display:block;width:200px; }
UL.leftnav li{float:left; }

UL.leftnav li a{border-bottom:#E6E6E6 1px solid; margin-bottom:1px;
	width:200px; height:35px; overflow:hidden;
	text-indent:10px;
	display:block;
	float:left;
	font: normal 14px/35px "微软雅黑",Arial, Helvetica, sans-serif,"宋体";
	background: url(../images/btn_shortcut_right.gif) 178px center no-repeat #FFF; }

UL.leftnav li a:hover,UL.leftnav li a.hover{border-bottom:#FFF 1px solid;
	color:#FFF;  background: url(../images/depth2Bg.gif) right center no-repeat #2A76CA;}
UL.leftnav h1 a{  float:left; display:block; width:200px;font: bold 16px/40px "微软雅黑",Arial, Helvetica, sans-serif,"宋体"; color:#404040;background:url(../images/line01.png) left bottom no-repeat; margin-bottom:3px;}
UL.leftnav h1 a:hover{ color:#2A76CA;}
/*---------------------------------//bodyRight-----------------------------------*/
#bodyRight{ float:left;  width:100%; padding-bottom:30px; }
.title{ display:block;float:left;  width:100%; font: bold 26px/85px "微软雅黑"; color:#333;text-transform: capitalize;}
#bodyContect{ float:left;  width:100%; padding:0 0 15px 0;}
#bodyContect img{text-align: center;}
#contect{ float:left;  width:100%; padding:0 0 15px 0;}
.faq_M { float:left; width:100%;border-bottom:#D2D2D2 1px solid;}
.faq_q { float:left; width:90%;cursor:pointer ;  padding:15px 0 15px 10%; background:url(../images/Q.png) 4% center no-repeat; position:relative; font-weight:bold; background-color:#FFF;}
.faq_q:hover{ background-color:#F2F2F2;}
.faq_q img.off{ position: absolute; right:5%; top:13px;}
.faq_a { display:none;float:left; width:90%;border-top:#ccc 1px dashed;padding:15px 0 15px 10%;background:url(../images/A.png) 4% center no-repeat;border-bottom:#003399 1px solid;}



#techbox{ float:left;  width:48%; background-color:#F5F5F5; margin-top:22px;  }
#techbox img.datu{ display:block;  float:left;  width:100%;  }
#techbox p.xq{ display:block;  float:left;   border: #E6E6E6 0 solid; padding:22px; overflow:hidden;  }
.mr6{ margin-right:4%;}










/*---------------------------------// index pro -----------------------------------*/
#indexMainColor {
	width:100%;
	background-color:#f5f5f5;
}
#indexM {
	width:1050px;
	margin:0 auto
}
#indexM h4 {
	display:block;
	float:left;
	width:100%; padding-top:20px;
font: normal 26px/40px "微软雅黑";color:#333; text-align:center;
}
#indexM h5 {
	display:block;
	float:left;
	width:100%;padding-bottom:20px;
font: normal 16px/22px "微软雅黑"; color:#444;text-align:center;
}
#indexM h1 {
	display:block;
	float:left;
	width:100%;
	height:50px;
	background:url(../images/line.png) center center repeat-x;
}
#indexM h1 a.index_more{
	display:block; background:url(../images/bg_more.png) center center no-repeat;
	margin:0 auto; width:54px; height:50px;
	font: normal 14px/50px "微软雅黑"; text-align:center; color:#FFF;
}
#indexM h1 a.index_more:hover{
 background:url(../images/bg_more_on.png) center center no-repeat;
}
.txtT {
	display:block;
	margin:0 auto;
	text-align:center;
}
.en {
	font: 30px/70px 'Oswald',sans-serif,Arial;
	color:#333;
}
.ch {background-color:#F4F4F4; padding:0 15px;
	font: normal 26px/100px "微软雅黑";
	color:#333;
}
.mr18 {margin-right:18px;}
#pro_list {float:left;  width:338px; height:80px; margin-bottom:18px;margin-right:18px;	}
#pro_list:nth-child(3n-1){margin-right:0;}
#pro_list a{ float:left; display: block; padding:2%; width:96%; height:70px; background: url(../images/ico006.png) 95% center no-repeat #EEEEEE;	}
#pro_list a img.lefttu{display:block; float:left;width:70px; height:70px; margin-right:5%; border:0; padding:0;}
#pro_list a h2{display:block; float:left;width:55%; font: bold 16px/45px  "微软雅黑",Arial,"宋体";color:#333; height:45px; overflow:hidden; text-transform: uppercase;}
#pro_list a p{display:block; float:left;width:60%;  height:20px; line-height:20px; overflow:hidden; color:#666;}
#pro_list a:hover{ background: url(../images/ico006.png) 95% center no-repeat #D5D5D5;	}


#proclass{width:31%; float:left;  overflow:hidden;margin-right:3.5%; margin-bottom: 30px;}
#proclass:nth-child(3n-1){margin-right:0;}
#proclass img.datu{width:100%; float:left; display:block; border:0; }
#proclass a h2  {width:100%;float:left; display:block; font: bold 16px/34px "微软雅黑",Arial,"宋体"; background:url(../images/arrowdown.png) left center no-repeat; text-indent:12px; color:#2A76CA; text-overflow :clip ; height:34px; overflow:hidden;text-transform: capitalize;
}
#proclass a:hover h2{ text-decoration:underline;}
#proclass p {width:100%; float:left; display:block;height:28px; overflow:hidden; font:normal 13px/28px Arial,"宋体"; background:url(../images/ico88n.png) left center no-repeat; text-indent:10px;}
#proclass p:hover {background:url(../images/ico88on.png) left center no-repeat;}
.mr50{ margin-right:3.5%;}
#div_clear {
    width: 100%;
    float: none;
    clear: both;
    height: 30px;
}
#div_clea{ display:none;}

/*--// index news-----------------*/
#indexMain{
	width:100%;
	background-color:#FFF;
	padding:30px 0;
}
#indexM_news {width:500px; float:left;position:relative;	}

#indexM_right {width:550px; float:left;	}
#indexM_rightI {width:47%; padding-left:3%; height:250px; float:left; background:url(../images/bg_mainRecruit.jpg) right bottom no-repeat #FFF;}
#indexM_rightII {width:47%; padding-left:3%; height:250px;float:left; background:url(../images/bg_mainStory.jpg) right bottom no-repeat #F5F5F5;}
#indexM_rightIII {width:97%; padding-left:3%;height:106px; float:left; background:url(../images/img_global.png) right center no-repeat #CCD7E1;}

h2.indexH2{width:100%; float:left; display:block; font: bold 16px/45px  "微软雅黑","宋体",Arial;color:#333;	}
a.gogo{width:26px; height:26px; float:left; display:block; font: normal 10px/26px  Arial;color:#FFF; background-color:#2A76CA; border-radius:13px; text-align:center;	}
a.gogo:hover{ background-color: #369; 	}

/*#picbox{	width:700px; float:left; padding-top:28px; }*/

.blk_18 { overflow:hidden; zoom:1; width:470px; }
.blk_18 .pcont { width:100%; height:131px; float:left; overflow:hidden; z-index:11;}
.blk_18 .ScrCont { width:32766px; zoom:1; margin-left:0px; }
.blk_18 #List1_1, .blk_18 #List2_1 { float:left; }

.blk_18 .LeftBotton,.blk_18 .RightBotton { width:26px; height:26px; float:left; background:url(../images/btn_visualControlButton.gif) center top no-repeat;position: absolute;  }
.blk_18 .LeftBotton { background-position: 0 0;         top:10px; right:60px;}
.blk_18 .RightBotton { background-position: 0 -52px;    top:10px; right:30px;}
.blk_18 .LeftBotton:hover { background-position: 0 -26px; }
.blk_18 .RightBotton:hover { background-position: 0 -78px; }

.blk_18 .pl {  float:left; width:470px; height:130px; border-bottom:#E6E7E8 1px dashed;overflow:hidden; }
.blk_18 .pl img{ display:block; float:left; cursor:pointer; border: none; width:200px; height:130px; overflow:hidden; }
.blk_18 .pl span{ 	display:block; float:left; cursor:pointer; width:260px; padding-left:10px; }
.blk_18 .pl span.hh{ font:bold 14px/16px "微软雅黑", Arial,"宋体"; padding-bottom:10px;}
.blk_18 .pl span.tt{ font: normal 12px/22px "微软雅黑", Arial,"宋体"; padding-bottom:10px;}
.blk_18 .pl span:hover{ color:#0066cc;	}


ul.newi{ width:470px; float:left; padding:7px 0 15px 0;}
ul.newi li{	float:left;width:100%; /*list-style-type:disc; */}
ul.newi li a{
	float:left; display:block;
	width:97%; padding-left:3%;height:28px; overflow:hidden; 
	background:url(../images/ico_dian.png) left center no-repeat;
	font: normal 14px/28px "微软雅黑", Arial,"宋体";
	border-bottom:#E6E7E8 1px dashed;
}
ul.newi li a span{
	float:right; color:#999;
	font: normal 12px/28px Arial,"宋体";
}
ul.newi li a:hover span{
	color:#3366cc;
}
ul.newi li a:hover{
	color:#3366cc;border-bottom:#3366cc 1px dashed;
}

ul.prolist {
	float:left; 
	width:100%; overflow:hidden;
}
ul.prolist li {
	float:left; width:23.5%; margin-bottom:17px;  
    /* padding:0 10px; */
    margin-right:2%;
     box-sizing: border-box; 
}
ul.prolist li:nth-child(4n){ margin-right:0;}
ul.prolist li a { border:#E5E5E5 1px solid;cursor: pointer;
	color:#333;
	float:left;
	display:block;
	/* width:250px;  */
}
.mr20{ margin-right:17px;}
.mr10{ margin-right:10px;}
ul.prolist li a img {
	width:100%; 
    /* max-height:250px;
	height:; */
	display:block;
	float:left;
}

ul.prolist li a h2 {
	width:100%; text-align:center; background-color:#E5E5E5;
	overflow:hidden;
	display:block;
	float:left;
	font: normal 14px/40px "微软雅黑","宋体"; text-decoration:underline;
	height:40px; overflow:hidden;
	text-transform: capitalize;
}
ul.prolist li a:hover  h2{ 
	color:#2A76CA;
}

ul.prolist li a .ph img {
	position:relative;
	z-index:1;
	overflow:hidden;
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s
}
ul.prolist li a .ph:after {
	box-sizing:border-box;
	content:"";
	position:absolute;
	left:-100%;
	top:0;
	z-index:3;
	width:100%;
	height:100%;
	background:#FFF;
	background:none\9;
	opacity:0;
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s
}

ul.prolist li a:hover .ph img {
	-webkit-transform:scale(1.06);
	-moz-transform:scale(1.06);
	-o-transform:scale(1.06);
	transform:scale(1.06)
}
ul.prolist li a:hover .ph:after {
	left:0;
	opacity:0.3
}
ul.prolist li a .ph {
	overflow:hidden;
	display:block;
	position:relative;
	padding:0
}

.mrnew{ margin-right:19px;}
.newsList{  float:left; position:relative; overflow:hidden; 
            width:23.5%; margin:0 2% 20px 0; 
			background: #F5F5F5;}
            .newsList:nth-child(4n+1){margin-right:0}
.newsList:hover{background: #F1F1F1;}			
.newsList img.newstu{	display:block; float:left; width:100%; height:175px; padding-bottom:10px; }
.newsList h2{	display:block; width: 80%; margin:0 auto;   height:32px; overflow:hidden; 
                font: bold 15px/32px "微软雅黑",Arial,"宋体"; }
.newsList p.txt{	display:block;  width: 80%;  margin:5px auto; height:50px; overflow:hidden; 
                font: normal 14px/25px "宋体",Arial;  }
.newsList p.year{	display:block; width: 80%; margin:0 auto;   border-top:#DADADA 1px solid;padding-bottom:5px;
                font: normal 12px/30px Arial,"宋体"; color:#999999; }

.time{ width:100%; float:left; text-align:center; border-bottom:#E6E7E8 1px dashed; font: normal 13px/25px "微软雅黑",Arial,"宋体"; margin-bottom:20px;}
.info-til{width:100%; float:left; text-align:center; color:#2A76CA; font: bold 16px/35px "微软雅黑",Arial,"宋体";}

/*---------------------------------// index -----------------------------------*/

.PICcommon{width:1050px; margin:0 auto;}
.PICcommon ul { float:left; display:block;}
.PICcommon ul li{float:left; margin-bottom:30px;}
.listbox{float:left;  width:330px;  position:relative; border-bottom:#0173B1 2px solid; }
.mr30{ margin:0 30px;}

.listimg{float:left; width:330px; height:250px;  position:relative; overflow:hidden;}

.listimg img.bigPIC{background:#333; width:330px; height:187px; top:0; left:0; position:absolute; border:0;
-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s
	}

.summary{width:330px;height: ;top:187px;left:0;position:absolute;
    /*background:  #EDEDED;*/
background: url(../images/bg_ed90.png);
}

.summarytxt{width:310px; padding:5px 10px; height:auto; cursor:pointer;}
.summarytxt h2{font:  bold 16px/32px "微软雅黑","宋体"; color:#333;}
.summarytxt p{font: normal 12px/22px "宋体"; color:#333;}


.listimg:hover  img.bigPIC{
	-webkit-transform:scale(1.06);
	-moz-transform:scale(1.06);
	-o-transform:scale(1.06);
	transform:scale(1.06)
}


/*---------------------------------//footer-----------------------------------*/


#footermain{width:100%; background-color:#f5f5f5; border-top:#f0f0f0 1px solid; }

#footer{
width:1050px; 
margin:0 auto;
padding-top:25px;
position:relative;
}

#footRight{position: absolute; right:0;top:30px;width:220px;}
#footRight p{width:220px; float:left; display:block; color:#009933; font: normal 22px/35px "微软雅黑",Arial,"宋体";padding-bottom:28px;}
#footRight a{float:left; display:block; margin-right:15px; padding-top:25px;}
#footRight a.btnQQ{ background: url(../images/qq.png) center top no-repeat ;}
#footRight a.wx{ background: url(../images/wx.png) center top no-repeat ;}

.wxewm{position: absolute;  display:none;  left:-47px; top:-145px; padding:0;  }





#foot{width:1050px; float:left; border-top:#E6E7E8 1px solid; margin-top:30px; padding:9px 0;position:relative; color:#999; font: normal 12px/24px Arial,"宋体"; text-align:center; }
#foot p{position: absolute; right:0;top:5px; }
#foot a{color:#999;}


#sitemap{width:780px;float:left; border-right:#E6E7E8 1px solid;}
UL.sitemap {float:left; display:block;width:155px; }
UL.sitemap h2{float:left; display:block; width:100%; font: normal 15px/25px "微软雅黑",Arial, Helvetica, sans-serif,"宋体"; color:#0066cc;}
UL.sitemap:first-child h2{ width:50%;}
UL.sitemap li a{float:left; display:block; width:150px; font: normal 13px/25px "微软雅黑",Arial, Helvetica, sans-serif,"宋体"; }
UL.sitemap:first-child{width:300px;}

#footsearch {
	width:228px;
	position:absolute;
	right:0;
	top:95px
}

#footsearch form {
	display:block;
	width:228px;
	float:left;
/*	background:url(../images/bg_menu_over.png)
*/}
#footsearch form input.txtBox {
	width:185px;
	height:33px;
	font:normal 14px/33px "微软雅黑";
	color:#666;
	background:#FFF;
	border: #E6E7E8 1px solid;border-radius:3px 0 0 3px;overflow:hidden;
	float:left;
	padding-left:5px
}
/*::-webkit-input-placeholder { color:#f00; }*/


#footsearch input.login {
	width:35px;
	height:35px;
	border:none;
	background:url(../images/btn_srh.png) center center no-repeat #E6E7E8;
	float:left;
	cursor:pointer; border-radius:0 3px 3px 0 ; overflow:hidden;
}
/*---------------------------------//footer-----------------------------------*/

/*---------------------------------//page-----------------------------------*/
#Page { display: ; float:left;width:100%;height: auto;font-size:12px;line-height: inherit;margin:0; padding-top:25px;text-align:center; }
#Page .TotalCount {color:#76B6E2;padding:3px 7px 3px 7px;border:1px solid #A7DBFF;margin-left:2px;margin-right:2px;background:#EDF8FF; border-radius:;}
#Page a {color:#AAAAAA;padding:3px 7px 3px 7px;border:1px solid #E5E5E5;margin-left:2px;margin-right:2px;background:#F5F5F5; text-decoration:none;border-radius:;}
#Page a:hover{background:#FEAEAD;color:#FF0101;border:1px solid #FF0101;margin-left:2px;margin-right:2px;}
#Page .CurrentPage {padding:3px 7px 3px 7px;background:#EDF8FF;border:1px solid #A7DBFF;color:#76B6E2;font-weight:bold;margin-left:2px;margin-right:2px;}
#Page .extend{color:#AAAAAA;padding:3px 7px 3px 7px;margin-left:2px;margin-right:2px;}

#pages {
    font-family: Arial, 宋体;
    padding: 20px 0 25px;
    }
    #pages:after {
        content: '';
        clear: both;
        display: block;
        font-size: 0;
    }
    .bottom_pages {
        width: 100%;
        float: left;
    }
    .pages_center {
        margin: 0px auto;
        text-align: center;
    }
    #pages a.a1 {
        background: #FCFCFC;
    
        padding: 0 10px;
    }
    #pages a.hover {
        display: inline-block;
        height: 22px;
        line-height: 22px;
        background: rgba(1, 113, 213, 1);
        border: 1px solid #e3e3e3;
        color: #FFF;
        text-align: center;
        padding: 0 10px;
    }
    #pages a {
        display: inline-block;
        height: 22px;
        line-height: 22px;
        background: #fff;
        border: 1px solid #e3e3e3;
        text-align: center;
        color: #666;
        padding: 0 10px;
    }
    #pages a:hover {
    background: rgba(1, 113, 213, 1);
        color: #FFF;
        text-decoration: none;
    }
    #pages span {
        display: inline-block;
        height: 22px;
        line-height: 22px;
        background: #5a85b2;
        border: 1px solid #5a85b2;
        color: #fff;
        text-align: center;
        padding: 0 10px;
    }

/*-- 电气事业部 20230507 --*/
.Contect { float: left; width: 100%; box-sizing: border-box; padding: 0 0 15px 0;}
.Contect img{ max-width: 100%;}
.Contect h2{font-size: 16px; line-height: 30px; color: #111; font-weight: normal;}
.Contect p{ padding:0 10px 20px 10px;}
.w50{width: 50%;box-sizing: border-box;}
.pic53{float: left; width: 100%;}
.pic53 li{float: left; width: 32% ; margin-right: 1%;}
.pic53 li img{width: 100%;}


/*************202408***********/
.infocasehead{margin:0 0 40px;display:block;float:left;  width:100%;}
.infocasehead figure{overflow: hidden;

text-align: center;
vertical-align: middle;
background-color: #fff;
display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    height: 600px; 

}
.infocasehead figure img{max-width: 100%;
height: auto;max-height: 600px;
text-align: center;
margin: 0 auto;
}
.infocasehead .swiper-pagination{bottom:-5px !important;}



li, img {
    transition: all ease-out 0.3s;
    -webkit-transition: all ease-out 0.3s;
}
        .pgimglist{margin-bottom:30px;}
        .pgimglist ul{margin:0 -1%;}
        .pgimglist li{float:left;width:25%;margin:0 0 2%;position:relative;}
        .pgimglist li figure{position:relative;overflow:hidden;margin-bottom:10px;height:220px;border:1px solid #eee;    width: 90%;
            margin: 0 5%;}
        .pgimglist li figure img{max-height:220px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
        .pgimglist li figure figcaption{position:absolute;top:0;left:0;bottom:0;right:0;background:url(../images/iconsee.png) no-repeat center center rgba(230,0,0,0.5);text-indent:-999em;opacity:0;transition:all ease-out 0.3s;}
        .pgimglist li section{padding:0px;}
        .pgimglist li section h4{font-size:16px;line-height:30px;}
        .pgimglist li section p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#999; text-align: center;}
        .pgimglist li:hover img{transform:translate(-50%,-50%) scale3d(1.05, 1.05, 1);}
        .pgimglist li:hover figcaption{opacity:1;}
        ul.prolist2{width:100%;max-width:925px;float: unset; margin:0px auto;}
        ul.prolist2 li {
         position: relative;
            width: 49%;
            margin-bottom:0;
            /* padding:0 10px; */
            margin-right:2%;
            box-sizing: border-box;
        font-size:18px;
        font-weight:normal;
        }
        ul.prolist2 li a{ border:none;color:#fff;}
        ul.prolist2{font-size:18px;
        font-weight:normal !important;}
        ul.prolist2 li:nth-child(2n){margin-right:0}
        ul.prolist2 h2{text-align: center; position: absolute;color:#fff;font-size:22px;
            font-weight:normal; left:10px;top:10px; }

            .detailtab{margin:30px 0;position:relative;border-bottom:1px solid #ddd; display: block; width: 100%; float: left;}
            .detailtab h3{font-size:22px;position:relative;padding-bottom:15px; display: inline-block;}
            .detailtab h3:after{content:'';display:block;position:absolute;bottom:-1px;width:100%;height:4px;background:#0061ae;}
            .cerlist{margin-bottom:30px;}
.cerlist ul{margin:0 -1%;}
.cerlist li{float:left;width:25%;margin:0 0 2%;position:relative;}
.cerlist li figure{position:relative;overflow:hidden;margin-bottom:10px;border:1px solid #eee;    width: 90%;
margin: 0 5%;}
/* .cerlist li figure img{max-height:220px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} */
.cerlist li figure figcaption{position:absolute;top:0;left:0;bottom:0;right:0;background:url(../images/iconsee.png) no-repeat center center rgba(230,0,0,0.5);text-indent:-999em;opacity:0;transition:all ease-out 0.3s;}
.cerlist li section{padding:0px;}
.cerlist li section h4{font-size:16px;line-height:30px;}
.cerlist li section p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#999; text-align: center;}
/* .cerlist li:hover img{transform:translate(-50%,-50%) scale3d(1.05, 1.05, 1);}
.cerlist li:hover figcaption{opacity:1;}		 */






.about_fl{float:left; width: 50%;}
a.about-info-a{display:inline-block;line-height:40px;    border: 1px solid #999; color:#666;border-radius:5px;padding:0 30px;transition: all ease-out 0.3s; background-color: rgba(245,245,245,0.35);}
a.about-info-a:hover{background:#0066cc; color:#fff;  border: 1px solid #0066cc;}
.about_p{padding:25px 0 20px; display:block; text-align: justify; width: 100%; }
.about_p p{ padding-bottom: 10px;}
.about-video{float:right;width:45%;margin:20px 0;}
.about-video video{width:100%; outline: none;}
.about-video video:hover{outline: none; border:none;}
.about-video figure{overflow:hidden;}
.about-video figure img{width:100%;}


.in-video{max-width:100%; margin:0 auto; text-align: center; }
.in-video video{max-width:100%; outline: none;}
.in-video video:hover{outline: none; border:none;}
.in-video figure{overflow:hidden;}
.in-video figure img{width:100%;}



@media (max-width: 1024px){
        
        
    .pgimglist{margin-bottom:30px;}
    .pgimglist ul{margin:0 -1%;}
    .pgimglist li{float:left;width:48%;margin:0 1% 10px;position:relative;}
        .pgimglist li figure{position:relative;overflow:hidden;margin-bottom:10px;height:100px;border:1px solid #eee;}
        .pgimglist li figure img{max-height:100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
        .pgimglist li figure figcaption{position:absolute;top:0;left:0;bottom:0;right:0;background:url(../images/iconsee.png) no-repeat center center rgba(230,0,0,0.5);text-indent:-999em;opacity:0;transition:all ease-out 0.3s;}
.pgimglist li section{}
    .pgimglist li section h4{font-size:16px;line-height:30px;}
    .pgimglist li section p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#999;}
.pgimglist li:hover img{transform:translate(-50%,-50%) scale3d(1.05, 1.05, 1);}
.pgimglist li:hover figcaption{opacity:1;}
        
.infocasehead figure{
        height: 300px; 
    
    }
    .infocasehead figure img{max-width: 100%;
    height: auto;max-height: 300px;

    }    
    .about_fl{width: 94%; padding:20px 0px; margin:0 auto; box-sizing: border-box;float:unset;text-align: center; }
    .about-video{width:94%;margin-top:30px; margin:0 auto; float:unset}
.about-video video{width:100%;}
.about-video figure{overflow:hidden;}
.about-video figure img{width:100%;}   
        }