@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal;}


body{ font-family: Arial;overflow-x: hidden;}

.tit01{overflow: hidden; font-size: 24px;color:#0c4da1;text-align: center; line-height: 36px; height:70px;}
.tit01 a{ color:#0c4da1;}
.tit01 span{ color:#666666; font-size: 14px; font-weight: normal; display: block;}

/* 首页flash广告 */
.fullSlide{min-width:1200px;position:relative;height:500px;overflow:hidden;}
.fullSlide .bd{    margin: 0 auto;
    position: relative;
    z-index: 0;
    overflow: hidden;}
.fullSlide .bd ul{width:100%!important;}
.fullSlide .bd li{width:100%!important;height:500px;overflow:hidden;text-align:center;background-position: center top;}
.fullSlide .bd li a{display:block;height:500px;     overflow: hidden;}
.fullSlide .hd{width:1200px;left:50%;height:33px;margin-left:-600px;position:absolute;z-index:8;bottom:0px;overflow:hidden; text-align: center;}
.fullSlide .hd ul li{margin:0 10px 0 ;width:7px;height:7px;  display: inline-block;background:url(../images/banroll01.png) no-repeat 0 0;}
.fullSlide .hd ul .on { background:url(../images/banroll.png) no-repeat 0 0; width:27px;}
  
  
.linkbg{height:110px;background:url(../images/linkbg.jpg) no-repeat center 0;overflow: hidden;}
.linkbg span{ display: block; float: right;background:url(../images/linkicon01.gif) no-repeat center 0; width:138px; height:36px; margin: 40px 48px 0 0; font-size: 14px;text-align: center; line-height: 36px;font-weight: bold;}
.linkbg span a{ color:#0c4da1;}
.linkbg p{ float: left; width:980px; overflow: hidden; line-height: 110px; color:#c5c5c5; font-size: 12px;}
.linkbg p a{ display: inline-block;padding:0 20px;color:#666666;}

.newsbg{ width:1230px; margin:72px auto 65px; height:569px; overflow: hidden;}
.news-lndt , .news-hyzx , .faq{ width:380px; overflow: hidden; position: relative; margin-top: 45px;} 
.news-lndt{margin-right: 45px;}
.newsbg h3{position: absolute; top: 0;left: 0; width:60px; height:87px; background:#0c4da1 url(../images/newsline.gif) no-repeat center 65px; font-size: 18px; text-align: center;}
.newsbg h3 a{ display: inline-block;padding-top: 12px; color:#fff; line-height: 24px;    width: 50px;}
.newsbg p {margin-left: 28px; width:352px; overflow: hidden;}
.newsbg p img{ width:352px; height:156px;}
.newsbg ul{margin-left: 28px;}
.newsbg li{ padding-left: 15px;background: url(../images/newsicon.gif) no-repeat 0 12px; color:#555555;line-height:30px;height: 30px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.newsbg li a{ color:#333333;}
#htit{margin-left:15px;line-height:25px; width:auto;}


.faq-box{ padding-top: 20px;}
.faq-box dl{margin: 15px 0 0 28px; padding: 0 0 20px 20px; border-bottom: 1px dashed #bebebe;background: url(../images/faqicon01.gif) no-repeat 0 6px; line-height: 20px;}
.faq-box dt{}
.faq-box dt a{ color:#333333;font-weight:bold;}
.faq-box dd{ color:#333333; margin-top: 8px;}

.aboutbg{background: url(../images/aboutbg.jpg) no-repeat center 0; height:950px; overflow: hidden;}
.aboutbg .tit01{ padding-top: 29px; height:97px; overflow: hidden;}
.aboutbg .tit01 span{ color:#808080;}
.about {height:587px; overflow: hidden;}
.about dt{ width:654px; float: left; overflow: hidden; margin-top: 15px;}
.about dt img{ width:654px; height:360px;}
.about dd{ width:402px; height:335px; background:#0c4da1; float: left; padding: 60px 80px 0 64px;}
.about dd h3{ height:31px; line-height: 31px; font-size:20px; overflow: hidden;}
.about dd h3 a{ color:#fff;}
.about dd p{ padding-top: 10px; height:220px; font-size: 12px; line-height: 24px; color:#fff; overflow: hidden;}
.about dd p a{ color:#fff;}
.about dd p img{vertical-align: middle; margin-left: 3px;}
.about dd em{display: block;}
.about dd em a{background: url(../images/caseico.gif) no-repeat center 0; display: inline-block; width:118px; height:36px; margin-right: 15px; font-size: 14px; font-weight: bold; color:#fff;text-align: center; line-height: 36px;}

.xc{ height:320px;}
.xcnav{ height:40px; overflow: hidden;}
.xcnav li{ width:397px; margin-right: 4px; overflow: hidden; float: left; height:40px; font-size: 14px;}
.xcnav li a{ display: inline-block; background:#979797;  width:100%; height:40px; text-align: center; font-size: 14px; color:#fff; line-height: 40px;}
.xcnav li.nomar{ margin-right: 0;}
.xcnav li a:hover , .xcnav .on a{ background:#0c4da1;}
.xc-con{ position: relative; margin-top: 30px;}
.xcprev{position: absolute; top: 64px; left: -53px; width:24px; height:45px;}
.xcnext{position: absolute; top: 64px; right: -53px; width:24px; height:45px;}
.xcimg li{ float: left; width:285px; margin-right: 20px;}
.xcimg li.nomar{margin-right: 0;}
.xcimg li img{ width:285px; height:206px;}
.xcimg li span{ display: block; padding-top: 10px; font-size: 14px; line-height: 20px; color:#333333; text-align: center;}

.coobg{overflow:hidden;}
.coobg .tit01{ padding-top: 58px; height:98px;}
.coobg li{ width:185px; height:83px; margin:0 15px 20px 0; overflow: hidden; float: left;border: 1px solid #ececec;}
.coobg li:nth-child(6n) {margin-right: 0;}
.coobg li img{ width:185px; height:83px;}
.coobg li.nomar{margin-right: 0;}

.witness{background:#f5f5f5; height:664px; overflow: hidden;}
.witness .tit01{ padding-top:30px; height:100px;}
.witness .tit01 a{ color:#0c4da1;}
.witness .tit01 span{color:#808080;}
.witness .content{position: relative;}
.wintprev{position: absolute; top: 342px; left: -53px; width:24px; height:45px;}
.wintnext{position: absolute; top: 342px; right: -53px; width:24px; height:45px;}
.witness dl{margin-right: 44px; width:370px; overflow: hidden; float: left; height:437px; background:#fff;}
.witness .nomar{margin-right: 0;}
.witness dt{ width:310px;overflow: hidden; margin: 26px auto 0;}
.witness dt img{ width:310px; height:163px;}
.witness dd{  position: relative;margin: -5px auto 0; z-index: 3; width:280px; overflow: hidden;background: url(../images/jzline.gif) no-repeat 0 0;}
.witness dd h3{ padding-top: 31px; line-height: 22px; height:66px; font-size: 14px;}
.witness dd h3 a{  color:#333333;}
.witness dd h3 span{display: block; font-size: 12px; color:#888888;font-weight: normal; margin-top: 5px;}
.witness dd p{ font-size: 12px; color:#333333; line-height: 24px;}

.baozbg{ height:1717px; overflow: hidden; position: relative;}
.baoz1{ height:493px; overflow: hidden;}
.baoz2{ height:413px; overflow: hidden;}
.baoz3{ height:357px; overflow: hidden;}
.baoz4{height:453px; overflow: hidden;}
.baozbg .tit01{position: absolute; top: 70px;left: 50%; margin-left: -600px; width:1200px;background: url(../images/line01.gif) no-repeat  center bottom; padding-bottom: 20px;}
.baozbg dl{ position: absolute; overflow: hidden;}
.baozbg .dl01{ top: 214px; left: 50%; margin-left: -550px;}
.baozbg .dl02{ top: 558px; right: 50%; margin-right: -600px; width:507px;}
.baozbg .dl03{ top: 958px; left: 50%; margin-left: -600px;}
.baozbg .dl04{ top: 1332px;  right: 50%; margin-right: -600px;width:507px;}
.baozbg dt{background: url(../images/ysicon.png) no-repeat  center 0; width:68px;height:87px; font-size: 20px; line-height: 26px; padding: 12px 0 0; color:#fff ;text-align: center;font-weight: bold; float: left; margin-right: 33px;}
.baozbg dd{ float: left; overflow: hidden;}
.baozbg .dl01 dd{ width:315px;}
.baozbg .dl02 dd{ width:370px;}
.baozbg .dl03 dd{ width:315px;}
.baozbg .dl04 dd{ width:370px;}
.baozbg dd h3{ padding-bottom: 18px; border-bottom: 1px dashed #788b84; font-size: 18px; line-height: 28px; color:#333333; margin-bottom: 5px;}
.baozbg dd p{margin-top: 15px; padding-left: 20px; font-size: 14px; line-height: 24px; color:#333333;background: url(../images/ysico02.png) no-repeat  0 8px;}
.baozbg dd i{background: url(../images/advicon.gif) no-repeat  0 0; width:138px; height:36px; text-align: center; line-height: 36px; display: block; margin:20px 0 0 20px; font-size: 14px;font-weight: bold;}
.baozbg dd i img{vertical-align: middle; margin-left: 5px;}
.baozbg dd i a{ color:#0c4da1;}

.shili{ position: relative;margin-top: -117px; overflow: hidden; height:675px;}
.shili .tit01{ height:92px;}
.shilinav{ height:40px; width:1200px; margin: 0 auto; overflow: hidden; position: relative; z-index: 3;}
.shilinav li{ width:297px; margin-right: 4px; overflow: hidden; float: left; height:40px; font-size: 14px;}
.shilinav li a{ display: inline-block; background:#979797;  width:100%; height:40px; text-align: center; font-size: 14px; color:#fff; line-height: 40px;}
.shilinav li.nomar{ margin-right: 0;}
.shilinav li a:hover , .shilinav .on a{ background:#0c4da1;}
.shili-con{ height:558px; margin-top: -16px; overflow: hidden;}
.shili-con dl{position: relative; height: 558px;}
.shili-con dt{width:100%!important;height:558px;overflow:hidden;text-align:center;}
.shili-con dd{position: absolute;top: 108px;right: 50%; margin-right: -600px; width:400px; height:398px;background:#0c4da1; overflow: hidden;}
.shili-wz{ padding: 47px 50px 0; font-size: 14px ; line-height: 28px; color:#fff; height:260px; overflow: hidden;}
.shili-wz p{margin-bottom: 24px;}
.shili-con dd em{ display: block; margin:0 0 0 50px;}
.shili-con dd em a{background: url(../images/caseico.gif) no-repeat center 0; display: inline-block; width:118px; height:36px; margin-right: 15px; font-size: 14px; font-weight: bold; color:#fff;text-align: center; line-height: 36px;}
.shili-con dd em img{vertical-align: middle;margin-left: 10px;}

.casebg{background: url(../images/casebg.jpg) no-repeat center 0; height:1055px; overflow: hidden;}
.case{ width:1200px; padding-top:  40px; margin: 0 auto; height:630px; position: relative; overflow: hidden;}
.case .tit01{height:96px;}
.casenav{ height:40px; overflow: hidden;}
.casenav span{ width:195px; background:#979797; height:40px; font-size: 14px; color:#fff; line-height: 40px;display: block; float: right; text-align: center;}
.casenav span a{ color:#fff;}

.casenav li{ width:195px; margin-right: 6px; overflow: hidden; float: left; height:40px; font-size: 14px;}
.casenav li a{ display: inline-block; background:#979797;  width:100%; height:40px; text-align: center; font-size: 14px; color:#fff; line-height: 40px;}
.casenav li:last-child{ margin-right: 0;}
.casenav li a:hover , .casenav .on a{ background:#0c4da1;}
.caseprev , .casenext{position: absolute; top: 596px;z-index: 2; width:70px;height:40px; background:#979797;}
.caseprev{ left: 326px;}
.casenext{ left: 400px;}
.caseprev:hover , .casenext:hover{background:#0c4da1;}
.case-con{height:470px; overflow: hidden;}
.case-con dt{margin-top: 37px; float: left; width:801px; overflow: hidden; position: relative;}
.case-con dt img{ width:801px; height:404px;}
.case-con dt i{display: block;background: url(../images/icon.png) no-repeat center 0;  width:12px;height:18px; top: 30px;right: 0; z-index: 2; position: absolute; }
.case-con dd{ float: left;margin-top: 29px; width:304px; height:374px; overflow: hidden;background:#0c4da1;padding: 45px 45px 0 40px;}
.case-con dd h3{ font-size: 16px; height:28px;line-height: 28px; overflow: hidden; }
.case-con dd h3 a{ color:#fff;}
.case-wz{height:257px; overflow: hidden;}
.case-wz p{margin-top: 15px; font-size: 14px; line-height: 22px; color:#fff;}
.case-con dd em{ display: block;}
.case-con dd em a{background: url(../images/caseico.gif) no-repeat center 0; display: inline-block; width:118px; height:36px; margin-right: 15px; font-size: 14px; font-weight: bold; color:#fff;text-align: center; line-height: 36px;}
.case-con dd em img{vertical-align: middle;margin-left: 10px;}

.tedbg{background: url(../images/tedbg.jpg) no-repeat center 0; height:355px; overflow: hidden;}

.tedbg dl{ width:300px; float: left; margin-top: 44px; overflow: hidden;}
.tedbg dt img{ width:123px; height:123px; margin: 0 auto;display: block;}
.tedbg dd h3{padding-top: 23px; height:27px;font-size: 16px; color:#333333; line-height: 27px; text-align: center;}
.tedbg dd p{background: url(../images/line01.gif) no-repeat center bottom;padding: 15px 30px 30px 35px; font-size: 14px; line-height: 24px; color:#333333;}

.probg{background: url(../images/probg.jpg) no-repeat center 0; overflow: hidden; height:870px;}
.probg .tit01{padding-top: 58px; height:108px;}
.list{ width:266px; background:#f7f9fa; overflow: hidden;}
.list h3{background: url(../images/listnav.jpg) no-repeat center 0; font-size: 22px;font-weight: normal; text-align: center; height:112px; line-height: 30px;}
.list h3 a{ color:#fff;display: inline-block;margin-top: 33px;}
.list h3 span{ display: block;font-size: 12px; font-family: Arial; text-transform: capitalize; color:#fff;}
.list h3 img{vertical-align: middle;margin:0 5px; }
.listtel{height:72px; background:#595959 url(../images/list_tel.gif) no-repeat 45px 24px; font-size: 12px; color:#fff; line-height: 20px; padding-left: 80px;}
.listtel span{ display: block; font-size: 22px; font-family: Arial; padding-top: 16px; line-height: 24px;}
.list-box{padding: 30px 0;    height: 662px;}
.list-box h4{ width:220px;height:41px; overflow: hidden; margin-left: 21px;margin-bottom: 20px; */}
.list-box h4 a{ display: block;background:#979797 url(../images/listico04.gif) no-repeat 21px center; padding-left: 46px; line-height: 41px; color:#fff; font-size: 14px;}
.list-box h4 a:hover , .list-box h4.on a{background:#0c4da1 url(../images/listico01.gif) no-repeat 21px center;}
.list-box h5{margin:25px 0 0 25px; width:188px; height:28px; border:1px solid #8d9c92; overflow: hidden;}
.list-box h5 a{padding-left: 42px; font-size: 14px; color:#333333;background: url(../images/listico02.png) no-repeat 16px center; line-height: 28px;}
.list-box ul{margin:15px 0 15px 47px;}
.list-box ul li{ padding-left: 24px; line-height: 30px;background: url(../images/newsicon.gif) no-repeat 0px center;}
.list-box ul li a{ font-size: 14px; color:#333333;display: inline-block;}


.pro{ width:888px;overflow: hidden;}
.propic{ line-height: 0;    margin: 0px 10px;}
.propic img{ width:888px; height:184px;}
.pro ul{margin-top: 25px;}
.pro li{height:235px; width:271px; float: left; margin-right: 35px;}
.pro li.nomar{margin-right: 0;}
.pro li img{ display: block; width:271px;height:176px;}
.pro li span{ display: block; height:46px; text-align: center; line-height: 46px; color:#333333;}



/*首页定制案例*/
.con{width:1200px;margin:0 auto;}
.pb_bg{width: 100%;}
.pb_bg img{width: 100%;}
.fast_nav{width: 100%;line-height: 66px;border-bottom: 1px solid #ddd;background: #fff;}
.fast_nav p{font-size: 14px;color: #666;}
.fast_nav p span{display: inline-block;vertical-align: middle;margin-top: -4px;margin-right: 8px;}
.fast_nav p a{font-size: 14px;color: #666;}
.fast_nav p a:hover{text-decoration: underline;}
.con ul{margin-top: 30px;}
.con ul li{float: left;width:285px;margin-right:20px;height: auto;margin-bottom: 50px;background:#fff;}
.con ul li a{display: block;}
.con ul li .txt{width:100%;border:1px solid #ddd;box-sizing: border-box;}
.con ul li .txt h3{font-size: 20px;border-top: 2px solid #ff0000;width: 100px;display: block;margin: 0 auto;text-align: center;padding: 8px 0;margin-top: 35px;color:#333;font-weight: bold;}
.con ul li .txt p{width: 85%;margin:10px auto;font-size: 12px;color: #666;line-height: 22px;}
.con ul li .txt img{width:100%;margin: 0 auto;padding-top:15px;}
.con ul li img{margin: 0 auto;}
.con ul li a:hover{}
.con ul li a:hover .txt h4{}
.con ul li a:hover .txt p{}

.adv_a{padding-top:70px;}

/* 首页产品-------------- */
.prolist1 {height: auto; float: right; width: 900px;overflow: hidden;}
.prolist1 ul {margin-top:10px;}
.prolist1 ul li{ width:203px; height:203px; float:left; padding-top:10px; border:1px solid #ececec;margin:20px 10px 45px 10px;}
.prolist1 ul li span{width:203px; text-align:center;}
.prolist1 ul li span a img,.xg_product ul li span a img{ width:203px; height:203px;}
.prolist1 ul li span a:hover img,.xg_product ul li span a:hover img{}
.prolist1 ul li p{ width:203px; height:40px; padding:5px; line-height:20px; overflow:hidden; text-align:center;font-size:14px;}

/* 首页友链-------------- */
.youlink{line-height:25px; overflow:hidden;}
.youlink span {float: left; font-weight:bold;}
.youlink li{float:left;padding-right: 10px;}