/*banner效果*/

/*.banner { position:relative; width:100%; height:540px; min-width:1100px; margin-top:-7px;}

.banner_list{ position:absolute; left:50%; margin-left:-960px; top:0; width:1920px; height:540px;}

.banner_list li { height:540px; position:absolute; width:1920px; display:none }

.banner_list li img{ width:1920px; height:540px;}

.banner_list { height:540px; overflow:hidden }*/

/*banner-bd*/

/*.banner_btn_o{ position:absolute; left:50%; margin-left:-500px; z-index:100; top:0; width:1100px; height:540px;}

.banner_owd{ position:absolute; bottom:16px; left:0; width:1100px; height:26px; z-index:100;}

.banner_btn{ width:1000px; text-align:center;}

.banner_btn a{ margin-right:16px; display:inline-block; width:42px; height:3px; background-color:#FFF; opacity:0.5; filter: alpha(opacity=50);}

.banner_btn a.on{ opacity:1; filter: alpha(opacity=100);}*/







/*banner效果*/

.banner_warp{text-align:center; width:100%; height:500px; min-width:1000px; margin:0 auto; }

/* 多个左滚动 - 公用类 */ 

.picList ul, picList li{ list-style:none;}

.picList li{ width:1920px; height:500px; list-style:none;} 

.picList .pic{ text-align:center; line-height:0px;  } 

.picList .pic img{ width:1920px; height:500px;/* border:1px solid #ccc;*/ }  

/* 多个左滚动 - 公用类 */ 

.leftLoop{ overflow:hidden; position:relative; width:100%; height:500px; z-index:100;} 

.leftLoop .hd{ width:84px; height:20px; margin:0 auto;} 

.leftLoop .hd ul{ overflow:hidden; zoom:1; list-style:none;} 

.leftLoop .hd ul li{ list-style:none; position:relative; display:inline-block; float:left; margin:0 7px; font-size:0; overflow:hidden; text-indent:-999px; cursor:pointer; background:url(../images/banner_ac.png) no-repeat; width:14px; height:14px;} 

.leftLoop .hd ul li.on{ background:url(../images/banner_ho.png) no-repeat;} 

.leftLoop .bd{ position:absolute; left:50%; margin-left:-960px; width:1920px; height:500px; 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:-500px; z-index:400; width:1000px; height:64px; }

.prev,.next{ display:block; position:absolute; top:230px; z-index:200; width:26px; height:44px; cursor:pointer; opacity:0.1; transition:all 0.3s ease-in 0s;}

.prev{ background:url(../images/banner_lho.png) no-repeat; left:6%;}

.next{ background:url(../images/banner_rho.png) no-repeat;  right:6%;}

.prev:hover,.next:hover{ opacity:1;}



/*product*/

.warp{ width:100%; height:auto; overflow:hidden; min-width:1000px;}

