/* CSS Document 	behavior: url(css/csshover.htc);*/
/*-------------------------------网页全局------------------------------------------*/
/**/
.yj{
border-radius: 5px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
-moz-border-radius: 5px; /* Mozilla浏览器的私有属性 */ 
-webkit-border-radius: 5px; /* Webkit浏览器的私有属性 */ 
}
.DivDox{
box-sizing:border-box;/* IE\360\chrome */
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}
.LeftMenu{ width:140px; height:100%; position:fixed; _position:absolute; background:url(../image/menubg.png) repeat-y left top; left:0px; top:0px; z-index:10000; }
.logo{ width:128px; height:120px; float:left;}

.LeftMenu ul{ width:128px; height:auto; float:left; padding:0px; margin:0px; list-style:none; padding-top:30px;}
.LeftMenu ul li{ width:128px; height:46px; position:relative; text-align:center; float:left; line-height:46px;}
.LeftMenu ul li a{ font-size:15px; display:block; width:100%; height:100%;}
.LeftMenu ul li a:link,.LeftMenu ul li a:visited,.LeftMenu ul li a:active{ color:#FFFFFF;}
.LeftMenu ul li a:hover,.LeftMenu ul li:hover a:link,.LeftMenu ul li:hover a:visited,.LeftMenu ul li:hover a:hover,.LeftMenu ul li:hover a:active { color:#ECA52F;}
/*.LeftMenu ul li:hover ul{ display:block;}*/
.LeftMenu ul li ul{ width:218px; height:auto; position:absolute; left:128px; top:0px; display:none; background:url(../image/dds.png); padding-top:0px;}
.LeftMenu ul li ul li{ width:218px; height:35px;}
.LeftMenu ul li ul li a{ width:188px; padding-left:30px; text-align:left; background:#2D3035; color:#FFFFFF; line-height:34px; height:34px; display:block;}
.LeftMenu ul li:hover ul li a:link,.LeftMenu ul li:hover ul li a:visited,.LeftMenu ul li:hover ul li a:active{ color:#FFFFFF;}
.LeftMenu ul li:hover ul li a:hover{color:#ECA52F;}
.Index_Ewm{ width:128px; height:148px; line-height:20px; font-size:12px; text-align:center; position:absolute; left:0px; bottom:0px;}

.indexFlash{ width:100%; height:100%; background:#000; }

.SubMainBody{ width:100%; height:auto; padding-left:140px; min-height:620px;}
.PageUrl{ width:100%; height:120px; position:absolute; z-index:1000; }
.PageUrl .DivBox{ width:252px; height:60px; position:absolute; left:178px; bottom:0px; background:#FFFFFF; text-align:center; line-height:60px;}
.PageUrl .DivBox .lefts{ width:120px; height:60px; float:left; position:relative; cursor:pointer; background:url(../image/xl.png) no-repeat 95px center;}

.PageUrl .DivBox .lefts ul{ margin:0px; padding:0px;width:auto; height:auto; position:absolute;background:#fff;  left:0px; top:60px; border-top:1px solid #000000; display:none; padding:10px 0px;}
.PageUrl .DivBox .lefts li{ width:auto; height:34px;margin:0px; padding:0px; list-style:none; }
.PageUrl .DivBox .lefts li a{ _width:80px; min-width:80px; padding:0px 20px;  color:#FFFFFF; line-height:34px; height:34px; display:block;}
.PageUrl .DivBox .lefts li a:link,.PageUrl .DivBox .lefts li a:visited,.PageUrl .DivBox .lefts li a:active{ color:#555;}
.PageUrl .DivBox .lefts li a:hover{ color:#ECA332;}

.PageUrl .DivBox .coms{ width:12px; height:60px; float:left;}
.PageUrl .DivBox .rights{ width:120px; height:60px; float:left;}

.subFlash{ width:100%; min-width:1100px;  height:547px; background:#CCCCCC; position:relative; }

.subFlash .font_div{ position:absolute;  min-width:300px; height:auto;  left:320px; top:270px; }


/*-------------------------*/
.subFlash .font_div{
	animation: reset 1.2s;
	-moz-animation: reset 1.2s; /* Firefox */
	-webkit-animation: reset 1.2s; /* Safari and Chrome */
}

@keyframes reset {
0% { left:300px;opacity:0; }
100%{left:320px;opacity:1; }
}

@-moz-keyframes reset {
0% { left:300px;opacity:0; }
100%{left:320px;opacity:1; }
}

@-webkit-keyframes reset {
0% { left:300px;opacity:0; }
100%{left:320px;opacity:1; }
}




.IndexProMain .AnTop{ width:42px; height:38px; position:absolute; left:50%; margin-left:-21px; top:-30px; }

.sub_main{ width:1100px; height:auto; }

.sub_Url{ width:1100px; height:92px; line-height:92px; font-size:24px;  }
.sub_body{ width:1100px; min-height:300px; min-height:300px; line-height:30px; padding-bottom:100px;}

.msg_body{ width:1100px; height:600px; padding-top:70px;}

.msg_body .ins{ 
   width:288px; height:34px; line-height:34px; padding:0px 5px; border:1px solid #DBDBDB;
}
.msg_body .ints{ 
   width:278px; height:34px; line-height:34px; padding:0px 5px; border:1px solid #DBDBDB;
}

.msg_body .inss{  width:638px; height:34px; line-height:34px; padding:0px 5px; border:1px solid #DBDBDB;}

.msg_body .bodysinss{  width:638px; height:200px; line-height:34px; padding:0px 5px; border:1px solid #DBDBDB;}

.msg_body .vidoints{ 
   width:160px; height:34px; line-height:34px; padding:0px 5px; border:1px solid #DBDBDB;
}

.broder_bottom{    border-bottom: 1px solid #E4E4E4;}
.show_body{ width:1100px; _height:620px; min-height:620px; padding-top:168px;}
.show_body h1{ font-size:28px; font-weight:normal; text-align:center; color:#333; line-height:50px;}
.show_body .times{ width:1100px; height:100px;border-bottom: 1px solid #E4E4E4; line-height:80px; text-align:center;color:#AEAEAE; font-site:12px;}
.show_body .bodys{ line-height:30px; padding-top:22px; padding-bottom:40px;}
.show_body .pageNexts{ width:1100px; height:153px;border-top: 1px solid #E4E4E4; padding-top:27px; line-height:30px; position:relative;}

.show_body .pageNexts .back{ width:56px; height:24px; position:absolute; right:0px; background:url(../image/backs.gif) no-repeat left center; line-height:24px; text-align:right; top:44px;}
.show_body .pageNexts .back a{ width:100%; height:100%; display:block;}

/* 横向滚动------------------------------
.scroll_horizontal{position:relative;width:1160px;height:420px; padding-top:19px;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:1160px;height:420px;  }
.scroll_horizontal .plus,
.scroll_horizontal .minus{position:absolute;top:140px;width:42px;height:68px;cursor:pointer; }
.scroll_horizontal .plus{left:-64px; background:url(../image/top_r8_c2.jpg);}
.scroll_horizontal .minus{right:-61px; background:url(../image/top_r8_c25.jpg); }
.scroll_horizontal .plus:hover,
.scroll_horizontal .minus:hover{background:none;}
.scroll_horizontal ul{position:absolute;top:0;left:0;width:9999px; padding:0px; margin:0px;}
.scroll_horizontal li{float:left;width:296px; height:350px; list-style:none; margin:0px; padding:0px;}
.scroll_horizontal li .imgs{ width:268px; height:295px; float:left; border:1px solid #DDD;}
.scroll_horizontal li .lititle{ width:270px; height:53px; float:left;line-height:36px; text-align:center; background:#DDD url(../image/top_r11_c4.jpg) no-repeat center 43px;}

.scroll_horizontal li:hover .imgs{ border:1px solid #1DAEE3;}
.scroll_horizontal li:hover .lititle{  background:#1DAEE3 url(../image/top_r11_c4.jpg) no-repeat center 43px; color:#FFFFFF;}

.IndexMenuMore{ width:1160px; height:117px; }
.IndexMenuMore a{ width:174px; height:61px; display:block; margin:0px auto;background:url(../image/top_r14_c15.jpg) no-repeat center top;}
.indexQQ{ width:76px; height:300px; position:fixed; right:0px; top:432px; z-index:10000;}
/*---------------------------------------------------*/




.footer{ width:100%; height:188px; background:#3C3F44;color:#868281; padding-left:140px;

box-sizing:border-box;/* IE\360\chrome */
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}
.footersTop{ width:1100px; height:60px; line-height:60px; }
.footersTop a{color:#868281;}
.footersTop a:hover{color: #ECA332;}
.footersTop .phone{ width:250px; height:60px; float:right; }
.footersTop .phone b{ color:#FFFFFF; font-size:22px;}

.Copyright{ width:100%; height:107px; border-top:1px solid #4E5255; padding-top:20px;}
.Copyright .bodys{ width:1100px; height:107px; line-height:30px; font-size:12px; position:relative;}
.Copyright .rights{ width:74px; height:107px; position:absolute; right:0px; top:0px;}
/*----------------------------------*/


/*----------------------关于我们--------------------------*/

.CompanyMBody{ width:1100px; height:auto; line-height:30px; padding-bottom:40px;}

ul.companyImg{ width:1160px; height:auto; float:left; overflow-x:hidden; margin:0px; padding:0px;}
ul.companyImg li{ width:290px; height:287px; float:left; list-style:none;margin:0px; padding:0px; }
ul.companyImg li .imgs{ width:209px; height:209px; border:1px solid #E4E4E4; padding:10px; float:left; overflow:hidden; }
ul.companyImg li .title{ width:230px; height:44px; line-height:44px;float:left;text-align:center; }

.pages{ width:1100px; height:130px; padding-top:34px; text-align:center; float:left;}
.pages a{ width:auto; height:auto; display:inline-block; margin:3px; padding:5px 10px;border:1px solid #E4E4E4;}
.pages a.default{ background:#ECA332; color:#FFFFFF;padding:6px 11px; border:0px;}



ul.productImg{ width:1160px; height:auto; float:left; overflow-x:hidden; margin:0px; padding:0px;}
ul.productImg li{ width:290px; height:330px; float:left; list-style:none;margin:0px; padding:0px; }
ul.productImg li .imgs{ width:230px; height:265px;   float:left; }
ul.productImg li .title{ width:230px; height:44px; line-height:44px;float:left;text-align:center; }
ul.productImg li:hover .title{ background:#ECA332; color:#FFFFFF;}

/*----------切换图片--------------*/


#CompanyBody {  
                width: 575px;   position: absolute; left: 0;padding-right:30px;
            }  
 #CompanyscrBj {  
          width: 2px;  height: 270px;   background-color: #6C99C0;   position: absolute;    right: 3px;  
	
            }  
 #Companyscroll {  
                width: 5px;   height: 20px;  
                background-color: #fff;    position: absolute;   left: -2px;  
                top: 0;    cursor: pointer; 
				
            } 
/*--------新闻中心-------*/
.NewTop{ width:716px; height:80px; position:relative;}

.ClassName{ width:150px; height:42px; position:absolute; left:50%; margin-left:-75px; top:20px; background:url(../image/r2_c3.jpg); line-height:42px; text-align:center; color:#FFFFFF;}
.NewBody{ width:1090px; height:636px; margin-bottom:54px; background:#FFFFFF; padding:40px;}
.NewBody .Lefts{ width:746px; height:545px; float:left;}
.NewBody .Lefts .imgs{ width:718px; height:328px; float:left;}
.NewBody .Lefts .title{ width:654px; height:165px; float:left; background:#F8F9FB; padding:32px; padding-bottom:0px;font-size:12px;}
.NewBody .Lefts .title h3{ line-height:42px; font-size:20px; font-weight:normal; padding-bottom:6px;}
.NewBody .Lefts .title p{ line-height:24px; padding-bottom:20px;color:#888;}


.NewBody .Lefts .title dl{list-style:none; line-height:28px; float:left; height:28px; width:654px; }
.NewBody .Lefts .title dt{ float:left; height:20px; width:24px; padding-top:8px;}
.NewBody .Lefts .title dd{ float:left; height:28px; width:104px;font-size:12px;}

.NewBody .Rights{ width:344px; height:545px; float:left;}

.NewBody .Rights .NextList{ width:344px; height:252px; margin-bottom:20px;}
.NewBody .Rights .NextList .imgs{ width:344px; height:157px;}
.NewBody .Rights .NextList .title{ width:344px; height:95px; background:#F8F9FB; }

.NewBody .Rights .NextList .title .time{ width:78px; height:64px; float:left; text-align:center; padding-top:14px; background:url(../image/r4_c11.jpg) no-repeat center bottom;}
.NewBody .Rights .NextList .title .time b{ font-size:42px; font-weight:bold; text-align:center;line-height:44px; 
}
.NewBody .Rights .NextList .title .time p{ line-height:18px;}
.NewBody .Rights .NextList .title .titles{ width:245px; height:72px; float:left; line-height:22px; padding-top:6px; color:#888;}

.NewPage{ width:1090px; height:55px; padding-top:35px; float:left;}
.NewPage div{ width:208px; height:40px;}
.NewPage a{ width:40px; height:40px; padding:0px 6px; display:block; float:left;}


/*------------新闻详细页----------------------*/

ul.new{ margin:0px; padding:0px; width:1100px; height:auto;}
ul.new li{
 width:1100px; height:170px;  margin:0px; padding:0px; list-style:none; float:left;
 }
ul.new li .time{ width:165px; height:150px; padding-top:20px; float:left;border-top:1px solid #E4E4E4; margin-right:33px; color:1E2225;}
ul.new li .time b{ font-size:30px; font-weight:normal;}
ul.new li .coms{ width:640px; padding-right:50px; height:150px; padding-top:20px; float:left;border-top:1px solid #E4E4E4; color:#9A9A9A; line-height:20px;}
ul.new li .coms h3{ line-height:38px; font-weight:normal; color:#1E2225; margin-bottom:6px; font-size:18px;}

ul.new li .imgs{ width:212px; height:145px; padding-top:25px; float:left;border-top:1px solid #E4E4E4;}


/*------------招聘列表----------------------*/

.ZpBody{ padding:13px 92px 77px; width:986px; height:auto; background:#FFFFFF; margin:40px auto 50px;}
.ZpBody h1{ width:986px; height:68px; line-height:68px; text-align:center;  color:#666666; padding:0px 0px 2px;}

.ZpTrTitle{ height:45px; background:#00579A; color:#FFFFFF; }
.zpTr{ background:#EFF4F8;}
.Zpbots{ padding:32px 0px; line-height:24px;}



.combody{ color:#FFFFFF;}
.Bjgs{ background-image:url(../image/about.jpg); background-repeat:no-repeat; background-position:center 214px;}

/*-----------产品中心-----------*/

.ProBj{ background:#03030F url(../image/pros.jpg) no-repeat center 130px;}
.ProTop{ width:100%; height:67px; background:url(../image/j_r3_c2.jpg) repeat-x left 60px; position:relative;}
.ProTops{ width:1180px; height:67px; text-align:center; line-height:60px; color:#0586EE; }
.ProTops .ClassN{ width:106px; height:60px; float:left; border-right:2px solid #1F3888; color:#0586EE; font-size:16px; line-height:60px; text-align:center; }
.ProTops .ClassN a{color:#0586EE;}
.ProTops .MenuDiv a,.ProTops .MenuDivs a{ width:105px; height:51px; display:block; border-right:1px solid #1F3888; line-height:51px; color:#0586EE;}
.ProTops .MenuDiv{ width:106px; height:63px; float:left;padding-top:4px;}
.ProTops .MenuDivs{ width:106px; height:63px; float:left; padding-top:4px; background:url(../image/br3_c5.jpg) no-repeat center bottom;}
.ProTops .ProClass{ width:136px;height:60px; float:right; font-size:18px; background:url(../image/dr3_c8.jpg) no-repeat right center; padding-right:20px; cursor:pointer;}
.ProClassBody{ width:100%; height:auto; padding-bottom:40px; background:#0B1F5E url(../image/j_r3_c2.jpg) repeat-x left 60px; position:absolute; top:0px; z-index:1000;
filter:alpha(opacity=0); /*IE滤镜，透明度50%*/
-moz-opacity:0; /*Firefox私有，透明度50%*/
opacity:0;/*其他，透明度50%*/ display:none; 
}
.ProClassBody .Bodys{
 width:1170px; height:344px;background:#0B1F5E url(../image/j_r3_c2.jpg) repeat-x left 60px;
 }
.ProClassBody .Bodys .tops{ width:1170px; height:60px;
}
.ProClassBody .Bodys .tops a{
 width:126px; height:50px; padding-right:26px; float:right; color:#0065B7; font-size:18px;
 display:block; background:url(../image/close.jpg) no-repeat 126px center; line-height:50px; text-align:center;
  }
.ProClassBody .Bodys .Bottoms{
 width:1180px; height:190px; padding-top:40px;
}

.PiProList{ width:20%; height:82px; float:left; border-left:1px solid #0B1F5E;border-right:1px solid #0B1F5E; margin:5px 0px;  position:relative; background:#0F539A;
box-sizing:border-box;/* IE\360\chrome */
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */ overflow:hidden;
}
.PiProList .Toptitle{ width:122px; height:32px; border:1px solid #FFFFFF; position:absolute; left:50%; 
margin-left:-62px; top:50%; margin-top:-17px;text-align:center; line-height:32px; color:#FFFFFF; background-color:#0B427B;
}
.PiProList  a{ display:block; width:100%; height:100%; display:block; color:#FFFFFF; }
.PiProList a.bks{ display:block; width:100%; height:100%;  position:absolute; top:0px; left:0px;}
.PiProList .BodyCom{ width:224px; height:27px; position:absolute; left:50%; margin-left:-112px; bottom:0px;
filter:alpha(opacity=0); /*IE滤镜，透明度50%*/
-moz-opacity:0; /*Firefox私有，透明度50%*/
opacity:0;/*其他，透明度50%*/
 }
.PiProList .BodyCom a{ width:70px; height:25px; line-height:25px; text-align:center; border:1px solid #56A3F3; background:#14549B; display:block; float:left; margin:0px 1px;}
.PiProList .BodyCom a.Lasts{ margin-right:0px;}
.Probody{ width:100%; height:532px; position:relative;}
.ProShow{ width:940px; height:710px; position:fixed; left:50%; margin-left:-470px; top:80px; background:#FFFFFF; z-index:2100;display:none;
 filter:alpha(opacity=0); 
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}

.ProShow .title{ width:940px; height:80px; line-height:80px; border-bottom:1px solid #E8E8E8; text-align:center; font-size:24px; color:#333333;}
.ProShow .bodys{ width:850px; height:525px;border-bottom:1px solid #E8E8E8; padding:45px; padding-top:30px;}

.ProShow .closes{ width:43px; height:25px; position:absolute; top:0px; right:-43px; background:url(../image/close.jpg) no-repeat right center;}
.ProBgs{ width:100%; height:100%; position:fixed; background:#032552; z-index:2000; top:0px; left:0px; display:none;
 filter:alpha(opacity=90); 
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

.Propers,.ProNexts{ width:50px; height:100px; position:absolute; display:block; top:50%; background:url(../image/sprites.png) no-repeat; }
.Propers{left:20px; background-position:center left;}
.ProNexts{ right:20px; background-position:center right;}




/*---------------滚动条-------------------*/

#container {  
                width: 850px;   height: 425px;   position: relative;  overflow: hidden;  
            }  
 #ComBody {  
                width: 830px;   position: absolute; line-height:24px;left: 0;  
            }  
 #scrollBj {  
          width: 5px;  height: 425px;   background-color: #CCC;   position: absolute;    right: 0px;  
		-moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
	
            }  
 #scrolls {  
                width: 5px;   height: 20px;  
                background-color: #0464B8;    position: absolute;   left: 0px;  
                top: 0;    cursor: pointer; 
				-moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px; 	
            } 


/*--------------------------------------------*/
 .JBdivBody{ width:1180px; height:100%; margin:0px auto; position:relative; }
  .JBdivBody ul,.JBdivBody li{ margin:0px; padding:0px; }
  .JBdivBody ul{ position:absolute; top:50%; margin-top:-266px;}

 .JBdivBody li { 
 list-style:none;width:1180px; height:532px; position:absolute; left:0px; top:0px;
 filter:alpha(opacity=0); display:none;
	-moz-opacity:0;
	-khtml-opacity: 0;overflow: hidden;
	opacity: 0;
 }   
  .JBdivBody li .div1{ width:480px; height:120px;  position:absolute; line-height:42px; left:0px; top:108px; color:#FFFFFF; font-size:20px; text-align:center;}
    .JBdivBody li .div1 h3{ font-size:46px; font-weight:normal; line-height:78px;}
  .JBdivBody li .div2{ width:130px; height:40px; position:absolute; left:170px; top:253px;
   filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;  
  }
  .JBdivBody li .div2 a{ color:#00579A; text-align:center; width:128px; height:38px; line-height:38px; display:block; border:1px solid #00579A;}
  .JBdivBody li .div3{ width:688px; height:530px;  position:absolute; right:-150px; top:0px; 
  
     filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;  
  }
  .ProListMenu{ width:100%; height:60px; position:fixed; bottom:50px;}
  .JBDivMenu{
	width:auto;height:60px; padding-left:10px;margin:0px auto;margin-top:30px;overflow: hidden; 
}
   .JBDivMenu ul,.JBDivMenu li{ margin:0px; padding:0px; }
   .JBDivMenu li{ list-style:none; width:72px; height:58px; float:left; margin-right:10px; border:1px solid #1E3787; cursor:pointer;}
   .JBDivMenu li.on{ border-color:#0286E8;}