/* 服务分类模块 */

/* banner */

body {width: 100%;background: #f6f6f6;}

.header {width: 100%;height: 120px;background-color: #fff;}

.banner {overflow: hidden;position: relative;width: 100%;background-color: #f6f6f6;border-top: 5px solid #e0dfdf;padding-top: 15px;}

.shop_nav {float: left;width: 310px;height: 610px;background-color: #1b83da;}

.shop_nav h1 {width: 100%;height: 45px;line-height:45px;font-weight:500;font-size: 18px;background-color: #077ec4;padding-left:20px;}
.shop_nav h1 a{color: #FFF;}
.shop_nav h1::before {content: "";display: inline-block;width: 19px;height: 16px;background: url(../upload/logo.png) no-repeat;margin-right: 10px;vertical-align: middle;}

.shop_nav ul {border-top:#fff solid 3px;position: relative;width: 100%;padding: 0 20px;}
.shop_nav ul li {border-bottom: 1px solid #60a8e5;padding-bottom:10px;}
.shop_nav ul li>h3 {font-size: 18px;font-weight: 400;padding: 10px 0 10px 0;}
.shop_nav ul li>h3>a {display: inline-block;color: #FFF;}
.shop_nav ul li>i {display:flex; flex-wrap:wrap; font-size: 14px;color: #FFF;}
.shop_nav ul li>i>a {display: inline-block; margin-right:15px;color: #FFF;}
.shop_nav ul li:last-child{border-bottom: 0;}

.shop_nav ul .aside_hide {display: none;position: absolute;top: 0px;left: 310px;width: 310px;height: 563px;background-color: #FFF;z-index: 999;padding: 15px;}
.shop_nav ul .currents {display: block;}
.shop_nav ul .aside_hide h3 {font-size: 18px;padding-bottom:10px;}
.shop_nav ul .aside_hide h3 a{color: #000;}
.shop_nav ul .aside_hide>i {display:flex;flex-wrap:wrap;font-size: 14px;}
.shop_nav ul .aside_hide>i a{color: #000; width:40%}
.shop_nav ul .aside_hide>span {display: block;width: 100%;height: 2px;border-bottom: 1px solid #CCC;margin: 10px auto;}

.shop_banner {float: left;width: 875px;height: 610px;margin-left: 15px;}
.shop_banner .shang {overflow: hidden;position: relative;width: 100%;height: 435px;}
.shop_banner .shang>a {position: absolute;width: 51px;height: 87px;z-index: 666;}
.shop_banner .shang>a img {width: 51px;height: 87px;}
.shop_banner .shang>a:nth-child(1) {left: 30px;top: 50%;transform: translateY(-50%);}
.shop_banner .shang>a:nth-child(2) {right: 30px;top: 50%;transform: translateY(-50%);}
.shop_banner .shang ul {position: relative;left: 0;top: 0;width: 300%;height: 435px;padding: 0;margin: 0;}
.shop_banner .shang ul li {float: left;height: 435px;width: 875px;}
.shop_banner .shang ul li img {display: block;width: 100%;height: 435px;}

.shop_banner .xia {padding-top: 10px;height: 154px;width: 100%;display:flex;flex-wrap:wrap;}
.shop_banner .xia>div{width:50%;height:164px;position:relative;}
.shop_banner .xia>div>img {width: 100%;height: 100%;}
.shop_banner .xia>div>p{position:absolute;left:40px;top:20px;color:#404241;}
.shop_banner .xia>div>p span{display:block;font-size:26px;font-weight:700;}
.shop_banner .xia>div>p i{display:block;font-size:16px;margin-top:10px;}
.shop_banner .xia>div>p a{display:block;width:95px;height:35px;background:url(../upload/yy.png) no-repeat;background-size:95px 35px;text-indent:-99em;overflow:hidden;margin-top:15px;}

.ad {width: 100%;height: 140px;margin-top: 20px;}
.ad img {width: 100%;height: 100%;}


/* banner end */

/* recommend */

.recommend {overflow: hidden;width: 100%;margin-top: 20px;}
.recommend .w {background-color: #fff;}

.recommend .mod_one {height: 75px;border-bottom: 1px solid #077ec4;padding-top: 20px;}
.recommend .mod_one span {display: block;float: left;width: 179px;height: 55px;background: url(../upload/reco.png) no-repeat;text-align: center;color: #FFF;font-size: 36px;font-style: italic;}
.recommend .mod_one em {display: block;float: left;margin-left: 20px;height: 55px;width: 500px;line-height: 55px;font-size: 14px;color: #167fd7;font-style: italic;font-weight: 700;letter-spacing: 2px;}
.recommend .mod_one a {display: block;float: right;height: 55px;width: 80px;color: #0e1922;line-height: 55px;font-size: 14px;}
.recommend .mod_one a:hover {color: #f40;}

.tuijian ul {display: flex;width: 100%;padding-top: 30px;padding-bottom: 30px;}
.tuijian ul li {flex: 1;}
.tuijian ul li a {display: block;width: 220px;height: 220px;margin:0 auto;transition: all .3s;position:relative;}
.tuijian ul li a>img {display: block;width:97%;margin: 0 1.5%;overflow: hidden;border-radius:10px;}
.tuijian ul li:hover a {transform: scale(1.1);}
.tuijian ul li div {position:absolute;left:0;bottom:0;width:100%;height:34px;background:url(../upload/tjbg.png) no-repeat;color:#fff;font-size:14px;font-weight:700;}
.tuijian ul li div span{margin-top:10px;display:block;text-align:center;}

.recomd_bg {height: 20px;background-color: #f6f6f5;}

/* renwu */
.recommend .renwu {width: 100%;overflow: hidden;margin-bottom: 65px;padding-bottom: 20px;display:flex;flex-wrap:wrap;}
.recommend .renwu a {display: block;width: 20%;text-align:center;padding:50px 0;position:relative;}
.renwu a img {width: 75px;height: 75px;border-radius: 50%;overflow: hidden;}
.renwu h3 {font-size: 20px;color: #4c4c4c;font-weight: 400;margin-bottom: 15px;}
.renwu i {display: block;font-size: 15px;color: #787878;}
.renwu span {margin-top:30px;display:inline-block;width: 45px;height:45px;background: url(../upload/bzico.jpg) no-repeat;}
.renwu a::before,
.renwu a::after{content:'';position:absolute;bottom:74px;width:42%;height:2px;background:#999;}
.renwu a::before{left:0;}
.renwu a::after{right:0;}
.renwu a:nth-child(1)::before{opacity:0;}
.renwu a:last-child::after{opacity:0;}


/* yanbao */
.recommend .yanbao {width: 100%;overflow: hidden;margin-bottom: 45px;padding-bottom: 20px;}
.recommend .yanbao a {display: block;width: 100%;padding:50px 0;position:relative;display:flex;flex-wrap:wrap;}
.recommend .yanbao a::after{content:'';position:absolute;top:140px; bottom:0; left:5%; width:95%; background:#f1faff; z-index:0}
.yanbao a .img {width: 50%; height:350px; overflow: hidden; position:relative; z-index:1;}
.yanbao a .img img{ width:100%; display:block;}
.yanbao a .txt{ width:50%; overflow: hidden; position:relative; z-index:1; margin-top:140px; padding:20px 60px;}
.yanbao .txt h3 {font-size: 20px;color: #111; margin-bottom: 15px;}
.yanbao .txt i {display: block;font-size: 15px;color: #454545; line-height:2;}
.yanbao a:nth-child(2)::after{ left:0; right:5%;}
.yanbao a:nth-child(2){flex-direction:row-reverse}


/* zhaixiubao */
.recommend .zhaixiubao {width: 100%;overflow: hidden;margin-bottom: 25px;padding-bottom: 20px; position:relative;}
.recommend .zhaixiubao a {display: block;width: 100%;padding:50px 0 30px 0;position:relative;display:flex;flex-wrap:wrap;}
.zhaixiubao a .img {width: 47.5%; height:430px; overflow: hidden;}
.zhaixiubao a .img img{ width:100%; display:block;}
.zhaixiubao a .txt{ width:50%; margin-left:2.5%; overflow: hidden;}
.zhaixiubao a .txt h3 {font-size: 20px;color: #111; margin-bottom: 15px;}
.zhaixiubao a .txt>div {display: block;font-size: 15px;color: #454545; line-height:2; background:#f1faff; padding:20px; padding-bottom:0;}

.zhaixiubao .changjing{ position:absolute; bottom:50px; right:0;width:50%; display:flex;flex-wrap:wrap; justify-content:space-between; }
.zhaixiubao .changjing h2 { width:100%; font-size: 20px;color: #111; margin-bottom: 15px;}
.zhaixiubao .changjing>div{ width:18%; background:#167fd7; text-align:center; padding:10px 0 20px 0;}
.zhaixiubao .changjing>div img{ display:inline-block; width:55px;}
.zhaixiubao .changjing>div h3{ color:#fff; font-weight:500;}

.changjing ul {display:flex;flex-wrap:wrap; justify-content:space-between; position:relative; }
.changjing ul::after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:#ccc solid 1px; border-right:0; }
.changjing ul li{width:25%; position:relative;}
.changjing ul li::after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-right:#ccc solid 1px;}
.changjing ul li .img{ position:relative; width:100%; height:150px; text-align:center; background:#aaa; overflow:hidden;}
.changjing ul li .img img:nth-child(1){ width:75px; position:relative; z-index:1; margin-top:15px;}
.changjing ul li .img img:nth-child(2){ width:100%; position:absolute; left:0; top:0; width:100%; z-index:0;}
.changjing ul li .img h3 { width:100%; font-size: 24px; font-weight:500; color: #fff; position:relative; z-index:1;}
.changjing ul li .txt{ padding:20px 30px;}
.changjing ul li .txt p{ position:relative; line-height:2; text-indent:1em; font-size:14px; color:#222; margin-bottom:20px;}
.changjing ul li .txt p::before{ content:''; position:absolute; left:0; top:10px; width:5px; height:5px; border-radius:5px; overflow:hidden; background:#167fd7;}

/* 优势advantage */

.advantage {display: flex;width: 100%;height: 50px;margin-bottom: 50px;background-color: #f6f6f6;padding-top: 30px;padding-bottom: 30px;}
.advantage span {flex: 1;height: 50px;font-size: 28px;color: #057dd6;padding-left: 85px;cursor: pointer;}
.advantage span img {/* display: block;*/ margin-right: 18px;}



@media screen and (min-width: 200px) and (max-width: 1199px) {
	
	.shop_banner .xia { padding-top:0; height: 150px;}
	.shop_banner .xia>div{width:100%;height:150px;}
	.shop_banner .xia>div>p{left:2rem;top:1rem;}
	.shop_banner .xia>div>p span{font-size:1.05rem;}
	.shop_banner .xia>div>p i{font-size:.85rem;}
	
	
	.tuijian ul {padding: 1rem; flex-wrap:wrap;}
	.tuijian ul li { width:50%; margin-bottom:1rem}
	.tuijian ul li a {width: 160px;height: 160px}
	.tuijian ul li div {font-size:.8rem; background-size:100% 100%;}
	
	
	.recommend .renwu {margin-bottom: 1rem;padding-bottom: 1rem;}
	.recommend .renwu a {width: 50%; padding:.5rem 0;margin-top:1rem;}
	.renwu a img {width: 55px;height: 55px;}
	.renwu h3 {font-size: 1rem;margin-bottom: .5rem;}
	.renwu i {font-size:.8rem;}
	.renwu span {display:none;}
	.renwu a::before,
	.renwu a::after{ display:none;}
	
	
	/* yanbao */
	.recommend .yanbao {margin-bottom: 0rem;padding: 1rem;}
	.recommend .yanbao a {padding:1rem 0; }
	.recommend .yanbao a::after{ display:none;}
	.yanbao a .img {width: 100%; height: auto;}
	.yanbao a .img img{ width:100%; display:block;}
	.yanbao a .txt{ width:100%; margin-top:0; padding:1rem;background:#f1faff;}
	.yanbao .txt h3 {font-size: 1rem; margin-bottom: .5rem;}
	.yanbao .txt i {font-size: .8rem;}


	/* zhaixiubao */
	.recommend .zhaixiubao {margin-bottom: 0rem;padding-bottom: 0rem;}
	.recommend .zhaixiubao a {padding:1rem;}
	.zhaixiubao a .img {width: 100%; height: auto;}
	.zhaixiubao a .txt{ width:100%; margin-left:0; }
	.zhaixiubao a .txt h3 {font-size: 1rem; margin-bottom: .5rem; margin-top:1rem;}
	.zhaixiubao a .txt>div {font-size: .8rem; padding:1rem;}

	.zhaixiubao .changjing{ position: inherit; bottom: 0; right: inherit;width:100%; padding:1rem;}
	.zhaixiubao .changjing h2 { font-size: 1rem; margin-bottom: .5rem;}
	.zhaixiubao .changjing>div{ width:48%; padding:1rem; margin-bottom:1rem;}
	
	.changjing ul { padding:1rem;}
	.changjing ul::after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:#ccc solid 0px; border-right:0; }
	.changjing ul li{width:100%; margin-bottom:1rem; }
	.changjing ul li::after{border-right:#ccc solid 0px;}
	.changjing ul li .img h3 {font-size: 1.25rem;}
	.changjing ul li .txt{ padding:1rem;border:#eee solid 1px;}
	.changjing ul li .txt p{font-size:.8rem; margin-bottom:1rem;}

}