.product{ width:100%; height:640px; background-color:#f3f3f3;}

.produc_cen{ overflow:hidden;}

.pro_top{ height:66px; padding-top:23px; border-bottom:1px solid #FFF; text-align:center;}

.pro_top h3{ color:#333; font-size:24px; font-weight:bold; line-height:66px; display:inline-block; border-bottom:1px solid #e20a17;}

.pro_tSel{ height:30px; margin:50px 0 60px; text-align:center;}

.pro_tSel a{ display:inline-block; font-size:16px; background:url(../images/pro_selac.png) no-repeat; width:215px; height:30px; line-height:30px; margin:0 10px; text-align:center;}

.pro_tSel a.cur{ background:url(../images/pro_selho.png) no-repeat; color:#FFF;}

.pro_show{ height:366px; overflow:hidden;}

.pro_shlist{ height:328px;}

.pro_shlist ul{ width:1028px;}

.pro_shlist li{ float:left; width:228px; height:300px; margin-right:29px; display:inline;}

.pro_shlist li a{ position:relative; width:224px; height:296px; border:2px solid #f3f3f3;}

.pro_shlist li a,.pro_shlist li img,.pro_shlist li span{ display:block; cursor:pointer;}

.pro_shlist li a img{ width:220px; height:180px; border:2px solid #FFF;}

.pro_shTitle{ font-size:16px; padding:20px 6px 0 6px; width:212px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.pro_shIntro{ font-family:"Lucida Grande","Lucida Sans Unicode","Helvetica","Arial","Verdana","sans-serif";; color:#666; font-size:14px; height:48px; overflow:hidden; padding-top:10px; padding-left:6px;}

.pro_shlist li span.pro_shMore,.pro_shlist li span.pro_shicon{ display:none;}

.pro_shMore{ background:url(../images/pro_mbd.png) no-repeat; width:132px; height:35px; line-height:35px; margin:14px  auto 0; color:#FFF; font-size:16px; padding-left:28px;}

.pro_shMore b{ font-weight:normal;}

.pro_shicon{ position:absolute; top:52px; left:90px; background:url(../images/pro_shicon.png) no-repeat; width:43px; height:43px;}

.pro_shlist li a:hover{ background-color:#0093dd; border:2px solid #0093dd;}

.pro_shlist li a:hover img{ border:2px solid #0093dd;}

.pro_shlist li a:hover img{ background-color:#FFF;}

.pro_shlist li a:hover .pro_shIntro{ display:none;}

.pro_shlist li a:hover .pro_shMore,.pro_shlist li a:hover .pro_shicon{ display:block;}

.pro_shlist li a:hover .pro_shTitle{ color:#FFF; text-align:center;} 

.pro_chMore{ width:142px; height:38px; margin:0 auto;}

.pro_chMore a{ display:block; background-color:#d8d8d8; color:#FFF; font-size:14px; width:142px; height:38px; line-height:38px; text-align:center; border-radius:3px;}

.pro_chMore a:hover{ background-color:#0093dd;}



/*three*/

/*服务支持*/

.three_chnal{ height:572px; padding:60px 0;}

.four_chnal { position:relative; height:572px;}

.four_chlist{ position:absolute; bottom:0; left:0; width:1000px; height:414px;}

.four_chlist ul{ position:absolute; top:0; left:0; height:414px;}

.four_chlist li { float:left; position:relative; width:1000px; height:414px; overflow:hidden;}

.four_chlist { height:414px; overflow:hidden }

.news_list{ width:1029px; height:338px; overflow:hidden;}

.news_lbox{ width:314px; height:338px; margin-right:29px; display:inline;}

.news_limg{ width:314px; height:196px;}

.news_limg img{ display:block; width:312px; height:194px; border:1px solid #e8e8e8;}

.news_limg a{ display:block; position:relative; width:314px; height:196px;}

.news_licon{ position:absolute; bottom:0; left:0; z-index:10; background:url(../images/three_newyy.png) no-repeat; width:314px; height:10px;}

.news_time{ position:absolute; top:20px; left:22px; z-index:10; background:url(../images/three_timebd.png) no-repeat; font-family:Arial; color:#FFF; width:62px; height:62px; text-align:center;}

.news_time em{ display:block; font-size:28px; font-style:normal; line-height:normal; padding-top:6px;}

.news_time b{ display:block; font-size:14px; font-weight:normal; line-height:14px;}

.news_lshow{ height:141px; padding:0 15px; border-left:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8;}

.news_lshtitle{ padding-top:24px;}

.news_lshtitle a{ display:block; font-family:"Lucida Grande","Lucida Sans Unicode","Helvetica","Arial","Verdana","sans-serif";; font-size:16px; width:282px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.news_lshtitle a:hover,.media_shdtitle a:hover,.book_shtitle a:hover{ color:#0093dd;}

.news_lshintro{ font-family:"Lucida Grande","Lucida Sans Unicode","Helvetica","Arial","Verdana","sans-serif";; color:#666; font-size:14px; line-height:26px; height:52px; overflow:hidden; padding-top:8px;}

.four_chnal .pro_chMore{ position:absolute; bottom:0; left:50%; margin-left:-71px;}

.media_show{ width:1173px; height:338px;}

.media_shBox{ width:296px; height:336px; margin-right:53px; display:inline; border:1px solid #dcdcdc;}

.media_shimg{ position:relative; width:296px; height:194px;}

.media_shicon{ display:block; position:absolute; top:50px; left:116px; background:url(../images/media_shac.png) no-repeat; width:66px; height:66px;}

.media_shimg a:hover .media_shicon{ background:url(../images/media_shho.png) no-repeat;}

.media_shdown{ height:142px; padding:0 8px;}

.media_shdtitle{ height:44px; line-height:44px; border-bottom:1px solid #eaeaea;}

.media_shdtitle a{ display:block; font-size:16px; width:280px; height:44px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.media_shdintro{ font-size:14px; height:48px; overflow:hidden; padding-top:8px; margin-bottom:4px;}

.media_shdtime{ background:url(../images/media_shicon.png) no-repeat left; padding-left:20px; color:#888; font-size:13px;}

.book_show{ width:1040px; height:338px;}

.book_shbox{ width:218px; height:338px; margin-right:42px; display:inline;}

.book_shimg{ width:216px; height:278px; border:1px solid #e5e5e5;}

.book_shimg a{ display:block; position:relative; width:216px; height:278px; overflow:hidden;}

.book_shtitle{ padding-top:12px; margin-bottom:4px;}

.book_shtitle a{ display:block; font-size:16px; width:218px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.book_shinfor{ height:24px;}

.book_shinfor span{ color:#888; font-size:13px;}

.book_shhave{ display:block; position:absolute; left:0; bottom:-140px; z-index:20; background:url(../images/book_yy.png) repeat; width:156px; height:128px; padding:6px 10px 6px 50px;}

.book_shhyy{ display:block; height:128px; overflow:hidden;}

.book_shhyy i{ display:block; color:#FFF; font-size:13px; font-style:normal; background:url(../images/book_shicon.jpg) no-repeat left; padding-left:10px; width:146px; height:32px; line-height:32px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }



/*three-move*/

.four_btn_o{ position:absolute; top:0; left:0; z-index:100; background:url(../images/three_bd.png) no-repeat; width:1000px; height:101px;}

.four_owd{ width:1000px; height:101px; overflow:hidden;}

.four_btn{ width:1143px; height:101px; padding-left:70px;}

.four_btn a{ float:left; margin-right:280px; position:relative; display:inline-block; width:101px; height:101px;}

.four_btn a span{ display:block; cursor:pointer;}

.four_icon{ width:101px; height:101px;}

.four_icon1{ background:url(../images/three_ac1.png) no-repeat;}

.four_icon2{ background:url(../images/three_ac2.png) no-repeat;}

.four_icon3{ background:url(../images/three_ac3.png) no-repeat;}

.four_btn a .four_infor{ display:none; position:absolute; top:0; left:0; background:url(../images/three_po.png) no-repeat; color:#FFF; width:101px; height:101px; text-align:center;}

.four_btn a.on .four_infor{ display:block;}

.four_infor b,.four_infor em{ display:block;}

.four_infor b{ font-size:16px; font-weight:normal; padding-top:38px;}

.four_infor em{ font-style:normal; line-height:18px;}