@charset "utf-8";


@font-face {
  font-family: "mb";
  src: url("../fonts/Montserrat-SemiBold.woff") format("woff"),
	  url("../fonts/Montserrat-SemiBold.ttf") format("truetype"),
       url("../fonts/Montserrat-SemiBold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "ml";
  src: url("../fonts/Montserrat-Light.woff") format("woff"),
	  url("../fonts/Montserrat-Light.ttf") format("truetype"),
       url("../fonts/Montserrat-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: "meb";
  src: url("../fonts/Montserrat-ExtraBold.woff") format("woff"),
	  url("../fonts/Montserrat-ExtraBold.ttf") format("truetype"),
       url("../fonts/Montserrat-ExtraBold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}



body {
	width: 100%;
	overflow: hidden;  font-family: ProximaNovaR, "微软雅黑";
}
* {
	box-sizing: border-box;
}
a, img {
	vertical-align: top;
}
i, em {
	font-style: normal;
}
.mainMore {
	transition: all 0.6s;
	font-size: 15px;
	color: #fff;
	padding: 14px 20px;
	border: 1px solid #fff;
	border-radius: 30px;
	display: inline-block;
	position: relative;
}
.mainMore span {
	vertical-align: middle;
	display: inline-block;
	width: 24px;
	height: 20px;
	background: url(../images/morebg.png) no-repeat right center;
}
.mainMore:hover {
	color: #fff;
	background: #369367;
	border-color: #369367;
}
ul, ol, li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.mainMoreA {
	color: #666666;
	border: 1px solid #dbdbdb;
	background: none;
}
.mainMoreB {
	color: #fff;
	border: 1px solid #004185;
	background: #004185;
}
.mainMoreE {
	color: #2ca6e0;
	border: 1px solid #2ca6e0;
}
.mainMoreA span {
	background: url(../images/morebg2.png) no-repeat right center;
}
.mainMoreE span {
	background: url(../images/morebg4.png) no-repeat right center;
}
.mainMore:hover span {
	background: url(../images/morebg.png) no-repeat right center;
}
.alignC {
	text-align: center;
}
.alignC .c {
	text-align: center!important;
}
.container {
	width: 90%;
	margin: 0 auto;
}
.clear {
	clear: both;
	height: 0px;
}
 @media(max-width: 1480px) {

.mainMore {
	padding: 10px 20px;
}
}
@media(max-width: 1280px) {
.container {
	width: 90%;
}
}
@media(max-width: 600px) {
.mainMore {
	font-size: 14px;
	padding: 10px 20px;
}
.mainMore span {
	vertical-align: top;
	width: 18px;
}
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
 @media(max-width:  1024px) {
.absolute {
	top: 0;
	transform: translateY(0);
	position: relative;
}
}
/*banner*/
.banner img.pic1 {
	display: block;
	width: 100%;
}
.banner img.pic2 {
	display: none;
}
.ibannerImg {
	overflow: hidden;
}
.banner .swiper-slide {
	overflow: hidden; border-radius:0px 0px 0px 0px;
}
.banner .swiper-slide-active .pcbg, .ibannerImg img {
	-webkit-animation: fa1 5s linear 1; 
}
.banner .swiper-wrapper { background:#f1f1f1;}
@-webkit-keyframes fa {
 0% {
-webkit-transform:scale(1.1);
}
 5% {
-webkit-transform:scale(1.09);
}
 10% {
-webkit-transform:scale(1.08);
}
 15% {
-webkit-transform:scale(1.07);
}
 20% {
-webkit-transform:scale(1.06);
}
 25% {
-webkit-transform:scale(1.05);
}
 30% {
-webkit-transform:scale(1.04);
}
 35% {
-webkit-transform:scale(1.03);
}
 40% {
-webkit-transform:scale(1.02);
}
 45% {
-webkit-transform:scale(1.01);
}
 50% {
-webkit-transform:scale(1.0);
}
 55% {
-webkit-transform:scale(1.01);
}
 60% {
-webkit-transform:scale(1.02);
}
 65% {
-webkit-transform:scale(1.03);
}
 70% {
-webkit-transform:scale(1.04);
}
 75% {
-webkit-transform:scale(1.05);
}
 80% {
-webkit-transform:scale(1.06);
}
 85% {
-webkit-transform:scale(1.07);
}
 90% {
-webkit-transform:scale(1.08);
}
 95% {
-webkit-transform:scale(1.09);
}
 100% {
-webkit-transform:scale(1.1);
}
}
@-webkit-keyframes fa1 {
 0% {
-webkit-transform:scale(1.1);
}
 10% {
-webkit-transform:scale(1.09);
}
 20% {
-webkit-transform:scale(1.08);
}
 30% {
-webkit-transform:scale(1.07);
}
 40% {
-webkit-transform:scale(1.06);
}
 50% {
-webkit-transform:scale(1.05);
}
 60% {
-webkit-transform:scale(1.04);
}
 70% {
-webkit-transform:scale(1.03);
}
 80% {
-webkit-transform:scale(1.02);
}
 90% {
-webkit-transform:scale(1.01);
}
 100% {
-webkit-transform:scale(1.0);
}
}
.banner .swiper-pagination {
	bottom: 0;
	opacity: 0;
	position: absolute;
}
.banner .swiper-container-top .swiper-wrapper .swiper-slide {
	position: relative;
	display: inline-block;
}
.banner .swiper-container-top .swiper-wrapper .swiper-slide .z {
	position: absolute;
	right: 15%;
	top: 35%;
	left: auto;
	bottom: auto;
}
.banner .swiper-container-top .swiper-wrapper .swiper-slide .z .za {
	color: #0b74b6;
	font-size: 46px;
	margin-bottom: 15px;
	font-weight: bold;
}
.banner .swiper-container-top .swiper-wrapper .swiper-slide .z .zb {
	font-size: 20px;
	color: #0b74b6;
	text-transform: uppercase;
	margin-bottom: 33px;
}
.banner .swiper-container-top .swiper-wrapper .swiper-slide .z a {
	border: 1px solid #0b74b6;
	border-radius: 50px;
	padding: 18px 40px;
	display: inline-block;
	color: #0b74b6;
}
.banner .swiper-container-top .swiper-wrapper .swiper-slide .z a img {
	margin-left: 15px;
}
.banner .swiper-container-top .swiper-wrapper .swiper-slide .za .za {
	color: #ffffff;
}
.banner .swiper-container-top .swiper-wrapper .swiper-slide .za .zb {
	color: #ffffff;
}
.banner .swiper-container-top .swiper-wrapper .swiper-slide .za a {
	border: 1px solid #ffffff;
	color: #ffffff;
}
.banner .swiper-container-top {
	position: relative;
}
.banner .swiper-slide .con {
	position: absolute;
	width: 100%;
	left: 0;
	text-align: left;
	top: 55%;
	transform: translateY(-50%);
}
.banner .swiper-slide .con .t {
	font-size: 36px;
	color: #ffffff;
	margin: 0px 0 10px;
}
.banner .swiper-slide .con .c {
	display: block;
	font-size: 18px; width:55%;
	color: #ffffff;
	line-height: 30px;
	margin-bottom: 30px;
}
/*.banner .swiper-slide .con .c p:last-child { padding-left:40px; }*/

.banner .swiper-button-next, .banner .swiper-button-prev {
	z-index: 100;
	position: absolute;
	left: auto;
	bottom: 8%;
	top: auto;
	right: auto;
	width: 52px;
	height: 52px;
	z-index: 1001;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.65);
	transition: all 0.6s;
}
.banner .swiper-button-next {
	background: url(../images/qhnext.png) no-repeat center;
}
.banner .swiper-button-prev {
	background: url(../images/qhprev.png) no-repeat center;
}
.banner .swiper-button-next:hover {
	border-color: #1c9e3b;
	background: url(../images/qhnext.png) no-repeat center #1c9e3b;
}
.banner .swiper-button-prev:hover {
	border-color: #1c9e3b;
	background: url(../images/qhprev.png) no-repeat center #1c9e3b;
}
.banner .swiper-button-next {
	left: calc(8.33333% + 70px);
}
.banner .swiper-button-prev {
	left: 8.3333%;
}
.ssss {
	z-index: 1000;
	position: absolute;
	bottom: 4%;
	left: 0;
	width: 100%;
	text-align: center;
	text-align: center;
}
.sss {
	cursor: pointer;
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
}
.ssss .sss:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 12px;
	height: 12px;
	background: #369367;
	border-radius: 100%;
	box-sizing: border-box;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: background 0.3s ease;
	transition: background 0.3s ease;
}
.sss .circle {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.sss .circle i {
	position: relative;
	float: left;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.sss .circle i::before {
	content: '';
	position: absolute;
	width: 200%;
	right: 0;
	top: 0;
	bottom: 0;
	border: 3px solid rgba(255,255,255,.5);
	border-radius: 100%;
	box-sizing: border-box;
	clip: rect(0, 20px, 20px, 10px);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.sss .circle i:first-child::before {
	left: 0;
	right: auto;
	clip: rect(0px, 10px, 20px, 0px);
}
.sss.sss-active::before {
	background: #ff5a2b;
}
.sss.sss-active .circle i::before {
	-webkit-animation: circleR 5000ms linear both;
	animation: circleR 5000ms linear both;
}
.sss.sss-active .circle i:first-child::before {
	-webkit-animation-name: circleL;
	animation-name: circleL;
}
@-webkit-keyframes circleL {
 0%,  50% {
 -webkit-transform: rotate(-180deg);
 transform: rotate(-180deg);
}
 100% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}
 @-webkit-keyframes circleR {
 0% {
 -webkit-transform: rotate(-180deg);
 transform: rotate(-180deg);
}
 50%,  100% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}
@keyframes circleL {
 0%,  50% {
 -webkit-transform: rotate(-180deg);
 transform: rotate(-180deg);
}
 100% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}
@keyframes circleR {
 0% {
 -webkit-transform: rotate(-180deg);
 transform: rotate(-180deg);
}
 50%,  100% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}
.bannerScroll {
	position: absolute;
	right: 60px;
	width: 20px;
	text-align: center;
	bottom: 0px;
	z-index: 10;
}
.bannerScroll p {
	font-size: 12px;
	color: #fff;
}
.bannerScroll span {
	display: block;
	width: 1px;
	height: 60px;
	background: rgba(255,255,255,0.15);
	margin: 12px auto 0;
	position: relative;
}
.bannerScroll span:after {
	content: '';
	width: 3px;
	height: 17px;
	background: #fff;
	border-radius: 1px;
	position: absolute;
	top: 0;
	left: -1px;
}
.bannerScroll span:after {
	-webkit-animation: haha1 2s linear infinite;
}
@-webkit-keyframes haha1 {
 0% {
top:0;
opacity: 1;
}
 25% {
top:25%;
opacity: 0.75;
}
 50% {
top:50%;
opacity: 0.5;
}
 75% {
top:75%;
opacity: 0.25;
}
 100% {
top:100%;
opacity: 0;
}
}
.ibanner .pic2 {
	display: none;
}
.ibannerImgm {
	height: 30vw;
	overflow: hidden;
}
.ibanner {
	position: relative;
}
.ibannerCon {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
}
.ibannerCon .t {
	font-size: 36px;
	color: #ffffff;
}
.ibannerCon .c {
	font-size: 54px;
	color: #ffffff;
	line-height: 1.4;
}
.ibannerCon .c b {
	display: block;
}
@media(max-width:  1680px) {
.banner .swiper-slide .con .c {

}
.banner .swiper-slide .con .t {
	font-size: 32px;
}
.navL ul li {
	margin-right: 40px;
}

.ibannerCon .t {
	font-size: 32px;
}
.ibannerCon .c {
	font-size: 50px;
}
}
@media(max-width:  1480px) {
.banner .swiper-slide .con .c {

	margin-bottom: 20px;
}
.banner .swiper-slide .con .t {
	font-size: 35px;
	margin-bottom: 20px;
	font-weight: 800;
}
.navL ul li {
	margin-right: 36px;
}
.ibannerCon .t {
	font-size: 28px;
}
.ibannerCon .c {
	font-size: 44px;
}
}
@media(max-width:  1280px) {
.banner .swiper-slide .con .c {
	
}
.banner .swiper-slide .con .t {
	font-size: 20px;
}
.ibannerCon .t {
	font-size: 16px;
}
.ibannerCon .t {
	font-size: 24px;
}
.ibannerCon .c {
	font-size: 38px;
}
}
@media(max-width:  1100px) {
.banner .swiper-slide .con .c {

	margin-bottom: 15px;
}
.banner .swiper-slide .con .t {
	font-size: 20px;
}
.bannerScroll {
	right: 3%;
}
}
@media(max-width:  1024px) {
.ibanner .pic1 {
	display: none;
}
.ibanner .pic2 {
	display: inline-block;
}
.ibannerImgm {
	height: auto;
	overflow: hidden;
}
.ibannerCon .t {
	font-size: 20px;
}
.ibannerCon .c {
	font-size: 32px;
}
}
@media(max-width:  600px) {
.banner .swiper-slide .con .c {

}
.banner .swiper-slide .con .t {
	font-size: 18px;
}
.ibannerCon {
	text-align: left;
	top: auto;
	transform: translateY(0);
	bottom: 20px;
}
.ibannerCon .t {
	font-size: 18px;
}
.ibannerCon .c {
	font-size: 24px;
}
}
@media(max-width:  450px) {
.ibannerCon .t {
	font-size: 16px;
}
.ibannerCon .c {
	font-size: 22px;
}
}
@media(max-width:  400px) {
.ibannerCon .c {
	font-size: 20px;
}
}
/*首页*/
.topHeader {
	padding: 15px 60px;
	width: 100%;
	left: 0;
	position: fixed;
	transition: all 0.6s;
	top: 16px;
	z-index: 100000;
}
.fixed-head.topHeader {
	position: fixed;
	left: 0;
	top: 0;
	background: #fff;
}


.header {
	background: ;
	padding: 0 35px;
	border-radius: 12px;
}
.fixed-head.topHeader .header {
	padding: 0;
}
.topHeader .logo {
	padding-top: 0px;
	float: left;
}
.topHeader .logo img { height:60px; margin-top:7px; width:auto; }
.topHeader .logo .logo1 { display:none;}
.topHeader .logo .logo2 { display:block;}

.topHeader.fixed-head .logo1 { display:block; }
.topHeader.fixed-head .logo2 { display: none;}
.topNav-a {
	float: left;
	margin-left: 20px;
	padding-top: 22px;
	width: 94px;
}
.topNav-a dl {
	position: relative;
}
.topNav-a dl dt {
	color: #fff;
	font-size: 15px;
	padding: 3px 0 25px 0;
}

.topHeader.fixed-head .topNav-a dl dt{color: #333;}

.topNav-a dl dt:before {
	position: absolute;
	content: "";
	top: 25%;
	transform: translateY(-50%);
	right: 0;
	width: 10px;
	height: 5px;
	background: url(../images/dta1.png) no-repeat right center;
}

.topHeader.fixed-head .topNav-a dl dt:before {
	
	background: url(../images/dta.png) no-repeat right center;
}


.fixed-head .topNav-a dl dd, .nobannerNav .topNav-a dl dd {
	background: #fff;
}
.topNav-a dl dd {
	
	font-size: 16px;
	color: #000000;
	position: absolute;
	background: #ffffff;
	top: 45px;
	width: 144px;
	border-radius: 0px;
	padding: 15px 0 5px;
	text-align: center;
	left: -35px;
}

.topNav-a dl dd {
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}



.topNav-a dl dd .eee {
	margin-bottom: 10px;
}
.topNav-a dl dd .eee a {
	font-size: 16px;
	color: #333333;
}
.topNav-a dl dd .eee.cur a {
	color: #182b57;
}
.topNav-a dl dd .eee a:hover {
	color: #369367; font-weight:900;
}
.topNav-a dl:hover dd {
	
}
.topNav-a dl:hover dd {opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}


.headerA .nav {
	float: right; 
}
.navL {
	float: left;
}
.navR {
	float: left;
	cursor: pointer;
	padding-top: 20px;
	margin-left: 55px;
	padding: 26px 0 25px 46px;
	background: url(../images/menu.png) no-repeat left center; display:none;
}
.navR .search, .navR .menu {
	float: left;
}
.navR .search a {
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/search.png) no-repeat center;
}

.navL ul li .xia { width:100%; position:absolute; top:100px; background:#fff; color:#3333; line-height:40px; text-align:center; padding:0px 0px; width:190px;   margin-left:-70px;}

.navL ul li .xia {
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}


.navL ul li:hover .xia { padding:20px 0px; background:#369367;}
.navL ul li:hover .xia {opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}

.navL ul li .xia a { width:100%; line-height:30px; border-bottom:1px solid rgba(0,0,0,0); display:block; height:30px; transition:all .4s;  color:#fff; }
.navL ul li .xia a:hover { font-weight:900; color:#fff; font-size:15px; background:#369367; color:#fff;} 






.navL ul li {
	float: left;
	margin-right: 46px;
}
.navL ul li>a {
	line-height: 70px;
	font-size: 16px;
	color: #fff;
}
.fixed-head .navL ul li>a {
	line-height: 70px; color:#333;
}
.navL ul li.cur>a, .navL ul li:hover>a {
	color: #369367; font-weight:900;
}
 @media(max-width:  1680px) {
.navL ul li {
	margin-right: 30px;
}
.navR {
	margin-left: 40px;
}
}
@media(max-width:  1480px) {
.navL ul li {
	margin-right: 30px;
}
.navR {
	margin-left: 20px;
}
.topHeader {
	padding: 15px 40px;
}
}
@media(max-width:  1280px) {
.navL ul li {
	margin-right: 20px;
}
.topNav-a {
	margin-left: 0;
}
.header {
	padding: 0 20px;
}
.topHeader {
	padding: 0 20px;
}
}
@media(max-width:  1180px) {
.navL ul li {
	margin-right: 20px;
}
}
@media(max-width:  1100px) {
.topHeader {
	padding: 0 3%;
}
.navL, .topNav-a {
	display: none;
}
.topHeader .logo img {
	width: 100px;
}
.topHeader .logo {
	padding: 10px 0;
}
.navR {
	float: right;
	padding: 16px 0 15px 42px;
	font-size: 0;
	height: 48px;
}
.fixed-head .navR {
}
}
.bg {
	position: fixed;
	top: 0;
	z-index: 999999999;
	display: none;
	width: 100%;
	height: 100%;
	background: #28282a;
}
.bg .bga {
	padding: 30px 43px 0 41px;
}
.bg .bga .logo {
	width: 115px;
	height: auto;
	float: left;
}
.bg .bga .e {
	cursor: pointer;
	background: url(../images/x.png) no-repeat center;
	width: 19px;
	height: 19px;
	float: right;
	margin-top: 14px;
}
.bg .bgb {
	margin-top: 180px;
	width: 100%;
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
}
.bg .bgb .indes {
	display: inline-block;
}
.bg .bgb dl {
	float: left;
	margin-right: 60px;
	text-align: left;
}
.bg .bgb dl:last-child {
	margin-right: 0;
}
.bg .bgb dl dt {
	margin-bottom: 19px;
}
.bg .bgb dl dt a {
	color: #fff;
}
.bg .bgb dl dd {
	margin-bottom: 12px;
}
.bg .bgb dl dd:last-child {
	margin-bottom: 0;
}
.bg .bgb dl dd a {
	color: #8f8f8f;
}
.bgc {
	position: absolute;
	bottom: 0;
	width: 100%;
	border-top: 1px solid #3e3e40;
	padding: 0 28px 0 28px;
}
.bgc .bgca {
	float: left;
	padding: 28px 0 29px;
}
.bgc .bgca .bgca1 {
	float: left;
	position: relative;
	padding-left: 20px;
}
.bgc .bgca .bgca1:before {
	position: absolute;
	content: "";
	left: 0;
	top: 2px;
	width: 13px;
	height: 16px;
	background: url(../images/dw.png) no-repeat center;
}
.bgc .bgca .bgca1a {
	margin-left: 38px;
}
.bgc .bgca .bgca1a:before {
	position: absolute;
	content: "";
	left: 0;
	top: 2px;
	width: 15px;
	background: url(../images/dha.png) no-repeat center;
}
.bgc .bgca .bgca1b {
	margin-left: 24px;
	padding-left: 25px;
}
.bgc .bgca .bgca1b:before {
	position: absolute;
	content: "";
	left: 0;
	top: 4px;
	width: 17px;
	height: 13px;
	background: url(../images/yxa.png) no-repeat center;
}
.bgc .bgcb {
	float: right;
	padding: 16px 0 18px;
}
.bgc .bgcb a {
	display: inline-block;
}
.bgc .bgcb a:last-child {
	margin-left: 8px;
}
.banneryw {
	font-family: "SangBleuOGSans-Light";
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 50px;
	margin-bottom: 20px;
}
.bannerzw {
	font-family: "SangBleuOGSans-Light";
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1.3;
	font-weight: 300;
	font-size: 20px;
	margin-bottom: 20px;
}
.bannerzwcpxc {
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	font-family: "SangBleuOGSans-Light";
	text-transform: uppercase;
	margin-bottom: 20px;
}
/*关于我们0*/

.aboutz{width: 100%;
	background: url(../images/ppbga.jpg) no-repeat center top ;
	background-size: 100% auto;
	padding-top: 100px;
	padding-bottom: 30px;}

.aboutz .con { padding:0px 5%; display: flex; justify-content: space-between;}

.aboutbox {
	width: 45%; text-align:left;
	
}
.about_R { width:48%;  height:450px;    }
.about_R img { width:; height: 100%;transition:all .4s; float:right; margin-right:50px; margin-top:-50px;}
.about_R img:hover {  width:; height: 100%; transform:scale(1.05,1.05);}
.namebg {
	width: 85px;
	height: 65px;
	margin: auto;
	background: url(../images/namebagck.png) no-repeat;
	background-position: 0px 10px;
	font-size: 22px;
	color: #000;
	letter-spacing: 5px;
	line-height: 30px;
	  letter-spacing: 19px;
  line-height: 39px;

}
.nameabt {
	width: 100%;
	text-align: center;
	font-family: "ComfortaaB";
	text-transform: uppercase;
	padding-top: 30px; padding-bottom:20px;
	font-size: 40px; 
	color: #000;
}
.nameabtzwen {

	color: #999;
	text-align: center;
	font-size: 18px; line-height:30px; 
}
.nameabtzwen p {}
.abouttext {
	padding: 40px 0px;
	width: 85%;
	margin: auto;
	font-size: 16px;
	text-align: left;
	line-height: 2em;
}
.abo-nav {
	width: 268px;
	height: 47px;
	margin: 0 auto 32px;
	
}
.abo-nav {
	width: 100%;
	height: 47px;
	margin: 20px auto 50px auto;
	
}
.abo-nav li {
	float: left;
	width: 131px;
	height: 47px;
	text-align: center;
	line-height: 47px; background: #70c39c; border-radius:5px; margin:0px 5px; overflow:hidden;
}


.abo-nav li a {
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	display: block;
}
.abo-nav li.ab2 { border:2px solid #369367; color:#369367; background:none;}
.abo-nav li.ab2 a {color:#369367;}

.abo-nav li.cur a {
	color: #FFF;
}
.abo-nav .ab1.cur {
	background: #369367;
}
.abo-nav .ab2.cur {
	background: #369367;
}
.abo .abo-con .abo-nav li a {
	font-size: 16px;
	color: #666666;
	font-weight: bold;
	display: block;
}
.abo .abo-con .abo-bot {
	position: relative;
}
.abo .abo-con .abo-bot .abo-list {
	width: 1005px;
	margin: 0 auto;
}
.abo .abo-con .abo-bot .abo-list .bd {
	overflow: hidden;
}
.abo .abo-con .abo-bot .abo-list .bd ul li {
	float: left;
	width: 238px;
	margin-right: 17px;
}
.abo .abo-con .abo-bot .abo-list .bd ul li span {
	display: block;
	width: 100%;
	line-height: 0;
	overflow: hidden;
}
.abo .abo-con .abo-bot .abo-list .bd ul li span img {
	width: 100%;
}
.abo .abo-con .abo-bot .abo-list .bd ul li em {
	display: block;
	width: 100%;
	height: 17px;
	background: url(../images/abo-yy.png) no-repeat center;
}
.abo .abo-con .abo-bot .abo-list .abo-jt i {
	display: block;
	width: 19px;
	height: 33px;
	cursor: pointer;
}
.abo .abo-con .abo-bot .abo-list .abo-jt i.abo-prev {
	background: url(../images/abo-prev.png) no-repeat center;
	position: absolute;
	left: 0;
	top: 40%;
}
.abo .abo-con .abo-bot .abo-list .abo-jt i.abo-next {
	background: url(../images/abo-next.png) no-repeat center;
	position: absolute;
	right: 0;
	top: 40%;
}
.digital {
	background: ;
	padding: 0px 0px 30px 2% !important; margin:0px auto; width:53%; float:right;
}

.digital ul {
	width: 100%;
	height: 312px;
	margin: 0px auto;
	position: relative;
	clear: both;
	overflow: hidden; padding-top:0px;
}
.digital li {
	margin-top:20px;
	width: 25.333%;
	padding-left: 0px;
	height: 312px;
	box-sizing: border-box;
	float: left;
	text-align: center;
	
	margin-right: 0; border-top:0px solid #369367; padding:90px 0px; margin:0px 4%;
}
.digital li::after {
	content: "";
	position: absolute;
	width: 113px;
	height: 1px;
	background: #cbcbcb;
	right: -150px;
	top: 50px; display:none;
}
.digital li em {
	margin-left: 0px;
	display: block; text-align:center;
	
	height: 62px;
}
.digital li em b {
	margin-left: 0px;
	font-size: 45px;
	color: #1b1b1b;
	font-family: "ComfortaaB";
	font-weight:900;
	line-height: 60px; display:inline-block;
}
.digital li em i {
	font-size: 22px;
	color: #000;
	text-align: center;
	font-weight: normal;
	text-align:;
	line-height: 26px;
	width: 26px;
	height: 26px;
	display: block;
	text-transform:  ; margin-top:-20px;
	font-family: "Arial";
	
	border-radius: 100%;
	background: ; display:inline-block;
}
.digital li h3 {
	font-size: 17px;
	color: #999;
	text-align: center;
	font-weight: normal; width:100%; text-align:center;
}
.digital li:nth-child(2) em b {
	/*margin-left: -22px;*/
}
.digital li:nth-child(2) em i {
	right: 35px;
}
.digital li:nth-child(4) {
	margin-right: 0;
}
.digital li:nth-child(4) em i {
	right: 16px;
}
.digital li:nth-child(4)::after {
	width: 0;
}
/*关于我们0*/

/*产品中心*/
/*第三通栏begin*/


.probox {
	margin: 0px auto;
	margin-bottom: 0PX;
}
.ixBox3 {
	clear: both;
	overflow: hidden;
	position: relative;
}
.ixBox3T {
	position: absolute;
	left: 0;
	top: 5.7291%;
	width: 100%;
	z-index: 99;
}
.ixBox3Slide {
	position: relative;
	overflow: hidden;
	background: #fafafa;
}
.ixBox3Slide .bt {
	display: block;
	width: 66px;
	height: 66px;
	text-align: center;
	line-height: 172px;
	font-size: 16px;
	color: #ffffff;
	border: 1px solid #fff;
	border-radius: 100%;
	background: rgba(255,255,255,0.3) url(../images/icon8.png) no-repeat center center;
	position: absolute;
	top: 50%;
	margin-top: -33px;
	right: 30px;
	z-index: 999;
	cursor: pointer;
	transition-duration: 0.3s;
	display: none;
}
.ixBox3Slide .bt:hover {
	background: rgba(195,37,26,0.3) url(../images/icon8.png) no-repeat center center;
}
.ixBox3Slide .bt:after {
	content: "";
	display: block;
	width: 88px;
	height: 88px;
	border-radius: 100%;
	border: 1px solid rgba(255,255,255,0.5);
	position: absolute;
	top: -12px;
	left: -13px;
	cursor: pointer;
}
.ixBox3Dl {
	position: absolute;
	top: 0;
	left: 0;
	transition-duration: 0.5s;
}
.ixBox3Dl dd {
	overflow: hidden;
	padding-right: 20px;
	position: relative;
	float: left;
	transition-duration: 0.5s;
}
.ixBox3Dl a {
	display: block;
	position: relative;
	height: 100%;
}
.ixBox3Dl dd .divBg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.ixBox3Dl dd .divBg i {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.2);
}
.ixBox3Dl dd .divC {
	position: absolute;
	bottom: 11.2987%;
	left: 0;
	z-index: 9991;
	padding-left: 20px;
	transition: 0.4s;
}
.ixBox3Dl dd.activeW .divC {
	padding-left: 16.8724%
}
.ixBox3Dl dd .divC .divT {
	clear: both;
	height: 55px;
	line-height: 55px;
	color: #ffffff;
	font-size: 22px;
	text-shadow: 0 0 15px rgba(0,0,0,.8);
}
.ixBox3Dl dd .divC .divT2 {
	height: 13px;
	background: url(../images/ixMore.png) no-repeat left center;
}
/*第三通栏end*/

/*产品中心*/
/*应用*/
.yingyba {
	width: 100%;
	margin: 50px 0px;
}
.solution {
	padding-top: 0px;
	box-sizing: border-box;
}
.solution h2 {
	text-align: left;
	margin-bottom: 35px;
}
.solution h2 span {
	display: inline-block;
	height: 68px;
	line-height: 68px;
	font-size: 50px;
	color: #333333;
	padding: 0 21px;
	position: relative;
	font-weight: bold;
}
.solution h2 span:before {
	width: 15px;
	height: 20px;
	background: url(../images/tit-left.png) no-repeat center;
	content: "";
	position: absolute;
	left: 0;
	top: 26px;
}
.solution h2 span:after {
	width: 15px;
	height: 20px;
	background: url(../images/tit-rig.png) no-repeat center;
	content: "";
	position: absolute;
	right: 0;
	top: 26px;
}
.solution h2 em {
	display: block;
	height: 42px;
	line-height: 42px;
	font-size: 24px;
	color: #666666;
	font-weight: normal;
}
.solution .sol-con {
	
	width: 90%; margin:50px 5% 100px;
	height: 600px;
	position: relative;
}
.solution .sol-con .sol-list, .solution .sol-con .sol-pic {
	height:600px;
	width: 100%;
	overflow: hidden;
}
.solution .sol-con .sol-list, .solution .sol-con .sol-pic a img {
	object-fit: cover;
	height:100%;
	width: 100%;
}
.solution .sol-con .sol-pic {
	position: relative;
	width: 100%;
}
.solution .sol-con .sol-pic span {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 0;
	overflow: hidden;
}
.solution .sol-con .sol-pic span img {
	width: 100%;
	height: 100%;
}
.solution .sol-con .sol-pic .sol-left {
	width: 50%;
	height: 600px;
	padding: 140px 0 0 80px;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
}
.solution .sol-con .sol-pic .sol-left i {
	display: block;
	width: 32px;
	height: 2px;
	background: #E60012;
	margin-bottom: 31px;
}
.solution .sol-con .sol-pic .sol-left h4 {
	width: 342px;
}
.solution .sol-con .sol-pic .sol-left h4 em {
	display: block;
	line-height: 23px;
	font-size: 16px;
	color: #E60012;
	text-transform: uppercase;
	font-weight: normal; display: none;
}
.solution .sol-con .sol-pic .sol-left h4 span {
	display: block;
	height: 62px;
	line-height: 62px;
	font-size: 42px;
	color: #FFF;
	font-weight: bold;
	font-family: "思源黑体 CN";
	margin-bottom: 16px;
}
.solution .sol-con .sol-pic .sol-left p {
	line-height: 27px;
	font-size: 16px;
	color: #FFF;
	margin-bottom: 30px;
	width: 500px;
}
.solution .sol-con .sol-pic .sol-left strong {
	display: block;
	width: 159px;
	height: 44px;
	background: url(../images/sol-kk.png) no-repeat center;
}
.solution .sol-con .sol-pic .sol-left strong a {
	display: block;
	height: 44px;
	text-align: center;
}
.solution .sol-con .sol-pic .sol-left strong em {
	display: inline-block;
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	color: #FFF;
	padding-right: 40px;
	background: url(../images/sol-jt1.png) no-repeat right;
	font-weight: normal;
}
.solution .sol-con .sol-hd {
	width: 30%;
	height:600px;
	background: rgba(0,0,0,0.5);
	position: absolute;
	right: 9%;
	top: 0%;
}
.solution .sol-con .sol-hd ul li {
	height: 150px;
	border-bottom: 1px solid rgba(0,0,0,0.18);
	box-sizing: border-box;
	transition: .5s;
}
.solution .sol-con .sol-hd ul li a {
	display: block;
	height: 148px;
	padding: 49px 42px 0 42px;
	box-sizing: border-box;
}
.solution .sol-con .sol-hd ul li i {
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 32px;
	color: rgba(255,255,255,0.3);
	font-family: "SangBleuOGSans-Light";
	margin-bottom: 6px;
	transition: .5s; width:50px; float:left; font-weight:900;
}
.solution .sol-con .sol-hd ul li span {
	display: block; float:left; width:230px;
	height: 37px;
	line-height: 37px;
	font-size: 22px;
	color: #FFF;
	font-family: "思源黑体 CN";
}
.solution .sol-con .sol-hd ul li p {
	height: 24px;
	line-height: 24px;float:left; width:230px;
	font-size: 14px;
	color: rgba(255,255,255,0.37);
	text-transform: uppercase;
	background: url(../images/sol-jt.png) no-repeat right;font-family: "SangBleuOGSans-Light";
}
.solution .sol-con .sol-hd ul li:last-child {
	border-bottom: 0;
}
.solution .sol-con .sol-hd ul li.cur {
	background: rgba(0,0,0,0.25);
}
.solution .sol-con .sol-hd ul li.cur i {
	color: #369367;
}
.solution .sol-con .sol-hd ul li.cur p {
	background: url(../images/sol-jt_h.png) no-repeat right;
}
/*应用*/

/*新闻中心*/
.newnr {
	margin: 50px auto 50px;
	width: 93%;
}
.home11 {
	padding: 60px 0 80px 0;
}
.between {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.box {
	width: 1400px;
	margin: 0 auto;
}
.home11_1 {
	padding: 55px 0 0px;
}
.home11_1 li {
	width: 100%;
}
.home11_1 li b {
	width: 100%;
	height: 270px;
	overflow: hidden;
	background:; display: block;
}
.home11_1 li b .img {
	width: 100%;
	transition: all .4s;
	object-fit: cover;border-radius:8px; 
}
.home11_1 li .home11_2 {
	height: 244px;
	width: 100%;
}
.home11_1 li .home11_2 h3 {
	width: 90%;
	margin: 0 auto;
	height: 58px;
	line-height: 58px;
	margin-top: 40px;
	overflow: hidden;
	box-sizing: border-box;
}
.home11_1 li .home11_2 h2 {
	line-height: 25px;
	width: 90%;
	margin: 10px auto; font-size:15px;
	height: 50px;
	overflow: hidden; font-weight:400;
}
.home11_1 li .home11_2 p {
	height: 36px;
	width: 90%;
	margin: 26px auto 0 auto;
}
.home11_1 li .home11_2 p span {
	width: 36px;
	height: 36px;
	background: #369367;
	border-radius: 50%;
	display: block;
	text-align: center; line-height:36px;
}
.home11_1 li {
	overflow: hidden;
}
.home11_1 li:hover {
	background: #f6f6f6;
}
.home11_1 li:hover .home11_2 h3 {
	color: #369367;
	font-weight: bold;
}
.home11_1 li:hover b .img {
	transform: scale(1.03, 1.03);
}
.home11_3 {
}
.home11_3 a {
	width: 230px;
	height: 60px;
	background: #369367;
}
.home11_3 a:hover {
	color: #ffffff;
}
.cor444 {
	color: #444444;
}
.font17 {
	font-size: 17px;
}
.f {
	display: flex;
}
.aic {
	align-items: center;
}
.jcsb {
	justify-content: space-between;
}
.corfff {
	color: #ffffff;
}
.font24 {
	font-size: 24px;
}
.cor888 {
	color: #888888;
}
.font13 {
	font-size: 13px;
}
/*新闻中心*/

/*企业优势*/

.advanbox {
	background: url(../images/ppbg.jpg) center top no-repeat #369367;
	background-size:100% 100%;
	padding:50PX 0PX;
	text-align: center; border-radius:0px; 
}
.youshi {
	margin: 0px auto; background:#f1f1f1;
}
.container-fluid {
	/* padding: 0 8.33333333%; */
	/*max-width: 1600px;*/
	margin: 0PX auto;
	width: 90%;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 50PX;
	padding-bottom: 50PX;}
 .x-title {
 color: #333;
 font-size: 36px;
 line-height: 2;
 text-align: center;
}

.row {
	margin-right: -15px;
	margin-left: -15px;
}
.clearfix:before {
	display: table;
	content: " ";
}

.advan-list ul { width:100%; height:520px;}
.advan-list .row .col-md-3A:nth-child(1){width:29%; }
.advan-list .row .col-md-3A:nth-child(1){ height:100%;}
.advan-list .row .col-md-3A:nth-child(1) .kk{ height:100%;}
.advan-list .row .col-md-3A:nth-child(1) .kk{ background:url(../images/banner0.jpg) no-repeat center top rgba(255,255,255,.9);}
.advan-list .row .col-md-3A:nth-child(6){width:45.666666666%; }

.advan-list .row .col-md-3A:nth-child(2) .kk{ background:url(../images/banner0.jpg) no-repeat center top rgba(255,255,255,.9);}
.advan-list .row .col-md-3A:nth-child(3) .kk{ background:url(../images/banner0.jpg) no-repeat center top rgba(255,255,255,.9);}

.advan-list .row:hover .col-md-3A:nth-child(1) .kk { }



.col-md-3A {
	width: 22.33333333333%;
	float: left;
	position: relative;
	 height:48.2%;
	margin:.5%;
	
}

.advan-list {
	margin-top: 80PX;
}
.advan-list ul {}
.advan-list li .kk {
	display: block;
	background: rgba(255,255,255,.9);
	border-radius: 8px;
	box-shadow: 0 0 20px rgba(0, 0, 0, .05);
	text-align: center;
	
	position: relative;
	height:100%;
	cursor: pointer;
}
.advan-list li .kk .img { padding-top:35px;}
.advan-list li .kk img { height:70px; width:auto;border-radius: 8px;
	
}
.advan-list li .kk:after {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 100%;
	content: "";
	background: url(../images/ysbga.jpg) bottom left no-repeat ;
	border-radius: 5px;
	z-index: 1;
	-moz-transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
.advan-list li:hover .kk:after {
	left: 0;
	width: 100%
}
.advan-list li h3 {
	color: #000;
	font-size: 29px;
	font-weight: 600;
	line-height: 2;
	margin: 0vh 0 0px;
	position: relative;
	z-index: 9;
	top: 0;
	transition: all 0.8s;
}
.advan-list li:hover h3 {
	top: -50px;
	color: #333;
}
.advan-list li .intro {
	color: #999;
	
	line-height: 2;


	position: relative; line-height:24px;
	z-index: 9;
	top: 0;
	transition: all 0.8s;
}
.advan-list li .intro p { line-height:29px; font-size:16px; color:#666;}
.advan-list li:hover .intro {
	top: -50px;
	color: #666;
	height: 180px;
}


.advan-list li:hover .intro a p  {color: #666;}


/*企业优势*/

/*底部*/

.Footer {
	width:100%;
	background:#1a1a1a;
	padding-bottom:30px;
}
.Footer .Footer_top {
	padding:80px 0vw 50px;
	display:flex;
	justify-content:space-between;
}
.Footer .Footer_top .Footer_top_left {
	display:flex; width: 85%;
}
.Footer .Footer_top .Footer_top_left .top_left_list { width:13%; margin-right:2%;
	
}
.Footer .Footer_top .Footer_top_left .top_left_list:nth-child(5){ width:35%;}
.Footer .Footer_top .Footer_top_left .top_left_list .left_list_dd {
	margin-bottom:20px;
}
.Footer .Footer_top .Footer_top_left .top_left_list .left_list_dd a {
	font-size:17px;
	color:#fff;
}
.Footer .Footer_top .Footer_top_left .top_left_list .left_list_dt p {
	margin-bottom:15px;
	font-size:15px;
	color:#999999;
}
.Footer .Footer_top .Footer_top_left .top_left_list .left_list_dt p:last-child {
	margin-bottom:0;
}
.Footer .Footer_top .Footer_top_left .top_left_list .left_list_dt p a {
	font-size:15px;
	color:#999999;
}
.Footer .Footer_top .Footer_top_left .top_left_list .left_list_dt p img {
	margin-right:0.833vw;
}
.Footer .Footer_top .Footer_top_right{ width:15%;}
.Footer .Footer_top .Footer_top_right .top_right_dd {
	font-size:17px;
	color:#fff;
	margin-bottom:2.865vw;
}

.Footer .Footer_top .Footer_top_right .top_right_dt {
	text-align:left;
}
.Footer .Footer_top .Footer_top_right .top_right_dt img {
	max-width:130px;
}
.Footer .Footer_bottom {
	
	align-items:center;
	justify-content:space-between;
	font-size:15px;
	color:#bdbdbd;
	border-top:1px solid #333;
	padding-top:30px;
	}
.Footer .Footer_bottom a {
	font-size:15px;
	color:#bdbdbd;
	
}

.footer_t { width:90%; margin:0px 5%; padding:5% 0px 2%; border-bottom:1px solid rgba(255,255,255,.1); display:flex;justify-content: space-between; display:none;}
.footer_tl{ width:100%; text-align:center; } 
.footer_tr { width:27%;} 

/*社交 s*/

 .shejiao {


 }
 .shejiao ul {
  width: 100%;
  display: flex;
 }
 .shejiao ul li {
  position: relative;
 }
 .shejiao ul li {
  margin: 0 10px;
  opacity: 1;
  transition: all 0.6s ease;
 }
 .shejiao ul li:hover {
  margin: 0 10px;
  opacity: 0.5;
  transition: all 0.6s ease;
 }
.weixin {
 }
 .erweima {
  position: absolute;
  bottom: 50px;
  display: none;
 }
 .weixin .erweima {
  width: 150px;
  left: -61px;
 }
 .shouji .erweima {
  position: absolute;
  bottom: 40px;
  width: 150px;
  left: -146px;
  display: none;
 }
 .douyin .erweima {
 }
 .erweima img {
  width:100%;
 }
 .weixin:hover .erweima {
  display: block;
 }
 .douyin:hover .erweima {
  display: block;
  width: 200px;
  left: -87px;
 }
 .xiaohongshu:hover .erweima {
  display: block;
  width: 330px;
  left: -160px;
 }
 .weixin .erweima img {
  width: 100%;
 }
 .shouji:hover .erweima {
  display: block;
 }
 .shouji .erweima img {
  width: 100%;
 }
 .shejiao ul li:hover {
  margin: 0 10px;
  opacity: 1;
  transition: all 0.6s ease;
 }
 .zuoxiaotubiao {
  position: fixed;
  left: 2%;
  top: 50%;
  z-index: 99;
  display: none;
 }
 .zuoxiaotubiao img {
 }
 
 /*社交 e*/







.Join2 {
    display: flex;
    align-items: center;
    border-bottom: 0.052vw solid #313131;
}

.Join2 .Join2_left {
	width:50%;
    background: #1a1a1a;
}

.Join2 .Join2_left img {
    width: 9.794vw;
}

.Join2 .Join2_right {
	width:50%;
   
		background:url(../images/bn4.png) no-repeat left #369367;;
    font-size: 1.667vw;
    color: #fff;
    position: relative;
    padding-left: 7.815vw;
}

.Join2 .Join2_left, .Join2 .Join2_right {
    width: 50%;
    height: 7.658vw;
    display: flex;
    align-items: center;
    padding-left: 5.21vw;

}

.pc_all .pc_all_content {
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
    padding: 0px 5.21vw;
}
.Join2 .Join2_right::before {
    content: "";
    display: inline-block;
    width: 15.6821vw;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/bn4.png) no-repeat 50%/cover;
}

.Join2 .Join2_right span {
    position: relative;
    z-index: 3;
}


/*底部*/


/* 分类2*/
/*优势*/
.edge{font-family: "Microsoft Yahei";line-height:24px;font-size: 16px;position: relative;z-index: 1;clear: both;padding: 0px 0 0;color: #fff;width: 100%;overflow: hidden;max-width: 1980px;display: block;margin: 0 auto;}
.leit{width: 100%;overflow: hidden;display: block;height:655px;}
.leit ul{width: 102%;}
.leit li{ float: left;position: relative;cursor:pointer;height: 655px;overflow: hidden;}
.leit li img{display: block;}
.mo{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background:rgba(4,85,153,0.7);}
.hav{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;}

.shu2{position: absolute;left: 50%;top: 40%;margin-left:-425px;width: 850px; height:100PX; font-size: 30px;color: #fff;text-align: center;background: url(../images/protbg.png) no-repeat center top;line-height: 50px;}
.shu2 span {width:100%;font-size:32px;color: #fff;font-weight:900;display:block;margin:0 auto; }
.shu2 em{display: block;font-size: 16px;text-align: center;color: #fff;line-height: 100px; text-transform:capitalize;}

.bock{width: 100%;background: rgba(2 , 101 , 168, 0.9); position: absolute;left:0%; bottom:0px; color: #fff;opacity:0;height:52%;padding:5% 10%;box-sizing: border-box;line-height:24px; border-radius:0px;}
.bock h3{font-size:36px;color: #fff;font-weight:bold;position: relative;height:88px;line-height:82px;}
.bock h3 em{display: inline-block;font-size: 16px;color: #fff;font-weight: normal;padding: 0 0 0 3px; text-transform:capitalize; font-family:ml;}
.bock h3:before{content: "";position: absolute;width: 50px;height:3px;background:#FFF;left:0;top:72px; display:none;}
.bock:before{content: "";position: absolute;width: 52px;height:52px;background: url(../images/ico07.png) no-repeat 0 0;right:5%;bottom:38px;}


/* 分类2*/







/*申请 s*/

.sy_shenqing { width:90%; background:rgba(100%,100%,100%,.9); margin:0% 5%; height:380px; }

.polaris-product-detail-2 { width:100%; height:550px; background:url(../images/sy_job.jpg) no-repeat center  -100px; padding:7% 0px;}
.polaris-product-detail-2 .title-1 {position:relative;}
.polaris-product-detail-2 .title-1 strong {font-weight: normal;color: #009400;}
.polaris-product-detail-2 .text-1 {color: #939393;margin: auto;margin-top: 2%;}
.polaris-product-detail-2 .text-1 p {margin:0;padding:0;}
.polaris-product-detail-2 .text-1 p a { color:#fff;}
.polaris-product-detail-2 .toptext-1 {width: 40%;position: absolute;left: 50%;top: 10%;text-align: center;transform: translateX(-50%);}
.polaris-product-detail-2 .righttext-3 {width: 28%;position: absolute;right: 9.5%;top: 50%;transform: translateY(-50%);}
.polaris-product-detail-2 .lefttext-2 {width: 38%; float:left; background:#369367; height:100%; line-height:380px; font-size:40px; color:#fff; text-align:center; font-weight:900; letter-spacing:0px;}
.polaris-product-detail-2 .centertext-4 {width: 40%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;}
.polaris-product-detail-2 .cbottomtext-5 {width: 40%;position: absolute;left: 50%;bottom: 10%;transform: translateX(-50%);text-align: center;}


	.polaris-product-detail-2 .lefttext-2 .text-1 {margin: 0;width: 100%;margin-top: 2%;}
	.polaris-product-detail-2 .righttext-3 .text-1 {margin: 0;width: 100%;margin-top: 2%;}

.ny_con {}
.ny_con_l { width:60%; padding:1% 4%; float: right; margin-top:30px; background:;   }
.ny_order { line-height:30px; font-size:16px; }
.ny_order .font8 { font-size:15px !important;}
.ny_order .kuang2 { background: rgba(255,255,255,0.5); border:0px solid rgba(0,0,0,.2); margin-left:0px; padding:15px 20px; width:90%; float: left; margin-bottom:5px;}
.ny_order .ann { background:#070006; border-radius:0px; color:#fff; text-align:center; width:110px; margin-top:0px; margin-right:10px; font-size:16px; font-family:ml; line-height:35px; height:35px; text-transform:capitalize; border:0px; }
.juzuo {padding-left:20px !important;}
.order_list img { height:46px;}
.guanjianci strong { font-size:16px; font-weight:900; margin-right:20px;}
.guanjianci a { margin-right:20px;}



.ny_con_r { width:30%; float:right;}
.ny_con_r h3 { color:#30593e}
.ny_con_r_list  { padding-bottom:20px; border-bottom:1px  dotted rgba(0%,0%,0%,.2); margin-top:20px; float:left; width:100%;}
.ny_con_r_list_text  { padding:0px; margin:0px;}
.ny_con_r_list_text p{ padding:0px; margin:0px;  line-height:25px;}
.order_list { width:45%; margin-right:5%; float:left; margin-bottom:5px; margin-top:5px; display:flex;}
.order_list font { line-height:45px; padding-left:10px;}
.order_list1 { width:100%; margin-right:5%; float:left; margin-bottom:10px;  margin-top:5px; display:flex;} 
.order_list2 { width:55%; margin-right:5%; float:left; margin-bottom:10px;  margin-top:5px; display:flex; padding-left:0%;} 







.more-1 {margin-top: 8%;}
.more-1 a {display: block;width: 180px;height: 48px;line-height:48px ;font-size: 0;overflow: hidden;position: relative;text-align: center;border: 2px solid #009400;border-radius: 5px; background:#009400; color:#fff; font-family:mb;}
.more-1 span {display: inline-block;vertical-align: middle;color: #fff;}
.more-1 i {display: inline-block;vertical-align: middle;width: 7px;height: 10px;background: url('../images/r3.png') center no-repeat;margin-left: 10px;}
.more-1 a:hover {background: #9bde46;border: 2px solid #9bde46;}
.more-1 a:hover span {color: #fff;}
.more-1 a:hover i {background: url('../images/r3.png') center no-repeat;}

/*申请 e*/







.probox_top { padding:30px 0px 20px;}

.search{width:40%; margin:0 auto; margin-top:50px;height:52px; padding-left:10px; padding-right:0px; background:#f6f6f6; border-radius:5px; margin-bottom:3%;}
.search .fl{ width:75%}
.search .fr{ float:right;}
.searchinput{height:52px;border:#fefefe solid 0px;width:100%;float:left;display:inline;line-height:52px; outline:none; background:none; color:#555; opacity:0.7; font-size:16px; padding-left:5%; font-size:16px; }
.chan_bg{ background:url(../images/cpbg.jpg) no-repeat center;  width:100%; margin:0 auto}


.pro_nr { width:100%;}
.pro_nr p { width:28%; padding-right:5%; line-height:35px; color:#fff; font-size:16px; float:left; padding-left:5px;}
.pro_nr p a { color:#fff;}









/*欢迎 s*/


.index_2 ul li{
float:left; width:100%; position:relative; overflow:hidden}
.index_2_img{
overflow:hidden; border-radius: 0px;}
.index_2_img img{
width:100%;}
.index_2_mid_name{transform:translateY(-50%); text-align:center;
position:absolute; z-index:10; left:10%; width:80%; top:50%; color:#fff;}
.index_2_mid_name_1{
font-size:55px; font-weight:bold;}
.index_2_mid_name_2{ margin-top:.1em;
font-family:Calibri; font-size:1.5em; }









.txt .t {
color:#fff;
    letter-spacing: 3px;
    text-transform: uppercase;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.txt .t b {
    font-weight: normal;
    display: inline-block;
} 
.txt{
line-height:1.2; text-align:center}
.txt .i { color:#fff;
     
    margin-bottom: 9px;
    transition: 300ms;
    -webkit-transition: 300ms;
    font-weight: bold;
}

.blue {
   /* width: 100%;
    height: 100%;
    background-color: rgba(0, 82, 50, 0.5);
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 4;
    opacity: 0;
    -webkit-transition: all .6s cubic-bezier(0.245, 0.145, 1.355, 1);
    -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
    -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
    -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1);
    transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);*/
}
.tra1 {
    transition: 300ms ease 50ms;
    -webkit-transition: 300ms ease 50ms;
}

.tra2 {
    transition: 300ms ease 100ms;
    -webkit-transition: 300ms ease 100ms;
}

.tra3 {
    transition: 300ms ease 150ms;
    -webkit-transition: 300ms ease 150ms;
}

.tra4 {
    transition: 300ms ease 200ms;
    -webkit-transition: 300ms ease 200ms;
}

.tra5 {
    transition: 300ms ease 250ms;
    -webkit-transition: 300ms ease 250ms;
}

.tra6 {
    transition: 300ms ease 300ms;
    -webkit-transition: 300ms ease 300ms;
}

.tra7 {
    transition: 300ms ease 350ms;
    -webkit-transition: 300ms ease 350ms;
}

.tra8 {
    transition: 300ms ease 400ms;
    -webkit-transition: 300ms ease 400ms;
}

.tra9 {
    transition: 300ms ease 450ms;
    -webkit-transition: 300ms ease 450ms;
}

.tra10 {
    transition: 300ms ease 500ms;
    -webkit-transition: 300ms ease 500ms;
}

.tra11 {
    transition: 300ms ease 550ms;
    -webkit-transition: 300ms ease 550ms;
}

.tra12 {
    transition: 300ms ease 650ms;
    -webkit-transition: 300ms ease 650ms;
}

.tra13 {
    transition: 300ms ease 700ms;
    -webkit-transition: 300ms ease 700ms;
}

.tra14 {
    transition: 300ms ease 750ms;
    -webkit-transition: 300ms ease 750ms;
}

.tra15 {
    transition: 300ms ease 800ms;
    -webkit-transition: 300ms ease 800ms;
}

.tra16 {
    transition: 300ms ease 850ms;
    -webkit-transition: 300ms ease 850ms;
}

.tra17 {
    transition: 300ms ease 900ms;
    -webkit-transition: 300ms ease 900ms;
}

.tra18 {
    transition: 300ms ease 950ms;
    -webkit-transition: 300ms ease 950ms;
}

.tra19 {
    transition: 300ms ease 1000ms;
    -webkit-transition: 300ms ease 1000ms;
}

.tra20 {
    transition: 300ms ease 1050ms;
    -webkit-transition: 300ms ease 1050ms;
}

.tra21 {
    transition: 300ms ease 1100ms;
    -webkit-transition: 300ms ease 1100ms;
}

.tra22 {
    transition: 300ms ease 1150ms;
    -webkit-transition: 300ms ease 1150ms;
}
.tra23 {
    transition: 300ms ease 1200ms;
    -webkit-transition: 300ms ease 1200ms;
}
.tra24 {
    transition: 300ms ease 1250ms;
    -webkit-transition: 300ms ease 1250ms;
}
.tra25 {
    transition: 300ms ease 1300ms;
    -webkit-transition: 300ms ease 1300ms;
}
.tra26 {
    transition: 300ms ease 1350ms;
    -webkit-transition: 300ms ease 1350ms;
}
.tra27 {
    transition: 300ms ease 1400ms;
    -webkit-transition: 300ms ease 1400ms;
}
.tra28 {
    transition: 300ms ease 1450ms;
    -webkit-transition: 300ms ease 1450ms;
}
.tra29 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 1500ms;
}

.tra30 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 1550ms;
}
.tra31 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 1600ms;
}
.tra32 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 1650ms;
}
.tra33 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 1700ms;
}
.tra34 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 1750ms;
}
.tra35 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 1800ms;
}
.tra36 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 1850ms;
}
.tra37 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 1900ms;
}
.tra38 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 1950ms;
}
.tra39 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 2000ms;
}
.tra40 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 2050ms;
}
.tra41 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 2100ms;
}
.tra42 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 2150ms;
}



.index_2 ul li:hover .blue {
    opacity: 1;
}

.index_2 ul li:hover .txt .t,
.index_2 ul li:hover .txt .i {
    color: #fff;
}

.index_2 ul li:hover .txt .bot i {
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.index_2 ul li:hover .txt .t b {
    transform: translate(0px, -10px);
    -webkit-transform: translate(0px, -10px);
}

.index_2 ul li:hover .txt .i {
    transform: translate(0px, -10px);
    -webkit-transform: translate(0px, -10px);
}



/*欢迎 e*/










.moresy {
	
	width: 131px;
	height: 40px;
	text-align: center;
	line-height: 40px;   margin:0px 5px; margin:20px auto;
}


.moresy a {
	font-size: 16px;
	color: #fff;
	font-weight: bold; 
	display: block; 
}
.moresy .ab2 { border:2px solid #369367; color:#fff; background:#369367;  border-radius:25px; overflow:hidden;}
.moresy .ab2 a {color:#fff;}









/* footer */
.footer {background:#252627;position: relative;clear: both; overflow: hidden;color: #fff;}
.footer-content {width: 90%;margin: auto;position: relative;}
.footer-content-top {overflow: hidden;padding: 6% 0;}
.footer-left {float: left;width: 12%; text-align:center; }

.footer-logo img {max-width: 100%; margin:0px auto;}

.footer .ewm { width:100%; margin-top:30px; color:#fff; text-align:center; font-family:Abel; font-weight:normal;}
.footer .ewm img { width:120px; height: auto;}
 
 
.footer-nav {float: right;width: 75%;text-align: right;}
.footer-nav ul,.footer-nav li {list-style: none;margin: 0;padding: 0;}
.footer-nav ul {text-align: left;margin-left: 5%;overflow: hidden;display: inline-block;vertical-align: top;}
.footer-nav ul:first-child {margin-left: 0;}
.footer-nav .title-1 {font-weight: normal;}
.footer-nav li {margin-top: 2rem;}
.footer-nav li a{display: block;color: #fff;padding: 0% 0; font-family:Abel; }


.footer-nav li a.font18 { font-size:15px; font-weight:normal; line-height:30px; }
.footer-nav li { font-size:15px;  font-weight:normal;  line-height:30px;  }
.footer-nav .title-1.font22 { font-size:17px;    }
.footer-nav .contact-us-1 .font20 a  { font-size:15px;  font-weight:normal;  line-height:30px;  }
.footer-copy.font18 { font-size:15px;  font-weight:normal;  }
.footer-copy.font18 a { font-size:15px;  font-weight:normal; }
.footer-nav .contact-us-1 p {font-size:15px; font-weight:normal; line-height:30px; }

.footer-nav li a:hover {color: #fff;}
.footer-nav .contact-1 {overflow: hidden;max-width: 27%;}
.footer-nav .contact-us-1 {color: #fff;margin-top: 2rem; font-family:Abel;}
.footer-nav .contact-us-1 a { color:#fff;}
.footer-nav .contact-us-1 strong{font-weight: normal; font-family:Abel;}
.footer-nav .contact-us-1 p {padding: 1% 0;margin: 0;}
.footer-nav .contact-us-1 p:first-child {padding: 0;margin: 0;}
.footer-content-bottom {border-top: 1px solid rgba(100%,100%,100%,.1);padding: 2% 0;position: relative;}
.footer-copy {color: #fff;position: relative;}
.footer-copy a {color: #fff;}
.footer-copy a:hover {color: #fff;}
.footer-link {/*position: absolute;right: 0;top: 50%;transform: translateY(-50%);*/ width:100%; margin-top:20px;}
.footer-link li {list-style: none;padding: 0;margin: 0;display: inline-block;vertical-align: middle;position: relative;width: 30px;height: 30px;margin-right: 15px;}
.footer-link .ewmshow-1 {background: #fff;padding: 5px;width: 90px;height: 90px;overflow: hidden;position: absolute;bottom: 100%;left: 50%;border-radius: 4px;margin-left: -50px;display: none; display:none;}
.footer-link li:hover .ewmshow-1{display: none;}

.aside-top {position: fixed; width: 50px;bottom:3%;right:1%; z-index:199;display: none;}
.aside-top a {width: 50px;height: 50px;display: block;overflow: hidden; background: #00873b url('../images/up1.png') no-repeat center;border-radius: 100%;}





.sy_about { width:100%; clear:both; padding:70px 0px; height: 660px !important; }
.sy_about .con {display:block !important; width:100%;}
.sy_about .img { width:100%; text-align:center; padding:20px 0px;}
.sy_about .bbti { width:100%; text-align:center; padding:0px 0px; font-size:45px; line-height:70px; color:#000;}
.sy_about .p{ width:80%; text-align:center; margin:20px 10% 0px; line-height:30px; font-size:16px; color:#999;}
.sy_about .shuzi { width:100%; height:170px;}
.sy_about .shuzi .digital{ width:70%; margin:0px 15%;}

















.index_1_mid_left_3_mid_right{
position:absolute; right:-5.48958333333333vw; top:50%;width:5.8125em; height:5.8125em;-webkit-transform: translate(-0%, -50%);
    transform: translate(-0%, -50%);}
	.i_more { position:relative; margin:0px auto; right:0px; top:50px;}
.indexbanner_cir_c.indexbanner_cir_c_b a:after{
background-image:url(../images/hsimg2b.png);}
.indexbanner_cir_c.indexbanner_cir_c_b a:before{
background-image:url(../images/hsimg1b.png);}
.index_1{
margin-top:8.48958333333333vw; margin-bottom:14.27083333333333vw; width:1360px; margin-right: auto; margin-left: auto;}
.index_2_mid{
	background-size: 100% auto;
	width: 100%;
	height: 700px;
	background-attachment: fixed;
	background-image: url(../images/abg.jpg);
	background-repeat: no-repeat; 
	background-position: center center; 
	
	

    background-size: cover;
 
	
}
.index_2_mid img{
width:100%;}
.index_2_mid_mask{-webkit-transform: translate(-0%, 35%);
    transform: translate(-0%, 35%); text-align:center; color:#fff;
 z-index:10;  width:74.32291666666666%;   padding:100px 0px; margin:0px auto; background:rgba(10,78,157,.8); box-shadow:0px 0px 10px 10px rgba(0,0,0,.05);} 







/*quan s*/
.indexbanner_jj_mid{
margin:0 3.64583333333333%;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{
left:auto; right:50px; width:10px; text-align:left; bottom:39%;}
.indexbanner .swiper-pagination-bullet{
width:1.25em; height:1.25em; border-radius:100%; background:none; border:none; overflow:hidden; opacity:1;  position:relative;}
.indexbanner .swiper-pagination-bullet:after{background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img3.png);
content:''; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.indexbanner .swiper-pagination-bullet:before{background-position:center; background-repeat:no-repeat; background-size:cover; transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:50%; top:50%; width:8px; height:8px; background-color:#fff; border-radius:100%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);
}
.indexbanner .swiper-pagination-bullet-active:before{
opacity:0;}
.indexbanner .swiper-pagination-bullet-active:after{
opacity:1;}
.indexbanner_cir{
position:absolute; z-index:10; right:46.84583333333333%;bottom:4.58333333333333vw; width:6.8125em; height:6.8125em;}
.indexbanner_cir_c a{
display:block; position:absolute; left:0; top:0; width:100%; height:100%;}

.indexbanner_cir_c a:after{
content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img2.png);animation:fadenum 5s linear infinite;}
 @keyframes fadenum{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}

}
.indexbanner_cir_c a:before{-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); position:absolute;
content:''; left:49.5%; top:50%; width:13px; height:27px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img1.png);}
.indexbanner_cir_c a:hover:after{animation-play-state:paused}
.index_1_mid{
margin:0px auto; height:; overflow:hidden; position:relative; }



.index_1_mid_right{ overflow:hidden;
float:right; width:48.17788758492897%;}
.index_1_mid_right img{
width:100%;}
.index_1_mid_left{ margin-top:6.51041666666667vw;
float:left; width:42.98949969116739%;}
.index_1_mid_left_1{
font-size:3em; font-family:"Times New Roman", Times, serif}
.index_1_mid_left_2{display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; overflow:hidden;
color:#353535; line-height:2; margin-top:1.5vw; margin-bottom:3.5vw;}
.index_1_mid_left_3_mid{ width:45%;
display:inline-block; position:relative;}
.index_1_mid_left_3_mid_left{
overflow:hidden;}
.index_1_mid_left_3_mid_left img{
width:100%;}


.mar_1_mid_right_1_xx {
    width: 60px;
    height: 2px;
    background-color: #f00;
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
}

.index_2_mid_mask_1{
margin:0 auto;width:6.8125em; height:6.8125em; position:relative;}
.indexbanner_cir_c_play a:before{
width:13px; height:27px; background-image:url(../images/img1.png);}
.index_2_mid_mask_2{
margin-top:1.5vw;}
.index_3{ padding-top:7.29166666666667vw; padding-bottom:5.20833333333333vw;
overflow:hidden; background-color:#222222; color:#fff; margin-top:11.97916666666667vw;}
.index_3_mid{
margin:0 3.64583333333333%;}
.index_3_3 ul li{
float:left; width:33.3333%;}
.index_3_3_1{
overflow:hidden}
.index_3_3_1 img{
width:100%;}
.index_3_3 ul li a{ position:relative;
display:block; padding:0 18.52995676343422%;  }
.index_3_3 ul li a:after{ z-index:10;
content:''; position:absolute; left:0; top:0; height:100%; width:1px; background-color:#fff; opacity:.18;}
.index_3_3 .swiper-slide:nth-child(1) ul li a:after{
display:none}
.index_3_3 ul li:nth-child(1) a:before{
display:none}

.index_3_1{
text-align:center;}
.index_3_2{
text-align:center; font-size:2.25em; margin-top:.2em;}
.index_3_3_2_left_1{
font-size:1.5em; color:#fff;}
.index_3_3_2_left_2{
font-family:Arial, Helvetica, sans-serif; font-size:.875em; margin-top:5px; color:#a6a6a6;}
.index_3_3_2{
position:relative; margin-top:2em; padding-right:4em;}
.index_3_3_2_right{
position:absolute; right:0; top:50%;-webkit-transform: translate(-0%, -50%);
    transform: translate(-0%, -50%); width:3.5625em; height:2.3125em;}
.index_3_3_2_right:before{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; top:50%;-webkit-transform: translate(-0%, -50%);
    transform: translate(-0%, -50%); width:2.8125em; height:1.0625em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img9.png); }
.index_3_3_2_right:after{ border-radius:100%;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; right:1em; opacity:0; top:0; width:2.3125em; height:2.3125em; border:1px rgba(255, 255, 255, 0.2) solid;}
.index_3_3 ul li a:hover .index_3_3_2_right:after{
right:0; opacity:1;}
.index_3_3{ margin-bottom:2.8125vw;
margin-top:5.20833333333333vw;}
.index_3_4{
margin:0 auto;width:6.8125em; height:6.8125em; position:relative;}
.index_4_mid_right_mid_4{width:6.8125em; height:6.8125em; position:relative;}
.index_4_mid{
position:relative; background-color:#f3f3f3; color:#000;}
.index_4_mid_left{ overflow:hidden;
width:58.12847436689314%;}
.index_4_mid_left img{
width:100%;}
.index_4_mid_right{ right:0;-webkit-transform: translate(-0%, -50%);
    transform: translate(-0%, -50%);
position:absolute; top:50%; width:41.87152563310686%;}
.index_4_mid_right_mid_2{
text-align:left}
.index_4_mid_right_mid_3{
line-height:2;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; overflow:hidden; margin-top:2vw; margin-bottom:2vw;}
.index_4_mid_right_mid{
margin:0 11.76470588235294%;}


/*quan e*/



.des { font-size:15px; line-height:30px; color:#666; font-weight:400; letter-spacing:3px;}





 @media(max-width: 1400px) { 
 
 .nameabtzwen p { font-size:35px !important;}
 .digital li em b{ font-size:40px!important;}
 .digital li em i{ font-size:19px !important;}
 
 .topHeader {padding: 15px 20px !important;}
 .nav .navL ul li { margin-right:20px !important;}
 
 .nameabtzwen .des p { font-size:15px !important;}
 .container-fluid .nameabtzwen p { font-size:15px !important;}
 
 .newnr .nameabtzwen p { font-size:15px !important;}
 }



 @media(max-width: 1300px) { 
 
 .topHeader .logo img { height:50px !important;}
 
 .nav .navL ul li { margin-right:12px !important;}
 .digital li em b {font-size:35px!important;}
 
 
 .footer-nav ul { margin-left:20px !important; }
 .aboutbox .nameabtzwen p { font-size:32px !important;}
  .nameabtzwen .des p { font-size:15px !important;}
 
 
 
 
 }




/*rongyu s*/
.news-content-list {overflow: hidden;}
.news-content-item {float: left;width: 32%;margin-right: 2%;margin-bottom: 3%;}
/*.news-content-item:nth-child(3n) {margin-right: 0%;}*/

.news-content-item.mr0 {margin-right: 0;}
.news-content-item a {display: block;overflow: hidden;}
.news-content-item .img{border-radius: 0px;}
.news-content-item .text{padding-top: 7%;overflow: hidden;}
.news-content-item .type-1{color: #00a350;}
.news-content-item .type-1 span {padding: 4px 10px;background: #e4f1ee;border-radius: 4px;}
.news-content-item .title-1 {margin-top: 4%;font-weight: 900; font-family:Abel;}
.news-content-item .text-1{ color:#999; margin-top:20px; margin-bottom:20px;  }
.news-content-item .date-1{color: #999;margin-top: 5%; padding-top:20px;  font-family:Abel; border-top:1px solid rgba(0,0,0,.05);}
.news-content-item a:hover .pic {transform: scale(1.05);}
.news-end-bottom {clear: both;}
/*rongyu e*/