@charset "utf-8";
/* CSS Document */
.ibanner{ height:400px;}
#ibannermain{width:100%;height:400px;margin:0px auto 4px auto;text-align:center;}

.ixl{ background:url(../images/ixl-bg.jpg) top repeat-x;}
.ixl .tab3{}
.ixl .tab3 .tab-nav{}
.ixl .tab3 .tab-nav a{ float:left; width:125px; height:70px; line-height:70px; background:url(../images/ico-xl-fx.png) bottom center no-repeat;}
.ixl .tab3 .tab-nav a div font{ display:block; margin:0 auto; padding-left:40px; width:65px;}
.ixl .tab3 .tab-nav a div.xl1 font{ background:url(../images/ico-xl-1.png) left center no-repeat;}
.ixl .tab3 .tab-nav a div.xl2 font{ background:url(../images/ico-xl-2.png) left center no-repeat;}
.ixl .tab3 .tab-nav a div.xl3 font{ background:url(../images/ico-xl-3.png) left center no-repeat;}
.ixl .tab3 .tab-nav a div.xl4 font{ background:url(../images/ico-xl-4.png) left center no-repeat;}
.ixl .tab3 .tab-nav a div.xl5 font{ background:url(../images/ico-xl-5.png) left center no-repeat;}
.ixl .tab3 .tab-nav a div.xl6 font{ background:url(../images/ico-xl-6.png) left center no-repeat;}
.ixl .tab3 .tab-nav a div.xl7 font{ background:url(../images/ico-xl-7.png) left center no-repeat;}
.ixl .tab3 .tab-nav a div.xl8 font{ background:url(../images/ico-xl-8.png) left center no-repeat;}

