img{max-width:100%;}
.head{position:fixed;left:0; top:0; width:100%; z-index:999; padding:30px 0; background:rgba(0,0,0,.3);}
.bgcolor{background:#000;}
.head .container{display:flex;justify-content:space-between;align-items:center;}
.head .container::after,.head .container::before{display:none;}
.logo{display:inline-block;max-width:215px;}
.logo img{max-width:215px;}
.mobile_btn {	cursor: pointer;	width: 40px;	display: none;	height: 40px;	border:0;	background:none;	z-index: 4;	box-sizing: border-box;	padding: 13px 14px;}
.mobile_btn.on .line1 {	transform: rotate(45deg);	transform-origin: 7% 50%;}
.mobile_btn.on .line2 {	width: 0;}
.mobile_btn.on .line3 {	transform: rotate(-45deg);	transform-origin: 7% 50%;}
.mobile_btn span {display: block;	width: 26px;	height: 2px;	background: #fff;	transition: all .45s;}
.mobile_btn .line2 {margin: 6px 0;	width: 17px;}
.sui-nav.horizontal{border:0;max-width:940px;}
.sui-nav.horizontal .sui-nav-wrapper{width:100%;}
.active{/*border-bottom:#006acd 2px solid;*/background:rgba(255,255,255,.6);}

.one{padding-top:30px; /*background:url(/uploads/image/pimages/1.jpg) center top;*/}

.bussiness-body{display:flex;justify-content:flex-start;overflow: hidden;width:100%; text-align: center;font-size: 0px;margin:auto;}
.bussiness-body .item{position: relative;display: inline-block;/*float: left;*/width:25%;background:#f5f5f5;overflow: hidden;}
.bussiness-body .item1{-webkit-transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;}
.bussiness-body .item2{-webkit-transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;;}
.bussiness-body .item3{-webkit-transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;}
.bussiness-body .item4{-webkit-transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear;transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear;}
.bussiness-body .item5{-webkit-transition: left 1.1s 0.5s linear,opacity 1.1s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition: left 1.1s 0.5s linear,opacity 1.1s 0.9s linear,background 0.3s linear,width 0.3s linear;transition: left 1.1s 0.5s linear,opacity 1.1s 0.9s linear,background 0.3s linear,width 0.3s linear;}
.bussiness-body .item.on{width: 40%;}
.bussiness .bussiness-body .item{left:0;opacity: 1;filter:alpha(opacity=100);}
.bussiness-body .item .service{display: block;height: 258px;border: 1px solid #e8e8e8;border-width: 1px 0px 1px 1px;text-align: center;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
.bussiness-body .item.on .service{width: 50%;}
.bussiness-body .item5 .service{border-width: 1px 1px 1px 1px;}
.bussiness-body .item.on .service{background-color: #006acd;border-color: #006acd;}
.bussiness-body .item .service .content{display: block;height: 240px;padding-top: 46px;line-height: 1;}
.bussiness-body .item.on .service{width:40%;}
.bussiness-body .item .service .content h4{display: block;font-size: 18px;font-weight: bold;}
.bussiness-body .item .service .content h4 a{color: #333;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
.bussiness-body .item.on .service .content h4 a{color: #fff;}
.bussiness-body .item .service .content p{display: block;margin-top: 11px;color: #4b4b4b;white-space: nowrap;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
.bussiness-body .item.on .service .content p{color: #fff;}
.bussiness-body .item .service .content .icon{display: inline-block;margin-top: 26px;margin-bottom:20px;}
.bussiness-icon1{background:url(/uploads/image/pimages/scp.png) center top no-repeat;height:72px;padding-left:80px;background-size:80px auto;}
.bussiness-body .item.on .service .content .bussiness-icon1{background:url(/uploads/image/pimages/bscp.png) center top no-repeat;}
.bussiness-icon2{background:url(/uploads/image/pimages/zhyxcp.png) center top no-repeat;height:72px;padding-left:80px;background-size:80px auto;}
.bussiness-body .item.on .service .content .bussiness-icon2{background:url(/uploads/image/pimages/bzhyxcp.png) center top no-repeat;}
.bussiness-icon3{background:url(/uploads/image/pimages/zhglcp.png) center top no-repeat;height:72px;padding-left:80px;background-size:80px auto;}
.bussiness-body .item.on .service .content .bussiness-icon3{background:url(/uploads/image/pimages/bzhglcp.png) center top no-repeat;}
.bussiness-icon4{background:url(/uploads/image/pimages/zhgj.png) center top no-repeat;height:72px;padding-left:80px;background-size:80px auto;}
.bussiness-body .item.on .service .content .bussiness-icon4{background:url(/uploads/image/pimages/bzhgj.png) center top no-repeat;}
.bussiness-icon5{background:url(/uploads/image/pimages/shuiwu.png) center top no-repeat;height:72px;padding-left:80px;background-size:80px auto;}
.bussiness-body .item.on .service .content .bussiness-icon5{background:url(/uploads/image/pimages/shuiwuon.png) center top no-repeat;background-size:70px auto;}
.bussiness-icon6{background:url(/uploads/image/pimages/yingjian.png) center top no-repeat;height:72px;padding-left:80px;background-size:80px auto;}
.bussiness-body .item.on .service .content .bussiness-icon6{background:url(/uploads/image/pimages/yingjianon.png) center top no-repeat;background-size:70px auto;}
.bussiness-body .item .service .info{display: block;padding: 16px 20px 0 20px;border-top: 1px dashed #cdcdcd;font-size: 12px;line-height: 20px;color: #6c6c6c;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
.bussiness-body .item.on .service .info{color: #fff;border-top: 1px dashed #4e94dd;}
.bussiness-body .item .price{position: absolute;display: block;width: 100%;height: 360px;left:100%;top:0;}
.bussiness-body .item.on .price{width: 60%;left:40%;height:100%;}
.bussiness-body .item .price ul{display: flex; height:100%; justify-content:flex-start; align-items:space-between; flex-wrap:wrap; position: relative;z-index: 5;}
.bussiness-body .item .price ul li{display: flex;width:100%;align-items:center; border-bottom: 1px solid #565758;white-space: nowrap;}
.bussiness-body .item .price ul li a{display: block;width:100%; padding: 0 20px 0 10px;color: #999;font-size: 14px;text-align: left;background: url(/uploads/image/pimages/enter-icon.png) no-repeat right 10px center;cursor: pointer;-webkit-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear;}
.bussiness-body .item .price ul li a:hover{color: #fff;background: url(/uploads/image/pimages/enter-icon-on.png) no-repeat right 10px center;}
.bussiness-body .item .price ul li a .num{padding-left: 10px;}
.bussiness-body .item .price .mask{position: absolute;width: 100%;height: 100%;top:0;left:0;background-color: #000;opacity: 0.8;filter:alpha(opacity=80);z-index: 2;}


.tabmenu{width:750px;margin:0 auto 30px; display:flex;justify-content:space-between;}
.tabmenu span{font-size:17px;}
.tabmenu span.on{color:#0269cd}
.tab .more,.tab2 .more{display:block;width:125px;height:38px; font-size:16px; text-align:center; line-height:38px; color:#6ca7e1; margin:20px auto; border-radius:19px; border:2px solid #4791d9;}
.allist li,.newslist li{margin-bottom:20px;list-style:none;}
.allist li a{display:block; text-align:center; border:1px solid #eee}
.allist li img{width:100%;max-height:270px;}
.allist li p{font-size:16px;height:40px;line-height:40px;margin-bottom:0;overflow:hidden;}

.three{padding:30px 0; background:url(/uploads/image/pimages/3.jpg) center top;}

.mtb20{margin:20px auto;}
.picnews{height:370px; padding-left:0; padding-right:0;overflow:hidden;}
.myswiper,.swiper-slide{position:relative;}
.swiper-pagination{text-align:right;padding-right:15px;}
.swiper-pagination .swiper-pagination-bullet{display:inline-block;width:12px;height:12px; border-radius:50%; background:#fff; opacity:100%;}
.swiper-pagination .swiper-pagination-bullet-active{border:0;background:#d92820;}
.swiper-slide img{width:100%;height:370px;}
.swiper-slide .carousel-title{position:absolute; width:100%; left:0; bottom:0;height:40px;line-height:40px;font-size:16px;text-indent:20px;color:#fff;background:rgba(10,10,10,.6);overflow:hidden;}

.tab{overflow:hidden;}
.menu{ font-weight:600; text-align:center; margin-bottom:20px; position:relative; background:url(/uploads/image/pimages/menu.png) center bottom no-repeat;}
.three .menu{color:#fff;}

.newslist .box{border:1px solid #eee;position:relative;}
.newslist .box .picbox{width:100%;height:250px;border-bottom:#eee 1px solid; overflow:hidden;display:flex;justify-content:center;align-items:center;}

.newslist a:hover .box .picbox img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.box .info{padding:15px;}
.info h3{font-size:22px;height:30px;line-height:30px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
.info .time{font-size:16px; color:#666;}
.info .des{font-size:14px;color:#999;line-height:20px;height:40px;overflow:hidden;}
.info a{display:block;padding-top:15px; border-top:#eee 1px solid;display:flex; justify-content:space-between; align-items:center;font-size:18px;}
.info a span{display:inline-block;width:30px;height:30px;line-height:30px; text-align:center;border-radius:15px;border:#999 1px solid;  color:#999;}
.c_line{width:0; height:5px; background:#006bcd; position:absolute; left:0; bottom:0; transition:all 0.5s ease;}
.newslist a:hover .c_line{width:100%;}
.newslist li:hover .box{box-shadow:0 5px 10px #eee;}
.newslist li:hover .info h3{color:#0061b3;}
.newslist li:hover .info a{color:#0061b3;}
.newslist li:hover .info a span{color:#fff; background:#0061b3}

/*解决方案*/
.tab3{width:100%;max-width:1132px;margin:0 auto;}
.tabmenu1{display:flex;justify-content:space-between;}
.tabmenu1 span{display:block;width:33.3%;height:120px;line-height:120px;font-size:28px;color:#fff; text-indent:120px; background:#384651;}
.tabmenu1 span:nth-child(1){background-image:url(/uploads/image/pimages/gs.png); background-size:60px auto; background-position: 30px center;background-repeat: no-repeat;}
.tabmenu1 span:nth-child(2){border-left:3px solid #adb3b7;border-right:3px solid #adb3b7;background-image:url(/uploads/image/pimages/ps.png); background-size:60px auto;background-position: 30px center;background-repeat: no-repeat;}
.tabmenu1 span:nth-child(3){background-image:url(/uploads/image/pimages/cs.png);background-size:60px auto; background-position: 30px center;background-repeat: no-repeat;}
.tabmenu1 span.on{background-color:#006bcd;}
.zhinfo{padding-top:80px; font-size:18px;color:#fff;}
.zhinfo h3{font-size:30px;text-align:center;margin-bottom:30px;}
.zhinfo p{margin-bottom:0; text-indent:2em;line-height:180%;}
.three .more{float:right;width:215px;height:38px; font-size:16px; text-align:center; line-height:38px; color:#f53a3a; margin:20px auto; border-radius:19px; border:1px solid #f53a3a;}


.listnews li{list-style:none;font-size:16px; line-height:42px; height:42px; margin-bottom:5px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.listnews li::before{content:">"; font-size:18px; line-height:42px; margin-right:5px;}
.listnews li span{float:right; margin-left:10px; color:#999;}
.listnews li:hover a{color:#8c2624;}

.sfqbox,.sfqbox li{padding:0;list-style:none;margin-bottom:0;}

.foot{padding:20px 0; font-size:15px; color:#fff; background:#141414; }

.foot ul{padding-left:0; display:flex; justify-content:space-around; align-items:flex-start; padding-bottom:20px; margin-bottom:30px;}
.foot ul li{list-style:none;padding-left:0;text-align:left;line-height:30px;}
.foot ul li a{color:#fff;}
.foot ul li h3{font-size:19px;}
.foot ul li p{font-size:13px;}
.foot p{margin:0;}
.jianjie{font-size:14px;line-height:24px;color:#fff; padding-top:10px; margin-bottom:30px; text-align:center; border-top:1px solid #686868;}
.copry p{line-height:40px; text-align:left;}
.jianjie a,.copry p a{color:#fff;}
/*悬浮窗口*/
.rightside{position:fixed; right: 10px; top:0;  z-index: 99999; border-radius:8px; transform: translatey(600px);}
.rightside .floor { margin-bottom:3px; border:#efefef 1px solid; border-radius:5px; box-shadow:0 0 3px #eee; position: relative; box-sizing: border-box; background:#fff;}
.rightside .floor > a { display:flex; width: 40px;  height:40px; z-index: 9999; font-size:12px; color:#333; justify-content:center; align-items:center;  }
.rightside .floor > a>img{width:40px;}
.rightside .floor > a .icon{margin:5px auto;font-size:20px; color:#d61518;}
.rightside .floor .absbox {padding:0 10px;  position: absolute; right: 61px; top: 0; background:#fff; z-index: 3;}
.rightside .floor .erweima {width:150px;}
.rightside .floor .addr {width:200px;padding:10px;}
.rightside .floor .addr p{line-height:20px;margin-bottom:0;}
.rightside .floor .kftel{height:60px;line-height:60px;}
.rightside .floor > div {transform: translatex(300px);}
.rightside .floor > div p{font-size:14px; color:#333;}
.rightside .floor .kftel p{width:200px;text-align:center;font-size:15px; font-weight:600;}
.rightside .floor:hover div { transition: all 300ms linear;    transform: translatex(0);}
.rightside .floor .back { box-shadow: 0 0 15px #e4e4e4;  height: 50px;    width: 120px;   display: flex;  align-items: center;  justify-content: center;  font-size: 12px;  color: #666;  box-sizing: border-box;}

.banner .pc_imgbox{display: block; width: 100%; max-height:770px; overflow:hidden;}
.banner .swiper-slide img{display:block;max-width:100%; width:auto; height:auto; margin:0 auto;}
#pagination{position:absolute;width:100%;left:0;bottom:20px;text-align:center;z-index:999;}



@media (min-width: 768px) {
	.mobile_btn{display:none;}
	.head .container{padding-left:0;padding-right:0;}
	.head img{width:215px;height:50px;}
	.sui-nav.horizontal .sui-nav-wrapper{display:flex;justify-content:flex-end;}
	.sui-nav.horizontal ul{background:none;}
	.sui-nav.horizontal>ul{display:flex; justify-content:flex-end; flex-wrap:nowrap;}
	.sui-nav.horizontal ul > li{min-width:110px;width:110px;position:relative; font-size:16px; text-align:center;}
	.sui-nav.horizontal ul > li a{min-width:110px;width:100%;color:#fff;}
	.sui-nav.horizontal .sui-nav-wrapper > ul > li > ul{border:0;}
	.sui-nav.horizontal ul > li >ul{position:absolute; left:0; top:40px; min-width:110px; width:100%; background:#000;}
	.sui-nav.horizontal ul > li,.sui-nav ul > li {min-width:110px; white-space: nowrap; text-overflow: ellipsis;position:relative;}
	.sui-nav.horizontal ul > li>.sjlm,.sui-nav ul > li>.sjlm{position:absolute;top:0;left:100%;width:150px;display:none; background:rgba(0,0,0,.6);}
	.sui-nav.horizontal ul > li:hover>.sjlm,.sui-nav ul > li:hover>.sjlm{display:block;}
	.sjlm p{line-height:30px;}
	.sjlm p a:hover{display:block; color:#006acd; background:rgba(255,255,255,.6);}
	/*.sui-nav.horizontal ul > li:hover>.sjlm p a:hover,.sui-nav ul > li:hover>.sjlm p a:hover{color:#006acd;}*/
	.sui-nav.horizontal ul > li >ul >li{margin:0 auto; font-size:14px;}
	.sui-nav.horizontal .sui-nav-wrapper > ul > li > a, .sui-nav.horizontal .sui-nav-wrapper-fluid > ul > li > a {min-width:110px; width:100%; padding: 0px; }
	.sui-nav ul > li > a {display:block;min-width:110px; padding:0; overflow:hidden;}
	#ej4,#ej4 li,#ej4 li a,#ej5,#ej5 li,#ej5 li a{width:160px;}
	.mtb20{margin:30px auto;}
	.picnews{height:370px; padding-right:0;overflow:hidden;}
	.listnews{height:370px;padding:20px 20px 20px 30px;border:#f6f6f6 1px solid; border-left:0; box-shadow: 5px 0px 5px #f6f6f6;}
	.sfqbox{height:217px; overflow:hidden;}
	.sfqbox li{height:217px; background: left top no-repeat;}
	.sfqbox li a{display:block;width:100%;height:100%;}
	.sfqbox li img{display:none;}
	.menu{height:70px;font-size:28px;background-size: auto 28px;}
	.info h3{font-size:19px;}
	.info a{font-size:15px;}
	.info a span {width:26px;height:26px;line-height:26px;}
	.newslist .box .picbox img{height:200px;}
}

@media(min-width:1240px) and (max-width: 1440px){ 
	.container,.head .container{width:1200px;margin:0 auto;}
	.info h3{font-size:20px;}
	.info a{font-size:16px;}
	.info a span {width:26px;height:26px;line-height:26px;}
	
}

@media(min-width: 1440px) and (max-width: 1600px){ 
	.container,.head .container{width:1400px;margin:0 auto;}
	.menu{height:60px; font-size: 24px; background-size: auto 24px;	}
	.newslist .box .picbox img{height:230px;}
}

@media (min-width: 1600px) {
	.container,.head .container{width:1600px;margin:0 auto;}
	.menu{height:90px;font-size:38px;}
	.newslist .box .picbox img{height:250px;}
}


@media(max-width:980px){ 
	.tabmenu1 span{text-indent:0px; text-align:center;height:80px;line-height:80px;font-size:24px;}
	.tabmenu1 span:nth-child(1),.tabmenu1 span:nth-child(2),.tabmenu1 span:nth-child(3){background-image:none;}
	.info h3{font-size:18px;}
	.info a{font-size:14px;}
	.info a span {width:20px;height:20px;line-height:20px;}
	
}

@media (max-width: 768px) {
	.head{padding:5px 15px; background:#000;}
	.sui-nav{padding-top:20px;}
	.sui-nav .sui-nav-wrapper>ul > li {background:url(/uploads/image/pimages/jia.png) right 8px no-repeat;}
	.sui-nav .sui-nav-wrapper>ul > li:nth-child(1){background:none;}
	.mobile_btn{display:block;}
	.head img{height:40px;}
	.sui-nav.nav-mask {top:50px;}
	.sjlm{margin-left:25px;padding-left:10px;background:#f7f7f7;}
	.banner,.nbr{margin-top:50px;}
	.banner .swiper-slide img{width:100%;height:auto;}
	.tabmenu{width:100%;}
	.tabmenu span{width:20%;text-align:center;}
	.listnews{height:370px;margin:20px auto; border:#f6f6f6 1px solid; box-shadow: 0 0px 5px #f6f6f6;}
	.swiper-slide img{height:auto;}
	.sfqbox{padding:0 15px;}
	.sfqbox li{margin-bottom:20px;}
	.sfqbox li img{width:100%;}
	.bussiness-body{flex-wrap:wrap;}
	.bussiness-body .item,.bussiness-body .item.on{width:50%;}
	.menu{height:50px;font-size:18px; background-size: auto 18px;}
	.producttype{display:flex;justify-content:space-between;align-items:stretch;background:#f5f5f5;}
	.bussiness-body .item.on .service{width:100%;}
	.bussiness-body .item.on .price {    width: 100%;    left: 0;    height: 100%;}
	.typebox{height:100%;padding-bottom:0;padding-top:20px;}
	.typebox .zw{position:relative;text-align:center;padding-top:60px;font-size:16px;background-size:45px 50px;}
	.bussiness-body .item .service{height: 240px;}
	.bussiness-body .item .service .content .icon{margin-top:0;}
	.bussiness-body .item .service .content h4{height:20px;overflow:hidden;}
	.bussiness-icon1,.bussiness-icon2,.bussiness-icon3,.bussiness-icon4{background-size:50px auto;}
	.tabmenu1 span{display:block;width:33.3%;height:48px;line-height:48px;font-size:20px;color:#fff; text-indent:0px; text-align:center; white-space: nowrap; text-overflow: ellipsis; background:#384651; overflow:hidden;}
	.tabmenu1 span:nth-child(1){background-image:none;}
	.tabmenu1 span:nth-child(2){border-left:3px solid #adb3b7;border-right:3px solid #adb3b7;background-image:none;}
	.tabmenu1 span:nth-child(3){background-image:none;}
	.tabmenu1 span.on{width:60%;background-color:#006bcd;}
	.allist,.newslist{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;}
	.newslist .box .picbox{height:200px;}
	.allist li,.newslist li{width:100%;}
	.allist li img,.newslist li img{height:150px;}
	.zhinfo{padding-top:30px; font-size:14px; color:#fff;}
	.zhinfo h3{font-size:17px;text-align:center;margin-bottom:20px;}
	.zhinfo p{margin-bottom:0;}
	.three .more{display:block; float:none; padding:0 30px; height:30px; line-height:30px; font-size:14px; text-align:center; color:#f53a3a; margin:20px auto; border-radius:15px; border:1px solid #f53a3a;}
}