/* CSS Document 	behavior: url(css/csshover.htc);*/

/*-------------------------------网页全局------------------------------------------*/

/**/

.head{ width:100%; height:72px; background:#00579A; border-bottom:1px solid #F2F2F2; z-index:100000; position:absolute;  }



.headBody{ width:1193px; height:72px;}

.logo{ width:217px; height:72px; float:left;}



.Menu{ width:798px; height:72px; float:left;}

.Menu a{ width:114px; _width:113px; height:72px; float:left; line-height:72px; text-align:center; color:#ECF6F8;}

.Menu a:link,.Menu a:visited{color:#ECF6F8;}

.Menu a:hover{ color:#bde2ff;}

.Menu a:active{color:#ECF6F8;}



.Menu a.default{ color:#5bb2ff;}

.trans *{
		transition: all .3s ease-out 0s;
		-moz-transition: all .3s ease-out 0s; /* Firefox 4 */
		-webkit-transition:all .3s ease-out 0s; /* Safari 和 Chrome */
		-o-transition: all .3s ease-out 0s; /* Opera */
}

.fx{ width:70px; height:70px; position:fixed; top:50%; margin-top:-35px; right:0px; z-index:10000;}

.clear{ clear:both; padding:0; margin:0;} 

.headsRight{ width:178px; height:58px; float:left; padding-top:14px;}

.headsRight a{ width:41px; height:41px; float:right; display:block; margin-left:7px;}

.headsRight a.en{ background:url(../image/en.jpg) no-repeat center top;}

.headsRight a.en:hover{ background-position:center bottom;}

.headsRight a.user{ background:url(../image/user.jpg) no-repeat center top;}

.headsRight a.user:hover{ background-position:center bottom;}

.headsRight a.email{ background:url(../image/email.jpg) no-repeat center top;}

.headsRight a.email:hover{ background-position:center bottom;}



.indexFlash{ width:100%; height:580px; background:#00579A; position:relative; min-width:1193px;  overflow:hidden; }

.indexFlash .swiper-pagination{ bottom:130px; width:calc(100% - 100px); text-align:right; padding-right:100px;}

.indexFlash .swiper-pagination-bullet{ margin:0px 2px;}



.indexFlash video::-webkit-media-controls-fullscreen-button {

    display: none;

}



.indexFlash video::-webkit-media-controls-play-button {

    display: none;

}



.indexFlash video::-webkit-media-controls-timeline {

    display: none;

}



.indexFlash video::-webkit-media-controls-current-time-display {

    display: none;

}



.indexFlash video::-webkit-media-controls-time-remaining-display {

    display: none;

}



.indexFlash video::-webkit-media-controls-mute-button {

    display: none;

}



.indexFlash video::-webkit-media-controls-toggle-closed-captions-button {

    display: none;

}



.indexFlash video::-webkit-media-controls-enclosure {

    display: none;

}



.indexFlash video::-webkit-media-controls-volume-slider {

    display: none;

}





.indexFlash .swiper-pagination-bullet-active{ background:#fff;}

.IndexProMain{ width:100%; height:102px; position:fixed;  bottom:0px; z-index:1000; }

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

}

.IndexProTops{ width:100%; height:100px; min-width:1193px;  position:absolute; bottom:0px; left:0px; border-top:2px solid #fff; background:#CCCCCC;}

.IndexProList{ width:25%; height:100px; float:left; border:1px solid #FFFFFF; position:relative; background:#0F539A; top:0;

box-sizing:border-box;/* IE\360\chrome */

-moz-box-sizing:border-box; /* Firefox */

-webkit-box-sizing:border-box; /* Safari */ overflow:hidden;

}

.IndexProTops a.bks{ display:block; width:100%; height:100%;  position:absolute; opacity:0; top:0px; left:0px;}

.IndexProList .Toptitle{  width:60%; height:auto;top:50%; left:50%; position:absolute; font-size:20px; transform: translate(-50%, -50%); text-align:center; line-height:28px; color:#FFFFFF; z-index:10;
 
}

.IndexProList  a{ display:block; width:100%; height:100%; display:block; color:#FFFFFF;  }
.IndexProList:hover{ height:168px; top:-70px;}
.IndexProList:hover a{ opacity:1;}
.IndexProList a:link,.IndexProList a:visited{ color:#FFFFFF;}

.IndexProList .BodyCom{ width:235px; height:27px; position:absolute; left:50%; margin-left:-117px; bottom:0px;

filter:alpha(opacity=0); /*IE滤镜，透明度50%*/

-moz-opacity:0; /*Firefox私有，透明度50%*/

opacity:0;/*其他，透明度50%*/

 }
 
 
 
 
/*
.IndexProList .BodyCom a{ width:74px; height:25px; line-height:25px; text-align:center; border:1px solid #56A3F3; background:#14549B; display:block; float:left; margin-right:3px;}

.IndexProList .BodyCom a.Lasts{ margin-right:0px;}

.InProList{width:385px;   height:75px; float:left; line-height:70px; font-size:22px;border-right:1px solid #E2E2E2; }

.InProList a{ width:215px; height:100%;  padding-left:170px; 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:94px; background:#fff url(../image/footer.gif) repeat-x left bottom;}



.footerTop{ width:1193px; height:50px; }

.footerTop .lefts{ width:393px; height:30px; padding-top:49px; float:left;}



.footerTop .LogDiv{ width:168px; height:50px; float:right; background:url(../image/r11_c22.jpg) no-repeat left top; background-size:contain;}







.footers{ width:1193px; height:45px; font-size:12px; }

.Copyright{ width:900px; height:40px;  float:left; color:#C0C1C3; text-align:right; line-height:40px; padding-top:5px;}

.footers .lefts{ width:280px; height:45px; float:left; }

.footers .lefts ul,.footers .lefts li{ margin:0px; padding:0px; position:relative;}

.footers .lefts li{ list-style:none; width:90px; height:45px; line-height:40px; text-align:center; float:left; }

.footers .lefts li a{ width:100%; height:40px; display:block; color:#7d8182;padding-top:5px;}



.footers .lefts li a:link,.footers .lefts li a:visited{ color:#fff; background-image:none;}

.footers .lefts li a:hover{color:#137FEC; background:url(../image/r4_c3.jpg) no-repeat center bottom;}

.footers .lefts li a:active{color:#fff; background-image:none;}



.footers .lefts li:hover{background:url(../image/r4_c3.jpg) no-repeat center bottom;}

.footers .lefts li:hover ul{ display:block;}

.footers .lefts li ul a{ width:auto; float:left; padding-right:5px; color:#7d8182; }

.footers .lefts li ul a:hover{ background:none;}

.footers .lefts li ul{ position:absolute; display:none; top:-55px; width:640px; height:55px; text-align:left; }

.footers .lefts li ul li:hover{ background:none;}

.footers .lefts li ul li{ width:60px;}

.footers .senUl{ left:-30px; background:#FFF;}

.footers .lefts li ul li a{color:#333; padding-top:0px; background-image:none; width:60px; display:block; padding-left:10px;  text-align:left; }

.footers .lefts li ul li a:link,.footers .lefts li ul li a:visited{background: url(../image/r4_c3.gif) no-repeat left center; color:#333;}

.footers .lefts li ul li a:hover{background: url(../image/r4_c3.gif) no-repeat left center;color:#C0C1C3;}

.footers .lefts li ul li a:acitve{background: url(../image/r4_c3.gif) no-repeat left center; color:#333;}

.footers .lefts li ul.links{ left:-250px; width:900px; line-height:20px; background:#FFF; z-index:123100;}

.footers .lefts li ul.links a{ width:auto; height:20px; line-height:20px; display:inline; padding:0px 5px; color:#333;}

.footers .lefts li ul.links a:hover{ color:#137FEC;}



/*----------------------------------*/

.zybody{ background:#00579A;}/*background:#F3F3F3;*/

.zyflash{ width:100%; height:140px;}

.zyCbody{ background:#F3F3F3;}/*background:#F3F3F3;*/

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

.CompanyMBody{ width:100%; height:56px; position:absolute; padding-top:14px; background:#f3f3f3; top:213px; z-index:1000;}

.CompanyMBodys{ width:1090px; height:42px; padding-left:19px;text-align:center; font-size:18px; }



.ComMenu{ width:auto; height:42px; padding: 0px 10px; display:inline-block; margin:0px 8px; background:url(../image/r2_c3.jpg) no-repeat; background-size: 100% 100%;  line-height:42px;cursor: pointer; color:#FFFFFF;}

.ComMenus{ width:auto; height:40px; padding: 0px 10px;  display:inline-block;  margin:0px 8px;  background:#FFFFFF; line-height:40px; border:1px solid #DADADA;cursor: pointer; }

.ComMenu a{color: #fff;}



.companyFirst{ width:1178px; height:6630px; padding-top:204px; position:relative;  }



.companyFirst .bodys{ width:1178px; height:6600px;background:#fff;}

.companyFirst .topTitle{ width:384px; height:30px; left:50%; margin-left:-192px; position:absolute;  top:96px;}

.companyFirst .topCh{ width:184px; height:30px; position:absolute; left:50%; margin-left:-92px; top:133px; background:url(../image/compays.jpg) no-repeat;}

.companyFirst .bodys .lefts{ width:100%; height:850px; margin-top:50px; position:relative; float:left;}

.companyFirst .bodys .lefts img{ position:absolute; top:0px; left:30px;



}



.companyFive{ width:1090px; height:auto; padding:50px 45px 50px; background:#FFFFFF; margin:30px auto;}

.companyMap{ text-align:center; width:100%; height:auto; background:#00467A;}



.hiddens{

filter:alpha(opacity=0); /*IE滤镜，透明度50%*/

-moz-opacity:0; /*Firefox私有，透明度50%*/

opacity:0;

}

.companyFirst .bodys .rights{ width:100%; height:5650px; float:left; padding-top:32px; line-height:21px; position:relative; overflow:hidden; 



}

.firstRights{width:1118px; height:475px; padding:0px 30px;  position:absolute; right:-300px;}



.companySed{ width:100%; height:787px; border-bottom:1px solid #5A8FBB; position:relative; }

.companySed .entitle{ width:384px; height:30px; position:absolute; margin-left:-192px; left:50%; text-align:center; top:139px;}



.companySed .chtitle{ width:184px; height:30px; position:absolute; margin-left:-92px; left:50%; text-align:center; top:89px;}

.companySed .cht{ width:34px; height:30px; position:absolute; margin-left:-17px; left:50%; text-align:center; top:197px;





}



.companySed .bodys{ width:628px; height:256px; position:absolute; left:50%; margin-left:-319px; top:130px;}



.companythree{ width:100%; height:669px; background:#FCF8EF url(../image/yy.jpg) no-repeat center bottom; position:relative; }

.companythree .entitle{ width:384px; height:30px; position:absolute; margin-left:-192px; left:50%; text-align:center; top:170px;}

.companythree .chtitle{ width:184px; height:30px; position:absolute; margin-left:-92px; left:50%; text-align:center; top:120px;}

.companythree .chtMenu{ width:547px; height:45px; position:absolute; margin-left:-269px; left:50%; text-align:center; top:130px;}

.companythree .chtMenu a{ width:171px; height:43px; text-align:center; line-height:43px; border:1px solid #BCBCBC; background:#FFFFFF; display:block; float:left; margin-right:9px;}

.companythree .chtMenu a:link,.companythree .chtMenu a:visited{ color:#515151;}

.companythree .chtMenu a:hover{color:#fff; background:url(../image/r24_c25.png); border:0px; padding:1px;}

.companythree .chtMenu a:active{ color:#515151;}

.companythree .chtMenu a.default{color:#fff; background:url(../image/r24_c25.png); border:0px; padding:1px;}

.companythree .bodys{ width:1150px; height:468px; position:absolute; left:50%; margin-left:-575px; top:165px;}



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

#focus {width:1150px; height:468px; }

#focus .divBody{ width:1090px; height:468px;overflow:hidden; position:relative;}

#focus ul {height:468px; position:absolute;padding:0px; margin:0px; }

#focus ul li {float:left; width:1090px; height:468px; overflow:hidden; position:relative;list-style:none; padding:0px; margin:0px; }

#focus .preNext {width:45px; height:100px; position:absolute; top:180px; background:url(../image/sprite.png) no-repeat 0 0; cursor:pointer;}

#focus .pre {left:-30px;}

#focus .next {right:-30px; background-position:right top;}



.f1{ background:#999999;}

.f2{ background:#666666;}

.f3{ background:#ff6600;}



.companyFour{ width:100%; height:2007px; background:#015293 url(../image/abdd.jpg) no-repeat center  top;}

.companyFour .entitle{ width:384px; height:30px; position:absolute; margin-left:-192px; left:50%; text-align:center; top:86px;}

.companyFour .chtitle{ width:184px; height:30px; position:absolute; margin-left:-92px; left:50%; text-align:center; top:60px;}

.companyFour .bodys{ width:1170px; height:2007px; overflow:hidden; position:relative;}

.companyFour .imgs{ width:422px; height:252px; position:absolute; left:50%; margin-left:-647px; top:122px;}

.companyFour .imgsCom{ width:548px; height:92px; position:absolute; left:50%; margin-left:-1247px; top:330px; font-size:16px; color:#FFFFFF; line-height:28px;}

.companyFour .conter{

	width:605px;

	height:1880px; position:absolute;

	left:50%;margin-left:664px;top:130px;

	color:#FFFFFF;

	line-height:22px; overflow: hidden; 

}





#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;}





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

.showTitle{ width:100%; height:98px; border-bottom:1px solid #E6E6E6;}

.showTitle h1{ width:1088px; height:auto; padding:10px 0px; line-height:32px; margin:0px auto; text-align:center; font-weight:normal; font-size:20px; color:#515151;}

.showTitle  dl{list-style:none; line-height:28px; margin:0px auto; height:28px; width:364px; padding-left:30px; }

.showTitle  dt{ float:left; height:20px; width:24px; padding-top:8px;}

.showTitle  dd{ float:left; height:28px; width:auto; padding-right:30px;font-size:12px;}

.SubBody{ width:1088px; height:auto; padding:50px 0px 70px; line-height:24px;}

.NextPage{ width:1088px; height:56px; padding:20px 0px;}

.NextPage .lefts{ width:972px; height:56px; float:left; line-height:28px;}

.NextPage .rights{ width:116px; height:47px; float:left; padding-top:9px;}

.NextPage .rights a{ width:116px; height:40px; display:block; text-align:center; line-height:40px; background:#C3C3C3; color:#FFFFFF;}



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



.ZpBody{ padding:13px 92px 77px; width:986px; height:auto; background:#FFFFFF; margin:96px 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;z-index: 100;}

.ProTops{ width:1180px; height:67px; text-align:center; line-height:60px; color:#0586EE; }

.ProTops .ClassN{ width:136px; 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 .tops a.gljgh{background: #0F539A; border: 1px solid #0B1F5E; height: 50px; margin-top: 4px; width: 186px; display: block; color: #fff; float: left;}



.ProClassBody .Bodys .Bottoms{

 width:1180px; height:auto; 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;

}

.ProClassBody .curs{background:#F00}

.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;}



/*--------------------------------------------*/



.serviceTable{ width:806px; _height:1303px; min-height:1303px; border:1px solid #EBEBEB; padding:20px 45px; }

.SerInput{width:358px; height:34px; border:1px solid #DBDBDB; color:#ccc; padding-left:10px; line-height:34px;

-moz-border-radius: 5px;      /* Gecko browsers */

    -webkit-border-radius: 5px;   /* Webkit browsers */

 border-radius:5px;            /* W3C syntax */

}

.serviceTable .SerInput:hover{

 border:1px solid #0C4DA1;

}

.Names{  background:url(../image/sr6_c5.jpg) no-repeat right top;}

.Phones{  background:url(../image/sr6_c5.jpg) no-repeat right -72px;}

.Email{  background:url(../image/sr6_c5.jpg) no-repeat right -144px;}

.qq{  background:url(../image/sr6_c5.jpg) no-repeat right -216px;}

.wx{  background:url(../image/sr6_c5.jpg) no-repeat right -288px;}

.wh{  background:url(../image/sr6_c5.jpg) no-repeat right bottom;}



.InpCompany{  background:url(../image/sr6_c7.jpg) no-repeat right top;}

.Tel{  background:url(../image/sr6_c7.jpg) no-repeat right -72px;}

.IcomNames{  background:url(../image/sr6_c7.jpg) no-repeat right -144px;}

.skype{  background:url(../image/sr6_c7.jpg) no-repeat right -216px;}

.whats{  background:url(../image/sr6_c7.jpg) no-repeat right bottom;}



.xqjs{ width:798px; height:124px; background:url(../image/sr9_c7.jpg) no-repeat right top;}

.other{ width:798px; height:124px; background:url(../image/sr9_c7.jpg) no-repeat right -228px;}

.vist{ width:158px; height:34px;}

.ins{ color:#FF8403;} 

.xqsm{ width:798px; height:124px;}





.UserTable{ width:896px; height:auto; border:1px solid #EBEBEB; padding:70px 45px; }

.SuerInput{width:298px; height:34px; border:1px solid #DBDBDB; padding-left:10px;

-moz-border-radius: 5px;      /* Gecko browsers */

    -webkit-border-radius: 5px;   /* Webkit browsers */

 border-radius:5px;            /* W3C syntax */

}



.UserTable .SuerInput:hover{

 border:1px solid #0C4DA1;

}

.UserTitle{ font-size:24px; }

.PassWord{background:url(../image/pass.jpg) no-repeat right center;}

.UserVis{ width:140px;}





.comBody{ width:878px; height:725px; padding:30px 0px 50px;}

.comBody .titles{ width:876px; height:80px; line-height:60px; text-align:center; font-size:24px; float:left;}

.comBody .lefts{ width:404px; height:583px; float:left; padding:22px 10px 22px 30px; margin-right:15px; border:1px solid #DBDBDB; background:#FFFFFF;}

.comBody .topRight{ width:354px; height:302px; padding:26px 30px; float:left; border:1px solid #DBDBDB; background:#FFFFFF;margin-bottom:15px;}

.comBody .BottomRight{ width:354px; height:204px;float:left;padding:26px 30px; border:1px solid #DBDBDB; background:#FFFFFF;}



.zshzTable{ width:986px; height: auto; border:1px solid #EBEBEB; padding-bottom:40px; }



.zshzs{ width:536px; height:122px;background:url(../image/sr9_c7.jpg) no-repeat right top;}







/*---------------------------*/

.TabH1{ font-size:24px;}

.TabH2{ font-size:20px;}

.TabH3{ font-size:18px;}



/*-------*/

.PorShows{ background:#FFFFFF;}

.PorShowBody{ padding:33px 0px 77px; width:1170px; height:auto; background:#FFFFFF; margin:20px auto 50px;}

.PorShowBody .title{ width:1170px; height:80px; line-height:80px; border-bottom:1px solid #E8E8E8; text-align:center; font-size:24px; color:#333333; margin-bottom:30px;}





.getFlvTop{ width:460px; height:55px; font-size:16px;  text-align:right; padding-left:20px; background:rgba(11,61,112,0.9); line-height:55px; }

.getFlvTop .flvtit{ float:left; color:#fff;}

.getFlvTop .close { float:right;   width: 40px; height: 55px;  position: relative;}

.getFlvTop .close::before,

.getFlvTop .close::after {

    content: ""; position: absolute;   height: 18px;  width: 3px;  top: 20px;  right: 15px;  background: #6c9bcb;

}

.getFlvTop .close::before {

    transform: rotate(45deg);

}

.getFlvTop .close::after {

    transform: rotate(-45deg);

}

.getFlv{ width:480px; height:auto; position:fixed;  left:0; bottom:40px; background:rgba(14,76,137,0.98); z-index:123000; }

.getFlvBody{

		transition: all .5s ease-out 0s;

		-moz-transition: all .5s ease-out 0s; /* Firefox 4 */

		-webkit-transition:all .5s ease-out 0s; /* Safari 和 Chrome */

		-o-transition: all .5s ease-out 0s; /* Opera */

  width:446px; height:227px; overflow:hidden; padding:0px 17px 20px; font-size:14px;



}

.getFlvBodyClose{ height:0px; padding-bottom:0px; overflow:hidden;}

.getFlvBody .line{ width:446px; height:70px; padding:20px 0px; border-bottom:1px solid #0e3d6d; margin-bottom:8px;}

.getFlvBody .line a{ width:100%; height:100%;}

.getFlvBody .line a:hover .imgs img{

	    -webkit-transform: scale(1.05, 1.05);

    -moz-transform: scale(1.05, 1.05);

    -o-transform: scale(1.05, 1.05);

    transform: scale(1.05, 1.05);

	

	}

.getFlvBody .line .imgs{ width:120px; height:70px; float:left; overflow:hidden;}

.getFlvBody .line .imgs img{width:100%; height:70px;

transition: all .3s ease-out 0s;

    -moz-transition: all .3s ease-out 0s;

    -webkit-transition: all .3s ease-out 0s;

    -o-transition: all .3s ease-out 0s;

}

.getFlvBody .line .coms{ width:316px; padding-left:10px; height:70px; float:left;  font-size:12px;}

.getFlvBody .line .coms .title{ line-height:24px;   }



.getFlvBody .lines .coms .title{ font-weight:bold; color:#A4CDF7;}

.getFlvBody .lines:hover .coms .title{

	color: #6c9bcb;

}

.getFlvBody .lines .time{ color:#6c9bcb; font-size:12px; font-weight:normal;}

.getFlvBody .linesed{ width:436px; height:36px; line-height:36px; padding-left:10px; position:relative;}

.getFlvBody .linesed::before{content:""; height:4px; width:4px; background:#fff; position:absolute; left:1px; top:16px;}

.getFlvBody .linesed a{ width:350px; height:36px; display:block; float:left; color:#fff;}

.getFlvBody .linesed a:hover{	color: #6c9bcb;}

.getFlvBody .linesed .times{ width:86px; color:#6c9bcb; height:36px; float:left; font-size:12px;}

.ProIndex{ width:1193px; overflow:hidden; min-height:640px; height:calc(100% - 167px); position:relative;}
.ProIndex ul{ height:auto; width:100%; position:absolute; left:0px; top:50%; transform: translateY(-50%);}
.ProIndex *{box-sizing:border-box;}
.ProIndex ul{ width:calc(100% + 30px);}
.ProIndex ul,.ProIndex li{ padding:0;list-style-type:none;word-wrap: break-word;}
.ProIndex li{ width:25%;  height:auto; min-height:70px; float:left; padding-right:30px; position:relative;}
.ProIndex li .title{ width:calc(100% - 30px); height:70px; padding:10px;  transform:translateY(0%); z-index:10; line-height:24px; position:absolute; bottom:0px; text-align:center; color:#fff; font-size:18px;  }
.ProsBgs{ background:url(../image/bj.jpg) no-repeat center center; background-size:100% 100%}
.ProsBgts{ background:url(../image/Bj1.jpg) no-repeat center center; background-size:100% 100%}
.ProIndex li img{ width:100%; height:auto;}

.ProIndex li:hover .title{ top:50%; transform: translateY(-50%);}
.ProIndex li .lines{ width:0px; height:60px; z-index:50; left:50%; margin-left:0px; top:50%; margin-top:-30px; border-bottom:1px solid #fff;border-top:1px solid #fff; position:absolute;}
.ProIndex li:hover .lines{ width:154px; margin-left:-77px;}
.ProIndex li a{ width:calc(100% - 30px); height:100%; display:block; position:absolute; top:0; left:0; z-index:50;}
.ProIndex li .titles{width:calc(100% - 30px); height:70px; background:#00579A; opacity:0.8;  position:absolute; bottom:0px;}
.ProIndex li:hover .titles{ height:100%; left:0; z-index:8;}
.listTop{ height:94px;width:1090px;}
.listBody{width:1090px;  height:636px; margin-bottom:54px; background:#FFFFFF; padding:40px}
.listBody a.lines{ width:100%; height:50px; display:block; border-bottom:1px dashed #ddd; line-height:50px;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }