@media (min-width:1025px)/* DESKTOPS */{
	.banner{position:relative;}
	.banner img {width: 100%;}
	.banner .bd{position:relative;z-index:0;width:100%;height:540px;}
	.banner .bd ul{width:100%;height:540px;}
	.banner .bd li{width:100%;height:540px;position:relative;background-position:center center;background-size:auto 100%;}
	.banner .bd li section{position:absolute;left:50%;width:800px;margin-left:-400px;text-align:center;background-clip:padding-box;padding:30px 0;color:#fff;}
	.banner .bd li section h3{font-size:50px;line-height:60px;}
	.banner .bd li section h4{font-size:14px;text-transform:uppercase;font-weight:normal;line-height:30px;margin:0 50px 20px;padding-bottom:10px;}
	.banner .bd li section a{color:#fff;display:inline-block;background:#1B4F9B;line-height:50px;border-radius:25px;padding:0 50px;}
	.banner .hd{width:100%;position:absolute;z-index:1;bottom:12px;left:0;text-align:center;}
	.banner .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;margin:4px;background:#1B4F9B;overflow:hidden;line-height:9999px;filter:alpha(opacity=40);opacity:0.4;border-radius:50%; background-position:center center;}
	.banner .hd ul .on{filter:alpha(opacity=100);opacity:1;}
	.prev{left:10px;background-position:-126px -137px;}
	.next{right:10px;background-position:-6px -137px;}
	
	.title{text-align:center;margin-bottom:30px;}
		.title h3{font-size:20px;line-height:50px;text-transform:uppercase;color:#999;font-weight:normal;}
		.title h2{
			text-transform:uppercase;
			height: 67px;
			line-height: 67px;
			font-size: 36px;
			color: #1B4F9B;
			font-weight: bold;}
	
	.searchbox{padding:10px 0;line-height:30px;border-bottom:1px solid #eee;}
		.search{}
			.search-hotkey{float:left;}
				.search-hotkey strong{color:#1B4F9B;}
				.search-hotkey a{margin-right:20px;color:#666;}
			.search-form{float:right;}
				.search-form input{font-size:12px;}
				.search-form .txt{border:1px solid #1B4F9B;height:30px;padding:0 10px 0 20px;}
				.search-form .btn{background:#1B4F9B;height:30px;padding:0 30px 0 20px;color:#fff;}
	
/**/
.guide{height:630px;position: relative;z-index: 9;background-size: cover;}
.contentt {
    width: 93.9%;
    max-width: 1400px;
	margin: 0 auto;
}
.guide .gui-con{position: relative;padding-top:150px;}
.guide .gui-con .gui-sz{height:150px;background:#FFF;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);position: absolute;left:0;top:-88px;width:100%;}
.guide .gui-con .gui-sz ul{padding-top:25px;}
.guide .gui-con .gui-sz ul li{position: relative;;float:left;width:20%;height:50px; border-right:1px dashed #666666; box-sizing: border-box;}
.guide .gui-con .gui-sz ul .level1 h4 {margin-bottom: 15px;}
.guide .gui-con .gui-sz ul .level1:after {
	content: '';
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 2px;
    background: #1B4F9B;
	transition:all 600ms ease;

}
.guide .gui-con .gui-sz ul li:hover:after {
	width: 80px;
}
.guide .gui-con .gui-sz ul li h4 {    font-size: 18px;margin: 10px 0;text-align: center;}
.guide .gui-con .gui-sz ul li:hover img {transform: scale(1.4);}
.guide .gui-con .gui-sz ul li:nth-child(5n){border-right:0;}
.guide .gui-con .gui-left{width:530px;float:left;}
.guide .gui-con .gui-left h4{margin-bottom: 30px; border-bottom:1px solid #1B4F9B;padding-bottom:15px;}
.guide .gui-con .gui-left h4 span{display: block; height:82px; line-height: 82px;font-size: 44px; color:#1B4F9B; font-weight: bold;}
.guide .gui-con .gui-left h4 em{display: block; height:55px; line-height: 55px;font-size: 24px; color:rgba(0,0,0,0.7);letter-spacing: 5px; font-weight: 300;}
.guide .gui-con .gui-left p{line-height: 34px;font-size: 16px; color:rgba(31,31,31,0.66); text-align: justify; letter-spacing: 1px;padding-right:17px;}
.guide .gui-con .gui-left a{display: block; margin-top: 55px;width:180px; height:53px; line-height: 53px; text-align: center;background:#ec1d23;border-radius: 27px;font-size: 20px; color:#FFFFFF; font-weight: bold;}
.guide .gui-rig{float:right;width: 700px;    margin-top: 100px;}
.guide .gui-rig img {width: 100%;}

.modal-backdrop{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #232526;z-index: 800;}
.modal-backdrop iframe{width:100%;}
.modal-backdrop .vd{position: absolute;width: 900px;height: 512px;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 300;background:#FFF;}
.modal-backdrop .close{top: 16px;right: 16px;font-size: 24px;line-height: 1;transition: all 0.5s ease;width: 40px;position: absolute;padding: 0;background-color: rgba(0, 0, 0, 0.2);color: #FFF;height: 40px;border: none;display: inline-flex;justify-content: center;align-items: center;white-space: nowrap;text-align: center;border-radius: 50% !important;outline: none;cursor: pointer;z-index: 300;}
@media screen and  (min-width:760px) and (max-width:1680px){

}

/*服务中心*/
.solution{padding:40px 0 0;background-size:100% 100%;}

.solution h2 span{display: block; height: 67px; line-height: 67px;font-size: 49px; color:#1B4F9B; font-weight: bold;}
.solution h2 em{display: block; height:38px; line-height: 38px;font-size: 20px; color:rgba(0,0,0,0.7); font-weight: normal;letter-spacing: 4px;}
.solution .sol-con .sol-nav{width:20%;float:left;background: #ececec;;}
.solution .sol-con .sol-nav ul li{height:55px; line-height: 55px; border-bottom:2px solid #efefef; box-sizing: border-box;position: relative;}
.solution .sol-con .sol-nav ul li:last-child{border-bottom:0;}
.solution .sol-con .sol-nav ul li a{display:block;text-align: center;font-size: 16px; color:#000; position: relative;z-index:200; transition: .5s;}
.solution .sol-con .sol-nav ul li:before{width:0; height:55px;background:#1B4F9B;content:"";position: absolute;left:0;top:0;transition: .5s;}
.solution .sol-con .sol-nav ul li.cur:before{width:100%;}
.solution .sol-con .sol-nav ul li.cur a{ font-weight: bold; color:#FFF;}
.solution .sol-con .sol-swiper{float:left;width:78%; margin-left:2%;overflow: hidden;}
.solution .sol-con .sol-list dl{position: relative;}
.solution .sol-con .sol-list dl dt{width:100%; line-height: 0; overflow: hidden;}
.solution .sol-con .sol-list dl dt a{display: block;}
.solution .sol-con .sol-list dl dt img{width:100%;}
.solution .sol-con .sol-list dl dd{width:100%; height:136px;position: absolute; left:0;bottom:0;background: rgba(1,6,35,0.8) }
.solution .sol-con .sol-list dl dd a{display:block;height:136px;padding:18px 187px 0 74px; box-sizing: border-box;}
.solution .sol-con .sol-list dl dd h4{height:42px; line-height: 42px; margin-bottom: 5px;font-size: 22px; color:#ffffff;}

.solution .sol-con .sol-list dl dd p{ line-height: 27px; font-size: 14px; color:#FFF;}

/* 应用 */
 .application{padding-top: 60px;}

 .three-1 {background:url(../images/three_bg01.jpg) no-repeat;height: 250px; padding:125px 0 0;margin:15px 0 0;}
 .three-1 li{font-size: 16px;color: #333; background:#fff;border-radius:50%;width: 130px;height: 130px;text-align: center;line-height: 32px;float: left; margin-left:60px;}
 .three-1 li b{display: block;font-size: 24px;color: #1B4F9B; padding:33px 0 0;}
 .three-1 li:hover{background-color: #1B4F9B;color: #fff;}
 .three-1 li:hover b{color: #fff;}
 .three-2 {margin-top: 40px;}
 .three-2 li {float: left;width: 25%;border-left: 1px solid #ddd;margin-left: -1px;text-align: center;}
 .three-2 li i {display: block;width: 108px;height: 108px;margin: 0 auto;background: no-repeat center #1B4F9B;border-radius: 50%;}
 .three-2 li:hover i {background-color: #50AF4D;}
 .three-2 li h4 {margin: 10px 0;font-size: 18px;}
 .three-2 li p {margin: 0;}
 .three-3 {background-color: #1B4F9B;margin:20px 0 0;}
 .three-3 dl{width: 33.3%;float: left;background-color: #ececec;height: 450px;margin: 0;}
 .three-3 dl:nth-child(2n){
	
	position: relative;
 }
 .three-3 dl:nth-child(2n) dt {
	 position: absolute;
	 bottom: 0px;
 }
 .three-3 dl:nth-child(2n) dd {
	position: absolute;
    top: 0px;
	left: 50%;
	transform: translateX(-50%);
}
 .three-3 dt{width: 100%;height: 225px;overflow: hidden;}
 .three-3 dt img{display: block;width: 100%;height: 100%;transition: all 0.3s;}
 .three-3 dt:hover img {transform: scale(1.1);}
 .three-3 dd{text-align: center;width: 336px; margin:0 auto; padding:25px 0 0;height: 180px;}
 .three-3 dd h5{font-size: 24px;color: #1B4F9B;height: 30px;line-height: 30px;overflow: hidden;margin: 0;}
 .three-3 dd p{font-size: 14px;color: #333;line-height: 24px; padding:15px 0 0;margin: 0;}
 
 /* 品牌优势 */

 .advan {padding: 75px 0;}
 .yunu-section-title {text-align: center;margin-bottom: 40px;font-size: 30px;}
 .yunu-section-title strong {color: #1B4F9B;}
 .yunu-section-title span {display: block;font-size: 18px;color: #666;margin-top: 10px;text-transform: uppercase;}
 .yunu-section-title span:before,.yunu-section-title span:after {display: inline-block;vertical-align: top;content: '';width: 100px;height: 2px;background-color: #50AF4D;margin: 12px 12px 0;}

 .yunu-xin-in {}
.yunu-xin-in dl {margin: 0 0 0 85px;border: 1px solid #eee;float: left;width: 348px;height: 198px;}

.yunu-xin-in dl:hover {box-shadow: 4px 20px 40px 5px rgba(0,0,0,0.1);}
.yunu-xin-in dt {float: left;margin: 60px 0 0 -1px;width: 80px;height: 80px;background-color: #1B4F9B;line-height: 80px;}
.yunu-xin-in dd {margin-left: 100px;padding: 25px 25px 0 0;}
.yunu-xin-in dd h4 {color: #1B4F9B;font-size: 18px;margin: 0 0 10px;}
.yunu-xin-in dd p {margin: 0;text-align: justify;line-height: 24px;}

/* 在线咨询 */
.online{position: relative;background: #1B4F9B;height: 200px;box-shadow: 0 3px 10px 3px #d0d0d0; margin: 80px 0 0;overflow: hidden;}
.online .iflow {
	display: inline-block;
}
.online h3{font-size: 24px;color: #fff;height: 65px;line-height: 100px; padding:0 0 0 30px;margin: 0;}
.online .iflow h4{font-size: 18px;color: #fff;height: 65px;line-height: 100px; padding:0 0 0 80px;}

.online .ban_tel{width: 275px; float: right;margin-top: 35px;}
.online .ban_tel p{font-size: 14px;color: #fff;font-weight: bold; background:url(../images/online.png) no-repeat 0 center; padding:0 0 0 60px;line-height: 24px;margin: 0;}
.online .ban_tel p b{display: block;font-size: 24px;}
.online .ban_tel span{display: block;width: 140px; padding:15px 0 0;}
.online .ban_tel span a{display: block;font-size: 16px;color: #fff;width: 150px;text-align: center;height: 40px;line-height: 40px;background: #ec1d23;border-radius:5px;}

.wavea{position: absolute;bottom:40px;left:0;display:block;width:3840px;height:140px;background:url(../images/wavea.png) repeat-x 0 0;animation:wavea 10s infinite linear;-webkit-animation:wavea 10s infinite linear;}
	@keyframes wavea{0% {left:-1920px;}100%{left:0;}}
	.waveb{position: absolute;bottom:40px;left:0;display:block;width:3840px;height:60px;background:url(../images/waveb.png) repeat-x 0 0;animation:wavea 6s infinite linear;-webkit-animation:wavea 6s infinite linear;}
	@keyframes waveb{0% {left:-1920px;}100%{left:0;}}

	.productbox{padding:60px 0;overflow: hidden;}
		.product{}
			.productlide{}
				.product-class{margin-bottom:30px;}
					.product-class ul{text-align:center;}
					.product-class li{display:inline-block;margin:0 10px;}
					.product-class a{display:block;padding:0 20px;line-height:38px;background:#fff;color:#1B4F9B;border:1px solid #1B4F9B;}
					.product-class li a:hover,.product-class li.on a{background:#1B4F9B;border:1px solid #1B4F9B;color:#fff;}
				.product-list{}
					.product-list ul{}
					.product-list li{position:relative;float:left;width:250px;margin-right:45px;transition:all ease-out 0.3s;border:1px solid #eee;background:#fff;border-bottom:2px solid #1B4F9B;margin-bottom:45px;}
					/* .product-list li:nth-of-type(6){margin-right:0;} */
					.product-list li a{display:block;position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
					.product-list li section{}
					.product-list li figure{overflow:hidden;}
						.product-list li figure img{width:100%;}
					.product-list li dl{border-top:1px solid #eee;padding:10px;text-align: center;}
						.product-list li dt{font-size:16px;}
						.product-list li dd{color:#666;font-size:12px;}
					.product-list li i{display:none;font-style:normal;line-height:40px;padding:0 10px;}
					.product-list li:hover{}
					.product-list li:hover img{transform: scale3d(1.05, 1.05, 1);}
					.product-list li:hover h3{background:#1B4F9B;color:#fff;}
	
	
.newsbox{padding:60px 0;}
	.news .flex{align-items:flex-start;display: flex;justify-content: space-between;}
	.news .flex div{flex:0 0 48%;margin:0 1%;}
	.newslist{background:#fff;}
		.newslist section{display:flex;justify-content:space-between;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:20px;}
		.newslist h3{font-size:18px;font-weight:normal;}
		.newslist a{text-transform:uppercase;}
		.newslist ul{margin:0 -2%;}
		.newslist li{float:left;width:46%;margin:0 2% 2%;}
		.newslist li a{display:block;position:relative;}
		.newslist li a:after{content:'>';display:block;position:absolute;bottom:0;right:0;width:0;top:0;background:#eee;color:#fff;text-align:center;transition:all ease-out 0.3s;font-size:0px;line-height:130px;}
		.newslist li dl{}
		.newslist li dt{font-size:15px;margin-bottom:10px;transition:all ease-out 0.3s;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.newslist li dd{font-size:13px;color:#999;height:40px;overflow:hidden;margin-bottom:10px;}
		.newslist li time{display:block;font-size:12px;color:#999;}
		.newslist li span{display:block;}
		.newslist li a:hover{}
		.newslist li a:hover:after{}
	.newsmore{text-align:center;margin-top:40px;}
		.newsmore a{display:inline-block;position:relative;line-height:50px;}
			.newsmore a:before{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #28166f;}
			.newsmore a:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#28166f;transition:all 0.3s ease-out 0s;}
			.newsmore a span{position:relative;z-index:1;color:#fff;padding:0 30px;transition:all 0.3s ease-out 0s;}			
			.newsmore a:hover:after{left:100%;}
			.newsmore a:hover span{color:#28166f;}
	}

@media (min-width:1025px) and (max-width:1440px){/* LAPTOPS */
/* 标题 */
	.title{margin-bottom:30px;}
		.title h3{font-size:16px;line-height:50px;text-transform:uppercase;color:#999;font-weight:normal;display: inline-block;margin: 0 auto;}
		.title h2{
			text-transform:uppercase;
			height: 60px;
			line-height: 60px;
			font-size: 35px;
			color: #1B4F9B;
			font-weight: bold;
			text-align:center;
		}

   /* 立足 */
   .guide{height:600px;position: relative;z-index: 9;background-size: cover;}
   .guide .gui-con{position: relative;padding-top:100px;}
   .guide .gui-con .gui-left{width: 44%;}
   .guide .gui-con .gui-left h4{margin-bottom: 30px; border-bottom:1px solid #1B4F9B;padding-bottom:15px;}
   .guide .gui-con .gui-left h4 span{font-size: 35px;}
   .guide .gui-con .gui-left h4 em{font-size: 20px;}
   .guide .gui-con .gui-left p{ }
   .guide .gui-con .gui-left a{margin-top: 55px;}
   .guide .gui-con .gui-sz ul li h4 {    font-size: 16px;margin: 10px 0;text-align: center;}
   .guide .gui-rig{float:right;width: 55%;    margin-top: 150px;}

	/* 信日优势 */

	.advan {padding: 75px 0;}
	.yunu-section-title {text-align: center;margin-bottom: 40px;font-size: 30px;}
	.yunu-section-title strong {color: #1B4F9B;}
	.yunu-section-title span {display: block;font-size: 18px;color: #666;margin-top: 10px;text-transform: uppercase;}
	.yunu-section-title span:before,.yunu-section-title span:after {display: inline-block;vertical-align: top;content: '';width: 100px;height: 2px;background-color: #50AF4D;margin: 12px 12px 0;}
   
	.yunu-xin-in {}
   .yunu-xin-in dl {margin: 0 0 0 42px;border: 1px solid #eee;float: left;width: 29%;height: 198px;}
   .yunu-xin-in dl:hover {box-shadow: 4px 20px 40px 5px rgba(0,0,0,0.1);}
   .yunu-xin-in dt {float: left;margin: 60px 0 0 -1px;width: 80px;height: 80px;background-color: #1B4F9B;line-height: 80px;}
   .yunu-xin-in dd {margin-left: 100px;padding: 25px 25px 0 0;}
   .yunu-xin-in dd h4 {color: #1B4F9B;font-size: 18px;margin: 0 0 10px;}
   .yunu-xin-in dd p {margin: 0;text-align: justify;line-height: 24px;}

   /* 应用场景 */
     
.application{padding-top: 40px;}
      
       .three-1 {background:url(../images/three_bg01.jpg) no-repeat;height: 250px; padding:125px 0 0;margin:15px 0 0;}
       .three-1 li{font-size: 16px;color: #333; background:#fff;border-radius:50%;width: 130px;height: 130px;text-align: center;line-height: 32px;float: left; margin-left:60px;}
       .three-1 li b{display: block;font-size: 24px;color: #1B4F9B; padding:33px 0 0;}
       .three-1 li:hover{background-color: #1B4F9B;color: #fff;}
       .three-1 li:hover b{color: #fff;}
       .three-2 {margin-top: 40px;}
       .three-2 li {float: left;width: 25%;border-left: 1px solid #ddd;margin-left: -1px;text-align: center;}
       .three-2 li i {display: block;width: 108px;height: 108px;margin: 0 auto;background: no-repeat center #1B4F9B;border-radius: 50%;}
       .three-2 li:hover i {background-color: #50AF4D;}
       .three-2 li h4 {margin: 10px 0;font-size: 18px;}
       .three-2 li p {margin: 0;}
       .three-3 {background-color: #1B4F9B;margin:20px 0 0;}
       .three-3 dl{width: 33.3%;float: left;background-color: #ececec;height: 450px;margin: 0;}
       .three-3 dl:nth-child(2n){
      	
      	position: relative;
       }
       .three-3 dl:nth-child(2n) dt {
      	 position: absolute;
      	 bottom: 0px;
       }
       .three-3 dl:nth-child(2n) dd {
      	position: absolute;
          top: 0px;
      	left: 50%;
      	transform: translateX(-50%);
      }
       .three-3 dt{width: 400px;height: 225px;overflow: hidden;}
       .three-3 dt img{display: block;width: 100%;height: 100%;transition: all 0.3s;}
       .three-3 dt:hover img {transform: scale(1.1);}
       .three-3 dd{text-align: center;width: 320px; margin:0 auto; padding:25px 0 0;height: 180px;}
       .three-3 dd h5{font-size: 20px;color: #1B4F9B;height: 30px;line-height: 30px;overflow: hidden;margin: 0;}
       .three-3 dd p{font-size: 13px;color: #333;line-height: 24px; padding:15px 0 0;margin: 0;}
   
}

@media (max-width:1024px)/* MOBILE */{
	.banner{position:relative;}
	.banner figure{}
	.banner img{width: 100%;}
	.banner section{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);margin-top:200px;padding:0 5%;}
		.banner section dl{width:60%;text-shadow:0 0 5px rgba(0,0,0,0.5);}
		.banner section dt{color:#fff;font-size:40px;line-height:50px;margin-bottom:20px;}
		.banner section dd{color:#fff;font-size:22px;line-height:30px;margin-bottom:60px;}
		.banner section a{display:block;}
		.banner .iconfont{font-size:60px;}
		.banner .swiper-button-prev{left:5%;}
		.banner .swiper-button-next{right:5%;}

.title{text-align:center;margin-bottom:20px;}
	.title h3{font-size:12px;text-transform:uppercase;color:#999;font-weight:normal;}
	.title h2{text-transform:uppercase;font-size:18px;position:relative;}

.searchbox{padding:20px 0;line-height:30px;border-bottom:1px solid #eee;}
	.search{text-align:center;}
		.search-hotkey{display:inline-block;}
			.search-hotkey strong{color:#1B4F9B;}
			.search-hotkey a{margin-right:20px;color:#666;}
		.search-form{display:inline-block;}
			.search-form input{font-size:12px;}
			.search-form .txt{border:1px solid #1B4F9B;border-radius:15px 0 0 15px;height:30px;padding:0 10px 0 20px;}
			.search-form .btn{background:#1B4F9B;border-radius:0 15px 15px 0;height:30px;padding:0 30px 0 20px;color:#fff;}

.guide{position: relative;z-index: 9;background-size: cover;}
.contentt {
	width: 93.9%;
	max-width: 1400px;
	margin: 0 auto;
}
.guide .gui-con{position: relative;padding-top:150px;}
.guide .gui-con .gui-sz{height:110px;background:#FFF;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);position: absolute;left:0;top:-10px;width:100%;}
.guide .gui-con .gui-sz ul{padding-top:15px;}
.guide .gui-con .gui-sz ul li{position: relative;;float:left;width:20%;height:40px; border-right:1px dashed #666666; box-sizing: border-box;}
.guide .gui-con .gui-sz ul .level1 h4 {margin-bottom: 5px;}
.guide .gui-con .gui-sz ul .level1:after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 40px;
	height: 2px;
	background: #1B4F9B;
	transition:all 600ms ease;

}
.guide .gui-con .gui-sz ul li:hover:after {
	width: 80px;
}
.guide .gui-con .gui-sz ul li h4 {margin: 10px 0;text-align: center;}
.guide .gui-con .gui-sz ul li:hover img {transform: scale(1.4);}
.guide .gui-con .gui-sz ul li:nth-child(5n){border-right:0;}
.guide .gui-con .gui-left{}
.guide .gui-con .gui-left h4{margin-bottom: 30px; border-bottom:1px solid #1B4F9B;}
.guide .gui-con .gui-left h4 span{display: block; height:42px; line-height: 42px;font-size: 24px; color:#1B4F9B; font-weight: bold;}
.guide .gui-con .gui-left h4 em{display: block; height:55px; line-height: 55px;font-size: 14px; color:rgba(0,0,0,0.7);letter-spacing: 2px; font-weight: 300;}
.guide .gui-con .gui-left p{line-height: 34px;font-size: 16px; color:rgba(31,31,31,0.66); text-align: justify; letter-spacing: 1px;}
.guide .gui-con .gui-left a{display: block; margin-top: 25px;width:100px; height:40px; line-height: 40px; text-align: center;background:#ec1d23;border-radius: 20px;font-size: 15px; color:#FFFFFF; font-weight: bold;}
.guide .gui-rig{margin-top: 10px;}
.guide .gui-rig img {width: 100%;}

.modal-backdrop{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #232526;z-index: 800;}
.modal-backdrop iframe{width:100%;}
.modal-backdrop .vd{position: absolute;width: 900px;height: 512px;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 300;background:#FFF;}
.modal-backdrop .close{top: 16px;right: 16px;font-size: 24px;line-height: 1;transition: all 0.5s ease;width: 40px;position: absolute;padding: 0;background-color: rgba(0, 0, 0, 0.2);color: #FFF;height: 40px;border: none;display: inline-flex;justify-content: center;align-items: center;white-space: nowrap;text-align: center;border-radius: 50% !important;outline: none;cursor: pointer;z-index: 300;}
@media screen and  (min-width:760px) and (max-width:1680px){

}

/*服务中心*/
.solution{padding:40px 0 0;background-size:100% 100%;}

.solution h2 span{display: block; height: 67px; line-height: 67px;font-size: 49px; color:#1B4F9B; font-weight: bold;}
.solution h2 em{display: block; height:38px; line-height: 38px;font-size: 20px; color:rgba(0,0,0,0.7); font-weight: normal;letter-spacing: 4px;}
.solution .sol-con .sol-nav{}
.solution .sol-con .sol-nav ul li{height:40px; line-height: 40px; border-bottom:2px solid #efefef;background: #ececec; box-sizing: border-box;position: relative;float: left;width: 49%;margin: 0 1% 1% 0;}
.solution .sol-con .sol-nav ul li:last-child{border-bottom:0;}
.solution .sol-con .sol-nav ul li a{display:block;text-align: center;font-size: 14px; color:#000; position: relative;z-index:200; transition: .5s;}
.solution .sol-con .sol-nav ul li:before{width:0; height:55px;background:#1B4F9B;content:"";position: absolute;left:0;top:0;transition: .5s;}
.solution .sol-con .sol-nav ul li.cur:before{width:100%;}
.solution .sol-con .sol-nav ul li.cur a{ font-weight: bold; color:#FFF;}
.solution .sol-con .sol-swiper{overflow: hidden;}
.solution .sol-con .sol-list dl{position: relative;}
.solution .sol-con .sol-list dl dt{width:100%; line-height: 0; overflow: hidden;}
.solution .sol-con .sol-list dl dt a{display: block;}
.solution .sol-con .sol-list dl dt img{width:100%;}
.solution .sol-con .sol-list dl dd{width:100%; height:72px;position: absolute; left:0;bottom:0;background: rgba(1,6,35,0.8) }
.solution .sol-con .sol-list dl dd a{display:block;height:136px;padding:5px 10px; box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.solution .sol-con .sol-list dl dd h4{height:20px; line-height: 30px; margin-bottom: 5px;font-size: 14px; color:#ffffff;}

.solution .sol-con .sol-list dl dd p{ font-size: 12px; color:#FFF;}

/* 应用 */
 .application{padding-top: 60px;}

 .three-1 {background:url(../images/three_bg01.jpg) no-repeat;height: 250px; padding:125px 0 0;margin:15px 0 0;}
 .three-1 li{font-size: 16px;color: #333; background:#fff;border-radius:50%;width: 130px;height: 130px;text-align: center;line-height: 32px;float: left; margin-left:60px;}
 .three-1 li b{display: block;font-size: 24px;color: #1B4F9B; padding:33px 0 0;}
 .three-1 li:hover{background-color: #1B4F9B;color: #fff;}
 .three-1 li:hover b{color: #fff;}
 .three-2 {margin-top: 40px;}
 .three-2 li {float: left;width: 25%;border-left: 1px solid #ddd;margin-left: -1px;text-align: center;}
 .three-2 li i {display: block;width: 108px;height: 108px;margin: 0 auto;background: no-repeat center #1B4F9B;border-radius: 50%;}
 .three-2 li:hover i {background-color: #50AF4D;}
 .three-2 li h4 {margin: 10px 0;font-size: 18px;}
 .three-2 li p {margin: 0;}
 .three-3 {background-color: #1B4F9B;margin:20px 0 0;}
 .three-3 dl{background-color: #ececec;height: 450px;margin: 0;}
 .three-3 dl:nth-child(2n){
	
	position: relative;
 }
 .three-3 dl:nth-child(2n) dt {

 }
 .three-3 dl:nth-child(2n) dd {

}
 .three-3 dt{width: 100%;overflow: hidden;height: 200px;}
 .three-3 dt img{display: block;width: 100%;height: 100%;transition: all 0.3s;}
 .three-3 dt:hover img {transform: scale(1.1);}
 .three-3 dd{text-align: center; margin:0 auto; padding:25px 15px;}
 .three-3 dd h5{font-size: 24px;color: #1B4F9B;height: 30px;line-height: 30px;overflow: hidden;margin: 0;}
 .three-3 dd p{font-size: 14px;color: #333;line-height: 24px; padding-top: 15px;margin: 0;}
 
 /* 品牌优势 */

 .advan {padding: 40px 0;}
 .yunu-section-title {text-align: center;margin-bottom: 40px;font-size: 30px;}
 .yunu-section-title strong {color: #1B4F9B;}
 .yunu-section-title span {display: block;font-size: 18px;color: #666;margin-top: 10px;text-transform: uppercase;}
 .yunu-section-title span:before,.yunu-section-title span:after {display: inline-block;vertical-align: top;content: '';width: 100px;height: 2px;background-color: #50AF4D;margin: 12px 12px 0;}

 .yunu-xin-in {}
.yunu-xin-in dl {margin: 0 0 10px 0;border: 1px solid #eee;}

.yunu-xin-in dl:hover {box-shadow: 4px 20px 40px 5px rgba(0,0,0,0.1);}
.yunu-xin-in dt {float: left;margin: 60px 0 0 -1px;width: 80px;height: 80px;background-color: #1B4F9B;line-height: 80px;}
.yunu-xin-in dd {margin-left: 100px;padding: 25px 25px 25px 0;}
.yunu-xin-in dd h4 {color: #1B4F9B;font-size: 18px;margin: 0 0 10px;}
.yunu-xin-in dd p {margin: 0;text-align: justify;line-height: 24px;}

/* 在线咨询 */
.online{position: relative;background: #1B4F9B;box-shadow: 0 3px 10px 3px #d0d0d0; margin: 40px 0 0;overflow: hidden;}
.online .iflow {
	display: inline-block;
}
.online h3{font-size: 17px;color: #fff;height: 30px;line-height: 40px; padding:0 0 0 25px;margin: 0;}
.online .iflow h4{font-size: 13px;color: #fff;height: 50px;line-height: 50px; padding:0 0 0 50px;}

.online .ban_tel{width: 275px; margin: 15px auto;}
.online .ban_tel p{font-size: 14px;color: #fff;font-weight: bold; background:url(../images/online.png) no-repeat 0 center; padding:0 0 0 60px;line-height: 24px;margin: 0;}
.online .ban_tel p b{display: block;font-size: 24px;}
.online .ban_tel span{display: block;width: 140px; padding:15px 0 0;}
.online .ban_tel span a{display: block;font-size: 16px;color: #fff;width: 150px;text-align: center;height: 40px;line-height: 40px;background: #ec1d23;border-radius:5px;}

.wavea{position: absolute;bottom:40px;left:0;display:block;width:3840px;height:140px;background:url(../images/wavea.png) repeat-x 0 0;animation:wavea 10s infinite linear;-webkit-animation:wavea 10s infinite linear;}
	@keyframes wavea{0% {left:-1920px;}100%{left:0;}}
	.waveb{position: absolute;bottom:40px;left:0;display:block;width:3840px;height:60px;background:url(../images/waveb.png) repeat-x 0 0;animation:wavea 6s infinite linear;-webkit-animation:wavea 6s infinite linear;}
	@keyframes waveb{0% {left:-1920px;}100%{left:0;}}

	.productbox{padding:60px 0;overflow: hidden;}
		.product{}
			.productlide{}
				.product-class{margin-bottom:30px;}
					.product-class ul{text-align:center;}
					.product-class li{display:inline-block;margin:0 10px;}
					.product-class a{display:block;padding:0 20px;line-height:38px;background:#fff;color:#1B4F9B;border:1px solid #1B4F9B;}
					.product-class li a:hover,.product-class li.on a{background:#1B4F9B;border:1px solid #1B4F9B;color:#fff;}
				.product-list{}
					.product-list ul{}
					.product-list li{position:relative;float:left;width:250px;margin-right:45px;transition:all ease-out 0.3s;border:1px solid #eee;background:#fff;border-bottom:2px solid #1B4F9B;margin-bottom:45px;}
					/* .product-list li:nth-of-type(6){margin-right:0;} */
					.product-list li a{display:block;position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
					.product-list li section{}
					.product-list li figure{overflow:hidden;}
						.product-list li figure img{width:100%;}
					.product-list li dl{border-top:1px solid #eee;padding:10px;text-align: center;}
						.product-list li dt{font-size:16px;}
						.product-list li dd{color:#666;font-size:12px;}
					.product-list li i{display:none;font-style:normal;line-height:40px;padding:0 10px;}
					.product-list li:hover{}
					.product-list li:hover img{transform: scale3d(1.05, 1.05, 1);}
					.product-list li:hover h3{background:#1B4F9B;color:#fff;}
	
	
.newsbox{padding:60px 0 30px;}
	.news .flex{align-items:flex-start;justify-content: space-between;}
	.news .flex div{flex:0 0 48%;margin:0 1% 30px;}
	.newslist{background:#fff;}
		.newslist section{display:flex;justify-content:space-between;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:20px;}
		.newslist h3{font-size:18px;font-weight:normal;}
		.newslist a{text-transform:uppercase;}
		.newslist ul{margin:0 -2%;height: 200px;overflow: hidden;}
		.newslist li{}
		.newslist li a{display:block;position:relative;}
		.newslist li a:after{content:'>';display:block;position:absolute;bottom:0;right:0;width:0;top:0;background:#eee;color:#fff;text-align:center;transition:all ease-out 0.3s;font-size:0px;line-height:130px;}
		.newslist li dl{}
		.newslist li dt{font-size:15px;margin-bottom:10px;transition:all ease-out 0.3s;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.newslist li dd{font-size:13px;color:#999;height:40px;overflow:hidden;margin-bottom:10px;}
		.newslist li time{display:block;font-size:12px;color:#999;}
		.newslist li span{display:block;}
		.newslist li a:hover{}
		.newslist li a:hover:after{}
	.newsmore{text-align:center;margin-top:40px;}
		.newsmore a{display:inline-block;position:relative;line-height:50px;}
			.newsmore a:before{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #28166f;}
			.newsmore a:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#28166f;transition:all 0.3s ease-out 0s;}
			.newsmore a span{position:relative;z-index:1;color:#fff;padding:0 30px;transition:all 0.3s ease-out 0s;}			
			.newsmore a:hover:after{left:100%;}
			.newsmore a:hover span{color:#28166f;}
}