@charset "utf-8";
/* CSS Document */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
body{ font-family:"微软雅黑"; font-size:12px; margin:0px; padding:0px; border:none; background:url(../images/img/paper.gif) 0 0 repeat;}
*{margin:0 auto;}
div,ul,li,img{ padding:0; margin:0; border:none; color:#000;}
ul{ list-style-type:none; margin:0; padding:0; border:0;}
li{ list-style-type:none; list-style-image:none; margin:0; padding:0; border:0;}
h1,h2,h3{margin:0;padding:0;border:0;}
em,i,s{font-style:normal;}
p{ margin:0px; padding:0px;}
a:link{ color:#333; text-decoration:none;}
a:hover{ color:#333; text-decoration:underline;}
a:visited{ color:#333; text-decoration:none;}
a:active{ color:#333; text-decoration:none;}
.cle{ clear:both;}

.top{ width:auto; min-width:1180px; height:29px; line-height:29px; border-bottom:1px solid #dfdfdf; background-color:#f3f3f3;}
.top_all{ width:1180px; margin:auto;}
.top_l{ float:left; font-size:12px; color:#333;}
.top_r{ float:right; font-size:12px; color:#333;}
.bne{ width:1180px; height:1px; overflow:auto; text-indent:-999px; margin:auto;}
.logo{ width:1180px; margin:auto; height:96px; margin-top:2px;}
.logo_l{ float:left;}
.logo_r{ float:right; margin-right:8px;}
.nav{ width:auto;height:55px; background:url(../images/img/bg5.jpg) 0 0 repeat-x; min-width:1180px;}
.nav_e{ width:auto;height:80px; background-color:#3698D7; min-width:1180px;}

.nav_all{ width:1180px; margin:auto; height:55px; margin:auto;}
.nav_all div{ float:left;text-align:center; margin-top:18px; width:94px;}
.nav_all div a{ color:#FFF; font-size:14px; display:block;}
.nav_all span{ float:left; width:4px; text-align:center; color:#FFF; font-size:13px; margin-top:18px;}

.nav_all_r{ width:1180px; margin:auto; height:55px; margin:auto;}
.nav_all_r div{ float:left;text-align:center; margin-top:18px; padding-left:15px; padding-right:15px;}
.nav_all_r div a{ color:#FFF; font-size:14px; display:block;}
.nav_all_r span{ float:left; width:4px; text-align:center; color:#FFF; font-size:13px; margin-top:18px;}

.nav_all_Y{ width:1180px; margin:auto; height:55px; margin:auto;}
.nav_all_Y div{ float:left;text-align:center; margin-top:18px; padding-left:9px; padding-right:9px;}
.nav_all_Y div a{ color:#FFF; font-size:14px; display:block;}
.nav_all_Y span{ float:left; width:4px; text-align:center; color:#FFF; font-size:13px; margin-top:18px;}

.nav_all_h{ width:1180px; margin:auto; height:55px; margin:auto;}
.nav_all_h div{ float:left;text-align:center; margin-top:18px; padding-left:20px; padding-right:20px;}
.nav_all_h div a{ color:#FFF; font-size:14px; display:block;}
.nav_all_h span{ float:left; width:4px; text-align:center; color:#FFF; font-size:13px; margin-top:18px;}

.nav_all_e{ width:1180px; margin:auto; height:80px; margin:auto; padding-top:10px; line-height:30px; text-align:center; font-size:14px;}
.nav_all_e div{ float:left; margin-left:14px; margin-right:14px; color:#FFF;}
.nav_all_e div a{ color:#FFF; font-size:13px;}
.nav_all_e em{ float:left; color:#FFF; font-size:12px;}

.banner{ width:1180px; height:400px; margin:auto;}
.index_banner{position:relative; margin:auto; height:400px;}
.index_banner ul{overflow:hidden;}
.index_banner li{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:400px;}
.index_banner li a{display:block;margin:0 auto;}
.index_banner cite{position:absolute;bottom:10px;left:56%;z-index:999;display:block;margin-left:-144px;width:288px;height:15px;_display:none;}
.index_banner cite span{float:left;display:block;margin:0 4px;width:40px;height:8px;background-color:#e5e5e5;text-indent:-999em;opacity:.8;cursor:pointer;}
.index_banner cite span:hover{background-color:#f5f5f5;}
.index_banner cite span.cur{background-color:#1d8bd8;cursor:default;}

.gonggao{ width:auto; height:73px; line-height:73px; background:url(../images/img/bg3.jpg) 0 10px repeat-x; margin-top:2px; min-width:1180px;}
.gg_all{ width:1180px; margin:auto;}
.gg_l{ float:left; text-indent:60px; background:url(../images/img/ico1.jpg) 10px 17px no-repeat; font-size:15px; color:#333;}
.gg_l a{ color:#247EB7;}
.gg_r{ float:right; width:400px;}
.gg_r a{ float:right; font-weight:bold; color:#1A81C4; font-size:14px;}

.nav1{ width:auto; height:70px; text-align:center; margin-top:10px; background:url(../images/img/bg1.jpg) 0 0 repeat-x; min-width:1180px;}
.pro{ width:auto; height:380px; background-color:#dfeaea; padding-top:25px; min-width:1180px;}
.pro_all{ width:1180px; margin:auto; height:380px; margin:auto;}
.pro_l{ float:left; width:380px; height:324px; padding:3px; border:1px solid #C6D1D1; background-color:#fff; margin-top:10px;}
.pro_l span{width:380px;height:35px;display: block;background: #000;filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;position:static; margin-top:-35px; text-align:center; line-height:35px; font-size:14px; float:left; color:#FFF;}
.pro_l div{ width:73px; height:73px;filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;position:static; margin-top:-125px; margin-left:20px;}

.pro_r{ float:left; width:770px; margin-left:10px;}
.pro_r div{ float:left; margin-left:20px; margin-right:10px; width:220px; height:145px; border:1px solid #C6D1D1; background-color:#fff; padding:2px; margin-top:10px; margin-bottom:20px}
.pro_r div span{width:220px;height:30px;display: block;background: #000;filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;position:static; margin-top:-30px; text-align:center; line-height:30px; font-size:14px; float:left; color:#FFF;}
.case{ width:1180px; margin:auto; height:430px; margin-top:14px;}
.case_s{ float:left; width:345px; margin-left:23px; margin-right:23px;}
.case_s div{ width:345px; height:220px; text-align:center;}
.case_s div img{ border:1px solid #E8E8E8;}
.case_s h2{ font-size:15px; font-weight:lighter; height:30px; line-height:30px; text-align:center;}
.case_s p{ color:#666; font-size:12px; line-height:20px; height:60px; margin-top:6px; margin-bottom:18px; width:265px;}

.nav2{ width:auto; height:88px; text-align:center; background:url(../images/img/bg2.jpg) 0 0 repeat-x; margin-top:10px; min-width:1180px;}
.nav3{ width:auto; height:194px; background:url(../images/img/img5.jpg) center center no-repeat; min-width:1180px;}

.nav3_e{ width:auto; height:194px; background:url(../images/img/img5_e.jpg) center center no-repeat; min-width:1180px;}
.nav3_r{ width:auto; height:194px; background:url(../images/img/img5_r.jpg) center center no-repeat; min-width:1180px;}
.nav3_y{ width:auto; height:194px; background:url(../images/img/img5_y.jpg) center center no-repeat; min-width:1180px;}
.nav3_h{ width:auto; height:194px; background:url(../images/img/img5_h.jpg) center center no-repeat; min-width:1180px;}

.news{ width:auto; height:400px; background-color:#3698d7; min-width:1180px;}
.news_all{ width:1180px; margin:auto; height:350px; padding-top:20px;}
.news_l{ float:left; width:600px;}
.nav4{ width:600px; height:50px; border-bottom:2px solid #2c4aa0;}
.nav4 div{ float:left; font-size:20px; color:#fff; margin-top:15px;}
.nav4 span{ float:left; margin-left:10px; font-size:13px; color:#CCC; margin-top:23px;}
.nav4 a{ float:right; font-size:14px; color:#FFF; margin-top:25px; margin-right:10px;}
.news_r{ float:right; width:550px;}
.news_r img{ float:left; margin-top:10px; margin-bottom:10px; width:240px; height:350px; margin-left:10px; margin-right:10px;}
.lists{ width:600px; height:45px; line-height:45px; background:url(../images/img/ico2.jpg) 3px 14px no-repeat; border-bottom:1px dashed #CCCCCC; margin-top:2px;}
.lists a{ float:left; font-size:16px; color:#FFF; margin-left:25px;}
.lists span{ float:right; margin-right:5px; color:#CCC;}

.link{ width:1180px; height:30px; line-height:30px; margin:30px auto; font-size:14px;}
.link div{ float:left; margin-left:3px; margin-right:3px;}
.link div a{ color:#333;}
.link span{ color:#333; float:left; margin-left:3px; margin-right:3px;}
.footer{ width:auto; height:351px; background:url(../images/img/bg4.jpg) 0 0 repeat-x; min-width:1180px;}
.footer_all{ width:1180px; margin:auto;}
.footer_top{ width:1180px; height:220px;}
.footer_l{ float:left; width:1010px;}
.foot_1{ color:#FFF; font-size:18px; margin-top:20px;}
.foot_2{ color:#CCC; font-size:14px; margin-top:25px;}
.foot_3{ color:#CCC; font-size:14px; margin-top:15px;}
.foot_4{ margin-top:40px; color:#CCC;}
.foot_4 a{ color:#CCC;}
.footer_r{ float:right; width:150px; text-align:center; line-height:30px; height:180px; margin-top:20px; color:#fff;}
.bot1{ text-align:center; color:#FFF; font-size:20px; margin-top:23px; line-height:25px;}
.bot1 a{ color:#FFF;}
.bot2{ text-align:center; color:#FFF; font-size:13px; margin-top:27px; line-height:25px;}
.bot2 a{ color:#FFF;}

.navs{ width:1180px; height:30px; line-height:30px; font-size:13px; color:#333; margin:auto; margin-top:10px;}
.navs a{ color:#333;}
.ban1{ width:auto; height:250px; background:url(../images/img/banner_about.jpg) center center no-repeat; margin:auto; min-width:1180px;}
.ban2{ width:auto; height:250px; background:url(../images/img/banner_case.jpg) center center no-repeat; margin:auto; min-width:1180px;}
.ban3{ width:auto; height:250px; background:url(../images/img/banner_contact.jpg) center center no-repeat; margin:auto; min-width:1180px;}
.ban4{ width:auto; height:250px; background:url(../images/img/banner_news.jpg) center center no-repeat; margin:auto; min-width:1180px;}

.mid{ width:1180px; margin:15px auto;}
.mid_l{ float:left; width:840px; padding:6px; border:1px solid #CCC; min-height:572px;}
.mid_ls{ float:left; width:866px;}
.con_tit{ width:840px; font-size:18px; color:#333; text-align:center; height:40px; line-height:40px;}
.con_con{ line-height:30px; margin-top:10px; font-size:14px; color:#333;}
.con_con img{ max-width:800px;}
.con_con a{ color:#333;}

.con_inf{ width:840px; height:30px; line-height:30px; border-bottom:1px dashed #CCCCCC;}
.con_inf li{ float:left; margin-right:30px; color:#999;}
.page_p{ width:840px; height:60px; line-height:30px; font-size:14px; margin-top:10px; margin-bottom:10px; color:#333;}
.page_p a{ color:#333;}

.mid_r{ float:right; width:280px; border:1px solid #CCC; padding:6px;}
.r_tel{ width:280px; height:46px; line-height:46px; text-align:center; color:#FFF; background-color:#222222; margin-bottom:12px; font-size:15px;}
.nav5{ width:280px; height:40px; line-height:30px; border-bottom:1px dashed #CCCCCC; text-align:center; font-size:16px; color:#2776AD; margin-top:6px;}
.r_anli{ margin-top:10px;}
.r_news{ width:280px; line-height:30px; font-size:13px; margin-top:6px;}

.news_list{ width:840px; height:34px; line-height:34px;}
.news_list a{ float:left; margin-left:10px; font-size:15px; color:#333;}
.news_list span{ float:right; margin-right:10px; color:#999;}
.lists-s{ width:840px; height:1px; margin-top:8px; margin-bottom:8px; border-bottom:1px dashed #CCCCCC;}
.pagess{ width: auto; height:60px; line-height:60px; text-align:center;}

.case_list{ float:left; width:280px; margin-left:6px; text-align:center; font-size:14px; height:242px; margin-top:10px;}
.case_list img{ padding:2px; border:1px solid #CCC; margin-bottom:10px;}

.meiti_list{ float:left; width:280px; margin-left:6px; text-align:center; font-size:14px; height:280px; margin-top:10px;}
.meiti_list img{ padding:2px; border:1px solid #CCC; margin-bottom:10px;}
.nav6{ width:auto; height:40px; line-height:40px; text-align:center; font-size:16px; color:#FFF; background-color:#3698D7;}
.pro_list{ float:left; width:280px; margin-left:6px; text-align:center; font-size:14px; height:220px; margin-top:10px;}
.pro_list img{ padding:2px; border:1px solid #CCC; margin-bottom:10px;}

.service_box{ position:fixed; z-index:1000;right:-147px;top:56%;margin-top:-100px;width:146px;border:1px solid #ece8e5; background:#fff; }
.service_box .tab_nav{ position:absolute;left:-42px;top:-1px;}
.service_box .tab_nav > li {background:#ece8e5;border-bottom:1px solid #dfdbd9;}
.service_box .tab_nav > li.active{ background:#ff6b09;}
.service_box .tab_nav > li:first-child{border-radius:8px 0 0;}
.service_box .tab_nav > li:last-child{ border-bottom:none; border-radius:0 0 0 8px;}
.service_box .tab_nav > li > a{ display:block; width:28px;padding:12px 6px 12px 8px; line-height:14px; text-align:center;color:#2c2c2c; text-decoration:none;}
.service_box .tab_nav > li.active > a{ color:#fff;}
.service_box .tab_nav .icon{ display:block; height:28px;width:28px; background:url(../images/img/bg_online_service_new.gif) no-repeat; overflow:hidden;margin:3px 0;*margin:6px 0;}
.service_box .tab_nav .icon_1{ background-position:0 0 ;}
.service_box .tab_nav .icon_2{ background-position:-28px 0 ;}
.service_box .tab_nav .icon_3{ background-position:-56px 0 ;}
.service_box .tab_nav .active .icon_1{ background-position:0 -28px ;}
.service_box .tab_nav .active .icon_2{ background-position:-28px -28px ;}
.service_box .tab_nav .active .icon_3{ background-position:-56px -28px ;}
.service_box .tab_content{padding:10px 5px 10px;position:relative;}
.service_box .tab_plan{ display:none; text-align:center;}
.service_box .tab_plan p{color:#333;}

#pages { padding:14px 0 10px; font-size:14px; }
#pages a { display:inline-block; height:30px; line-height:30px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 15px}
#pages a.a1 { width:70px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:30px; line-height:30px; background:#08A5E0; border:1px solid #08A5E0; color:#fff; text-align:center;padding:0 15px}
.page .noPage { display:inline-block; width:70px; height:30px; line-height:30px; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }