@charset "utf-8";
/* CSS Document */
.banner{ width:100%; height:500px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:500px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:500px; float:left;}
.b-list{ height:50px; padding-top:700px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #14ab04;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:250px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 100px 0px no-repeat; margin:0 auto; margin-top:250px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}

/*banner效果*/
.banner_warp{text-align:center; position:relative; width:100%; height:540px; margin:-7px auto 0 auto; }
/* 多个左滚动 - 公用类 */ 
.picList ul, picList li{ list-style:none;}
.picList li{ position:absolute; width:1920px; height:540px; list-style:none;} 
.picList .pic{ text-align:center; line-height:0px;  } 
.picList .pic img{ width:1920px; height:540px;/* border:1px solid #ccc;*/ }  
/* 多个左滚动 - 公用类 */ 
.leftLoop{ overflow:hidden; position:absolute; top:0; width:100%; height:540px;} 
.leftLoop .hd{ width:1100px; height:32px; text-align:center;} 
.leftLoop .hd ul{ overflow:hidden; zoom:1; list-style:none;} 
.leftLoop .hd ul li{ list-style:none; position:relative; display:inline-block; margin-right:18px;  font-size:0; overflow:hidden; text-indent:-999px; cursor:pointer; width:16px; height:16px; background:url(../images/banner_ac.png) no-repeat;} 
.leftLoop .hd ul li.on{ background:url(../images/banner_ho.png) no-repeat;} 
.leftLoop .bd{ position:absolute; left:50%; top:0; margin-left:-960px; width:1920px; height:540px; overflow:hidden;} 
.leftLoop .bd ul{ overflow:hidden; zoom:1; } 
.leftLoop .bd ul li{ /*margin:0 10px;*/ text-align:center; float:left;display:_inline;}
.hd_back{ position:absolute; bottom:0; left:50%; margin-left:-550px; z-index:400; width:1100px; height:32px; }

.banner_move{ position:absolute; top:200px; width:48px; height:88px; display:block; z-index:600; cursor:pointer;}


/*warp*/
.warp{ width:100%; height:auto; overflow:hidden; min-width:1100px; background-color:#e9ebec; padding:34px 0 72px;}


/*四大业务*/
.four_chnal { position:relative; background-color:#f8f8f8; width:1100px; height:339px; margin-bottom:28px; min-width:1100px;}
.four_chlist{ position:absolute; top:86px; left:0; width:1100px; height:254px;}
.four_chlist ul{ position:absolute; top:0; left:0; height:254px;}
.four_chlist li { float:left; width:1100px; height:254px;}
.four_chlist { height:254px; overflow:hidden }
.four_btn_o{ position:absolute; top:0; left:0; z-index:100; width:1100px; height:85px;}
.four_owd,.four_btn{ width:1100px; height:85px;}
.four_btn a{ float:left; display:inline-block; width:274px; height:85px; line-height:85px; background-color:#189cdf; border-right:1px solid #FFF;}
.four_btn a span{ display:inline-block;}
.four_btn a.on{ background-color:#1f3882; color:#c6ccdf;}
.four_icon{ float:left; width:48px; height:52px; margin:16px 16px 0 36px;}
.four_name{ float:left; color:#d1ebf9; font-size:18px;}
.four_icon1{ background:url(../images/four_icon1.png) no-repeat;}
.four_icon2{ background:url(../images/four_icon2.png) no-repeat;}
.four_icon3{ background:url(../images/four_icon3.png) no-repeat;}
.four_icon4{ background:url(../images/four_icon4.png) no-repeat;}
.four_chImg{ width:1100px; height:254px;}
.four_chR{ width:556px; margin:45px 122px 0 0; display:inline;}
.four_chRtitle a{ display:block; background:url(../images/four_Dicon.png) no-repeat left; color:#222; font-size:18px; padding-left:58px; height:41px; line-height:41px;}
.four_chRintro{ color:#808080; font-size:13px; line-height:26px; height:78px; overflow:hidden; margin:6px 0 18px 58px;}
.four_chRmore a:hover{ color:#FFF;}
.four_move{ position:absolute; top:124px; z-index:200; width:28px; height:52px; display:inline-block; display:none;}
.four_pre{ background:url(../images/four_Lac.png) no-repeat; left:-58px;}
.four_next{ background:url(../images/four_Rac.png) no-repeat; right:-58px;}
.four_pre:hover{ background:url(../images/four_Lho.png) no-repeat; }
.four_next:hover{ background:url(../images/four_Rho.png) no-repeat;}

/*news*/
.news_product{ height:auto; overflow:hidden;}
.news{ width:412px;}
.product{ width:618px;}
.top{ height:46px; line-height:46px;}
.top1{ background:url(../images/new_tbd.png) repeat-x;}
.top2{ background:url(../images/pro_Tbd.png) no-repeat;}
.top_titel a{ color:#484848; font-size:18px;}
.top_titel a span{ font-family:Arial; color:#0093dd; font-size:14px; margin-left:5px;}
.more{ display:inline-block; background:url(../images/more_ac.png) no-repeat; width:19px; height:19px; margin-top:14px;}
.more:hover{ background:url(../images/more_ho.png) no-repeat;}
.news_Down li{ clear:both; height:auto; overflow:hidden; padding:14px 0; border-bottom:1px dashed #d0d1d2;}
.news_Dr{ width:322px; margin-right:14px; display:inline;}
.news_Time{ width:62px; height:55px; margin-top:12px; display:inline; background-color:#FFF;}
.news_year{ height:18px; line-height:18px; background-color:#0093dd; font-family:"微软雅黑"; color:#FFF; font-size:14px; text-align:center;}
.news_day{ font-family:Arial; color:#0093dd; font-size:24px; height:37px; line-height:37px; text-align:center;}
.news_Drtitle a{ display:block; font-family:"微软雅黑"; color:#444; font-size:14px; width:322px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.news_Drintro{ color:#888; line-height:20px; height:40px; overflow:hidden; margin-top:4px;}

/*product*/
.pro_Move{ position:relative; width:618px; height:266px; margin-top:23px;}
.pro_Mlist{ position:absolute; top:0; left:0; width:636px; height:266px; overflow:hidden;}
.pro_Mlist ul{ position:absolute; top:0; left:0; width:20000px; height:266px;}
.pro_Mlist li{ float:left; background-color:#f6f6f6; width:194px; height:266px; margin-right:18px; display:inline;}
.pro_Mlist li a,.pro_Mlist li a span{ display:block; cursor:pointer;}
.pro_Mlist li a{ width:185px; height:256px; border-top:5px solid #f6f6f6; border-right:5px solid #f6f6f6; border-bottom:5px solid #f6f6f6; border-left:4px solid #f6f6f6;}
.pro_Mname{ color:#444; font-size:16px;}
.pro_Mname{ padding-top:12px; text-align:center;}
.pro_Mname b{ display:block; font-weight:normal; background:url(../images/pro_Mac.png) no-repeat bottom; padding-bottom:12px; width:185px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pro_Mintro{ padding:10px 12px 0 12px; text-align:center; color:#808080; line-height:18px; height:36px; overflow:hidden;}
.pro_Mlist li a:hover{ background-color:#0093dd; color:#FFF; border-top:5px solid #0093dd; border-right:5px solid #0093dd; border-bottom:5px solid #0093dd; border-left:4px solid #0093dd;}
.pro_Mlist li a:hover span{ color:#FFF;}
.abtn{ display:block; position:absolute; top:-58px; z-index:200; width:22px; height:22px;}
.aleft{ background:url(../images/hot_proLac.png) no-repeat; right:42px;}
.aright{ background:url(../images/hot_proRac.png) no-repeat; right:10px;}
.aleft:hover{ background:url(../images/hot_proLho.png) no-repeat;}
.aright:hover{ background:url(../images/hot_proRho.png) no-repeat;}