@charset "UTF-8";

@media (min-width: 768px) {

  html {

    font-size: 28px !important;

  }

}



@media (min-width: 1025px) {

  html {

    font-size: 30px !important;

  }

.solve-mian .left .big-img:hover .mask{

	display: block;

}

.solve-mian .left .big-img:hover .name{

	color:#fff;

}

.solve-mian .left .big-img:hover .more{

	color: #fff;

  		border:1px solid #fff; 

}

.solve-mian .left .two-img .left:hover .mask{

	display: block;

}

.solve-mian .left .two-img .right:hover .mask{

	display: block;

}

// .solve-mian .right .solve-div .div-abou .more:hover{

// 	color: #008ad6;

//   		background-color: #fff;

//   		border:1px solid #fff; 

// }

.solve-mian .right .solve-div:hover .mask{

	display: block;

}

.solve-mian .right .solve-div:hover .name{

	color:#fff;

}

.solve-mian .right .solve-div:hover .more{

	color:#fff;

	// background-color:#008bd5;

	border:1px solid #fff;

}



}



@media (min-width: 1440px) {

  html {

    font-size: 34px !important;

  }

}



@media (min-width: 1680px) {

  html {

    font-size: 40px !important;

  }

}













.solve-mian {

  margin-top: 0.75rem;

  position: relative

}



.solve-mian .left {

  float: left;

  width: 59.1%;

}



.solve-mian .left .big-img {

  overflow: hidden;

  position: relative;

}



.solve-mian .left .big-img img {

  width: 100%;

}



.solve-mian .left .div-abou {

  position: absolute;

  top: 1rem;

  left: 1.25rem;

  z-index: 10;

}



.solve-mian .left .div-abou .name {
	font-size: 0.75rem;
	color: #FFFFFF;

}



.solve-mian .left .div-abou .more {
	font-size: 0.4rem;
	color: #FFFFFF;
	padding: 0.15rem 0.8rem;
	border: 1px solid #b9b9bd;
	border-radius: 1rem;
	margin-top: 0.5rem;
	display: inline-block;

}



.solve-mian .left .big-img .mask {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(30, 137, 197, 0.7);

  display: none;

  z-index: 1;

}



.solve-mian .left .big-img {

  margin-bottom: 10px;

}



.solve-mian .left .two-img {

  height: 7.85rem;

}



.solve-mian .left .two-img .left {

  float: left;

  width: 49.1%;

  height: 100%;

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  // background-image: url(../img/img_08.jpg);

  position: relative;

}



.solve-mian .left .two-img .right {

  float: right;

  width: 49.1%;

  height: 100%;

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  // background-image: url(../img/img_09.jpg);

  position: relative;

}



.solve-mian .left .two-img .mask {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(30, 137, 197, 0.7);

  display: none;

  z-index: 1;

}



.solve-mian .left .two-img .name {

  color: #fff;

}



.solve-mian .left .two-img .more {

  color: #fff;

  border: 2px solid #fff;

}



.solve-mian .right {

  position: absolute;

  right: 0;

  top: 0;

  width: 39.8%;

  height: 100%;

}



.solve-mian .right .solve-div {

  margin-bottom: 10px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100% 100%;

  height: 49%;

  width: 100%;

  position: absolute;

}



.solve-mian .right .solve-div:nth-child(1) {

  top: 0;

}



.solve-mian .right .solve-div:nth-last-child(1) {

  bottom: 0;

  margin-bottom: 0;

}



.solve-mian .right .solve-div .div-abou {

  position: absolute;

  top: 1rem;

  left: 1.25rem;

  z-index: 10;

}



.solve-mian .right .solve-div .div-abou .name {
	font-size: 0.75rem;
	color: #FFFFFF;

}



.solve-mian .right .solve-div .div-abou .more {
	font-size: 0.4rem;
	color: #FFFFFF;
	padding: 0.15rem 0.8rem;
	border: 1px solid #b9b9bd;
	border-radius: 1rem;
	margin-top: 0.5rem;
	display: inline-block;

}



.solve-mian .right .solve-div .mask {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(30, 137, 197, 0.7);

  display: none;

  z-index: 1;

}





.f-cb {

  zoom: 1;

}



.f-cb:after {

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

  overflow: hidden;

  content: ".";

}



.fl {

  float: left;

  display: inline;

}



.fr {

  float: right;

  display: inline;

}





@charset "UTF-8";



@media (max-width: 767px){



	.solve-mian{

		margin-top: 0.3rem;

	}

	.solve-mian .left{

		width:100%;

	}

	.solve-mian .left .div-abou{

		top:0.4rem; 

		left:0.5rem;

	}

	

	.solve-mian .left .div-abou .name{

		font-size:1.1rem;
		margin-left:0.5rem;

	}

	.solve-mian .left .div-abou .more{

		font-size:0.84rem;

		padding:0.14rem 0.6rem;

		margin-top:0.3rem;
		margin-left:0.5rem;

	}

	.solve-mian .left .two-img .left{

		width:100%;

		margin-bottom:0.2rem;

	}

	.solve-mian .left .two-img .right{

		width:100%;

		margin-bottom:0.2rem;

	}

	.solve-mian .left .two-img{

	
		min-height: 13rem;

	}

	.solve-mian .right{

		position: relative;

    width: 100%;

    height: 25rem;

    float: left;

	}

	.solve-mian .right .solve-div .div-abou{

		top:0.4rem;

		left:0.5rem;

	}

	.solve-mian .right .solve-div .div-abou .name{

		font-size:1.1rem;
margin-left:0.5rem;
	}

	.solve-mian .right .solve-div .div-abou .more{

		font-size:0.84rem;

		padding:0.14rem 0.6rem;

		margin-top: 0.5rem;
margin-left:0.5rem;
	}

	

	



.solve-mian .left .two-img .more{

	border:1px solid #fff;

}





}