.main {
  background-image: url(/images/mg_new/main-bkg.png);
  background-size: 100%;
}

.main .main-title h1 {
  text-align: center;
  color: #000000;
  font-size: 3vmin;
  padding-top: 7.3vmin;
}

.main .main-title h2 {
  text-align: center;
  color: #666666;
  font-size: 1.4vmin;
  padding-top: 1.1vmin;
}

.main .round {
  margin-top: 8vmin;
  padding-bottom: 5vmin;
}

.main .round .col-sm .round-left {
  margin-bottom: 20vmin;
}

.main .round .col-sm .round-left .left-text {
  width: 70%;
  float: left;
}

.main .round .col-sm .round-left .left-text h1 {
  font-size: 2.4vmin;
  color: #000000;
  float: right;
}

.main .round .col-sm .round-left .left-text h2 {
  font-size: 1.4vmin;
  color: #808080;
  float: right;
  line-height: 2vmin;
}

.main .round .col-sm .round-left img {
  display: block;
  width: 20%;
  float: right;
}

.main .round .col-sm .round-right .left-text {
  float: right;
}

.main .round .col-sm .round-right .left-text h1 {
  float: left;
}

.main .round .col-sm .round-right img {
  float: left;
}

.main .round .col-sm .round-middle {
  width: 70%;
  margin: auto;
}

.main .round .col-sm .round-middle img {
  width: 100%;
}

.main .round .col-sm .round-middle .middle-text {
  position: absolute;
  top: 33%;
  width: 65%;
  text-align: center;
}

.main .round .col-sm .round-middle .middle-text p {
  display: inline-block;
  font-size: 1.6vmin;
  color: #4d5899;
}

.main .round .col-sm .round-middle .middle-text img {
  display: inline-block;
  width: 4vmin;
  padding-left: .5vmin;
}


@media screen and (max-width: 1800px) {
  .main .round .col-sm .round-middle .middle-text {
    top: 34%;
	}
}
@media screen and (max-width: 1780px) {
  .main .round .col-sm .round-middle .middle-text {
    top: 39%;
	}
}
@media screen and (max-width: 1550px) {
  .main .round .col-sm .round-middle .middle-text {
    top: 45%;
  }
  .main .round .col-sm .round-left .left-text h2 {
  font-size: 1.4vmin;
  color: #808080;
  float: right;
  line-height: 3vmin;
}
.news-new-main-title .row .col-sm-10 p{	
		font-size:3vmin;	
	}
}
@media screen and (max-width: 1150px){
.main .round .col-sm .round-middle .middle-text {
    top: 36%;
}
}
@media screen and (max-width: 992px) {
  .main .main-title h1 {
    font-size: 5vmin;
  }
  .main .main-title h2 {
    font-size: 2.5vmin;
  }
  .main .round .col-sm .round-left .left-text h1 {
    font-size: 4.5vmin;
  }
  .main .round .col-sm .round-left .left-text h2 {
    font-size: 3vmin;
    line-height: 5.5vmin;
  }
  .main .round .col-sm .round-middle {
    width: 35%;
    margin: 4vmin auto 8vmin auto;
  }
  .main .round .col-sm .round-middle .middle-text {
    width: 30%;
    top: 38%;
  }
  .main .round .col-sm .round-middle .middle-text p {
    font-size: 3vmin;
  }
  .main .round .col-sm .round-middle .middle-text img {
    display: none;
    width: 10vmin;
  }
}

.product {
  padding-bottom: 6vmin;
  background-image: url(/images/mg_new/product-main.png);
  background-size: 100% 100%;
}

.product .product-title h1 {
  text-align: center;
  color: #000000;
  font-size: 3vmin;
  padding-top: 7.3vmin;
}

.product .product-title h2 {
  text-align: center;
  color: #666666;
  font-size: 1.4vmin;
  padding-top: 1.1vmin;
}

.product .product-main {
  height: 45vmin;
  margin-top: 6vmin;
  background-image: url(/images/mg_new/product-bkg.png);
  background-size: 100% 100%;
}

.product .product-main .col .product-left {
  margin-top: 25vmin;
}

.product .product-main .col .product-left img {
  width: 17%;
  display: block;
  float: left;
  margin-top: 2vmin;
}

.product .product-main .col .product-left .product-text {
  width: 75%;
  float: right;
}

.product .product-main .col .product-left .product-text h1 {
  font-size: 2.4vmin;
  color: #000000;
  float: left;
}

.product .product-main .col .product-left .product-text span {
  color: #333333;
  line-height: 3.5vmin;
  padding-left: 1.5vmin;
}

.product .product-main .col .product-left .product-text h2 {
  font-size: 1.4vmin;
  color: #808080;
  float: left;
  line-height: 3vmin;
  margin-top: 1vmin;
}

.product .product-main .col .product-right {
  margin-top: 5vmin;
}

.product .product-mobile {
  display: none;
}

@media screen and (min-width: 1801px) {
  .product .product-main .col .product-left .product-text h2 {
  	margin-top: 0vmin;
	}
}

