@charset "UTF-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin: 0;padding: 0;}
body {overflow-x: hidden;color:#000;font: 13.5px '微软雅黑', tahoma, arial, sans-serif;margin:0 auto;padding:0;}
img {display: block;border:none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight:500;}
ul, ol, menu {list-style: none;}/* 重置列表元素 */
sub, sup {font-size:75%;line-height:0;position:relative;vertical-align: baseline;}
sup {vertical-align: text-top;top: -0.5em;}/* 重置，减少对行高的影响 */
sub {vertical-align: text-bottom;bottom: -0.25em;}
ins,a {color:#333;text-decoration: none;}
a:hover{color:#f30;}
/* iconfont */
@font-face {font-family: 'iconfont';src: url('/public/fonts/iconfont.eot');src: url('/public/fonts/iconfont.eot?#iefix') format('/public/fonts/embedded-opentype'), url('/public/fonts/iconfont.woff') format('woff'), url('/public/fonts/iconfont.ttf') format('truetype'), url('/public/fonts/iconfont.svg#iconfont') format('svg');}
.iconfont{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale; cursor:pointer;}

.clear:before, .clearfix:after {content: "";display: table;}
.clear:after {clear: both;overflow: hidden;font-size: 0;height: 0;line-height: 0;}
.clear {zoom: 1;}
.hide{display:none;}
.block{display: block;}
.fl, .fr{display: inline;}
.fl{float: left;}
.fr{float: right;}
.font-16{font-size:16px;}
.font-14{font-size:14px;}
.color-ff{color:#fff;}
.color-45{color:#454545;}
.color-99{color:#999;}
/**标准宽度容器**/
.container{display:block;margin:0 auto;width:1250px;}
.contpad{padding:35px 0;}
/**INDEX头部样式**/
.head{display:block;width:100%;margin:0 auto;}
  .logo{display:inline-block;width:450px;height:90px;background:url("/public/images/backup.png");background-repeat:no-repeat;background-position:-375px 0px;}
  .tit{display:inline-block;width:180px;padding-top:15px;height:20px;float:right;text-align:center;}
  .tit a{color:#666;padding:0 10px;cursor:pointer;}
  .tit a:hover{color:#999;}
  .tit a:first-child{border-right:1px solid #999;}
/**菜单**/
.menu{height:46px;width:100%;border-bottom:1px solid #eee;}
.menu-cen{width:1280px;display:flex; height:100%;text-align:center;margin:5px auto 0 auto;}
	.menu-cen a{font-size:16px;color:#666;flex:auto;width:100px;line-height:46px;}
	.menu-cen a:hover{color:#999;}
	.menu-cen a.on{height:43px;border-bottom:3px solid #f6ac0e;}
/**底部样式**/
#foot{width:100%;height:200px;padding:30px 0;background:#f7f7f7;text-align:center;}
	.foot-logo{display:table-cell;width:160px;height:180px;background:url("/public/images/backup.png");background-repeat:no-repeat;background-position:0px 0px;}
	.foot-qrcode{display:none;width:160px;height:180px;background:url("/public/images/backup.png");background-repeat:no-repeat;background-position:-160px 0px;}
	.foot-text{display:table-cell;width:830px;padding-left:40px;text-align:justify;color:#eee;}
	.foot-text p{line-height:23px;}
	.foot-text p:first-child{margin-top:40px;margin-bottom:15px;}
	.foot-text a{color:#eee;}
	.foot-text a:hover{color:#ccc;}

/**INDEX头部样式**/
.header{display:block;width:100%;height:95px;line-height:95px;margin:0 auto;background:#fff;}
.borderLine1{border-bottom:2px solid #ddd;overflow:hidden;}
.borderLine2{border-top:2px solid #ddd;overflow:hidden;}
.header .logo{display:inline-block;float:left;width:100px;height:95px;background:url("/public/images/backup.png");background-repeat:no-repeat;background-position:-380px -95px;}
.head-right{display:inline-block;float:right;width:1140px;height:95px;text-align:right;}
.tele{display:block;margin:0px 10px 10px auto;width:165px;height:40px;background:url("/public/images/backup.png");background-repeat:no-repeat;background-position:-600px -110px;}
.head-menu{width:100%;display:flex;height:43px;line-height:45px;text-align:right;}
.head-menu a{font-size:16px;color:#333;flex:auto;width:85px;line-height:45px;text-align:center;}
.head-menu a:hover{font-weight:600;}
.head-menu a:last-child{margin-right:25px;}
.head-menu a.on{background:none; height:43px;border-bottom:2px solid #f6ac0e;}
#footer{width:100%;height:160px;padding:30px 0;text-align:center;}
#footer .foot-logo{display:table-cell;width:160px;height:160px;background:url("/public/images/backup.png");background-repeat:no-repeat;background-position:20px -200px;}
#footer .foot-qrcode{display:table-cell;width:160px;height:160px;background:url("/public/images/backup.png");background-repeat:no-repeat;background-position:-180px -200px;}
#footer .foot-text{display:table-cell;width:820px;padding-left:50px;text-align:justify;color:#666;}
#footer .foot-text p{line-height:23px;}
#footer .foot-text p:first-child{margin-top:20px;margin-bottom:15px;}
#footer .foot-text a{color:#666;}
#footer .foot-text a:hover{color:#999;}

/**BANNER**/
.index-banner{margin:0 auto !important;width:100%;overflow:hidden;text-align:center;}
.index-banner img{width:1440px;height:385px;}
.swiper-container{width:1440px;overflow:hidden;}
.swiper-pagination-bullet{width:30px !important;height:3px !important;border-radius:0px !important;background:rgba(255,255,255,0.4) !important;}
/**内页BANNER**/
.top-banner{margin-top:5px;margin-bottom:20px;width:1250px;height:210px;overflow:hidden;}
/**内页左侧菜单**/
.left-menu,.service-menu{display:inline-block;width:300px;margin-right:50px;min-height:400px;box-sizing:border-box;}
.left-menu h3,.service-menu h3{width:300px;padding-left:50px;font-size:20px;letter-spacing:2px;font-weight:600;height:60px;line-height:60px;color:#fff;background:#ee1f1f;box-sizing: border-box;}
.left-menu dd,.menuA{width:300px;height:55px;line-height:55px;border-bottom:1px dotted #1a408b;}
.left-menu dd.on,.menuA.on{background-color:#f7f7f7;}
.left-menu dd > a{padding-left:50px;font-size:16px;display:block;height:53px;width:245px;}
/**SERVICE左侧菜单**/
/**一级菜单**/
.menuA{height:45px;line-height:45px;background-color:rgba(217,217,217,0.35);background-repeat:no-repeat;background-position:35px 50%;}
.menuA a{width:100%;height:100%;display:block;font-size:16px;box-sizing:border-box;padding-left:60px;}
.menuA a:hover,.menuA.on{background-color:rgba(217,217,217,0.15);}
.menuA{
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQCAYAAAFVZq6RAAAABGdBTUEAALGPC/xhBQAAAVNJREFUKBV1Ub1KA0EQnt0LEaOIpT9FBEurvIG1oGDhNSaSU/MU2voCtnvJ7hklcC+g3Qk+QCpTCWqlnQoaMOYyZjbuurmQKW6++X5mBw7ALdFQOJotMoATzxjraV3KeGlkBOB97L4IdXGiHdY/O7MKZjBWTQjZ3LTEEOjNmsA0oUQo1TXN/4JWAdbXitt/ECBsRE92MEAoFRjsdg7ISsO9by5JWL+BCIvZU8ceJzGO43mbcNd8fHXvJgTGWVgLqiUScsbNuVc+qlauzKwFL5/bOCyXO4akzugjZHTOEHZ43tvKGkh3y16LgMW0178PZfRdV8191+RiGzAkIuYHg/RS/wAViSRJ7N3kmQiYIHUc4PHD4/OPkKpdb7VWiBtLE5EtxuBmYa6w5/v+J2nTA5yf1qoHZ9kFY4HhtncEb7cWVG6zRjOPAgzbOSgsB4H/aoRp/RehGXpnj7p9GAAAAABJRU5ErkJggg==);
    background-size:9px 12px;
}
.menuA.on{
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAAEc4A0XAAAABGdBTUEAALGPC/xhBQAAAS5JREFUKBVjYEAGFnZODch8CJsRRMGkGBkZ/2IoYbSzc1P8xfAnHiRz4tC+BqZDh3bdZ2JivCMrLtwMEmS0tvbj/cv8pRjEwQCM/z+CLQFJWNk52f1jYHCCKQIZB2Oj0OaennwoAoQ4jBb2joUM/xn5sSlk/svTy3Ti4P5+bB5kY2BZePTops9MIJ3HD+4FewlmClBwH8i7ID5YAYgB8zcoDI4d2ncIJIYBsPmA0dLOxZCJ4a8khmoiBP4xMD8HB6SVm5vY/19/kv7/Y+AgQh8DIxPDD0Y2lnnHdu16BY8JkEZzZ2c9xt//g/AZ8p+Vcd3JvXsvwdSgGAATtLZz9fvL8NcIxgfRzAzM544e2r0JWQzExmoASMLT05P9/fefiSC2ICf7/O3bt/8EsakOAP1rVugeZKVdAAAAAElFTkSuQmCC);
    background-size:12px 9px;
}
.menuB li{height:39px;line-height:39px;border-bottom:1px dotted #1a408b;}
.menuB a{width:100%;height:100%;display:block;font-size:14px;box-sizing:border-box;padding-left:70px;cursor:pointer;}
.menuB a:hover,.menuB a.on{background-color:#999;color:#fff;}

.mainbody{display:inline-block;float:right;width:900px;box-sizing:border-box;}
.crumb{width:100%;height:29px;margin-top:30px;border-bottom:1px solid #ccc;text-align:right;padding-right:15px;box-sizing: border-box;color:#999;}
.crumb span{display:inline-block;padding:0 3px;}
.crumb a{color:#999;}

/**分页样式**/
.pages{font-size:15px; text-align:center; padding:20px 0px; height:26px;}
.pages span, .pages a{border:solid 1px #ccc; padding:5px 10px; margin-left:3px;}
.pages span{background:#004ea1;color:#fff;}
.pages a{background:#fff;color:#999999;}
.pages a:hover{color:#fff; border:solid 1px #b90615; background:#0167b9;}
  .pagination{display:inline-block;}
  .pagination li{float:left;}
/**首页**/
/**首页分栏标题**/
.widthA{width:540px;}
.widthB{width:350px;}
.widthC{width:640px;}
.widthD{width:1160px;}

.index-title{text-align:center;margin:0 auto 35px auto;border-bottom:3px solid #f60;overflow:hidden;}
.index-title h3{font-size:36px;font-weight:600;line-height:65px;}
.index-title h4{line-height:30px;font-size:16px;font-weight:600;}
/**通栏BACK**/
.block-back{background:#f7f7f7;}
.ar-block{display:block;width:100%;padding:25px;box-sizing:border-box;overflow:hidden;}
.ar-title h2{text-align:center;margin:10px auto;font-size:18px;font-weight:bold;line-height:25px;height:40px;text-align:center;}
.ar-other{display:inline-block;border-bottom:1px solid #f0f0f0;width:100%;height:26px;line-height:22px;text-align:center;margin:0;}
.ar-content p,.ar-content div{text-indent:2em;margin:5px 0px;text-align:justify;}
.ar-content img{margin:15px auto;text-align:center;max-width:90%;}
.ar-content h3{font-size:16px;font-weight:bold;line-height:50px;height:50px;text-align:center;}
.ar-content p,.ar-content div,.ar-content span,.ar-content a {font-size:15px;line-height:27px;}

/**首页关于我们**/
.index-block{display:block;margin:0 auto;width:1150px;}
.index-news{background:#f7f7f7;height:403px;padding:5px 25px;border-bottom:2px solid #f0f0f0;}
.ia-txt{display:table-cell;width:570px;height:340px;vertical-align:top;padding-right:80px;}
.ia-txt h3{font-size:24px;margin-bottom:25px;padding:0;color:#333;}
.ia-txt p{font-size:16px;line-height:32px;color:#727272;text-align:justify;}
.ia-img{display:table-cell;width:500px;height:315px;vertical-align:top;overflow:hidden;}
/**首页新闻块**/
.news-item{display:inline-block;overflow:hidden;width:550px;height:150px;padding:25px 0;border-bottom:1px #ccc dashed;}
.news-item:nth-child(odd){margin-right:40px;}
.news-item:nth-child(3),.news-item:nth-child(4){border:0;}
.news-item img{display:block;float:left;width:200px;height:145px;margin-right:15px;border-radius:3px;}
.news-item p{display:inline-block;color:#999;width:335px;height:66px;text-indent:2em;font-size:14px;line-height:22px;overflow:hidden;text-align:justify;}
	.news-title{display:block;max-width:330px;color:#666;font-size:15.5px;font-weight:600;line-height:40px;height:40px;overflow:hidden;}
	.btn-more{display:inline-block;margin-top:12px;width:75px;height:23px;line-height:23px;background:#118ec0;text-align:center;font-size:12px;color:#eee;}
	.btn-more:hover{color:#fff;background:#1ca1d6;}
/**首页案例块**/	
#swiper-works{margin:0 auto;overflow:hidden;}
#swiper-works .swiper-slide{display:index-block;box-sizing: border-box;height:215px;width:280px !important;border:1px solid #eee;border-radius:5px;margin:0 5px;overflow:hidden;}
#swiper-works .swiper-slide img{height:175px;width:278px;}
#swiper-works .swiper-slide p{line-height:38px;height:38px;width:278px;background:#f7f7f7;font-size:14px;text-align:center;overflow:hidden;}

.index-works-txt{margin:0 auto;text-align:center;padding-bottom:20px;line-height:20px;color:#999;font-size:12px;}
#logo-list{margin:0 auto;text-align:center;}
#logo-list dd{height:102px;width:180px;border:1px solid #eee;display:inline-block;padding:0 5px;margin:2px 5px;}
/**首页服务块**/
.index-service{width:1230px;margin:0 auto;border-top:1px solid transparent;}
@-webkit-keyframes catgoryFadeIn {from {opacity: 0;} 50% {opacity: 0.8;} to {opacity: 1;}}
@-moz-keyframes catgoryFadeIn {from {opacity: 0;} 50% {opacity: 0.8;} to {opacity: 1;}}
@-ms-keyframes catgoryFadeIn {from {opacity: 0;} 50% {opacity: 0.8;} to {opacity: 1;}}
@-o-keyframes catgoryFadeIn {from {opacity: 0;} 50% {opacity: 0.8;} to {opacity: 1;}}
@keyframes catgoryFadeIn {from {opacity: 0;} 50% {opacity: 0.8;} to {opacity: 1;}}

.catgory-fade-in{animation: catgoryFadeIn 0.4s linear;}

.catgory-container {display:block;margin: 50px auto;height: 460px;zoom: 1;
	-webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
}
.catgory-container dl{position: relative;float: left;box-sizing: border-box;width: 205px;height: 100%;padding: 48px 20px;background-color: #fff;top: 0px;
	-webkit-transition: top 0.6s cubic-bezier(0.28, -0.01, 0.41, 1);
	-moz-transition: top 0.6s cubic-bezier(0.28, -0.01, 0.41, 1);
	-ms-transition: top 0.6s cubic-bezier(0.28, -0.01, 0.41, 1);
	-o-transition: top 0.6s cubic-bezier(0.28, -0.01, 0.41, 1);
	transition: top 0.6s cubic-bezier(0.28, -0.01, 0.41, 1);
	opacity: 1;
}

.catgory-container dl.active {position: relative;padding: 0;top: -40px;height: 540px;width: 400px;border: 1px solid #e63228 !important;box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);overflow: hidden;opacity: 1;z-index:10;
	-webkit-transition: top 0.6s cubic-bezier(0.28, -0.01, 0.41, 1);
	-moz-transition: top 0.6s cubic-bezier(0.28, -0.01, 0.41, 1);
	-ms-transition: top 0.6s cubic-bezier(0.28, -0.01, 0.41, 1);
	-o-transition: top 0.6s cubic-bezier(0.28, -0.01, 0.41, 1);
	transition: top 0.6s cubic-bezier(0.28, -0.01, 0.41, 1);
}
.catgory__header {padding-bottom: 16px;}

.catgory__title {
	height: 28px;
	padding-top: 28px;
	padding-bottom: 16px;
	line-height: 28px;
	text-align: center;
	font-size: 20px;
	color: #333;
}

.catgory__circle {
	display: block;
	box-sizing: border-box;
	width: 70px;
	height: 70px;
	padding-top: 18px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	border-radius: 50%;
	border:1px solid #d5d5d5;
}
.catgory__split {
    width: 30px;
    height: 2px;
    background-color: #dddddf;
    border: none;
    margin-left: auto;
    margin-right: auto;
}
.icon {display: block;width:42px;height:42px;margin:0 auto;}
.icon1 {background: url(/public/images/service_icon.png) no-repeat 4px 0;}
.icon2 {background: url(/public/images/service_icon.png) no-repeat 4px -147px;}
.icon3 {background: url(/public/images/service_icon.png) no-repeat 3px -291px;margin-top: -3px;}
.icon4 {background: url(/public/images/service_icon.png) no-repeat 4px -442px;}
.icon5 {background: url(/public/images/service_icon.png) no-repeat 4px -588px;}

dt.catgory__header h3{display:block;font-weight:600;}
dl.active .catgory__header {position: relative;height: 160px;box-sizing: border-box;padding: 20px 0;}
dl.active .catgory__circle{background-color: #e63228;}
dl.active .catgory__title {padding-top: 15px;}
dl.active .icon1 {background-position :4px -74px;}
dl.active .icon2 {background-position :4px -221px;}
dl.active .icon3 {background-position :3px -365px;}
dl.active .icon4 {background-position :4px -515px;}
dl.active .icon5 {background-position :4px -662px;}
.catgory-container dd h4{
	height: 22px;
	margin: 15px 0;
	line-height: 22px;
	font-size: 14px;
	font-weight:600;
	color: #666;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;	
}
.catgory-container dd a{display:none;}

dl.active dd{
	position: relative;
    box-sizing: border-box;
    padding-top: 15px;
    height: 60px;
    margin-left: 20px;
    margin-right: 20px;
    border-bottom: 1px solid #eee;
	
}

dl.active dd h4{
	line-height: 32px;
    height: 32px;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}
dl.active dd a:hover{
	color:#fff;
	background-color:#e63228;
	border:1px solid transparent;
}
dl.active dd a{
	display:block;
	position: absolute;
    top: 15px;
    right: 0;
    width: 85px;
    height: 30px;
    border: 1px solid #c0c0c0;
    border-radius: 2px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
	
}
/**内页ABOUT**/
.body-list-news{width:830px;display:block;}
.body-list-news dd{float:left;width:100%;height:110px;padding-bottom:10px;border-bottom:1px #f0f0f0 solid;margin-bottom:20px;overflow:hidden;}
.body-list-news dd:last-child{border:0;padding:0px;margin:0px;}
.body-list-news a{display:block;width:830px;height:110px;position:absolute;z-index:1;}
.body-list-news span{display:block;float:left;margin-right:15px;background:#ccc;width:82px;height:90px;font:14px Arial;color:#fff;text-align:center;overflow:hidden;}
.body-list-news span strong{display:block;font:40px Arial;padding-top:15px;line-height:100%;}
.body-list-news h2{color:#666;font-size:16px;font-weight:bold;line-height:40px;height:40px;overflow: hidden;}
.body-list-news p{color:#666;font-size:14px;line-height:25px;overflow:hidden;}
/**案例展示**/
#workList{margin:0 auto;display:block;width:1050px;text-align:center;overflow:hidden;}
.workBox{display:inline-block;background:#fff;box-sizing:border-box;height:200px;width:310px;border:1px solid #ccc;border-radius:0px;margin:15px;overflow:hidden;}
.workBox img{height:98px;width:180px;margin:27px auto;}
#workList dd:last-child img{ margin:20px auto!important; height:auto!important;}

.workBox p{line-height:45px;height:45px;width:100%;background:#f7f7f7;font-size:16px;text-align:center;overflow:hidden;}

/**表格**/
.tab-table{border:1px solid #ddd;width:850px;margin:0px;padding:0;border-spacing: 0;border-collapse: collapse;box-sizing: border-box;}
.tab-header{background:#f6f6f6;text-align:center;height:45px;line-height:45px;}
.tab-header th{border:1px solid #ddd;}

.tab-row{text-align:center;height:45px;line-height:21px;}
.tab-row:nth-child(even) {background-color:#eaf6fd;}
.tab-row td {border:1px solid #ddd;padding:2px;overflow:hidden;}