.ixl .tab3 .tab-nav a:hover{background:url(../images/ico-xl-fx.png) bottom center no-repeat #113273;}
.ixl .tab3 .tab-nav a.current{background:url(../images/ico-xl-fx.png) bottom center no-repeat #113273;}

.ixl .tab3 .tab-nav a:hover div.xl1 font{background:url(../images/ico-xl-1-hover.png) left center no-repeat; color:#FFF;}
.ixl .tab3 .tab-nav a:hover div.xl2 font{background:url(../images/ico-xl-2-hover.png) left center no-repeat; color:#FFF;}
.ixl .tab3 .tab-nav a:hover div.xl3 font{background:url(../images/ico-xl-3-hover.png) left center no-repeat; color:#FFF;}
.ixl .tab3 .tab-nav a:hover div.xl4 font{background:url(../images/ico-xl-4-hover.png) left center no-repeat; color:#FFF;}
.ixl .tab3 .tab-nav a:hover div.xl5 font{background:url(../images/ico-xl-5-hover.png) left center no-repeat; color:#FFF;}
.ixl .tab3 .tab-nav a:hover div.xl6 font{background:url(../images/ico-xl-6-hover.png) left center no-repeat; color:#FFF;}
.ixl .tab3 .tab-nav a:hover div.xl7 font{background:url(../images/ico-xl-7-hover.png) left center no-repeat; color:#FFF;}
.ixl .tab3 .tab-nav a:hover div.xl8 font{background:url(../images/ico-xl-8-hover.png) left center no-repeat; color:#FFF;}

.ixl .tab3 .tab-nav a.current div.xl1 font{background:url(../images/ico-xl-1-hover.png) left center no-repeat; color:#FFF;}
.ixl .tab3 .tab-nav a.current div.xl2 font{background:url(../images/ico-xl-2-hover.png) left center no-repeat; color:#FFF;}
.ixl .tab3 .tab-nav a.current div.xl3 font{background:url(../images/ico-xl-3-hover.png) left center no-repeat; color:#FFF;}
.ixl .tab3 .tab-nav a.current div.xl4 font{background:url(../images/ico-xl-4-hover.png) left center no-repeat; color:#FFF;}
.ixl .tab3 .tab-nav a.current div.xl5 font{background:url(../images/ico-xl-5-hover.png) left center no-repeat; color:#FFF;}
.ixl .tab3 .tab-nav a.current div.xl6 font{background:url(../images/ico-xl-6-hover.png) left center no-repeat; color:#FFF;}
.ixl .tab3 .tab-nav a.current div.xl7 font{background:url(../images/ico-xl-7-hover.png) left center no-repeat; color:#FFF;}
.ixl .tab3 .tab-nav a.current div.xl8 font{background:url(../images/ico-xl-8-hover.png) left center no-repeat; color:#FFF;}

.ixl .tab3 .tab-con{}
.ixl .tab3 .tab-con .j-tab-con{ width:1000px; height:440px; overflow:hidden;}
.ixl .tab3 .tab-con .tab-con-item{ width:1000px; height:320px;padding-top:120px;}
.ixl .tab3 .tab-con .tab-con-item img{ display:block; float:right; margin-left:70px;}
.ixl .tab3 .tab-con .tab-con-item strong{ font-size:24px; color:#113273; display:block; margin-bottom:34px; font-weight:200;}
.ixl .tab3 .tab-con .tab-con-item p{ display:block;font-family:"宋体"; font-size:12px; line-height:24px; margin-bottom:30px;}
.ixl .tab3 .tab-con .tab-con-item span a{ display:block;font-family:"宋体"; font-size:12px;color:#113273; float:left; border:#113273 solid 1px; padding:0px 15px;}

.iabout{ height:452px; background:url(../images/iabout-bg.jpg) top center no-repeat;}
.iabout .iaboutmain{ height:337px; width:450px; margin-top:58px; float:left; margin-right:75px;}
.iabout .iaboutmain span.swiper-pagination-bullet{ background:#FFF !important; opacity:1;}
.iabout .iaboutmain span.swiper-pagination-bullet-active{ background:#113273 !important;}

.iabout .iaboutr{ float:left; width:470px;}
.iabout .iaboutr strong{ display:block; margin-top:58px; margin-bottom:25px;font-size:24px; font-weight:200; color:#113273;}
.iabout .iaboutr p{ display:block; margin-bottom:10px;font-size:12px;line-height:24px;}
.iabout .iaboutr img{ display:block; float:left; width:192px; height:130px; margin-right:20px;}
.iabout .iaboutr a{ display:block;overflow:hidden; padding:3px 10px; border:#113273 solid 1px; float:left; margin:10px 0 0 0; color:#113273;}
.iabout .iaboutdd{ left:30% !important;}

.ilc{}
.ilcmain{ height:450px;background:url(../images/iliucheng-bg.jpg) top center no-repeat; position:relative;}
.ilcmain strong{ position:absolute; top:60px; left:80px; font-size:24px; color:#113273;}
.ilcmain a{ display:block; position:absolute;}
.ilcmain a.lc1{ left:39px; top:297px;}
.ilcmain a.lc2{ left:110px; top:290px;}
.ilcmain a.lc3{ left:183px; top:282px;}
.ilcmain a.lc4{ left:255px; top:247px;}
.ilcmain a.lc5{ left:329px; top:199px;}
.ilcmain a.lc6{ left:400px; top:136px;}
.ilcmain a.lc7{ left:474px; top:100px;}
.ilcmain a.lc8{ left:555px; top:80px;}

.icase{ height:611px; background:url(../images/icase-bg.jpg) top center no-repeat; margin-bottom:30px;}
.icase .divsub{ margin-top:55px;}
.icase .divsub strong{ font-size:24px; color:#FFF; display:block; float:left;}
.icase .divsub span{ display:block; overflow:hidden; float:right;color:#FFF;}
.icase .divsub span a{ color:#FFF; padding:0 3px; font-family:"宋体";}

.icase .project-detail{}
.icase .project-detail .project{ position:relative;}
.icase .project-detail .project a{ display:block;}
.icase .project-detail .project span{ display:block; width:500px; height:88px; overflow:hidden; background:rgba(49,50,85,0.8); position:absolute; top:290px; left:0px;}
.icase .project-detail .project span strong{ color:#FFF; margin:15px 0 0 25px;display:block;overflow:hidden; float:left; font-size:14px;}
.icase .project-detail .project span strong font{color:#FFF;display:block; float:left; font-size:12px;font-family:"宋体"; height:20px; line-height:20px;}
.icase .project-detail .project span b{color:#FFF; display:block; float:right; border:#FFF solid 1px; padding:3px 8px; margin:25px 20px 0 0;}


.isb{margin-bottom:40px;}
.isb .cssYlMarquee{ height:160px; width:1000px;}
.isb .cssYlMarquee li{ width:192px; height:143px; border:#999 solid 1px; margin:7px; position:relative;}
.isb .cssYlMarquee li img{width:192px; height:143px; position:absolute; top:0; left:0;}
.isb .cssYlMarquee li span{ width:192px; height:30px; background:rgba(17,50,115,1); display:block; overflow:hidden; position:absolute; bottom:0; left:0;}
.isb .cssYlMarquee li span strong{ display:block; text-align:center; color:#FFF;width:192px; height:32px; overflow:hidden;font-family:"宋体"; font-size:12px;}
.isb .cssYlMarquee li span font{color:#FFF; border:#FFF solid 1px;margin:0 auto; display:block; width:100px; text-align:center;font-family:"宋体"; font-size:12px;}
.isb .cssYlMarquee li:hover span{ height:143px;background:rgba(17,50,115,0.8);}
.isb .cssYlMarquee li:hover span strong{ margin:35px auto 10px auto;}

.inew{}
.inew .inewsub{ float:left; width:300px; margin-right:50px; overflow:hidden;}
.inew .inewsubsub{ float:left; width:300px; margin-right:0px; overflow:hidden;}
.inew .inewsub ul li{list-style:inside; height:24px; line-height:24px; overflow:hidden;}

.icaselogo{ margin:40px auto;}
.icaselogo .cssYlMarquee{height:40px; width:1000px;}
.icaselogo .cssYlMarquee ul{}
.icaselogo .cssYlMarquee ul li{ margin:0px 6px 0 0; width:160px; height:40px; overflow:hidden; position:relative;}
.icaselogo .cssYlMarquee ul li img{ border:#666 solid 1px;width:158px; height:38px;
-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.icaselogo .cssYlMarquee ul li img.one{ position:absolute; top:0px;}
.icaselogo .cssYlMarquee ul li img.two{ position:absolute; top:40px;}
.icaselogo .cssYlMarquee ul li:hover img.one{ position:absolute; top:-40px;}
.icaselogo .cssYlMarquee ul li:hover img.two{ position:absolute; top:0px;}