/* CSS Document */
*{margin:0; padding:0; font-family:Arial, Helvetica, 微软雅黑, sans-serif; }
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration: none; color:#333;}
ul, ol{list-style-type:none;}
.clear{clear:both;}
body{ overflow-x:hidden; }
h1, h2, h3, h4, h5, h6,b{ font-weight:normal;}
input, textarea,select, button{outline:medium; blr:expression(this.onFocus=this.blur());}
p{ text-align:justify;}
.fl{ float:left;}
.fr{ float:right;}

.header-top{ background: #006fb7; width: 100%; height: 28px;}
.header-top a{ color: #fdfcfb; font-size: 12px; font-family: "微软雅黑"}
.header-top .wc{ line-height: 28px;}
.header-top .top-nav ul{ float: right; margin-top: 0px;}
.header-top .top-nav ul li{ float: left; color: #fdfcfb; line-height: 28px;}
.header-top .top-nav ul li a{ display: inline-block; margin: 0 12px;}
.header-top .top-nav ul li a:hover{ color:#6BBBEF;}

.header{ width: 100%; padding-top: 25px;}
.header .logo a{ display: inline-block; padding-right: 15px; background: url(../images/log_right.png) no-repeat center right; float: left;}
.header .logo .logo-text{float: left; margin: 22px 0 0 10px;}
.header .nav .tel{ font-size: 18px; float: right; background: url(../images/call.png) no-repeat center left; padding-left: 56px;}
.header .nav .tel span{ color: #f00;}
.header .nav .nav-list{ display: block; float: right; margin-top: 14px; margin-right: 3px;}
.header .nav .nav-list li{ position: relative; float: left; line-height: 50px; z-index: 999;}
.header .nav .nav-list li>a{ display: inline-block; height: 50px; width: 83px; text-align: center;}
.header .nav .nav-list li:hover>a{color: #333; background: url(../images/nav_bg.png) no-repeat center bottom;}
.header .nav .nav-list li:first-child:hover a{ background:none;}
.header .nav .nav-list li dl{ position: absolute; display: none;}
.header .nav .nav-list li:hover dl{ display: block;}
.header .nav .nav-list li dd a{ display: inline-block; width: 84px; line-height: 44px; text-align: center; background: #006FB7; color: #fff; font-size: 12px;}
.header .nav .nav-list li dd a:hover{ background: #03578d;}

#banner {  width:100%; float:left;}
.banner{height:430px;}
.banner .ban_c img{position:absolute;width:1912px;left:50%;margin-left:-960px;top:0;}
.banner .ban_nav{display:none;}
.banner .Left,.banner .Right{position:absolute;width:38px;height:38px;background:url(../images/cir_white.gif) no-repeat #aaa;right:50%;bottom:15px;}
.banner .Left{margin-right:-450px;background-position:5px 0}
.banner .Left:hover {background-color:#006FB7;}
.banner .Right{margin-right:-490px;background-position:-33px 0;background-color:#aaaaaa;}
.banner .Right:hover {background-color:#006FB7;}
.bann_ext{position:relative;}
.frontCover{position:absolute;top:-120px;padding:0 0 16px;border-bottom:5px solid #006FB7;}
.frontCover li{float:left;width:82px;padding:3px;background:#333;color:#fff;overflow:hidden;margin-right:10px;cursor:pointer;}
.frontCover p{text-align:center;height:20px;line-height:22px;overflow:hidden; font-size:12px; margin: 0;}
.frontCover .img{position:relative;height:50px;overflow:hidden;}
.frontCover img{position:absolute;width:192px;height:50px;left:-50px;}
.frontCover .open{background:#006FB7;}
.wrap{width:980px;margin-left:auto;margin-right:auto;}

.slide{position:relative;width:100%;}
.ban_c{display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.ban_c img{width:100%;height:100%;}
.ban_t{position:absolute;left:0;bottom:0;width:100%;padding:4px 0;text-indent:10px;white-space:nowrap;overflow:hidden;color:#fff;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);z-index:3;}
.ban_nav{position:absolute;bottom:0;left:0;width:100%;text-align:right;z-index:4;}
.ban_nav a{display:inline-block;vertical-align:middle;width:14px;height:14px;line-height:14px;overflow:hidden;text-align:center;margin-right:8px;cursor:pointer;text-decoration:none;font-size:10px;-webkit-text-size-adjust:none;background:#ccc;}
.ban_nav .on{background:#f90;color:#fff;}
.Left,.Right{cursor:pointer;}

.banner-bottom{ background: #f3f3f3; line-height: 32px; margin-bottom: 40px;}
.banner-bottom .tzgg{ background: url(../images/announcement.png) no-repeat center left; line-height: 32px; padding-left: 30px;}
.banner-bottom .tzgg>a{ font-size: 12px; display: block; float: left; margin: 0 8px;}
.banner-bottom .tzgg>a:hover{ color: #0062b1;}
.banner-bottom .tzgg .hd{ float:left;}
.banner-bottom .tzgg .hd a{ display: inline-block; width: 12px; height: 12px; margin: 0 5px;}
.banner-bottom .tzgg .hd a.prev{ background: url(../images/up.png) no-repeat center;}
.banner-bottom .tzgg .hd a.next{ background: url(../images/down.png) no-repeat center;}
.banner-bottom .tzgg .bd{ float: left; height: 32px; overflow: hidden; margin-left: 10px;}
.banner-bottom .tzgg .bd ul{ margin-bottom: 0;}
.banner-bottom .tzgg .bd li{ position: relative;}
.banner-bottom .tzgg .bd li a{ font-size: 12px; background: url(../images/icon2.jpg) no-repeat center left; padding-left: 10px;}
.banner-bottom .tzgg .bd li a:hover{color: #0062b1;}
.banner-bottom .tzgg .bd li span{ margin-left: 10px; font-size: 12px;}
.banner-bottom .date{ line-height: 32px; background: url(../images/time.png) no-repeat 36% center; font-size: 12px; text-align: right;}
@media (max-width: 1200px){
.banner-bottom .date{ background: url(../images/time.png) no-repeat 16% center;}
}

.index-title{ text-align: center;}
.index-title .title-f{ font-size: 12px; margin-top: 6px;}

.Iservice ul{ padding: 30px 0 40px;}
.Iservice li{ border-right: 1px #d6d5d5 dashed;}
.Iservice li a{ display: inline-block; width: 100%; height: 100%; padding: 124px 15px 0; transition: all 0.3s linear 0s;}
.Iservice li:last-child{ border-right: none;}
.Iservice li.icon1 a{ background: url(../images/web.png) no-repeat center 10px;}
.Iservice li.icon2 a{ background: url(../images/seo.png) no-repeat center 10px;}
.Iservice li.icon3 a{ background: url(../images/tel.png) no-repeat center 10px;}
.Iservice li.icon4 a{ background: url(../images/Picture.png) no-repeat center 10px;}
.Iservice li.icon5 a{ background: url(../images/space.png) no-repeat center 10px;}
.Iservice li.icon6 a{ background: url(../images/software.png) no-repeat center 10px;}

.Iservice li:hover.icon1 a{ background: url(../images/web_hover.png) no-repeat center top;}
.Iservice li:hover.icon2 a{ background: url(../images/seo_hover.png) no-repeat center top;}
.Iservice li:hover.icon3 a{ background: url(../images/tel_hover.png) no-repeat center top;}
.Iservice li:hover.icon4 a{ background: url(../images/Picture_hover.png) no-repeat center top;}
.Iservice li:hover.icon5 a{ background: url(../images/space_hover.png) no-repeat center top;}
.Iservice li:hover.icon6 a{ background: url(../images/software_hover.png) no-repeat center top;}

.Iservice li .title{ font-weight: bold; color: #626262; text-align: center;}
.Iservice li:hover .title{ color:#006fb7;}
.Iservice li .text{ text-align: center; color: #a2a2a2; font-size: 12px; line-height: 22px; margin-top: 6px;}

.Icase{ background: url(../images/case_bg.png); background-attachment: fixed; padding: 20px 0;}
.Icase .index-title .title-f{ color:#fff;}
.Icase .bd{ padding: 30px 0;}
.Icase .bd li{ padding: 0 5px; margin-bottom: 10px;}
.Icase .bd li .img{ position: relative; overflow: hidden;}
.Icase .bd li p{color: #ffffff; text-align: center; background-color: #3192d6; line-height: 30px; height: 30px;}
.Icase .bd li:hover p{color: #3192d6; text-align: center; background: rgba(0,0,0,.8); line-height: 30px; height: 30px;}
.Icase .bd li img{ width: 100%; transition: all 0.3s linear 0s;}
.Icase .bd li:hover img{transform: scale(1.1,1.1);}
.Icase .bd li .text{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.8); padding: 6%; opacity: 0; transition: all 0.3s linear 0s;}
.Icase .bd li:hover .text{ opacity: 1;}
.Icase .bd li .text .title{ font-size: 14px; color: #fdfcfc; overflow: hidden; height: 20px;}
.Icase .bd li:hover .text .title{ color: #fff;}
.Icase .bd li .text .p{ font-size: 12px; line-height: 18px; color: #fdfcfc; margin: 4% 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; text-indent: 24px; line-height: 24px;}
.Icase .bd li:hover .text .p{ color: #fff;}
.Icase .bd li:hover .text .p:hover{color: #3192d6;}
.Icase .bd li .text .more{ font-size: 12px; color: #fdfcfc; background: url(../images/case_more.png) no-repeat center left; padding-left: 20px;}
.Icase .bd li .text .more:hover{color: #3192d6;}
@media (max-width: 1600px){
    .Icase .bd li .text .p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
}
.Icase-more{ text-align: center;}
.Icase-more a{ display: inline-block; background: url(../images/case_more01.png) no-repeat center left; color: #fdfcfc; font-size: 12px; margin-top: 10px; padding: 4px 0 4px 30px;}
.Icase-more a:hover{color: #000;}
.Ikh{ padding: 40px 0;}
.Ikh-list{ padding: 20px 0; }
.Ikh-list li{ padding: 18px 15px; text-align: center; position: relative; height: 94px;}
.Ikh-list li img{max-width:100%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); position: absolute; top: 18px; left: 15px; transition: all 0.3s linear 0s;}
.Ikh-list li:hover img{-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0);  top: 8px;}
.Ikh-btn{ text-align: center; }
.Ikh-btn a{ display: inline-block; color: #fefefe; font-size: 14px; width: 115px; line-height: 30px; background: #969696; border-radius: 28px; margin: 0 10px;}
.Ikh-btn a:hover{ background: #0062b1;}

.Inews{ background: url(../images/news_bg.png) no-repeat center; background-size: cover; background-attachment:inherit; padding: 30px 0 10px;}
.Inews-box{ padding: 20px 0;}
.Inews-box .Inews-top{ line-height: 20px; padding-right: 10px;}
.Inews-box .Inews-top a{ float: right; display: inline-block; font-size: 12px; color: #626262;}
.Inews-box .Inews-top a:hover{ color:#0062b1; text-decoration: underline;}
.Inews-left{ border-right: 1px dashed #c7c7c7;}
.Inews-Llist{ padding-right: 10px;}
.Inews-Llist dl{ margin-bottom: 0;}
.Inews-Llist dt{ margin: 12px 0;}
.Inews-Llist dt img{max-width: 100%;}
.Inews-Llist dd{line-height: 30px;}
.Inews-Llist dd a{ float: left; font-size: 12px; width: 80%; display: inline-block; color: #626262; background: url(../images/icon2.jpg) no-repeat center left; padding-left: 10px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.Inews-Llist dd a:hover{ color:#006fb7;}
.Inews-Llist dd span{ float: right; font-size: 12px; color:#626262; width: 20%; display: inline-block; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}

.Inews-right .Inews-top{ font-size: 14px; color:#626262; font-weight: bold; position: relative; background: url(../images/ico.png) no-repeat center left; padding-left: 25px; line-height: 30px; margin-top: 10px;}
.Inews-right .Inews-top:before{ content: ""; position: absolute; width: 85px; height: 3px; background: #006fb7; bottom: 0; left: 0;}
.Inews-right .Inews-top a{ font-weight: normal;}
.Inews-right .Inews-Rlist{ overflow: hidden; border-right: 1px dashed #c7c7c7; border-top: 1px dashed #c7c7c7; height: 136px;}
.Inews-right .Inews-Rlist ul{ margin-bottom: 0;;}
.Inews-right .Inews-Rlist li{line-height: 30px;}
.Inews-right .Inews-Rlist li a{font-size: 12px; color: #626262; background: url(../images/icon2.jpg) no-repeat center left; padding-left: 10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.Inews-right .Inews-Rlist li:hover a{color:#006fb7;}
.Inews-right .Inews-Rlist:nth-child(2n){ border-right: none;}
.Inews-right .Inews-Rlist:nth-child(-n+2){ border-top: none;}
.Inews-right .Inews-Rlist:nth-child(-n+2) .Inews-top{ margin-top: 0;}

.footer{ background: #006fb7; padding: 20px 0;}
.foot-logo{ padding:40px 0 0;}
.foot-logo img{ max-width: 100%;}
.foot-nav dl{ float: left; width: 14%; margin-bottom: 0;}
.foot-nav dl dd{ text-align: center; line-height: 30px;}
.foot-nav dl dd a{ color:#fdfdfd; font-size: 12px;}
.foot-nav dl dd a:hover{color: #000;}
.foot-wx .img{ padding: 0 20px;}
.foot-wx .img img{ max-width: 100%;}
.foot-wx .text{ margin: 6px 20px; color: #fdfdfd; font-size: 12px; padding-left: 25px; background: url(../images/weixin.png) no-repeat left top; line-height: 22px;}

.foot-bottom{ padding: 20px 0; border-top: 1px solid #0287dd; border-bottom: 1px solid #0287dd; margin-top: 30px;}
.foot-contact p{ margin-bottom: 0; font-size: 12px; color:#fdfdfd; line-height: 28px; padding-left: 40px;}
.foot-contact .dz{ background: url(../images/dizhi.png) no-repeat center left;}
.foot-contact .tel{ background: url(../images/dh.png) no-repeat center left;}
.foot-contact .mail{ background: url(../images/email.png) no-repeat center left;}
.foot-other p{ margin-bottom: 0; font-size: 12px; color:#fdfdfd; line-height: 28px; }
.foot-gs a{ display: inline-block; height: 84px;}
.foot-gs a img{ max-width: 100%; margin-top: 14px;}

.main-im{position:fixed;_position:absolute;_left:expression(eval(document.documentElement.scrollright+10));_top:expression(eval(document.documentElement.scrollTop+230));left:10px;top:230px;z-index:1000;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:178px;border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:12px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../images/weixing-icon.png) no-repeat center center;float:right;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;right:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;right:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;right:108px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:105px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../images/toTop-icon.png) no-repeat center center;float:left;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-right:68px;width:40px;height:133px;background:url(../images/open_im.png) no-repeat left top;}