﻿

.row-b1{border-top: 1px solid rgba(0,0,0,.1);padding: .78rem 0 0;}

.m-tit1{display: flex;justify-content: space-between;margin-bottom: .53rem;}
.m-tit1 .tit{font-size: .58rem;color: #111;}
.m-tit1 .desc{font-size: .2rem;line-height: 1.6;color: #000;max-width: 5.8rem;
	padding-top: .07rem;
}
.m-tit1 .desc a{color: #094;font-weight: bold;text-decoration: underline;}
.g-tab{display: flex;flex-wrap: wrap;margin-bottom: .63rem;}
.g-tab li{margin-right: .15rem;}
.g-tab li a{display: block;width: 1.36rem;height: .5rem;text-align: center;line-height: .48rem;position: relative;overflow: hidden;
	background: rgba(0,153,68,0);border-radius: .25rem;border: 1px solid rgba(0,0,0,0.14);
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}
.g-tab li span{position: relative;font-size: .2rem;color: #666;z-index: 2;
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}
.g-tab li a:after{content: '';position: absolute;width: 0;height: 0;top: 50%;left: 50%;
	background-color: #094;border-radius: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}
.g-tab li.on a,.g-tab li:hover a{border-color: #094;}
.g-tab li.on a:after,.g-tab li:hover a:after{width: 1.5rem;height: 1.5rem;}
.g-tab li.on span,.g-tab li:hover span{color: #fff;}

.m-list1{border-top: 1px solid rgba(0,0,0,.2);}
.m-list1 li{border-bottom: 1px solid rgba(0,0,0,.1);position: relative;}
.m-list1 li:after{content: '';position: absolute;bottom: -1px;left: 50%;right: 50%;
	height: 1px;background-color: #094;
	transition: .8s;
	-ms-transition: .8s;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	-o-transition: .8s;
}
.m-list1 .con{display: block;overflow: hidden;padding: .25rem 0;}
.m-list1 .pic{float: right;width: 3.38rem;height: 2.14rem;border-radius: .2rem;overflow: hidden;
	margin-left: .8rem;
}
.m-list1 .pic img{width: 100%;height: 100%;display: block;object-fit: cover;
	transition: .8s;
	-ms-transition: .8s;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	-o-transition: .8s;
}
.m-list1 .txt{overflow: hidden;padding-top: .15rem;}
.m-list1 .tit{font-size: .42rem;color: #333;margin-bottom: .1rem;
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow: hidden;
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}
.m-list1 .info{display: flex;flex-wrap: wrap;margin-bottom: .14rem;}
.m-list1 .date{font-size: .18rem;color: #666;display: block;line-height: .32rem;
	margin-right: .17rem;
}
.m-list1 .lab{display: block;height: .32rem;line-height: .32rem;padding: 0 .17rem 0 .14rem;
	border-radius: .16rem;font-size: .16rem;margin-right: .11rem;
}
.m-list1 .lab:before{content: '';display: inline-block;vertical-align: middle;
	width: .18rem;height: .16rem;margin-right: .05rem;position: relative;top: -1px;
	background-position: center;background-repeat: no-repeat;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.m-list1 .lab-1{color: #094;background-color: #EEF1F0;}
.m-list1 .lab-2{color: #8C7340;background-color: #F1EEE7;}
.m-list1 .lab-3{color: #5A92B7;background-color: #E7EDF1;}
.m-list1 .lab-1:before{background-image: url(../images/i-03.png);}
.m-list1 .lab-2:before{background-image: url(../images/i-04.png);}
.m-list1 .lab-3:before{background-image: url(../images/i-05.png);}
.m-list1 .desc{font-size: .18rem;line-height: 1.67;color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.m-list1 li:hover .tit{color: #094;}
.m-list1 li:hover .pic img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.m-list1 li:hover:after{left: 0;right: 0;}
.m-list1 .hot .tit:after{content: '';display: inline-block;vertical-align: middle;margin-left: .2rem;
	width: .33rem;height: .38rem;position: relative;top: -2px;
	background: url(../images/i-02.png) no-repeat center;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.pages{margin: .63rem 0 1.1rem;}
.pages ul{display: flex;justify-content: center;}
.pages li{margin: 0 .06rem;}
.pages li a{display: block;width: .6rem;height: .6rem;border-radius: 50%;
	text-align: left;line-height: .58rem;font-size: .18rem;color: #444;
	border: 1px solid #eaeaea;text-align: center;
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}
.pages li.on a,.pages li:hover a{background-color: #094;color: #fff;}


.row-b2{padding-bottom: 1.22rem;}
.m-yu{height: 3.8rem;position: relative;padding: .33rem 0 0 .5rem;color: #000;
	background: url(../images/p-bg1.png) no-repeat center;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
.m-yu .left{position: absolute;top: 50%;left: 1.75rem;z-index: 2;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.m-yu .txt{}
.m-yu .tit{font-size: .36rem;margin-bottom: .11rem;}
.m-yu .info{font-size: .22rem;margin-bottom: .27rem;}
.m-yu .btn{color: #fff;
  font-size: 0.16rem;
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 0.42rem;
  text-align: center;
  background-color: #fff;
  border: 1px solid var(--primary-color);
  -webkit-border-radius: 0.21rem;
  -ms-border-radius: 0.21rem;
  border-radius: 0.21rem;
  overflow: hidden;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  position: relative;
}
.m-yu .btn span{position: relative;z-index: 3;line-height: 1;}
/*.m-yu .btn:after{content: '';position: absolute;top: 50%;left: 50%;width: 0;height: 0;
	background-color: #fff;border-radius: 50%;z-index: 2;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	transition: .8s;
	-ms-transition: .8s;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	-o-transition: .8s;
}
.m-yu .btn:hover:after{width: 3.3rem;height: 3.3rem;}
.m-yu .btn:hover{color: #094;}*/
.m-yu .btn .icon {
  width: 0.24rem;
  height: 0.24rem;
  position: relative;
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  align-items: center;
  justify-content: center;
  margin-left: 0.13rem;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.m-yu .btn .icon i {
  width: 0.14rem;
  height: 0.14rem;
  background: url("./../images/i-01.png") no-repeat center;
  -webkit-bbackground-size: 80% 80%;
  -ms-background-size: 80% 80%;
  background-size: 80% 80%;
  display: block;
  position: relative;
  z-index: 2;
}
.m-yu .btn .icon::before,
.m-yu .btn .icon::after {
  content: '';
  position: absolute;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.m-yu .btn .icon::before {
  z-index: 1;
  width: 3rem;
  height: 3rem;
  left: -2.4rem;
  top: -1rem;
  background-color: var(--primary-color);
}

.m-yu .btn .icon::after {
  z-index: 2;
  width: 100%;
  height: 100%;
  border: 0.02rem solid #fff;
  margin-top: -0.02rem;
  -webkit-border-radius: 0.04rem;
  -ms-border-radius: 0.04rem;
  border-radius: 0.04rem;
}
.m-yu .btn .icon svg {
  fill: #fff;
  width: 0.2rem;
  height: 0.2rem;
  position: relative;
  z-index: 2;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.m-yu .btn:hover {
  color: var(--primary-color);
}
.m-yu .btn:hover .icon {
  -webkit-transform: translateX(0.17rem);
  -ms-transform: translateX(0.17rem);
  transform: translateX(0.17rem);
}
.m-yu .btn:hover .icon::before {
  left: 0;
  top: 0;
  width: 0.42rem;
  height: 0.42rem;
  margin-left: -0.09rem;
  margin-top: -0.09rem;
  -webkit-border-radius: 0.21rem;
  -ms-border-radius: 0.21rem;
  border-radius: 0.21rem;
}
.m-yu .btn:hover .icon::after {
  opacity: 0;
  visibility: hidden;
}




.m-yu .bot{display: flex;align-items: flex-end;}
.m-yu .qr{width: 1.07rem;margin-right: .34rem;}
.m-yu .qr img{width: 100%;display: block;}
.m-yu .tel{line-height: 1.2;}
.m-yu .t1{font-size: .2rem;display: block;margin-bottom: .05rem;}
.m-yu .t2{font-size: .36rem;font-weight: bold;}
.m-yu .pic{position: absolute;bottom: .1rem;right: 1.8rem;width: 4.51rem;z-index: 2;}
.m-yu .pic img{width: 100%;display: block;}
.m-yu .bg{position: absolute;left: .1rem;bottom: 0;width: 5.14rem;height: 1.92rem;
	background: url(../images/i-bg1.png) no-repeat center top;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	animation: bubblemoveX 5s linear 1s infinite;
}

.row-b3{padding: .95rem 0 0;
	border-top: 1px solid rgba(0,0,0,.1);
}
.m-details{}
.m-details .lab{display: inline-block;height: .32rem;line-height: .32rem;padding: 0 .17rem 0 .14rem;
	border-radius: .16rem;font-size: .16rem;margin-bottom: .12rem;
}
.m-details .lab:before{content: '';display: inline-block;vertical-align: middle;
	width: .18rem;height: .16rem;margin-right: .05rem;position: relative;top: -1px;
	background-position: center;background-repeat: no-repeat;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.m-details .lab-1{color: #094;background-color: #EEF1F0;}
.m-details .lab-2{color: #8C7340;background-color: #F1EEE7;}
.m-details .lab-3{color: #5A92B7;background-color: #E7EDF1;}
.m-details .lab-1:before{background-image: url(../images/i-03.png);}
.m-details .lab-2:before{background-image: url(../images/i-04.png);}
.m-details .lab-3:before{background-image: url(../images/i-05.png);}
.m-details h1{font-size: .52rem;color: #333;margin-bottom: .35rem;}
.m-details .info{display: flex;justify-content: space-between;align-items: center;
	background-color: #F3F6F5;border-radius: .1rem;padding: 0 .35rem;height: .81rem;
	margin-bottom: .5rem;
}
.m-details .left{font-size: .2rem;color: #555;display: flex;line-height: .3rem;}
.m-details .left span{margin-right: .72rem;padding-left: .32rem;display: block;
	background-position: left center;background-repeat: no-repeat;
}
.m-details .date{background-image: url(../images/i-11.png);
	-o-background-size: .21rem auto;
	-ms-background-size: .21rem auto;
	-moz-background-size: .21rem auto;
	-webkit-background-size: .21rem auto;
	background-size: .21rem auto;
}
.m-details .author{background-image: url(../images/i-12.png);
	-o-background-size: .19rem auto;
	-ms-background-size: .19rem auto;
	-moz-background-size: .19rem auto;
	-webkit-background-size: .19rem auto;
	background-size: .19rem auto;
}
.m-details .num{background-image: url(../images/i-13.png);
	-o-background-size: .25rem auto;
	-ms-background-size: .25rem auto;
	-moz-background-size: .25rem auto;
	-webkit-background-size: .25rem auto;
	background-size: .25rem auto;
}
.m-details .right{display: flex;line-height: .3rem;}
.m-details .share{display: flex;}
.m-details .t1{font-size: .16rem;color: #868686;}
.m-details .qr{position: absolute;display: none;}
.m-details .i-t{margin-left: .15rem;cursor: pointer;}
.m-details .ico{height: .3rem;line-height: .3rem;display: block;font-size: 0;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}
.m-details .ico img{display: inline-block;vertical-align: middle;height: .2rem;}
.m-details .i-t:hover .ico{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
}
.m-details .cont{display: flex;justify-content: space-between;}
.m-details .col-l{width: 68%;float: none;}
.m-details .col-r{width: 26%;float: none;padding-top: .04rem;}
.m-box{position: sticky;top: 1rem;}
.m-details .txt{font-size: .2rem;line-height: 1.8;text-align: justify;color: #666;
	margin-bottom: .7rem;
}
.m-details .source{font-size: .18rem;color: #999;line-height: 2;margin-bottom: .55rem;}
.m-details .source strong{color: #666;}
.m-details .arrow{position: relative;display: flex;justify-content: space-between;}
.m-details .arrow .prev,.m-details .arrow .next{width: 4.3rem;height: .74rem;border-radius: .37rem;
	display: block;text-align: center;line-height: .74rem;font-size: .18rem;color: #333;
	background-color: #F3F3F3;
}
.m-details .arrow .back{display: block;width: .74rem;height: .74rem;border-radius: 50%;
	background: #F3F3F3 url(../images/i-17.png) no-repeat center;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.m-t1{font-size: .26rem;color: #000;font-weight: normal;margin-bottom: .3rem;}
.ul-tab{display: flex;flex-wrap: wrap;margin-bottom: .47rem;}
.ul-tab li{margin-right: .1rem;margin-bottom: .1rem;}
.ul-tab li a{display: block;padding: 0 .3rem;height: .49rem;border-radius: .25rem;
	font-size: .18rem;color: #333;line-height: .49rem;
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}
.ul-tab .i1 a{background-color: #ECF3F4;}
.ul-tab .i2 a{background-color: #E9F5E7;}
.ul-tab .i3 a{background-color: #F3F4E4;}
.ul-tab li a:hover{background-color: #094 !important;color: #fff;}

.row-b4{padding: .9rem 0 0;}




.fix-right{position: fixed;right: .1rem;top: 50%;z-index: 1008;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.fix-right ul{border-radius: .2rem;padding: .2rem 0;
    background-color: #fff;box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1);
}
.fix-right .con{display: block;width: .6rem;height: .82rem;position: relative;
    display: flex;align-items: center;justify-content: center;cursor: pointer;
    transition: all .5s;
}
.fix-right .ico{display: block;width: .28rem;height: .28rem;margin: 0 auto 2px;}
.fix-right .ico img{width: 100%;height: 100%;display: block;}
.fix-right .t1{text-align: center;font-size: .16rem;color: #060606;}
.fix-right .f-p{position: absolute;top: 50%;right: 100%;padding-right: 18px;
    transform: translateX(10px) translateY(-50%);opacity: 0;
    pointer-events: none;visibility: hidden;
    transition: all .5s;
}
.fix-right .pop{position: relative;border-radius: 8px;
    background-color: #fff;box-shadow: 0 2px 19px 10px rgba(22, 44, 112, .05);
}
.fix-right .pop:after{content: '';position: absolute;top: 50%;left: 100%;
    border-left: 16px solid #fff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.fix-right .tel{padding: .25rem 0;font-size: .2rem;color: #000;
    width: 2.38rem;text-align: center;font-weight: bold;
}
.fix-right .qr{padding: .15rem .15rem .25rem;}
.fix-right .qr .pic{width: 1.1rem;margin-bottom: .05rem;}
.fix-right .qr .pic img{width: 100%;display: block;}
.fix-right .t2{display: block;font-size: .16rem;text-align: center;}
.fix-right .con:hover,.fix-right .btn-top:hover{background-color: #d9f7e7;}
.fix-right .con:hover .f-p{visibility: visible;pointer-events: all;opacity: 1;
    transform: translateX(0px) translateY(-50%);
}
.fix-right .btn-top{height: .6rem;}
.fix-right .btn-top .ico{margin-bottom: 0;}
/*.fix-right .btn-top{width: .6rem;height: .6rem;display: flex;align-items: center;justify-content: center;
    transition: all .5s;
}
.fix-right .btn-top img{display: block;width: .28rem;height: .28rem;}*/