@media screen and (max-width: 992px) {
  .product .product-title h1 {
    font-size: 5vmin;
  }
  .product .product-title h2 {
    font-size: 2.5vmin;
  }
  .product .product-main {
    display: none;
  }
  .product .product-mobile {
    display: block;
    margin-top: 6vmin;
  }
  .product .product-mobile .col {
    background-color: rgba(255, 255, 255, 0.8);
  }
  .product .product-mobile .col .product-mobile-main {
    padding: 5vmin 0;
  }
  .product .product-mobile .col .product-mobile-main img {
    display: block;
    width: 40%;
    margin: auto;
  }
  .product .product-mobile .col .product-mobile-main .product-mobile-text h1 {
    font-size: 5vmin;
    text-align: center;
    margin-top: 3vmin;
  }
  .product .product-mobile .col .product-mobile-main .product-mobile-text h3 {
    font-size: 3vmin;
    text-align: center;
  }
  .product .product-mobile .col .product-mobile-main .product-mobile-text h2 {
    font-size: 3vmin;
    line-height: 5.5vmin;
  }
}

.news .news-main .col-sm-4 {
  background: url(/images/mg_new/news-bkg.png);
  background-size: 38% 100%;
  background-repeat: no-repeat;
  background-position: 9.3vmin 0;
}

.news .news-main .col-sm-4 img {
  width: 24vmin;
  margin-left: 3vmin;
}

.news .news-main .col-sm-4 img:nth-child(1) {
  margin-top: 6vmin;
}

.news .news-main .col-sm-4 img:nth-child(2) {
  width: 37vmin;
  margin-left: 0;
  border: .7vmin solid #ededed;
}

.news .news-main .col-sm-4 img:nth-child(3) {
  margin-bottom: 9vmin;
}

.news .news-main .col-sm-8 .news-title {
  margin-bottom: 4vmin;
}

.news .news-main .col-sm-8 .news-title h1 {
  text-align: center;
  color: #000000;
  font-size: 2.6vmin;
  padding-top: 8.5vmin;
}

.news .news-main .col-sm-8 .news-title h2 {
  text-align: center;
  color: #666666;
  font-size: 1.1vmin;
  padding-top: 1.1vmin;
}

.news .news-main .col-sm-8 .news-list .row {
  margin-bottom: 4.6vmin;
}

.news .news-main .col-sm-8 .news-list .row a:hover {
  text-decoration:none;
}

.news .news-main .col-sm-8 .news-list .row .col img {
  float: left;
  width: 2vmin;
  height: 4vmin;
  margin-top: 2vmin;
  margin-right: 1vmin;
  display: none;
}

.news .news-main .col-sm-8 .news-list .row .col h1 {
  font-size: 1.8vmin;
  color: #000000;
}

.news .news-main .col-sm-8 .news-list .row .col h2 {
  font-size: 1.4vmin;
  color: #808080;
}

.news .news-main .col-sm-8 .news-list .row .col .news-icon {
  width: 6vmin;
  height: 6vmin;
  background-color: #f5f5f5;
  margin-top: 1vmin;
  margin-left: 3.5vmin;
  margin-right: 3vmin;
  float: left;
}

.news .news-main .col-sm-8 .news-list .row .col .news-icon h1 {
  text-align: center;
  font-size: 3vmin;
  color: #646c9a;
  -webkit-margin-before: .15em;
          margin-block-start: .15em;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  font-weight: bold;
}

.news .news-main .col-sm-8 .news-list .row .col .news-icon h2 {
  text-align: center;
  font-size: 1vmin;
  color: #646c9a;
}

.news .news-main .col-sm-8 .news-list .row:nth-child(2) .col img:nth-child(2) {
  display: block;
}

.news .news-main .col-sm-8 .news-list .row:nth-child(2) .col .news-icon {
  margin-left: 0.5vmin;
  border: 1px solid #ff531a;
}

.news .news-main .col-sm-8 .news-list .row:nth-last-child() {
  margin-bottom: 0.6vmin;
}

