﻿/*说明：一切元素的z-index均不要超过180*/

/*全局重置*/
*{margin:0;padding:0;list-style:none;border:0;outline:0;font-size:100%;font-family:inherit;}
/*全局样式表模板*/
body{margin:0; padding:0; background:#ffffff;color:#494848;font-size:14px; font-family:"微软雅黑";font-family: "Microsoft YaHei" ! important;}/*全局字体样式*/  
html{margin:0;padding:0;} 
ul, li {list-style-type: none;}
img{border:none; margin:0; padding:0;}
form{margin:0; padding:0;}
input{margin:0; padding:0;}
a {cursor:pointer;text-decoration:none;color:#494848;}
a:link {text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{color: #ff5a00;text-decoration:none;}
a:active {text-decoration:none;}
input[type=button]:focus,input[type=submit]:focus{outline:none;}/*IE*/
input[type=button]::-moz-focus-inner{outline:0;border:0px;}/*火狐*/
input {margin: 0;padding: 0;}
a{outline:none;}/*IE文字链接*/
a,input,button{ outline:none; }
::-moz-focus-inner{border:0px;}
.clear {clear:both; height:0px; margin:0; padding:0; width:0; border:none; overflow:hidden;_display:none;}
.clearfix:after {content: "\0020";display: block;height: 0;clear: both;}
.clearfix {_zoom: 1;}
/*整体布局*/
.header {background:url(../images/top-bg.png) repeat-x center center;margin:0;padding:0;height:109px;overflow:hidden;width: 100%;min-width:1024px;position: relative;z-index: 99;}/*头部及导航*/
.xmSlide {width:100%; height:425px;min-width:1024px;margin:0;padding:0;}/*滚动图*/
.topMain {background:#ffffff;width:100%;min-width:1024px;}
.subMain {background:#f0f0f0;width:100%;min-width:1024px;}
.wrapper {background:#ffffff;margin:0 auto;padding: 0;width:1024px;min-width:1024px;}/*页面内容部分*/
/*.footer {background:url(../images/foot-bg.png) repeat-x center center;margin:0;padding:0;height:140px;overflow:hidden;width: 100%;min-width:1024px;}*/
.footer {background:url(../images/foot-bg.png) repeat-x center center;margin:0;padding:20px 0;overflow:hidden;width: 100%;min-width:1024px;height:auto;}
/*头部整体布局*/
.topNav {margin:0 auto;padding: 0;width:1024px;min-width:1024px;position: relative;z-index: 99;}/*头部及导航*/
.logo img{margin:30.5px 0 0 0;border:0;}
.navbox {height:40px;position:relative;z-index:99;float:right;margin-top:34.5px;width:550px;}

/*头部导航 navbox*/
.clearfix:after {content: "\0020";display: block;height: 0;clear: both;}
.clearfix { _zoom: 1;}
.navbox  .nav{height:40px;margin:0 auto;}
.nav a:hover{text-decoration:none;}
.nav li{float:left;height:40px;position:relative;margin:0 7px;}
.nav li.index{margin:0 0 0 7px;}
.nav li a{float:left;display:block;height:40px;overflow:hidden;}
.nav li a span{float:left;display:block;line-height:40px;font-family:"微软雅黑";font-family: "Microsoft YaHei" ! important;font-size:15px;color:#636363;cursor:pointer;text-align:center;width:90px;}
.nav li.selected a,.nav li a.selected{text-decoration:none;}
.nav li.selected a span,.nav li a.selected span{color:#007cc8;background:url(../images/nav-bottom.png) no-repeat center bottom;}
.nav li.current a span,.nav li a.current span{color:#007cc8;background:url(../images/nav-bottom.png) no-repeat center bottom;}

/*首页动画 flexslider*/
.flexslider{margin:0 auto;position:relative;max-width:1902px;min-width:1024px;height:425px;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav {position:absolute;top:90px;left:50%;right:50%;width:1024px;}
.flex-direction-nav a{width:34px;height:48px;line-height:99em;overflow:hidden;margin:0;display:block;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
/*.flex-direction-nav .flex-prev{background:url(../images/brn_01.png) no-repeat  center center;float:left;margin-left:-500px;}
.flex-direction-nav .flex-next{background:url(../images/brn_02.png) no-repeat  center center;float:left;margin-left:466px;}*/
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);display:none;}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);display:none;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=100);}
.flex-control-nav{width:100%;position:absolute;bottom:16px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/brn01.png) no-repeat center center;display:block;height:14px;overflow:hidden;text-indent:-99em;width:14px;cursor:pointer;}
.flex-control-paging li a.flex-active{background:url(../images/brn02.png) no-repeat center center;}

/*尾部 footer*/
.fo-main {margin:0 auto;padding: 0;width:1024px;min-width:1024px;text-align: center;}
.fo-contact {height:80px;line-height:36px;overflow:hidden;}
.fo-about {height:20px;line-height:20px;overflow:hidden;}
.fo-contact{font-family:"微软雅黑";font-family: "Microsoft YaHei" ! important;font-size:16px;color:#ffffff;}
.fo-contact img{border:0;}
.fo-contact img.tel-ico{position:relative;top:-4px;margin-right:6px;}
.fo-contact span{position:relative;top:-12px;}
.fo-contact .app-ico{margin-left:20px;text-decoration:none;position:relative;}
.fo-about{font-family:"微软雅黑";font-family: "Microsoft YaHei" ! important;font-size:12px;color:#ffffff;}
.fo-about img{border:0;margin-left:5px;height:15px;position:relative;top:3px;}


/*首页面内容 topMain*/
.so-item-serv {}
.so-item-case {}
.so-item-serv .so-title{margin:45px auto;padding:0;text-align:center;background:url(../images/server-bg.png) no-repeat center center;height:30px;line-height:30px;}
.so-item-case .so-title{margin:45px auto;padding:0;text-align:center;background:url(../images/cases-bg.png) no-repeat center center;height:30px;line-height:30px;}
.topMain .so-title span {font-family:"微软雅黑";font-family: "Microsoft YaHei" ! important;font-size:25px;color:#636363;position:relative;left:27px;top:-1px;}
.so-con-l {width:390px;float:left;margin-left:35px;}
.so-con-r {width:390px;margin-left:610px;}
.so-con-tit {text-align:center;}
.so-con-tit a{background:url(../images/arrow.png) no-repeat right center;padding-right:28px;line-height:28px;}
.so-con-tit a{font-family:"微软雅黑";font-family: "Microsoft YaHei" ! important;font-size:28px;color:#007ccb;}
.so-con-tit a span{font-family:"微软雅黑";font-family: "Microsoft YaHei" ! important;font-size:28px;color:#007ccb;}
.so-con-main {font-family:"微软雅黑";font-family: "Microsoft YaHei" ! important;font-size:14px;color:#5c5c5c;}
.so-con-main {line-height:28px;margin:15px 0 30px 0;}
/*首页 图片滚动显示----成功案例*/
.so-ul-list {margin:15px 36px 30px 36px;height:240px;width:950px;}
.so-ul-list .picList li {float: left;position: relative;/*兼容推荐小图标*/margin:10px 38px;width:239px;height:95px;padding:0;background:none;}
.so-ul-list .picList li img{border:0;width:239px;height:95px;border:0;ms-interpolation-mode:bicubic;}
.so-ul-list .picList li a:hover, .picList li a:active {color:#FF5A00;text-decoration: none;outline: none;}
/*.so-ul-list .picList li a:hover img , .so-ul-list .picList li a:active img{border:1px solid #cdcdcd;}*/
.so-ul-list .label_content_roll {overflow: hidden;padding: 0;position: relative;}
.so-ul-list .pic_list_roll {width:951px;margin: 0 auto;overflow: hidden;}
/*图文列表滚动部分-end*/



/*分页面布局 */
.subMain{padding-top:8px;padding-top:10px\9;*padding-top:8px;_padding-top:8px;}
.subMain .wrapper {}
.j-left {width:200px;float:left;margin-left:12px;}
.j-right{margin-left:212px;}

/*分页面内容 subMain*/
/*左侧导航*/
.sub-menu {margin-top:40px;}
.menu-li-content {}
.sub-menu .menu-li-content{}
.sub-menu .menu-li-content li{height:35px;line-height:35px;overflow:hidden;margin:0;padding:0;margin-bottom:2px;}
.menu-li-content li a {display:block;height:35px;line-height:35px;color:#636363;}
.menu-li-content li a span{font-family:"微软雅黑";font-family: "Microsoft YaHei" ! important;font-size:14px;color:#636363;margin-left:20px;}
.menu-li-content li a span{display:block;width:160px;overflow: hidden;}/*针对产品&服务模块栏目 处理*/
.menu-li-content li a:hover {color:#007ccb;}
.menu-li-content li a:hover span{color:#007ccb;}
.menu-li-content li.subcurr{background:url(../images/menu-bg.png) no-repeat center center;}
.menu-li-content li.subcurr a{color:#007ccb;}
.menu-li-content li.subcurr a span{color:#007ccb;}
.sub-contact {margin-top:40px;}
.sub-contact-app {margin-bottom:25px;display:block;height:36px;}
.sub-contact-text {font-family:"微软雅黑";font-family: "Microsoft YaHei" ! important;font-size:16px;color:#636363;line-height:36px;text-align:center;}
.sub-contact-tit {background:url(../images/tel-grey.png) no-repeat 43px center;line-height:32px;}


/*右侧页面*/
.sub-main{margin:0 30px;}
.sub-right-title{font-family:"微软雅黑";font-family: "Microsoft YaHei" ! important;font-size:21px;color:#007ccb;padding-top:13px;padding-top:15px\9;*padding-top:13px;_padding-top:13px;}
.sub-right-title{border-bottom:1px dashed #b9c3c7;line-height:45px;text-align:center;height:45px;}
.sub-right-content{margin-bottom:25px;}
.sub-right-content p{letter-spacing:1px;}
.sub-right-content p{text-indent:2em;line-height:20px;text-align:justify;margin:0 2px;padding:0;color:#494848;font-size:14px; font-family:"微软雅黑";font-family: "Microsoft YaHei" ! important;}
.sub-right-content .sub-right-div{background:url(../images/tub01.png) no-repeat 30px center;padding-left:42px;margin:25px 0 20px 0;}
.sub-right-content .sub-right-div{font-family:"微软雅黑";font-family: "Microsoft YaHei" ! important;font-size:15px;color:#007ccb;line-height:20px;}
.sub-right-content .sub-right-way{font-size:14px; font-family:"微软雅黑";font-family: "Microsoft YaHei" ! important;color:#fc7700;line-height:20px;margin-top:25px;text-indent:30px;}

/*分页面 图片滚动显示----成功案例*/
.case-pic-list {margin:15px 28px 15px 28px;height:174px;width:708px;}
.case-pic-list .picList li {float: left;position: relative;/*兼容推荐小图标*/margin:7px 26px;width:180px;height:72px;padding:0;background:none;}
.case-pic-list .picList li img{border:0;width:180px;height:72px;border:0;ms-interpolation-mode:bicubic;}
.case-pic-list .picList li a:hover, .picList li a:active {color:#FF5A00;text-decoration: none;outline: none;}
/*.case-pic-list .picList li a:hover img , .so-ul-list .picList li a:active img{border:1px solid #cdcdcd;}*/
.case-pic-list .label_content_roll {overflow: hidden;padding: 0;position: relative;}
.case-pic-list .pic_list_roll {width:708px;margin: 0 auto;overflow: hidden;}
/*图文列表滚动部分-end*/

.case-ul-list ul{margin:40px 28px 0 28px;}
.case-ul-list ul li {float: left;position: relative;/*兼容推荐小图标*/margin:15px 26px 0 26px;width:180px;height:72px;padding:0;background:none;}
.case-ul-list ul li img{border:0;width:180px;height:72px;border:0;ms-interpolation-mode:bicubic;}
.case-ul-list ul li a:hover, .picList li a:active {color:#FF5A00;text-decoration: none;outline: none;}


.comTable{width:100%;margin:0 auto;border:0;margin-bottom:10px}
.comTable td{vertical-align:middle;border:0;border:0;text-align:center;}
.sub-right-content .sub-right-yellow {background:url(../images/tub02.png) no-repeat 30px center;padding-left:38px;margin:10px 0;text-align:left;text-indent:0;}


/* 百度地图显示样式*/
.BMap_bubble_title {color:#007ccb;font-weight:bold;font-family:"微软雅黑";font-family: "Microsoft YaHei" ! important;font-size:14px;overflow:hidden;padding-right:13px;white-space:nowrap}
.BMap_bubble_content {color:#494848;font-size:12px; font-family:"微软雅黑";font-family: "Microsoft YaHei" ! important;overflow:visible;line-height:20px;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}



/*分页样式*/
.pages {text-align:center; margin:35px auto 25px auto; clear:both;height:30px;}
.pages .p_btns { display:inline; margin: 10px auto; width:100%; font-size: 13px;}
.pages .p_btns .total_count { float:right;padding-top:3px; line-height:16px;}
.pages .p_btns a { display:block;float:left;margin-right:6px; padding:2px 8px; border: 1px solid #DDD; background: #FFF; height:16px;line-height:16px; text-decoration: none;color: #494848; font-size: 13px; text-align:center;}
.pages .p_btns a { display:inline;}
.pages .p_btns a.disabled {color:#DDD;}
.pages .p_btns a:hover { text-decoration: none; border:1px solid #007ccb; color:#007ccb;}
.pages .p_btns a.disabled:hover { border:1px solid #DDD;color: #DDD;}
.pages .p_btns .currentpage { display:block; float:left; margin-right:6px; padding:2px 8px; border:1px solid #007ccb; background:#007ccb; color:#fff ;}
.pages .p_btns .jumppage { float:left;padding-top:3px;}
.pages .p_btns input { width: 40px; border: 1px solid #AACCEE; height: 15px; font-size: 13px; }

/*内容页*/
/*内容页:标题*/
.newsview .title { line-height:30px; margin:0 auto 10px auto;}
.newsview .title h1 { text-align:center; font-size:15px; height:30px; line-height:30px; color:#007ccb; margin:0 auto; overflow:hidden; word-break:break-all; }
/*内容页:相关信息*/
.newsview .info { font-size:14px;height:27px; line-height:27px; border-top:1px #AACCEE dashed; border-bottom:1px #AACCEE dashed; text-align:center; margin:10px auto; }
.newsview .info span { color: #EE9B11; margin-left:10px; }
.newsview .info span a { color: #EE9B11; font-weight:normal;}

/*内容页:正文*/
#content { margin:10px auto; line-height:25px; overflow:hidden; word-break:break-all;color:#494848;font-size:14px; font-family:"微软雅黑";font-family: "Microsoft YaHei" ! important;}
#content p{ text-indent: 0; line-height:20px; padding-bottom:5px;}  /*em是相对单位，2em即现在一个字大小的两倍*/
#content p{letter-spacing:1px;}
#content #articlebody img { border:none; width: expression(this.width > 470 ? 470 : true); max-width: 470px; }
#content #articlebody p.editor{color:#999; text-align:right; }


/*正文页翻页*/
#content .p_btns { display:inline; margin: 10px auto; width:100%; font-size: 12px;}
#content .p_btns a {text-align:center; display:inline-block; margin-right:4px; padding:1px 6px; border: 1px solid #DDD; background: #FFF; height:16px;line-height:16px; text-decoration: none;color:  #494848; font-size: 12px; text-align:center;}
#content .p_btns a { float:none;}
#content .p_btns a:hover { text-decoration: none; border:1px solid #007ccb; color:#007ccb;}
#content .p_btns .currentpage {text-align:center; display:inline-block; float:none; margin-right:4px; padding:1px 6px; background:#007ccb; border:0; color:#fff ;}

/*内容页:操作 分享*/
.operbar  {height:27px; border-top:1px #AACCEE dashed; border-bottom:1px #AACCEE dashed; margin:10px auto; }
.operbar  span.r{ line-height:27px;  color: #EE9B11; font-size:12px; margin-left:10px;  float:right}
.operbar  span.r a{color: #EE9B11; font-size:12px; font-weight:normal; }
.operbar  .share {width: 200px; float:left; line-height:16px;}

/*内容页:上下篇文章*/
.context { font-size:12px; height:27px; line-height:27px; margin:6px auto; color:#007ccb; }
.context .neightor .l { float: left; height:27px; line-height:27px; overflow:hidden; word-break:break-all; }
.context .neightor .l a { color:#007ccb;height:27px; line-height:27px; overflow:hidden; word-break:break-all; }
.context .neightor .r { float: right;height:27px; line-height:27px; overflow:hidden; word-break:break-all; }
.context .neightor .r a { color:#007ccb;height:27px; line-height:27px; overflow:hidden; word-break:break-all; }


/*右侧浮动窗*/
.floating-layer{margin-right: 0;width: 82px;position: fixed;right: 2px;top: 35%;z-index:180;}
.floating-layer .layer-part{color:#121212;font-family:"微软雅黑";font-family: "Microsoft YaHei" ! important;font-size:14px;}
.floating-layer .layer-part a{color:#121212;font-family:"微软雅黑";font-family: "Microsoft YaHei" ! important;font-size:14px;}
.layer-part .layer-qq, .floating-layer .layer-weixin, .floating-layer .layer-tel {background-image:url(../images/layer-part-un.png);background-repeat: no-repeat;height: 76px;width: 82px;}
.layer-part .layer-qq {background-position: center top;}
.layer-qq .qq-part {display: none;background:url(../images/layer-qq-on.png) no-repeat center center;width:100px;height:40px;position: absolute;left: -102px;top:18px;line-height:40px;}
a#layer-qq:hover .qq-part {display:inline !important;}
.layer-part .layer-tel {background-position: center -77px;}
.layer-tel .tel-part {display: none;background:url(../images/layer-tel-on.png) no-repeat center center;width:177px;height:80px;position: absolute;left: -179px;top:75px;line-height:40px;}
a#layer-tel:hover .tel-part {display:inline !important;}
.layer-part .layer-weixin {background-position: center bottom;}
.layer-weixin .weixin-part {display: none;background:url(../images/layer-weixin-on.png) no-repeat center center;width:107px;height:100px;position: absolute;left: -109px;top:142px;line-height:100px;}
a#layer-weixin:hover .weixin-part {display:inline !important;}
.layer-part .layer-qq:hover {background-image:url(../images/layer-part-on.png);}
.layer-part .layer-tel:hover {background-image:url(../images/layer-part-on.png);}
.layer-part .layer-weixin:hover {background-image:url(../images/layer-part-on.png);}
.qq-part p, .tel-part p {margin-left:15px;}
.weixin-part img {width:85px;height:85px;border:0;margin:7px;}
.floating-layer .layer-btntop {background:url(../images/layer-top-un.png) no-repeat center center;width:82px;height:39px;margin-top:30px;}
a#layer-btntop:hover .layer-btntop {background:url(../images/layer-top-on.png) no-repeat center center;}




/*联系我们*/
.m-hd {margin: 0 auto  25px 0;font-family:"微软雅黑";font-family: "Microsoft YaHei" ! important;}
.m-hd .sub-right-div{background:url(../images/tub01.png) no-repeat left center;padding-left:12px;font-size:17px;}
.m-hd p{text-indent:0;font-family:"微软雅黑";font-family: "Microsoft YaHei" ! important;}
.m-content {border: 1px solid #c3d1dd;padding: 10px 25px;position: relative;background: white;}
.m-f1 {font-size: 25px;color: #333333;border-bottom: 1px dashed #dedede;padding: 20px;position: relative;margin-bottom: 20px;font-weight: 700;text-align: center;}
.m-f2 {margin: 20px 0;font-size:18px;}
.m-ul{margin:5px 0px 15px 0px;}
.m-ul li {height: 25px;line-height: 25px;word-break: break-word;height: auto;color:#666;}
.contact-table{width:100%;margin-bottom:30px;}
.contact-table td{padding:5px 5px 5px 0px; vertical-align:top;}
.contact-table td:nth-child(odd){width:70px;font-weight:bold;}
.contact-table td:nth-child(even){color:#666;}
.traffic{color:#E05C5C !important;font-size: 22px;line-height: 1.1;font-weight: 500;margin-top: 20px;margin-bottom: 10px;}
