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

.web{ min-width:1200px; margin:auto; background:url(../images/img/top_bg.gif) 0 0 repeat-x; border-bottom:1px solid #DFDFDF; height:36px; line-height:36px;}
.web_all{ width:1200px; margin:auto; height:36px; line-height:36px;}
.web_l{ float:left; color:#F7AF49;}
.web_r{ float:right; width:600px;}
.web_r span{ float:right; margin-left:14px; color:#F7AF49; font-weight:bold;}
.web_r a{ float:right; margin-left:14px; color:#4BCDD9;}
.web_r a:hover{ color:#FFF;}

.con_q{ width:1200px; margin:15px auto; height:150px;}
.con_q div{ float:left; text-align:center; width:240px; font-size:14px; color:#054D24; font-weight:bold;}
.con_q div img{ border:1px solid #CCC; margin-bottom:5px;}
.con_q div a{ color:#054D24;}

.top{ height:29px; line-height:29px; text-align:center; background-color:#F3F3F3; border-bottom:1px solid #DFDFDF;}
.top_all{ width:1170px; margin:auto; height:29px;}
.top_l{ float:left; font-size:12px; color:#333;}
.top_r{ float:right; font-size:12px; color:#333; width:400px;}
.top_r a{ float:right; font-size:12px; margin-left:15px; color:#333;}

.logo{ width:auto; height:110px; margin-top:5px;}
.logo_all{ width:1170px; margin:auto;}
.logo_l{ float:left; margin-left:3px; margin-top:16px;}
.logo_r{ float:right; margin-right:3px; margin-top:6px;}

.nav{ width:auto; height:54px; line-height:54px; background-color:#2A2929; margin-top:8px; border-bottom:3px solid #F21A24;}
.nav_all{ width:1170px; margin:auto;}
.nav_all div{ width:163px; text-align:center; font-size:16px; float:left;}
.nav_all div a{ color:#FFF; display:block;}
.nav_all div:hover{ background-color:#F21A24;}
.nav_all span{ width:4px; text-align:center; font-size:12px; color:#FFF; float:left;}
.nav_bg{ background-color:#F21A24;}

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


.fullSlide {width:100%;position:relative; min-width:1170px;height:450px; overflow:hidden;}
.fullSlide .bd {margin:0 auto;position:relative;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:450px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:450px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:7px;margin:1px;overflow:hidden;background:#fff;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on {background:#005aab;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:5;top:50%;margin-top:-33px;z-index:1;width:73px;height:73px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .prev{ background:url(../images/img/banLeft.png) no-repeat;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src='../images/img/banLeft.png');_background:none;left:50px;}
.fullSlide .next {background:url(../images/img/banRight.png) no-repeat;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src='../images/img/banRight.png');_background:none;right:50px;}

.service_box{ position:fixed; z-index:1000;right:-147px;top:55%;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:20px 5px 10px; position:relative;}
.service_box .tab_plan{ display:none; text-align:center;}
.service_box .tab_plan p{color:#333;}
.jianjie{ float:left; display:block; width:225px; padding:25px 10px 0; text-align:center; color:#c4c4c4; height:40px; line-height:20px; overflow:hidden;}
.zoombut{width:39px; height:39px; float:left; display:inline; margin-left:104px; margin-top:30px; background:url(../images/img/big.png) top center no-repeat;}

.mid{ width:1170px; margin:auto; margin-top:20px; margin-bottom:30px;}
.mind_con{ float:left; width:278px; margin-left:17px; background-color:#e6e2e2; height:330px;cursor:pointer}
.mind_con:hover{ background-color:#3e3f3f; color:#FFF;}
.mind_con:hover h2{ color:#FFF;}
.mind_con:hover h3{ color:#CCC;}
.mind_con:hover p{ color:#CCC;}
.mind_con h2{ font-size:16px; width:278px; font-weight:lighter; margin-top:17px; text-align:center;}
.mind_con h3{ font-size:13px; width:278px; font-weight:lighter; text-align:center; height:45px; line-height:45px; color:#999;}
.mind_con div{ height:3px; width:98px; float:left; margin-left:90px; border-bottom:1px solid #CCC;}
.mind_con p{ text-align:center; width:240px; padding-left:19px; padding-right:19px; line-height:20px; clear:both; margin-top:15px; color:#666;}

.con1{ width:1170px; text-align:center; margin:10px auto;}
.con{ width:auto; height:350px; background:url(../images/img/map.png) center center no-repeat; background-color:#3A3D41; margin:30px auto;}
.con_all{ width:1200px; margin:auto;}
.con_l{ float:left; width:550px; margin-top:20px;}
.con_l h2{ font-size:22px; color:#CCC; font-weight:lighter; height:30px; line-height:30px;}
.con_l h3{ font-size:18px; font-weight:lighter; color:#FFF; height:35px; line-height:35px;}
.con_l p{ width:550px; margin-top:15px; line-height:26px; color:#FFF; font-size:14px; text-indent:30px;}
.con_r{ float:right; width:500px; margin-top:20px;}
.con_r h2{ font-size:22px; color:#CCC; font-weight:lighter; height:30px; line-height:30px; text-align:right;}
.con_r h3{ font-size:18px; font-weight:lighter; color:#FFF; height:35px; line-height:35px; text-align:right;}
.list_i{ width:500px; height:60px; margin-top:14px;}
.list_i span{ float:left; width:62px; height:56px; background:url(../images/img/num.png) center center no-repeat; text-align:center; font-size:24px; line-height:56px; color:#333;}
.list_i div{ float:left; margin-left:15px;}
.list_i div h4{ font-size:17px; color:#FFF; font-weight:lighter; width:420px; border-bottom:1px dashed #999999; height:31px; line-height:31px;}
.list_i div h4 a{ color:#FFF;}
.list_i div em{ color:#CCC; padding-top:6px; float:left;}

.case{ width:auto; margin:7px auto; height:360px;}
.case_all{ width:1200px; margin:auto;}
.case_tit{ width:auto; text-align:center;}

#container{width:1200px;margin:25px auto 0 auto;position:relative;z-index:0}
#example{width:1200px;height:247px;position:relative;z-index:0}
#slides{position:absolute;top:0;left:0;z-index:0;height:247px}
#slides .slide{height:300px;width:1200px;position:relative;z-index:0;word-break:break-all;word-wrap:break-word}
#slides .next,#slides .prev{position:absolute;z-index:0;top:80px;left:0;width:33px;height:78px;display:block;background:url(../images/img/about03.jpg) no-repeat;}
#slides .next{z-index:0;position:absolute;left:1165px;width:33px;height:78px;display:block;background:url(../images/img/about04.jpg) no-repeat;}
.slides_container{z-index:0;width:1000px;height:247px;overflow:hidden;position:relative; margin-left:100px;}
.pagination{display:none}
.pagination li{display:none}
.pagination li a{display:block;width:12px;height:0;padding-top:12px;background-image:none;background-position:0 0;float:left;overflow:hidden}
.pagination li.current a{background-position:0 -12px}
#slides .link{display:block;margin-top:10px;font-weight:800}
.product-ul{ float:left; width:103%}
.product-ul li{ float:left; width:245px; background:#242424; display:inline; margin:0px 6px 0px 0px; position:relative; overflow:hidden;}
.product-ul li img{ float:left; width:245px; height:149px;}
.product-ul li p.wor{ float:left; width:215px; line-height:40px; text-align:center; font-size:14px; padding:0 15px;}
.casetitle{ left:0; top:0;position:absolute; width:245px; height:162px; padding-top:22px;  /* background:rgba(0,0,0,0.5);*/ background:url(../images/img/bigbg.png) top center repeat;_background:none; _background:#000; _filter:alpha(opacity=50); }
.product-ul li p.wor span{ display:block;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#FFF;}
.product-ul li p.wor label{ display:block;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.fg{ width:auto; height:190px; background:url(../images/img/bg1.jpg) center center no-repeat;}
.text{ width:1200px; margin:10px auto; text-align:center;}
.text_all{ width:1200px; margin:5px auto;}
.text_all div{ float:left; text-align:center; width:300px; text-align:center;}
.text_all div h2{ height:40px; line-height:40px; font-size:20px; color:#333;}
.text_all div p{ width:300px; line-height:24px; text-align:center; font-size:14px; color:#666;}

.linkss{ width:auto; height:60px; padding-top:15px; padding-bottom:15px; background-color:#F3F4F6; margin-top:20px;}
.linkss_all{ width:1170px; margin:auto; height:60px; line-height:60px;}
.linkss_all img{ float:left;}
.linkss_all a{ float:left; margin-left:3px; margin-right:3px; font-size:13px;}
.linkss_all span{ float:left; margin-left:3px; margin-right:3px; color:#999;}

.footer{ min-width:1200px; background-color:#2E2E2E; height:240px;}
.footer_all{ width:1200px; margin:auto;}
.footer_l{ float:left; margin-top:30px; width:150px; text-align:center; color:#CCC; font-size:14px;}
.footer_l img{ margin-bottom:8px;}
.footer_m{ float:left; margin-top:20px; margin-left:100px;}
.footer_r{ float:left; margin-left:100px; width:800px;}
.footer_1{ font-size:30px; color:#FFF; margin-top:40px;}
.footer_2{ height:36px; line-height:36px; color:#CCC;}
.footer_2 a{ color:#CCC;}
.footer_3{ color:#FFF; margin-top:5px;}
.footer_3 a{ color:#CCC; font-size:14px; float:left; margin-left:2px; margin-right:2px;}
.footer_3 a:hover{ color:#CCC;}
.footer_3 div{ float:left; margin-right:8px; color:#CCC; font-size:14px;}
.footer_3 span{ color:#CCC; font-size:12px; float:left; margin-left:8px; margin-right:8px;}
.footers{ min-width:1200px; background-color:#1E1E1E; height:60px; text-align:center; font-size:24px; line-height:60px; padding-bottom:30px; color:#CCC;}
.footers a{ color:#CCC; display:block;}

.foot_m ul{ width:480px; margin-top:30px; height:80px;}
.foot_m ul li{ float:left; width:240px; height:35px; line-height:35px; color:#FFF;}
.foot_m div{ height:30px; color:#FFF;}
.foot_m div a{ color:#FFF;}

.i_pro{ width:1170px; margin:10px auto;}
.i_pro div{ float:left; width:292px; margin-top:10px;}
.i_pro div img{ border:1px solid #DFDFDF; background-color:#F3F3F3; padding:2px;}
.i_pro div:hover img{ border:1px solid #666;}
.i_pro div h2{ height:36px; line-height:36px; text-align:center; font-size:14px;}
.i_pro div h2 a{ color:#AA6403;}

.banner{ width:auto; height:362px; background:url(../images/img/banner.jpg) center center no-repeat; border-bottom:1px solid #E8E8E8;}
.banner1{ width:auto; height:300px; background:url(../images/img/n2.jpg) center center no-repeat; border-bottom:1px solid #E8E8E8;}
.banner2{ width:auto; height:300px; background:url(../images/img/n5.jpg) center center no-repeat; border-bottom:1px solid #E8E8E8;}
.banner3{ width:auto; height:300px; background:url(../images/img/n4.jpg) center center no-repeat; border-bottom:1px solid #E8E8E8;}
.banner4{ width:auto; height:300px; background:url(../images/img/n6.jpg) center center no-repeat; border-bottom:1px solid #E8E8E8;}
.banner5{ width:auto; height:300px; background:url(../images/img/n3.jpg) center center no-repeat; border-bottom:1px solid #E8E8E8;}
.cons{ width:1170px; margin:10px auto;}
.cons_l{ float:left; width:260px;}

.cons_r{ float:right; width:890px;}
.cons_nav{ width:890px; background:url(../images/img/bg2.jpg) 0 32px no-repeat; height:35px; line-height:35px;}
.cons_nav div{ float:left; font-size:17px; margin-left:5px; color:#0A2779; font-weight:bold;}
.cons_nav span{ float:right; margin-right:10px; color:#999;}
.cons_nav span a{ color:#999;}
.pro{ width:890px; height:auto;}

.pro_list{ width:279px; float:left; height:229px; margin-left:9px; margin-right:8px; margin-top:15px;}
.pro_list h2{ text-align:center; height:30px; line-height:30px; font-size:15px; font-weight:lighter; color:#333;}
.pro_list h2 a{ color:#333;}
.proImg{ width:279px; height:197px;}

.pro_list_s{ float:left; text-align:center; font-size:14px; margin-top:10px; margin-left:8px; margin-right:8px;}
.pro_list_s img{ border:1px solid #DFDFDF; background-color:#F3F3F3; padding:2px;}
.pro_list_s h2{ font-size:13px; height:32px; line-height:32px;}
.pro_list_s h2 a{ color:#02371B;}
.pro_list_s h2 a{ display:block;}

.pagess{ width:auto; height:60px; line-height:60px; text-align:center;}
.nav_l{ width:260px; height:90px; background-color:#F21A24;}
.nav_l span{ float:left; font-size:18px; color:#FFF; margin-top:30px; margin-left:25px;}
.nav_l div{ float:left; margin-top:37px; color:#CCC; margin-left:10px;}
.sty1{ width:260px; height:38px; line-height:38px; font-size:15px; background-color:#C4C4C4; text-align:center;}
.sty1 a{ display:block; font-weight:bold;}
.sty1:hover{ background-color:#BCBCBC;}
.sty2{ width:260px; height:36px; line-height:36px; font-size:14px; background-color:#E8E8E8; text-indent:40px; border-bottom:1px dashed #CCCCCC;}
.sty2 a{ display:block;}
.sty2:hover{ background-color:#F21A24;}
.sty2:hover a{ color:#FFF;}

.tit{ width:auto; text-align:center; font-size:18px; height:50px; line-height:50px; color:#333;}
.inf{ width:auto; height:30px; line-height:30px; border-bottom:1px dashed #CCCCCC;}
.inf li{ float:left; margin-right:30px; font-size:12px; color:#666;}
.con_s{ width:auto; line-height:30px; font-size:14px; color:#333; margin:10px 0;}
.con_s p{ color:#333;}
.con_s div{ color:#333;}
.pag{ width:auto; color:#333; height:44px; line-height:22px; font-size:13px; font-weight:bold;}
.pag a{ color:#333;}

.news1{ width:auto; height:170px; margin-top:12px; border-bottom:1px dashed #CCCCCC;}
.news1 img{ float:left; border:1px solid #CCC; padding:1px;}
.news1 div{ float:left; margin-left:20px; width:610px;}
.news1 div h2{ font-size:18px; height:30px;}
.news1 div ul{ width:auto; height:30px; line-height:30px;}
.news1 div ul li{ float:left; margin-right:20px; color:#999;}
.news1 div p{ width:610px; margin-top:15px; line-height:23px; font-size:13px; color:#666;}
.news2{ width:auto; height:95px; margin-top:12px; border-bottom:1px dashed #CCCCCC;}
.news2 h2{ font-size:18px; height:30px;}
.news2 ul{ width:auto; height:22px; line-height:22px;}
.news2 ul li{ float:left; margin-right:20px; color:#999;}
.news2 p{ width:890px; margin-top:5px; line-height:23px; font-size:13px; color:#666;}

.open{}
.open{ background-color:#0A6731;}
.open a{ color:#FFF;}
.up_pags{ width:910px; height:40px;}
.up_pags span{ width:100px; background-color:#242424; height:30px; float:left; line-height:30px; text-align:center; margin-left:410px;}
.up_pags span a{ color:#FFF; display:block;}

.news{ width:1200px; margin:20px auto;}
.news_l{ width:300px; float:left; margin-right:20px;}
.news_l h2{ height:60px; line-height:60px; font-size:16px; font-weight:lighter;}
.news_l h2 a{ color:#000;}
.news_l p{ width:300px; line-height:22px; margin-top:15px; color:#666; font-size:13px; height:66px;}
.news_l div{ margin-top:15px;}
.news_l div em{ float:left;}
.news_l div span{ float:right;}
.news_l div span a{ color:#999;}
.news_r{ float:left; width:550px;}
.news_list{ width:550px; height:95px; margin-bottom:8px;}
.news_ls{ float:left; width:90px; height:90px; border:1px solid #CCC;}
.news_rs{ float:left; margin-left:10px; width:444px;}
.news_ls span{ text-align:center; height:40px; width:90px; margin-top:6px; float:left; line-height:40px; font-size:24px; font-weight:bold;}
.news_ls h3{ text-align:center; font-size:13px; color:#666; margin-top:5px; width:90px; font-weight:lighter; float:left;}
.news_rs h2{ font-size:18px; height:30px;}
.news_rs p{ width:444px; margin-top:6px; line-height:22px; color:#666;}

.nav1ss{ width:1200px; margin:auto; text-align:center; font-size:21px; font-weight:bold; height:40px; line-height:40px; margin-top:26px;}
.nav1ss em{ color:#DE1E29;}
.nav1_s{ text-align:center; min-width:1200px; font-size:12px; height:26px; color:#666; line-height:26px; margin-top:7px;}

.index_con{ min-width:1200px; margin:auto; margin-top:40px; height:390px; background:url(../images/img/con_bg.jpg) center center no-repeat;}
.index_con_all{ width:1200px; margin:auto;}
.lianxi{ text-align:center; font-size:32px; color:#FFF; font-weight:bold; background:url(../images/img/5.png) center 85px no-repeat; padding-top:40px; margin-bottom:20px; height:80px;}
.con_1{ width:280px; text-align:center; float:left; height:135px; background-color:#F21A24; color:#FFF; font-size:15px;}
.con_1 img{ margin-bottom:10px; margin-top:24px;}
.con_1 a{ color:#FFF;}
.con_2{ width:280px; text-align:center; float:left; height:135px; background-color:#F21A24; color:#FFF; font-size:15px; margin-left:27px;}
.con_2 img{ margin-bottom:10px; margin-top:24px;}
.con_3{ width:280px; text-align:center; float:left; height:135px; background-color:#F21A24; color:#FFF; font-size:15px; margin-left:27px;}
.con_3 img{ margin-bottom:10px; margin-top:24px;}
.con_3 a{ color:#FFF;}
.con_4{ width:280px; text-align:center; float:left; height:135px; background-color:#F21A24; color:#FFF; font-size:15px; margin-left:26px;}
.con_4 img{ margin-bottom:10px; margin-top:24px;}
.con_4 a{ color:#FFF;}

.mbx{ width:1200px; margin:auto; margin-top:15px; font-size:13px; color:#333;}
.mbx a{ color:#333;}
.webs{ width:1200px; margin:auto;}
.web_nav{ width:1200px; margin:auto; text-align:center; margin:10px auto; margin-top:30px; font-size:20px; font-weight:bold;}
.web_nav em{ color:#DA2025;}
.web_navs{ text-align:center; font-size:13px; color:#666;}
.new_l{ float:left; width:860px; margin-top:36px;}
.newslist1{ width:860px; border-bottom:1px dashed #CCCCCC; padding-bottom:15px; margin-bottom:15px;}
.newslist1 img{ float:left;}
.newslist1 div.div{ float:left; margin-left:20px; width:530px;}
.newslist1 div.div h2{ height:36px; font-size:18px;}
.newslist1 div.div h2 a{ color:#333;}
.newslist1 div.div p{ width:530px; margin-top:20px; font-size:14px; color:#333; line-height:22px; width:530px;}
.newslist1 em{ width:auto; height:30px; line-height:30px; color:#999;}
.newslist2{ width:860px; border-bottom:1px dashed #CCCCCC; padding-bottom:15px; margin-bottom:15px;}
.newslist2 h2{ height:36px; font-size:18px;}
.newslist2 h2 a{ color:#333;}
.newslist2 em{ width:auto; height:30px; line-height:30px; color:#999;}
.newslist2 p{ line-height:22px; font-size:14px; color:#333;}
.new_r{ float:right; width:300px; margin-top:36px;}
.new_r div{ margin-bottom:20px;}

.map{ width:1200px; margin:10px auto; text-align:center;}
.lx{ width:1200px; margin:20px auto;}
.lx_l{ float:left; margin-left:30px; margin-right:30px; width:338px; text-align:center; border:1px solid #CCC;-moz-box-shadow: 2px 2px 10px #909090;
-webkit-box-shadow: 2px 2px 10px #909090;box-shadow:2px 2px 10px #909090; margin-top:60px;}
.lx_l div{  margin-top:-45px; width:87px; height:87px; margin-left:123px;}
.lx_l h2{ text-align:center; font-size:18px; color:#333; height:50px; line-height:50px;}
.lx_l p{ margin:20px auto; text-align:center; height:130px; font-size:14px; color:#333;}

.sty{ width:1200px;  height:40px; line-height:40px; margin:auto;}
.sty div{ float:left; width:90px; background-color:#2A2929; text-align:center; height:36px; line-height:36px;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin-left:20px; margin-right:20px;}
.sty div:hover{ background-color:#95090C;}
.sty div a{ display:block; font-size:13px; color:#FFF;}