@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:none;}

a:visited{ color:#333; text-decoration:none;}

a:active{ color:#333; text-decoration:none;}

.cle{ clear:both;}



.bg{ min-width:1200px; margin:auto; height:10px; background:url(../images/img/bg.png) 0 0 repeat-x;}

.logo{ width:1200px; margin:auto; height:130px;}

.logo_l{ float:left; margin-top:19px;}

.logo_r{ float:right; margin-top:26px;}



.ad{ margin-top:10px;}



.nav{ float:right; height:45px; margin-top:45px;}

.nav_all{ width:700px; margin:auto;}

.nav_all div{ float:left; width:73px; height:40px; line-height:40px; text-align:center; font-size:15px;}

.nav_all div:hover{ border-bottom:1px solid #F16E1E;}

.nav_all div a{ color:#666; display:block;}

.nav_all em{ width:3px; text-align:center; float:left; color:#CCC; margin-left:5px; margin-right:5px; margin-top:12px;}



.nav2{ min-width:1200px; text-align:center; height:40px; margin-top:20px; font-size:23px; font-weight:bold; line-height:40px;}

.nav2 em{ color:#0e3872;}

.nav2s{ min-width:1200px; text-align:center; font-size:14px; color:#666;}

.con3{ width:1200px; margin:25px auto; height:200px;}

.con3 div{ width:240px; text-align:center; float:left;}

.con3 div h2{ height:35px; line-height:35px; text-align:center; font-size:16px; color:#333; font-weight:lighter;}

.con3 div p{ padding-left:30px; padding-right:30px; width:180px; line-height:21px; color:#666; font-size:13px;}



.con3_s{ float:left; width:375px; margin-left:37px; font-size:16px; text-align:center; font-weight:bold;}

.con3_s img{ margin-bottom:14px;}

.navs{ min-width:1200px; text-align:center; height:40px; margin-top:20px; font-size:23px; font-weight:bold; line-height:40px;}



.kc{ min-width:1200px; margin:20px auto; height:670px; background:url(../images/img/xk02.jpg) center center no-repeat; padding-top:30px;}

.nav_s{ height:100px; background:url(../images/img/tit-bg01.png) center center no-repeat; text-align:center;}

.nav2_s{ font-size:27px; color:#FFF; font-weight:bold; padding-top:20px;}

.nav2s em{ font-weight:bold; color:#0879AA;}

.nav2s_s{ color:#CCC; font-size:13px; padding-top:2px;}

.kc_all{ width:1200px; margin:20px auto; margin-top:70px;}

.kc_all div{ float:left; width:220px; margin-left:19px; background-color:#FFF;}

.kc_all div:hover{ background-color:#0A8EAD;}

.kc_all div:hover h2{ color:#FFF;}

.kc_all div:hover span{ color:#FFF;}

.kc_all div img{ float:left;}

.kc_all div h2{ float:left; margin-top:10px; width:auto; line-height:28px; margin-top:10px; margin-bottom:15px; text-align:center; font-size:15px; font-weight:lighter; color:#333; width:200px; padding-left:10px; padding-right:10px; }

.kc_all div span{ float:left; padding-left:15px; padding-right:15px; height:110px; line-height:23px; color:#333; font-size:13px; width:190px;}

.baoming{ width:auto; height:50px; line-height:50px;}

.bm{ width:1200px; margin:auto;}

.baoming{ width:585px; background-color:#EDA91F; text-align:center; margin-left:306px; margin-top:60px; border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px; font-size:22px; color:#FFF;}

.baoming em{ font-size:23px;}



.con1{ width:1200px; margin:30px auto;}

.left{ float:left; text-align:center; width:295px; height:240px; background-color:#B43436; margin-top:10px; margin-bottom:10px;}

.left h2{ color:#FFF; font-size:18px; margin-top:20px;}

.left p{ padding-left:20px; padding-right:20px; line-height:22px; color:#FFF; margin-top:10px; height:110px;}

.right{ float:left; text-align:center; width:295px; height:240px; margin-left:20px; background-color:#B43436; margin-top:10px; margin-bottom:10px;}



.con4{ min-width:1200px; height:292px; background:url(../images/img/img25.jpg) center center no-repeat;}

.con4_1{ font-size:33px; color:#FFF; text-align:center; padding-top:10px;}

.con4_2{ text-align:center; padding-top:15px;}

.con4_3{ font-size:17px; color:#CCC; padding-top:15px; text-align:center;}



.news{ width:1000px; 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_r{ float:left; width:550px;}





.news_list{ width:1000px; height:95px; margin-bottom:13px; border-bottom:1px dashed #CCCCCC; padding-bottom:15px; display:block;}

.news_list:hover .news_ls{ background-color:#17A5C6; color:#FFF;}

.news_list:hover .news_ls span{ color:#FFF;}

.news_list:hover .news_ls h3{ color:#FFF;}

.news_ls{ float:left; width:90px; height:90px; border:1px solid #CCC;}

.news_rs{ width:1000px;}

.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; text-align:center; margin-top:20px; padding-top:15px;}

.news_rs h3{ float:right; font-size:12px; color:#999; font-weight:lighter;}

.news_rs p{ width:1000px; margin-top:6px; text-align:center; line-height:22px; color:#666;}



.link{ width:1200px; margin:40px auto; height:60px; line-height:30px;}

.link div{ font-size:13px; width:1200px; margin-left:3px;}

.link a{ float:left; margin-left:2px; margin-right:2px; color:#333;}

.link span{ float:left; margin-left:2px; margin-right:2px; color:#333;}

.nav3{ min-width:1200px; height:6px; overflow:hidden; background:url(../images/img/bg.png) 0 0 repeat-x; margin-top:20px;}



.footer{ min-width:1200px; font-size:13px; color:#CCC; line-height:25px; text-align:center; padding-top:15px; height:70px; background-color:#282B2F;}

.footer a{ color:#CCC;}



.main_visual{height:500px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative; min-width:1180px;}

.main_image{height:500px;overflow:hidden;position:relative;}

.main_image ul{width:9999px;height:500px;overflow:hidden;position:absolute;top:0;left:0}

.main_image li{float:left;width:100%;height:380px;}

.main_image li span{display:block;width:100%;height:500px}

.main_image li a{display:block;width:100%;height:500px}

div.flicking_con{position:absolute;top:850px;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}

div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../images/img/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}

div.flicking_con a.on{background-position:0 -21px}

#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}

#btn_prev{background:url(../images/img/hover_left.png) no-repeat left top;left:100px;}

#btn_next{background:url(../images/img/hover_right.png) no-repeat right top;right:100px;}



.banner1{ min-width:1200px; background:url(../images/img/banner.jpg) center center no-repeat; height:253px;}



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

.pagess{ width:auto; text-align:center; margin:40px auto;}



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



.con_1{ width:1200px; margin:30px auto; height:400px;}

.con_1 div{ float:left; margin-left:20px; width:283px; border:1px solid #CCC;}

.con_1 h2{ text-align:center; height:40px; line-height:40px; color:#333; font-size:15px; background-color:#E8E8E8; width:285px;}

.con_1 p{ width:265px; height:80px; padding:10px; line-height:22px; font-size:13px; background-color:#E8E8E8;}



.img{ min-width:1200px; margin:44px auto; height:318px; background:url(../images/img/team.png) 0 0 repeat;}

.kecheng{ width:1200px; margin:30px auto;}



.padding_left10{ padding-left:15px; font-size:14px;}



.tit{ text-align:center; height:60px; line-height:60px; font-size:20px; color:#333;}

.time{ width:1200px; margin:10px auto; height:35px; line-height:35px; border-bottom:1px dashed #CCCCCC; font-size:13px; color:#666;}

.time li{ float:left; margin-right:90px; color:#999;}

.cons{ width:1200px; margin:10px auto; line-height:30px; font-size:14px; color:#333;}

.cons a{ color:#333;}

.up_page{ width:1200px; margin:20px auto; font-size:14px; line-height:26px; height:54px;}



.service_box{ position:fixed; z-index:1000;right:-147px;top:18%;margin-top:140px;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;}



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

.con_1ss{ width:auto; height:auto; margin:15px auto; font-size:14px; line-height:30px; color:#333;}

.con_1ss a{ color:#333;}



.text{ width:1200px; margin:10px auto; text-align:center; margin-top:35px;}

.text_all{ width:1200px; margin:5px auto; margin-top:20px;}

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



.jianjie{ float:left; display:block; width:225px; padding:25px 10px 0; text-align:center; color:#029eaa; 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;}

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



.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{ width:1200px; margin-top:20px;}

.con_l h2{ font-size:22px; color:#CCC; text-align:center; font-weight:lighter; height:30px; line-height:30px; padding-top:24px;}

.con_l h3{ font-size:18px; text-align:center; font-weight:lighter; color:#FFF; height:35px; line-height:35px;}

.con_l p{ width:1200px; margin-top:25px; line-height:30px; color:#FFF; font-size:16px; text-align:center;}

.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_tit{ text-align:center; margin:auto;}



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



.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/bg2s.jpg) 0 32px no-repeat; height:35px; line-height:35px;}

.cons_nav div{ float:left; font-size:17px; margin-left:5px; color:#0e3875; 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{ width:890px; height:auto;}

.nav_l{ width:260px; height:90px; background-color:#0f3774;}

.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:#029eaa; text-indent:15px; border-bottom:1px dashed #AAA7A7;}

.sty1 a{ display:block; font-weight:bold;}

.sty1:hover{ background-color:#BCBCBC;}

.sty2{ width:260px; height:36px; line-height:36px; font-size:13px; background-color:#E8E8E8; text-indent:15px; border-bottom:1px dashed #CCCCCC;}

.sty2 a{ display:block;}

.sty2:hover{ background-color:#126ADE;}

.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 img{ max-width:890px;}
.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; padding-bottom:12px; margin-top:12px; border-bottom:1px dashed #CCCCCC;}

.news1 img{ float:left; border:1px solid #CCC; padding:1px;}

.news1 div.divs{ float:left; margin-left:20px; width:610px;}

.news1 div.divs h2{ font-size:18px; height:30px;}

.news1 div.divs ul{ width:auto; height:30px; line-height:30px;}

.news1 div.divs ul li{ float:left; margin-right:20px; color:#999;}

.news1 div.divs p{ width:610px; margin-top:15px; line-height:23px; font-size:13px; color:#666;}

.news2{ width:auto; padding-bottom:12px; margin-top:10px; 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:1200px; margin-top:5px; line-height:23px; font-size:13px; color:#666;}



.new_list{ float:left; margin-top:10px; margin-bottom:15px; font-size:14px; text-align:center; height:175px; width:295px;}

.new_list img{ border:1px solid #CCC; margin-bottom:1px;}



.more{ width:1200px; margin:10px auto;}

.more span{ width:110px; text-align:center; height:36px; line-height:36px; background-color:#FF6B09; color:#FFF; float:left; margin-left:545px;    border-radius: 4px;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;}

.more span a{ color:#FFF; display:block; font-size:14px;}



.case_tit{ text-align:center; margin:auto;}

.cases{ width:1200px; margin:auto; margin-top:20px; margin-bottom:20px;}

.cases img{ float:left; margin-left:18px; margin-bottom:12px; border:1px solid #CCC; padding:2px;}



.main{ width:1200px; margin:auto;}

.crumbs{ height:30px; line-height:30px;}

#Article h1{ text-align:center; height:40px; line-height:40px;}

.content{ font-size:14px; line-height:30px;}