@media screen and (min-width: 995px) {
	.news{
		display:none;
	}
	.news-new{
		background-color:#fff;
	}
	.news-new-title{
		text-align:center;
	}
	.news-new-title h1{
		color: #000000;
  		font-size: 3vmin;
  		padding-top: 8.5vmin;
	}
	.news-new-title h2{
	color: #666666;
    font-size: 1.4vmin;
    padding-top: 1.1vmin;
	}
	.news-new-main{
		padding-top: 4vmin;
		padding-bottom: 10vmin;
		background: url(/images/mg_new/main-bkg.png);
  		background-size: 60% 25%;
  		background-repeat: no-repeat;
	}
	.news-new-left{
		display:none;
	}
	.news-new-main-title .row .col-sm-2 span{	
		padding:1vmin 1.3vmin;
		background-color:#747db3;
		color:#fff;
		font-size:2.6vmin;	
	}
	.news-new-main-title .row .col-sm-10 p{	
		color:#000000;
		font-size:2vmin;	
	}
	.news-new-main-main h1{
		    font-size: 1.4vmin;
    		color: #808080;
	}
	.news-new-main-main p{
		    font-size: 1.6vmin;
    		color: #909090;
    		text-align: justify;
    		height:28vmin;
    		overflow:hidden;
	}
	.news-new-main-main button{
		    color:#fff;
		    background-color:#747db3;
		    font-size:1.6vmin;
		    float:right;
	}
	
	.news-new-right{
		position:relative;
	}
	.news-new-picfisrt{
		width:90%;
		height:33vmin;
		position:absolute;
		right:0;
		z-index:100;
	}
	.news-new-picfisrt img{
		width:100%;
		height:100%;
		display:none;
	}
	.news-new-picsecend{
		width:100%;
		height:14vmin;
		position:absolute;
		left:0;
		top:30vmin;
		z-index:100;
	}
	.news-new-picsecend img{
		width:40%;
		height:100%;
		display:block;
		float:left;
		display:none;
	}
	.news-new-picsecend button{
		width:10%;
		height:100%;
		display:block;
		float:left;
		background-color:#747db3;
		color:#fff;
		font-size:4vmin;
		border:0px solid red;
	}
	.news-new-picsecend button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
	}
	.news-new-point{
		width:50%;
		height:20px;
		float:left;
		margin-top:5vmin;
		 display:flex;
  justify-content:center
	}
	.news-new-point span{
		width:20px;
		height:20px;
		border:1px solid #747db3;
		margin-right:2vmin;
	}
	.news-new-point .active{
		background-color:#747db3;
	}
}

@media screen and (max-width: 1550px) {
.news-new-main-title .row .col-sm-2 span{	
		font-size:3.6vmin;	
	}
.news-new-main-title .row .col-sm-10 p{	
		font-size:3vmin;	
	}
	.news-new-main-main p{
		    font-size: 2vmin;
	}
	.news-new-main-main h1{
		    font-size: 1.6vmin;
	}
}

@media screen and (max-width: 992px) {
	.news-new{
		display:none;
	}
  .news .news-main .col-sm-4 {
    display: none;
  }
  .news .news-main .col-sm-8 .news-title h1 {
    font-size: 5vmin;
  }
  .news .news-main .col-sm-8 .news-title h2 {
    font-size: 2.5vmin;
  }
  .news .news-main .col-sm-8 .news-list .row {
    border-bottom: 1px solid #e0e0e0;
  }
  .news .news-main .col-sm-8 .news-list .row .col img {
    display: none;
  }
  .news .news-main .col-sm-8 .news-list .row .col img:nth-child(1) {
    display: block;
    width: 50vmin;
    height: 35vmin;
    margin: auto;
    float: none;
    margin-bottom: 2.5vmin;
  }
  .news .news-main .col-sm-8 .news-list .row .col h1 {
    font-size: 4.5vmin;
    color: #000000;
    margin-top: 5vmin;
  }
  .news .news-main .col-sm-8 .news-list .row .col h2 {
    font-size: 3vmin;
    color: #808080;
    clear: both;
    line-height: 5.5vmin;
  }
  .news .news-main .col-sm-8 .news-list .row .col .news-icon {
    margin-left: 0vmin;
    width: 15vmin;
    height: 15vmin;
  }
  .news .news-main .col-sm-8 .news-list .row .col .news-icon h1 {
    text-align: center;
    font-size: 6vmin;
    color: #646c9a;
    -webkit-margin-before: .4em;
            margin-block-start: .4em;
  }
  .news .news-main .col-sm-8 .news-list .row .col .news-icon h2 {
    text-align: center;
    font-size: 3vmin;
    color: #646c9a;
  }
  .news .news-main .col-sm-8 .news-list .row:nth-child(2) .col img:nth-child(2) {
    display: none;
	}
  .news .news-main .col-sm-8 .news-list .row:nth-child(2) .col img:nth-child(1) {
    display: block;
    width: 50vmin;
    height: 35vmin;
    margin: auto;
    float: none;
    margin-bottom: 2.5vmin;
  }
  .news .news-main .col-sm-8 .news-list .row:nth-child(2) .col .news-icon {
    margin-left: 0vmin;
    border: 0;
  }
}

.friend {
  background-color: #f5f5f5;
}

.friend .friend-main .row {
  padding-top: 6vmin;
  padding-bottom: 4vmin;
  text-align:center;
}

.friend .friend-main .row .friend-title span {
  font-size: 3vmin;
  color: color: #000000;
}

.friend .friend-main .row .col-sm-3 img {
  width: 245px;
  height:70px;
  display:block;
  margin:auto;
  margin-top:30px;
}

@media screen and (max-width: 992px) {
  .friend .friend-main .row .col-sm-2 span {
    font-size: 4.5vmin;
    color: #999999;
    float: left;
    padding-bottom: 4vmin;
  }
  .friend .friend-main .row .col-sm-10 span {
    font-size: 3vmin;
    color: #000000;
    float: left;
    margin-right: 3.5vmin;
    margin-bottom: 2vmin;
  }
}
/*# sourceMappingURL=index.css.map */