* {
	margin: 0;
	padding: 0
}

ul {
	list-style-type: none
}

a {
	text-decoration: none;
	transition: none;
	-webkit-transition: none;
	-ms-transition: none;
}

a:hover {
	text-decoration: none
}

body img {
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border: 0;
	vertical-align: top
}

:focus {
	outline: 0
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

input::-webkit-input-placeholder {
	color: #666
}

html {
	font-size: 100px
}

body,
html {
	width: 100%;
	min-width: 1680px;
	font-family: "微软雅黑"
}

body {
	font-size: .14rem;
	position: relative
}

/*body::-webkit-scrollbar {
	display: none
}*/

.flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.flex1 {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.flex-direction {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column
}

.flex-wrap {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap
}

.align-items {
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center
}

.justify-content-space-between {
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between
}

.animate3 {
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s
}

.animate5 {
	transition: all .5s;
	-webkit-transition: all .5s;
	-ms-transition: all .5s
}

.middle {
	display: inline-block;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%)
}

.toping {
	display: inline-block;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%)
}

.lefting {
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%)
}

.fixed {
	position: fixed;
	right: 0;
	width: 75px;
	top: 35%;
	z-index: 999999
}

.fixed li {
	width: 75px;
	height: 75px;
	margin-bottom: 1px;
	text-align: center;
	position: relative
}

.fixed li a {
	position: absolute;
	display: block;
	left: 0;
	overflow: hidden;
	width: 75px;
	height: 75px;
	transition: all .4s
}

.fixed li a p {
	float: left;
	width: 75px;
	height: 75px;
	text-align: center;
	background: rgba(1, 164, 59, .7);
	border-radius: 0;
	overflow: hidden;
	box-sizing: border-box;
	padding-top: 18px
}

.fixed li a p:nth-child(2) {
	width: 150px;
	line-height: 75px;
	font-size: .2rem;
	color: #fff;
	padding: 0
}

.fixed li:nth-child(2) a {
	width: 225px
}

.fixed li:nth-child(1) a,
.fixed li:nth-child(3) a {
	width: 150px;
	height: 75px
}

.fixed li:nth-child(1) a p,
.fixed li:nth-child(3) a p {
	height: 75px
}

.fixed li a:hover {
	left: -10px
}

.fixed li:nth-child(2) a:hover p:nth-child(2) {
	border-radius: 0 !important
}

.fixed li:nth-child(2) a:hover {
	left: -150px
}

.fixed li:nth-child(1) a:hover,
.fixed li:nth-child(3) a:hover {
	left: -75px
}

.fixed li a p img {
	width: 40px;
	height: 40px
}

.fixed li a span {
	display: block;
	font-size: .14rem;
	color: #fff
}

.fixed li a>img {
	width: 75px;
	height: 75px;
	float: left
}

.con {
	width: 1680px;
	margin: 0 auto;
	overflow: hidden;
	position: relative
}

.nav {
	width: 100%;
	height: 100px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s
}

.nav .close,
.nav .menu {
	display: none
}

.nav>.con {
	width: 100% !important;
	height: 100%;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s
}

.nav>.con .con {
	height: 100%
}

.nav .logo {
	float: left;
	max-height: 90%;
	display: inline-block;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%)
}

.nav .logo a img:nth-child(1) {
	display: none
}

.nav .ul {
	float: right;
	height: 100%;
	position: relative
}

.nav .ul>li {
	float: left;
	height: 100%;
	padding-left: 80px;
	position: relative
}

.nav .ul>li .tit {
	font-size: .16rem;
	color: #fff;
	display: block;
	height: 100%;
	line-height: 97px;
	position: relative;
	z-index: 998
}

.nav .ul>li .nav1 {
	position: fixed;
	left: 0;
	top: 80px;
	z-index: -1;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	text-align: center;
	font-size: 0;
	padding: 30px 0;
	border-top: solid 1px #e5e5e5;
	background-color: rgba(250, 250, 250, .9);
	transition: all .5s .1s;
	-webkit-transition: all .5s .1s;
	-ms-transition: all .5s .1s
}

.nav .ul>li .nav1 li {
	/*border-right: solid 1px #e5e5e5;*/
	display: inline-block;
	vertical-align: top;
	font-size: .16rem;
	width: 14.28%;
	line-height: 25px;
	margin: 5px 0;
	padding: 0 10px;
	text-align: center;
	box-sizing: border-box;
}
.nav .ul>li .nav1 li .abs{
    position: absolute;
    height: 100%;
    width: 1px;
    background: #e5e5e5;
    left:14.28%;
    top:0;
}
.nav .ul>li .nav1 li:nth-child(2) .abs{left:28.56%;}
.nav .ul>li .nav1 li:nth-child(3) .abs{left:42.84%;}
.nav .ul>li .nav1 li:nth-child(4) .abs{left:57.12%;}
.nav .ul>li .nav1 li:nth-child(5) .abs{left:71.4%;}
.nav .ul>li .nav1 li:nth-child(6) .abs{left:85.68%;}

.nav .ul>li .nav1 li .img {
	display: block;
	height: 100px;
	/*overflow: hidden;*/
	position: relative;
	margin-bottom: 10px;
	
}

.nav .ul>li .nav1 li .img img {
	max-height: 80px;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-ms-transition:all 0.3s;
}
.nav .ul>li .nav1 li .img:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.nav .ul>li .nav1 li .tit1 {
	font-size: .14rem;
	color: #333;
	font-weight: 700;
	width: 100%;
	display: block;
	margin: 0 auto .07rem;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.nav .ul>li .nav1 li dd {
	margin-top: 5px;
	width: 100%;
	text-align: left;
	margin: 0 auto;
	box-sizing: border-box;
	padding-left: 1px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.nav .ul>li .nav1 li dd a {
	color: #555;
	font-size: .13rem
}

.nav .ul>li .nav1 li a:hover {
	color: #005cad
}

.nav .ul>li .nav2 li {
	width: auto;
	padding: 0 30px;
}

.nav .ul>li .nav2 li .tit1 {
	font-weight: 400 !important;
	margin-bottom: 0;
	text-align: center;
}
.nav .ul>li .nav3 li .tit1{
	/*text-align: left;*/
}
.nav .ul>li .nav3 li {
	width: 25%
}

.nav .ul>li .tit:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 3px;
	opacity: 0;
	background: #005cad;
	border-radius: 1px;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s
}

.nav .search_box {
	margin-top: 25px;
	margin-left: 30px;
	position: relative;
	float: right;
	z-index: 1000
}

.nav .search_box .img {
	cursor: pointer;
	display: block;
	width: 35px;
	height: 45px;
	background-image: url(../image/search.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px
}

.nav .search_box form {
	border: solid 1px #ccc;
	border-radius: 3px;
	opacity: 0;
	padding: 5px 0;
	padding-left: 10px;
	width: 210px;
	background: #fff;
	position: absolute;
	top: 0;
	right: -230px;
	z-index: 9;
	display: inline-block;
	transition: all .5s;
	-webkit-transition: all .5s;
	-ms-transition: all .5s
}

.nav .search_box form input:first-child {
	width: 150px;
	border: none;
	background: 0 0;
	line-height: 35px;
	float: left
}

.nav .search_box form input:last-child {
	border: none;
	background: 0 0;
	border-left: solid 1px #ccc;
	float: right;
	width: 40px;
	height: 35px;
	line-height: 35px;
	cursor: pointer;
	background-image: url(../image/search1.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px
}

.nav .search_box.active {
	overflow: hidden
}

.nav .search_box:hover form {
	right: 0;
	opacity: 1
}

.nav:hover>.con,
.nav_active>.con {
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, .1)
}

.nav:hover .tit,
.nav_active .tit {
	color: #333 !important
}

.nav:hover .search_box .img,
.nav_active .search_box .img {
	background-image: url(../image/search1.png)
}

.nav:hover .logo a img:nth-child(2),
.nav_active .logo a img:nth-child(2) {
	display: none
}

.nav:hover .logo a img:nth-child(1),
.nav_active .logo a img:nth-child(1) {
	display: block
}

.nav .ul .active .tit:before,
.nav .ul>li:hover .tit:before {
	opacity: 1
}

.nav .ul .active .tit,
.nav .ul>li:hover .tit {
	color: #005cad !important
}

.nav .ul>li:hover .nav1 {
	top: 99px;
	opacity: 1;
	visibility: visible
}

.banner {
	width: 100%
}

.banner li {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center
}

.banner .swiper-button-prev {
	background-image: url(../image/l.png);
	background-size: 40px 40px;
	width: 40px;
	height: 40px;
	opacity: .1
}

.banner .swiper-button-prev:hover {
	opacity: .5
}

.banner .swiper-button-next {
	background-image: url(../image/r.png);
	background-size: 40px 40px;
	width: 40px;
	height: 40px;
	opacity: .1
}

.banner .swiper-button-next:hover {
	opacity: .5
}
.pagination_banner{bottom:50px!important;}
.pagination_banner,
.pagination_product ,
.pagination_scheme,
.pagination_news{
	position: absolute;
	display: inline-block;
	width: auto !important;
	left: 50% !important;
	z-index: 99;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%)
}

.pagination_banner span,
.pagination_product span,
.pagination_scheme span,
.pagination_news span {
	width: 5px;
	height: 5px;
	margin-right: .2rem !important;
	position: relative;
	opacity: 1;
	background: #ccc!important;
}
.pagination_banner span:last-child,
.pagination_product span:last-child,
.pagination_scheme span:last-child ,
.pagination_news span:last-child{
	margin-right: 0
}

.pagination_banner span:before{
	content: "";
	display: block;
	position: absolute;
	top: -4px;
	left: -4px;
	width: 11px;
	height: 11px;
	border: 1px solid #00A33A;
	border-radius: 50%;
	opacity: 0
}
.pagination_product span:before,
.pagination_scheme span:before,
.pagination_news span:before{
    content: "";
	display: block;
	position: absolute;
	top: -7px;
	left: -7px;
	width: 15px;
	height: 15px;
	border: 2px solid #00A33A;
	border-radius: 50%;
	opacity: 0
}
.pagination_banner span:last-child ,
.pagination_product span:last-child,
.pagination_scheme span:last-child,
.pagination_news span:last-child{
	margin-right: 0
}

.pagination_banner .swiper-pagination-bullet-active,
.pagination_product .swiper-pagination-bullet-active,
.pagination_scheme .swiper-pagination-bullet-active,
.pagination_news .swiper-pagination-bullet-active{
	background: #00A33A!important
}

.pagination_banner .swiper-pagination-bullet-active:before,
.pagination_product .swiper-pagination-bullet-active:before,
.pagination_scheme .swiper-pagination-bullet-active:before,
.pagination_news .swiper-pagination-bullet-active:before{
	opacity: 1;
}
.r_product .r_pro_scroll .product_swiper,
.r_scheme .scheme_swiper{padding-bottom: 0.8rem;}
#container {
	width: 100%;
	overflow: hidden;
	position: relative
}

.title {
	font-size: .18rem;
	color: #666;
	text-align: center
}

.title h3 {
	font-size: .45rem;
	margin-bottom: 20px;
	color: #005cad
}

.title span {
	color: #00A33A
}

.product {
	overflow: hidden;
	position: relative;
	background: #f2f2f2;
}

.product .title {
	margin: 120px auto 40px
}

.product .pro1 {
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%)
}

.product .pro1 li {
	overflow: hidden;
	float: left;
	margin-right: .25rem
}

.product .pro1 li:last-child {
	margin-right: 0
}

.product .pro1 li a {
	display: block;
	padding: 0 .3rem;
	height: .45rem;
	line-height: .45rem;
	font-size: .18rem;
	color: #555;
	border: 1px solid #B5B5B5;
	border-radius: .45rem
}

.product .pro1 li:first-child a,
.product .pro1 li:hover a {
	border-color: #005cad;
	color: #fff;
	background: #005cad
}
.product .pro_con .lef {
	float: left;
	width: 1010px;
	overflow: hidden
}

.product .pro_con .lef .intro_ {
	overflow: hidden
}

.product .pro_con .lef .intro_ li {
	display: none
}

.product .pro_con .lef .intro_ h3 {
	font-size: .28rem;
	color: #005cad;
	margin-bottom: .4rem;
	font-weight: 400
}

.product .pro_con .lef .intro_ .intro {
	font-size: .15rem;
	width: 680px;
	text-align: justify;
	line-height: .3rem
}

.product .pro_con .rig {
	width: 400px;
	height: 0;
	padding-bottom: 400px;
	float: right;
	position: relative
}

.product .pro_con .rig img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0
}

.pro_scroll {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	margin: .1rem 0 0.5rem;
	padding: 0 40px;
}

.swiper-pro .swiper-slide {
	position: relative;
	perspective: 150rem;
	/*background: #fff;*/
	/*transform-style:preserve-3d;*/
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: 395px;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
}
.swiper-pro .swiper-slide .top{
	overflow: hidden;
	padding-top: 15px;
	box-sizing: border-box;
	border:1px solid rgba(255,255,255,0);
	transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}
.swiper-pro .swiper-slide .top .img{
	height: 168px;
	width:221px;
	margin:0 auto;
	position: relative;
	background-size: 100% 100%;
	text-align: center;
	background: url(../image/proBor.png) no-repeat center center;
}
.swiper-pro .swiper-slide img {
	margin-top: 10%;
	max-width: 90%;
	max-height: 90%;
}
.swiper-pro .swiper-slide .top .img:after {
    content: "";
    background: url(../image/proBor2.png) no-repeat center center;
    height: 221px;
    width: 221px;
    position: absolute;
    left: 0px;
    top: 0px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}
.swiper-pro .swiper-slide:hover .top .img:after {
    transform: rotate(-62deg);
}
.swiper-pro .swiper-slide .top .tit{
	line-height: 58px;
    text-align: center;
    height: 58px;
    margin-top: 22px;
    font-size: 16px;
    position: relative;
    color:#333;
}
.swiper-pro .swiper-slide .top .tit:after {
    content: "";
    background: #08A242;
    height: 3px;
    width: 38px;
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -19px;
}
.swiper-pro .swiper-slide .more{
    font-size: 14px;
    text-transform: uppercase;
    color: #08A242;
    line-height: 31px;
    height: 33px;
    width: 132px;
    border: 1px solid #08A242;
    text-align: center;
    display: block;
    margin: 46px auto 0px;
    border-radius: 1.6em;
    opacity: 1;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}
.swiper-pro .swiper-slide .intro{
    padding: 10px 7.8% 0px;
    height: 115px;
    background: #08A242;
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    left: 0px;
    bottom: 0px;
    opacity: 1;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}
.swiper-pro .swiper-slide .intro div{
	height: 92px;
	font-size: 13px;
    line-height: 23px;
    color: #FFF;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.swiper-pro .swiper-slide a:nth-child(1) .intro{opacity:0;}
.swiper-pro .swiper-slide a{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-pro .swiper-slide a:nth-child(1){background:none;}
.swiper-pro .swiper-slide a:nth-child(1){
    transform: rotateY(0deg);
}
.swiper-pro .swiper-slide a:nth-child(2){
    transform: rotateY(180deg);
}
.swiper-pro .swiper-slide:hover a:nth-child(1){transform: rotateY(-180deg);-webkit-transform: rotateY(-180deg);-ms-transform: rotateY(-180deg);}
.swiper-pro .swiper-slide:hover a:nth-child(2){transform: rotateY(0deg);-webkit-transform: rotateY(0deg);-ms-transform: rotateY(0deg);}
.swiper-pro .swiper-slide:hover .top{border-color: #E8E8E8}
.swiper-pro .swiper-slide:hover .more{opacity: 0}
/*.swiper-pro .swiper-slide:hover .intro{opacity: 1}*/
.pro_scroll .pro-prev {
	background-image: url(../image/btn_arrow_left.png);
	width: 30px;
	height: 43px;
	left: 0;
	top: 170px;
	background-size: 30px 43px;
	position: absolute
}

.pro_scroll .pro-next {
	background-image: url(../image/btn_arrow_right.png);
	width: 30px;
	height: 43px;
	right: 0;
	top: 170px;
	background-size: 30px 43px;
	position: absolute
}

.scheme {
	overflow: hidden
}

.scheme .title {
	margin: .3rem auto
}

.scheme ul {
	overflow: hidden
}

.scheme ul li {
	float: left;
	width: 31.7%;
	padding-bottom: 19.5%;
	height: 0;
	position: relative;
	margin-right: .56%;
	margin-bottom: .1rem
}

.scheme ul li a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat
}

.scheme ul li a .text {
	font-size: .15rem;
	color: #fff;
	text-align: center;
	z-index: 3;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	margin-top: .25rem;
	overflow: hidden;
	display: inline-block;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%)
}

.scheme ul li a .text h3 {
	font-style: normal;
	font-style: .24rem;
	margin-bottom: .1rem
}

.scheme ul li a .text .more {
	font-size: .16rem;
	display: inline-block;
	height: .35rem;
	line-height: .35rem;
	padding: 0 .25rem;
	background: #00A33A;
	border-radius: .35rem;
	margin-top: .15rem;
	visibility: hidden
}

.scheme ul li a:after {
	content: "";
	z-index: 1;
	display: block;
	position: absolute;
	background: rgba(0, 0, 0, .4);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.scheme ul li a:before,.about ul li:before {
	content: "";
	z-index: 2;
	display: block;
	position: absolute;
	background: rgba(0, 92, 173, .6);
	width: 100%;
	height: 100%;
	opacity: 0;
	top: 50%;
	left: 50%;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	transform: translate(-50%, -50%) scale(.3);
	-webkit-transform: translate(-50%, -50%) scale(.3);
	-ms-transform: translate(-50%, -50%) scale(.3)
}
.about ul li:before{
	background: #005cad
}

.scheme ul li a:hover:before,.about ul li:hover:before {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
	-webkit-transform: translate(-50%, -50%) scale(1);
	-ms-transform: translate(-50%, -50%) scale(1)
}

.scheme ul li a:hover .more {
	visibility: visible
}

.scheme ul li a:hover .text {
	margin-top: 0
}

.scheme ul li:nth-child(2),
.scheme ul li:nth-child(4) {
	width: 23.4%
}

.scheme ul li:nth-child(3) {
	width: 19.8%
}

.scheme ul li:nth-child(5) {
	width: 16.6%
}

.scheme ul li:nth-child(6) {
	width: 26.5%
}

.scheme ul li:nth-child(7) {
	width: 22.4%
}

.scheme ul li:nth-child(8) {
	width: 32.8%
}

.scheme ul li:nth-child(4),
.scheme ul li:nth-child(8) {
	margin-right: 0
}

.about {
	overflow: hidden;
	padding-bottom: 1rem
}

.about .title {
	margin: 120px auto 40px
}

.about .lef {
	width: 50%;
	height: 0;
	padding-bottom: 41.2%;
	overflow: hidden;
	float: left;
	position: relative;
	background: url(../image/o_05.jpg) no-repeat;
	background-size: cover;
	background-position: center
}

.about .lef .abs_box {
	box-sizing: border-box;
	padding: 90px 60px 0
}

.about .lef .intro {
	margin: .3rem 0;
	font-size: .16rem;
	color: #fff;
	line-height: .3rem;
	height: 3rem;
	text-align: justify;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 10;
	-webkit-box-orient: vertical
}

.about .lef .more {
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	display: block;
	width: 1.5rem;
	height: .35rem;
	line-height: .35rem;
	text-align: center;
	font-size: .16rem;
	color: #fff;
	border: 1px solid #fff
}

.about .lef .more:hover {
	background: #00A33A;
	border-color: #00A33A
}

.about .rig {
	width: 50%;
	height: 0;
	padding-bottom: 41.2%;
	position: relative;
	float: left;
	overflow: hidden
}

.about .rig li {
	float: left;
	position: relative;
	width: 50%;
	height: 50%;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box
}

.about .rig li:nth-child(1),
.about .rig li:nth-child(2) {
	border-bottom: 0
}

.about .rig li div {
	display: inline-block;
	z-index: 2;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center
}

.about .rig li div .img1,
.about .rig li div .img2 {
	width: .8rem;
	height: .8rem;
	display: block;
	margin: 0 auto
}

.about .rig li div .img2 {
	display: none
}

.about .rig li div .border {
	width: .3rem;
	height: 2px;
	background: #005cad;
	margin: .15rem auto
}

.about .rig li div .tit {
	font-size: .18rem;
	color: #333
}

.about .rig li div .eng {
	text-transform: uppercase;
	font-size: .12rem;
	color: #666;
	margin-top: .1rem
}

.about .rig li:hover .img1 {
	display: none
}

.about .rig li:hover .img2 {
	display: block
}

/*.about .rig li:hover {
	background: #005cad
}*/

.about .rig li:hover .border {
	background: #fff
}

.about .rig li:hover .eng,
.about .rig li:hover .tit {
	color: #fff
}

.superiority {
	overflow: hidden;
	background: url(../image/o_08.jpg) no-repeat;
	background-position: center;
	background-size: cover
}

.superiority .title {
	margin: 120px auto 40px;
	color: #fff
}

.superiority .title h3 {
	color: #fff !important
}

.superiority .con {
	padding: .8rem 0 2rem
}

.superiority .con li {
	float: left;
	width: 23%;
	height: 0;
	padding-bottom: 23%;
	position: relative;
	margin-right: 2.6%
}

.superiority .con li:nth-child(3) {
	margin-right: 2.7%
}

.superiority .con li:last-child {
	margin-right: 0
}

.superiority .con li .item {
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid #B5B5B5;
	color: #fff;
	overflow: hidden
}

.superiority .con li .item div {
	display: inline-block;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center
}

.superiority .con li .item div .img {
	width: .65rem;
	height: .65rem;
	margin: 0 auto .3rem
}

.superiority .con li .item div .img img {
	width: 100%;
	height: 100%;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s
}

.superiority .con li .item div h3 {
	font-size: .22rem
}

.superiority .con li .item div .bor {
	width: .3rem;
	height: 2px;
	background: #00A33A;
	margin: .3rem auto .15rem;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s
}

.superiority .con li .item div .text {
	font-size: .2rem
}

.superiority .con li .item div .text span {
	font-size: .36rem
}

.superiority .con li .border {
	position: absolute;
	width: 90%;
	height: 90%;
	top: 5%;
	left: 5%;
	z-index: 2
}

.superiority .con li .border span {
	position: absolute;
	display: block;
	background: #00A33A;
	transition: all .5s;
	-webkit-transition: all .5s;
	-ms-transition: all .5s
}

.superiority .con li .border span:first-child {
	width: 0;
	height: 1px;
	left: 0;
	top: 0
}

.superiority .con li .border span:nth-child(2) {
	width: 1px;
	height: 0;
	right: 0;
	top: 0
}

.superiority .con li .border span:nth-child(3) {
	width: 0;
	height: 1px;
	right: 0;
	bottom: 0
}

.superiority .con li .border span:nth-child(4) {
	width: 1px;
	height: 0;
	left: 0;
	bottom: 0
}

.superiority .con li:hover .border span:first-child,
.superiority .con li:hover .border span:nth-child(3) {
	width: 100%
}

.superiority .con li:hover .border span:nth-child(2),
.superiority .con li:hover .border span:nth-child(4) {
	height: 100%
}

.superiority .con li:hover .bor {
	width: .7rem !important
}

.superiority .con li:hover .item {
	border-color: #00A33A
}

.superiority .con li:hover .img img {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg)
}

.news {
	overflow: hidden
}

.news .title {
	margin: 120px auto 40px
}

.news .type {
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%)
}

.news .type li {
	overflow: hidden;
	float: left;
	margin-right: .25rem
}

.news .type li:last-child {
	margin-right: 0
}

.news .type li a {
	display: block;
	padding: 0 .3rem;
	height: .4rem;
	line-height: .4rem;
	font-size: .18rem;
	color: #555;
	border: 1px solid #B5B5B5;
	border-radius: .4rem
}

.news .type li:first-child a,
.news .type li:hover a {
	border-color: #005cad;
	color: #005cad
}

.news .con {
	margin: .3rem auto 1.2rem
}

.news .lef {
	width: 450px;
	height: 590px;
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	background: #fbfbfb;
	padding: 25px
}

.news .lef .tit {
	height: 60px;
	line-height: 30px;
	color: #333;
	font-size: .2rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.news .lef .date {
	font-size: .16rem;
	color: #999;
	line-height: 60px
}

.news .lef .img {
	width: 100%;
	height: 420px;
	overflow: hidden
}

.news .lef .img img {
	width: 100%;
	height: 100%;
	transition: all .5s;
	-webkit-transition: all .5s;
	-ms-transition: all .5s
}

.news .lef .img:hover img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2)
}

.news .lef:hover .date,
.news .lef:hover .tit {
	color: #005cad
}

.news .mid {
	overflow: hidden;
	float: left;
	margin: 0 20px;
	width: 450px;
	height: 590px
}

.news .mid li {
	background: #fbfbfb;
	overflow: hidden;
	margin-bottom: 20px;
	height: 285px
}

.news .mid li:last-child {
	margin-bottom: 0
}

.news .mid li .top {
	box-sizing: border-box;
	padding: 0 25px;
	height: 125px;
	overflow: hidden;
	border-bottom: 1px solid #eee;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between
}

.news .mid li .top p:first-child {
	text-align: center;
	overflow: hidden;
	font-size: .16rem;
	color: #999
}

.news .mid li .top p:first-child span {
	display: block
}

.news .mid li .top p:first-child span:first-child {
	font-size: .5rem;
	font-weight: 700
}

.news .mid li .top .more {
	width: .31rem;
	height: .27rem;
	display: block;
	background-image: url(../image/l_03.png);
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.news .mid li .bot {
	box-sizing: border-box;
	padding: 0 25px;
	overflow: hidden
}

.news .mid li .bot h3 {
	font-size: .2rem;
	color: #333;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: .2rem 0 .15rem
}

.news .mid li .bot h3:hover {
	color: #005cad
}

.news .mid li .bot p {
	font-size: .15rem;
	color: #999;
	height: .5rem;
	line-height: .25rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.news .mid li:hover .more {
	background-image: url(../image/l_033.png)
}

.news .mid li:hover .top p:first-child {
	color: #005cad
}

.news .rig {
	box-sizing: border-box;
	padding: 0 25px;
	width: 740px;
	height: 590px;
	float: left;
	overflow: hidden;
	background: #fbfbfb
}

.news .rig li {
	height: 25%;
	box-sizing: border-box;
	border-bottom: 1px solid #eee
}

.news .rig li:last-child {
	border-bottom: 0
}

.news .rig li a {
	display: block;
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between
}

.news .rig li p:first-child {
	text-align: center;
	overflow: hidden;
	font-size: .16rem;
	color: #999
}

.news .rig li p:first-child span {
	display: block
}

.news .rig li p:first-child span:first-child {
	font-size: .5rem;
	font-weight: 700
}

.news .rig li p:nth-child(2) {
	font-size: .2rem;
	color: #333;
	margin: 0 .5rem 0 .3rem;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.news .rig li .more {
	width: .31rem;
	height: .27rem;
	display: block;
	background-image: url(../image/l_03.png);
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.news .rig li:hover .more {
	background-image: url(../image/l_033.png)
}

.news .rig li:hover p:nth-child(1),
.news .rig li:hover p:nth-child(2) {
	color: #005cad
}

.footer {
	overflow: hidden;
	padding: 1rem 0 0;
	border: 0;
	background: #333
}

.footer .top {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between
}

.footer .top .mid {
	padding: 0 1.5rem;
	border-left: 1px solid #C9C9C9;
	border-right: 1px solid #C9C9C9
}

.footer .top .mid li {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
	width: 550px;
	margin-bottom: 20px
}

.footer .top .mid li:last-child {
	margin-bottom: 0
}

.footer .top .mid li img {
	width: .65rem;
	height: .65rem
}

.footer .top .mid li div {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: .2rem;
	margin-left: 10px;
	line-height: .3rem;
	color: #fff
}

.footer .top .rig {
	overflow: hidden;
	text-align: center;
	width: 160px
}

.footer .top .rig img {
	width: 100%
}

.footer .top .rig p {
	color: #fff;
	font-size: .14rem;
	margin-top: 5px
}

.footer .foot {
	margin-top: 1rem;
	border-top: 1px solid #C9C9C9;
	height: 120px;
	line-height: 120px;
	text-align: center;
	color: #fff;
	font-size: .22rem
}

.banner_bg {
	overflow: hidden;
	height: 350px;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}

/*.banner_bg:before {*/
/*	content: "";*/
/*	position: absolute;*/
/*	z-index: 1;*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	top: 0;*/
/*	left: 0;*/
/*	background: rgba(0, 0, 0, .5)*/
/*}*/

.banner_bg div {
	display: inline-block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	position: relative;
	z-index: 2;
	color: #fff;
	text-align: center;
	display: none
}

.banner_bg div h3 {
	font-size: .4rem;
	font-weight: 400
}

.banner_bg div .border {
	width: 50px;
	height: 2px;
	background: #fff;
	margin: .2rem auto
}

.banner_bg div .border+p {
	font-size: .26rem
}

.news_nav {
	background: #fff;
	height: .5rem;
	overflow: hidden;
	font-size: 0;
	position: relative;
}
.r_nav{
	position: relative;
	z-index: 10;
	margin-top: -50px;
	background: rgba(255,255,255,.3)
}
.news_nav .con {
	height: 100%;
	overflow:visible;
}

.news_nav .lef {
    max-width: 90%;
    display: inline-block;
	margin:0 auto;
	height: 100%;
	position: relative;
	left:50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.news_nav .lef ul{
    width: 100%;
	height: 100%;
	position: relative;
	overflow: auto;
	white-space: nowrap;
}
.news_nav .lef ul::-webkit-scrollbar {
	display:none
}
.news_nav .lef .l_btn{
    position: absolute;
    width: 20px;
    height: 30px;
    top:50%;
    left:-30px;
    margin-top:-15px;
    z-index: 1;
    opacity: 0;
}
.news_nav .lef .r_btn{
    position: absolute;
    width: 20px;
    height: 30px;
    top:50%;
    right:-30px;
    margin-top:-15px;
    z-index: 1;
    opacity: 0;
}
.news_nav .lef:hover .r_btn,
.news_nav .lef:hover .l_btn{opacity:0.5;}
.news_nav .lef .r_btn:hover,
.news_nav .lef .l_btn:hover{opacity:1}
.news_nav .lef .hide{opacity:0!important;}
.news_nav .lef li {
	float: left;
	height: 100%;
	padding: 0 .22rem;
	position: relative;
	display: inline-block;
	text-align: center;
	float: none;
}

.news_nav .lef li a {
	display: block;
	position: relative;
	height: 100%;
	line-height: .5rem;
	font-size: .13rem;
	color: #fff
}
.news_nav .lef .active,
.news_nav .lef li:hover{
	background: #3EB044
}

.news_nav .rig {
	float: left;
	font-size: .13rem;
	color: #333;
	height: 100%;
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center
}

.news_nav .rig a {
	color: #333
}

.news_nav .rig span {
	margin: 0 .1rem
}

.news_nav .rig img {
	margin-right: .1rem;
	position: relative;
	top: .01rem
}
.news_nav .rig a:hover{
    color: #005cad;
}
.news_box {
	background: #fff;
	margin: .5rem auto;
	box-sizing: border-box;
	padding: 0 .5rem
}

.news_box .news_item {
	overflow: hidden
}

.news_box .news_item li {
	border-bottom: 1px solid #ccc;
	padding: .4rem 0;
	overflow: hidden
}

.news_box .news_item li .text {
	width: 1350px;
	float: left;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.news_box .news_item li .text .lef {
	font-size: .24rem;
	color: #999;
	flex-shrink: 0;
	width: 70px
}

.news_box .news_item li .text .lef p:last-child {
	margin-top: .3rem;
	width: .25rem;
	height: .2rem;
	background: url(../image/l_03.png) no-repeat;
	background-size: 100% 100%
}

.news_box .news_item li .text .mid {
	margin: .15rem .3rem 0;
	width: .4rem;
	height: 1px;
	background: #ccc;
	flex-shrink: 0;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s
}

.news_box .news_item li .text .rig {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	flex-shrink: 0;
	font-size: .14rem;
	color: #999
}

.news_box .news_item li .text .rig a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: .2rem;
	color: #333
}

.news_box .news_item li .text .rig div {
	margin-top: .1rem;
	height: .5rem;
	line-height: .25rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.news_box .news_item li .img {
	width: 170px;
	height: 120px;
	float: right;
	overflow: hidden
}

.news_box .news_item li .img img {
	width: 100%;
	height: 100%;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s
}

.news_box .news_item li:hover .img img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2)
}

.news_box .news_item li:hover .mid {
	width: .6rem;
	background: #005cad
}

.news_box .news_item li:hover .rig a {
	color: #005cad
}

.news_box .news_item li:hover .lef {
	color: #005cad
}

.news_box .news_item li:hover .lef p:last-child {
	background-image: url(../image/l_033.png)
}

.contact_box {
	background: #f5f5f5;
	margin: .5rem auto;
	box-sizing: border-box;
	padding: .4rem
}

.contact_box .tit {
	font-size: .3rem;
	color: #333;
	font-weight: 700;
	border-bottom: 1px solid #ccc;
	padding-bottom: .1rem;
	margin-bottom: .2rem
}

.contact_box .intro {
	background: #fff;
	overflow: hidden
}

.contact_box .intro li {
	overflow: hidden;
	margin-bottom: .2rem
}

.contact_box .intro li:last-child {
	margin-bottom: 0
}

.contact_box .intro .lef {
	width: 510px;
	height: 600px;
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	padding: .5rem
}

.contact_box .intro .lef .img {
	width: .3rem;
	height: .3rem;
	overflow: hidden;
	float: left;
	background: #005cad;
	border-radius: 50%;
	margin-top: .02rem
}

.contact_box .intro .lef .img img {
	width: 60%;
	height: 60%;
	margin: 20%
}

.contact_box .intro .lef .text {
	width: 340px;
	float: left;
	margin-left: .2rem;
	font-size: .16rem;
	line-height: 1.8
}

.contact_box .intro .lef .text h5 {
	font-size: .16rem;
	color: #000;
	font-weight: 700
}

.contact_box .intro #map {
	width: 1090px;
	height: 600px;
	float: left
}

.about_box {
	padding: 0 30px 0;
	box-sizing: content-box
}

.about_us {
	overflow: hidden;
	margin: .5rem 0
}

.about_us .lef {
	width: 800px;
	float: left;
	overflow: hidden
}

.about_us .lef h1 {
	font-size: .5rem;
	color: #005cad
}

.about_us .lef h3 {
	color: #000;
	font-size: .28rem;
	margin-top: .2rem;
	font-weight: 400
}

.about_us .lef .border {
	width: .7rem;
	height: 2px;
	background: #005cad;
	margin: .3rem 0
}

.about_us .lef .intro {
	font-size: .16rem;
	color: #666;
	line-height: .3rem;
	text-align: justify;
	height: 390px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 13;
	-webkit-box-orient: vertical
}

.about_us .rig {
	width: 800px;
	height: 580px;
	float: right;
	overflow: hidden
}

.about_us .rig img {
	width: 100%;
	height: 100%;
	transition: all .5s;
	-webkit-transition: all .5s;
	-ms-transition: all .5s
}

.about_us .rig:hover img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2)
}

.culture {
	overflow: hidden
}

.culture li {
	height: 550px;
	overflow: hidden
}

.culture li .img {
	width: 50%;
	height: 100%;
	float: left;
	overflow: hidden
}

.culture li .img img {
	width: 100%;
	height: 100%;
	transition: all .5s;
	-webkit-transition: all .5s;
	-ms-transition: all .5s
}

.culture li:hover .img img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2)
}

.culture li .text {
	width: 50%;
	height: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	background: #F7F7F7;
	box-sizing: border-box;
	padding: .5rem 1rem
}

.culture li .text div {
	display: inline-block;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	width: 100%;
	max-height: 100%;
	color: #999;
	font-size: .16rem;
	line-height: .32rem
}

.culture li .text div h3 {
	font-size: .28rem;
	color: #333;
	margin-bottom: .2rem
}

.history {
	margin-bottom: .5rem;
	overflow: hidden;
	background: url(../image/about_bg.jpg) no-repeat;
	background-size: cover;
	background-position: center
}

.history .con {
	padding: 0 30px 30px
}

.history .tit {
	font-size: .28rem;
	color: #333;
	margin: .5rem auto .3rem;
	text-align: center
}

.history li {
	box-sizing: border-box;
	padding: .4rem 1rem;
	overflow: hidden;
	position: relative;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center
}

.history li:hover {
	box-shadow: 0 6px 18px 4px #0e142ba1;
	z-index: 1
}

.history li .lef {
	font-size: .22rem;
	color: #000;
	height: 1rem;
	line-height: 1rem;
	border-right: 1px solid #d4d4d4;
	padding-right: .5rem
}

.history li .rig {
	font-size: .16rem;
	color: #666;
	line-height: .32rem;
	box-sizing: border-box;
	padding-left: .5rem;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.scheme_box {
	margin: .5rem auto 0;
	box-sizing: content-box;
	overflow: hidden;
	/*display: inline-block;*/
	position: relative;
	/*left: 50%;*/
	/*transform: translateX(-50%);*/
	/*-webkit-transform: translateX(-50%);*/
	/*-ms-transform: translateX(-50%)*/
}

.scheme_box .lef {
	width: 280px;
	overflow: hidden;
	float: left
}

.scheme_box .lef .top {
	height: 130px;
	position: relative;
	box-sizing: border-box;
	padding: 0 .2rem;
	background:#005cad;
}

.scheme_box .lef .top div {
	font-size: .18rem;
	color: #fff;
	display: inline-block;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%)
}

.scheme_box .lef .top div p:first-child {
	font-size: .24rem;
	margin-bottom: .1rem
}
.scheme_box .lef .top div p:last-child{
	color:#B2C3C6;
}

.scheme_box .lef li {
	overflow: hidden;
	border-bottom: 1px solid #f5f5f5
}
.scheme_box .lef li:first-child {
	border-top: 1px solid #f5f5f5
}
.scheme_box .lef li a {
	padding: 0 .2rem;
	background: #fff;
	display: block;
	box-sizing: border-box;
	font-size: .16rem;
	color: #333;
	height: .6rem;
	line-height: .6rem;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s
}

.scheme_box .lef li a:last-child {
	margin-bottom: 0
}

.scheme_box .lef .active a,
.scheme_box .lef li:hover a {
	background: #005cad;
	color:#fff;
}

.scheme_box .rig {
	width: 100%;
	float: right
}

.scheme_box .rig li {
	overflow: hidden;
	background: #fff;
	width: 24%;
	float: left;
	margin-right: 1.33%;
	margin-bottom: 30px;
	position: relative;
	transition: all .5s;
	-webkit-transition: all .5s;
	-ms-transition: all .5s
}

.scheme_box .rig li:nth-child(4n) {
	margin-right: 0
}

.scheme_box .rig li .img {
	width: 100%;
	height: 0;
	padding-bottom: 61.7%;
	position: relative
}

.scheme_box .rig li .img span {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden
}

.scheme_box .rig li .img span img {
	width: 100%;
	height: 100%;
	transition: all .5s;
	-webkit-transition: all .5s;
	-ms-transition: all .5s
}

.scheme_box .rig li .tit {
	width: 90%;
	font-size: .14rem;
	color: #333;
	height: .6rem;
	line-height: .6rem;
	box-sizing: border-box;
	padding-right: 0.2rem;
	position: relative;
	margin:0 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.scheme_box .rig li .tit span{
    position: absolute;
    z-index: 1;
    top: 0.25rem;
    right:0;
    width: 0.17rem;
    height: 0.08rem;
    background-image: url(../image/ww.jpg);
    background-repeat: no-repeat;
    background-size: 0.17rem 0.08rem;
}

.scheme_box .rig li .more {
	font-size: .16rem;
	color: #005cad;
	text-align: center;
	margin-bottom: .3rem;
	overflow: hidden;
	position: relative
}

.scheme_box .rig li .more img {
	width: .2rem;
	height: .2rem;
	vertical-align: middle;
	margin-top: -.02rem
}

.scheme_box .rig li .more span {
	display: inline-block;
	width: .05rem;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s
}

.scheme_box .rig li .abs {
	width: .25rem;
	height: .25rem;
	position: absolute;
	z-index: 2;
	left: .1rem;
	top: .1rem;
	opacity: 0;
	transition: all .5s;
	-webkit-transition: all .5s;
	-ms-transition: all .5s
}

.scheme_box .rig li::before {
	content: '';
	position: absolute;
	left: -170px;
	top: -70px;
	width: 140px;
	height: 140px;
	background-color: #005cad;
	transform: rotate(45deg);
	z-index: 1;
	transition: all .5s;
	-webkit-transition: all .5s;
	-ms-transition: all .5s
}

.scheme_box .rig li::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 2px;
	background-color: #005cad;
	transition: all .5s;
	-webkit-transition: all .5s;
	-ms-transition: all .5s
}

.scheme_box .rig li:hover::before {
	left: -90px
}

.scheme_box .rig li:hover::after {
	width: 100%
}

.scheme_box .rig li:hover .abs {
	opacity: 1
}

.scheme_box .rig li:hover .img img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2)
}

.scheme_box .rig li:hover .more span {
	width: .11rem
}

.scheme_box .rig li:hover {
	box-shadow: 0 3px 30px rgba(0, 0, 0, .2)
}

.honor {
	margin: .5rem auto
}

.honor li {
	width: 18%;
	float: left;
	margin-right: 2.5%;
	overflow: hidden;
	position: relative;
	margin-bottom: .2rem
}

.honor li:nth-child(5n) {
	margin-right: 0
}

.honor li a {
	display: block;
	border: 3px solid #f5f5f5;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	padding: .2rem .4rem;
	font-size: .16rem;
	color: #333;
	text-align: center
}

.honor li a p:first-child {
	overflow: hidden;
	height: 3rem;
	margin-bottom: .2rem
}

.honor li a p:first-child img {
	max-width: 100%;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s
}

.honor li a:hover p:first-child img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1)
}

.honor li a:hover {
	border-color: #005cad;
	color: #005cad
}

.article-intro {
	width: 1200px;
	margin: 30px auto 50px;
	height: auto;
	overflow: hidden;
	padding-top: .5rem
}

.article-intro .tit {
	width: 100%;
	height: auto;
	overflow: hidden
}

.article-intro .tit p {
	color: #1a1a1a;
	font-size: 18px;
	font-weight: 700;
	text-align: center
}

.article-intro .tit span {
	display: block;
	text-align: center;
	color: #666;
	font-size: 12px;
	margin-top: 10px
}

.article-intro .info {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 20px
}

.article-intro .info p {
	color: #1a1a1a;
	font-size: 15px;
	line-height: 30px
}

.article-intro img {
	max-width: 100%;
	display: block;
	margin: 0 auto
}

.fy {
	width: 1200px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 40px;
	border-bottom: 1px dashed #d2d2d2;
	padding-bottom: 10px
}

.fy div {
	float: left
}

.fy p {
	color: #333;
	font-size: 14px;
	line-height: 30px
}

.fy p a {
	color: #333
}

.fy .return {
	float: right;
	color: #333;
	margin-top: 30px;
	font-size: 14px
}

.pro_search {
	margin: .5rem 0;
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%)
}

.pro_search input,
.pro_search select {
	width: 200px;
	height: 45px;
	line-height: 43px;
	border-radius: 50px;
	border: 1px solid #DCDCDC;
	float: left;
	font-size: .16rem;
	color: #666;
	box-sizing: border-box;
	padding: 0 .2rem
}
.pro_search input{
	width:325px;
	margin-left: .1rem;
	border-radius: 50px 0 0  50px;
}
.pro_search button {
	width: 120px;
	height: 45px;
	font-size: .16rem;
	line-height: 45px;
	text-align: center;
	color: #fff;
	background: #005cad;
	outline: 0;
	border: none;
	border-radius: 0 50px 50px 0;
}

.service_list {
	margin-top: .2rem;
	border-bottom: 1px solid #eee;
}

.service_list li {
	width: 50%;
	float: left;
	overflow: hidden;
	border-top: 1px solid #eee;
	box-sizing: border-box;
	padding-top: .25rem;
	padding-bottom: .25rem;
	font-size: .16rem;
	color:#000;
}
.service_list li:nth-child(even){padding-left: 0.9rem;}
.service_list li:nth-child(odd){padding-right: 0.9rem;}

.service_list li .img {
	position: relative;
	width: 120px;
	float: left;
}
.service_list li .bot{
	width:calc(100% - 130px);
	width:-webkit-calc(100% - 130px);
	overflow: hidden;
	float: right;
}
.service_list li .bot .tit{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.service_list li .bot .tit:hover{color:#005cad}
.service_list li .bot .date{
	font-size: .12rem;
	color: #949494;
	margin:.15rem 0;
}
.service_list li .bot a {
	display: block;
	height: 30px;
	line-height: 30px;
	width: 90px;
	background: #005cad;
	font-size: .13rem;
	color: #fff;
	border-radius: 30px;
	margin-right: 10px;
	text-align: center;
	float: left;
}
.service_box {
	height: 500px;
	margin: .3rem auto .5rem
}

.service_box .lef {
	width: 700px;
	height: 100%;
	float: left;
	overflow: hidden;
	padding: 40px;
	box-sizing: border-box;
	border: 1px solid #DCDCDC
}

.service_box .lef img {
	width: 100%;
	height: 100%
}

.service_box .mid {
	width: 440px;
	margin: 0 40px;
	float: left;
	overflow: hidden;
	height: 100%;
	padding: 40px;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	border: 1px solid #DCDCDC
}

.service_box .mid div {
	height: 170px;
	overflow: hidden;
	margin-bottom: .4rem
}

.service_box .mid div img {
	max-width: 100%
}

.service_box .mid div .more {
	display: block;
	height: 60px;
	text-align: center;
	line-height: 58px;
	box-sizing: border-box;
	font-size: .22rem;
	color: #333;
	border: 1px solid #DCDCDC;
	margin-top: 30px;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s
}

.service_box .mid div .more:hover {
	border-color: #005cad;
	color: #fff;
	background: #005cad
}

.service_box .mid div .btn {
	display: block;
	height: 80px;
	text-align: center;
	line-height: 80px;
	font-size: .22rem;
	color: #fff;
	background: #005cad
}

.service_box .mid div .btn2 {
	background: #00A33A;
	margin-top: 10px
}

.service_box .mid h5 {
	color: #005cad;
	font-size: .22rem;
	font-weight: 400
}

.service_box .mid .border {
	width: .5rem;
	margin: .2rem auto;
	height: 2px;
	background: #005cad
}

.service_box .mid .text {
	font-size: .18rem;
	color: #666
}

.service_box .mid .b {
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	bottom: .4rem;
	position: absolute
}

.service_box .rig {
	margin: 0
}

.video {
	margin: .5rem auto
}

.video li {
	width: 48%;
	float: left;
	margin-right: 4%;
	margin-bottom: .3rem;
	overflow: hidden
}

.video li:nth-child(even) {
	margin-right: 0
}

.video li div {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%
}

.video li div p {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.video li div p video {
	width: 100%;
	height: 100%
}

.video li span {
	display: block;
	box-sizing: border-box;
	padding: 0 .1rem;
	height: .5rem;
	line-height: .5rem;
	color: #333;
	text-align: center;
	font-size: .16rem
}

.rule_content2 {
	text-align: center;
	overflow: hidden;
	margin: .4rem auto;
	width: 1100px
}

.rule_content2 {
	box-sizing: border-box;
	border: 1px solid #ddd;
	padding: .2rem
}

.rule_content2 h1 {
	padding-bottom: .2rem;
	border-bottom: 1px dotted #ddd
}

.rule_content2 p {
	margin-top: .15rem;
	line-height: .3rem;
	font-size: .16rem;
	color: #666;
	text-align: left
}

.rule_tit {
	text-align: center
}

.rule_list {
	width: 1100px;
	overflow: hidden;
	box-sizing: border-box;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background: #fff;
	margin: .1rem auto .3rem;
	position: relative
}

.rule_list li {
	width: 100%;
	overflow: hidden;
	position: relative
}

.rule_list li>p {
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #333;
	border-bottom: 1px solid #ddd;
	padding: 0 19px;
	box-sizing: border-box
}

.rule_list .active,
.rule_list li>p:hover {
	background: #efefef
}

.rule_list li>p:before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #999;
	margin-right: 5px;
	border-radius: 50%;
	position: relative;
	top: -2px
}

.rule_list li>p img {
	float: right;
	width: 20px;
	height: 20px;
	margin-top: 15px
}

.rule_list li div {
	padding: 19px;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 25px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	display: none
}

.abs_box {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden
}

.pages {
	max-width: 1290px;
	margin: .3rem 0;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	left: 50%;
	display: inline-block;
	position: relative
}

.pages li {
	overflow: hidden;
	background-color: #efefef;
	float: left;
	height: .3rem;
	line-height: .3rem;
	border-radius: .05rem;
	margin-right: .05rem;
	margin-bottom: .05rem;
	font-size: .14rem;
	color: #333;
	text-align: center
}

.pages li a,
.pages li span {
	font-size: .14rem;
	color: #333;
	display: block;
	line-height: .3rem;
	padding: 0 .15rem
}

.pages .active span {
	background: #005cad !important;
	color: #fff
}

.pages li span:hover {
	background: #ddd
}

.pages .li,
.pages .sel {
	padding: 0 .15rem
}

.pages .sel select {
	width: .5rem;
	height: .24rem;
	background-color: #efefef;
	border-radius: 3px
}

.n2proBabox.scaleImg .overflowHide {
	height: 200px
}

#ctl00_ContentPlaceHolder1_relatedPan {
	padding: .1rem 50px 30px
}

.container .con {
	width: 100%
}

.n_blog .g_side .g_list .tt a {
	white-space: normal
}
.ico {
    width: 52px;
    height: 216px;
    /*overflow: hidden;*/
    background: url(../image/ico.png) no-repeat;
    position: fixed;
    right: 0;
    top: 35%;
    z-index: 99999;
}
.ico a {
    display: block;
    width: 52px;
    height: 52px;
    margin-bottom: 2px;
    background-image: url(../image/ico.png);
    background-repeat: no-repeat;
    background-position: 52px 0;
    position: relative;
}
.ico .qq img,.ico .dh img{
	width:1rem;
	height: 1rem;
	top:0;
	left:-1rem;
	position: absolute;
	visibility: hidden;
	opacity: 0;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-ms-transition: 0.3s all;
}
.ico .ww p{
	width: 150px;
	height: 100%;
	line-height: 52px;
	text-align: center;
	background: #F68E1B;
	color:#fff;
	font-size: 0.18rem;
	top:0;
	left:-150px;
	position: absolute;
	visibility: hidden;
	opacity: 0;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-ms-transition: 0.3s all;
}
.ico .qq:hover img,.ico .dh:hover img,.ico .ww:hover p{
    visibility: visible;
    opacity: 1;
}
.ico .qq:hover {
    background-position: -52px 0;
}
.ico .ww:hover {
    background-position: -52px -54px;
}
.ico .dh:hover {
    background-position: -52px -108px;
}
.ico .top:hover {
    background-position: -52px -162px;
}
/*.ico .top:hover {*/
/*    background-position: -52px -216px;*/
/*}*/
.about_box{margin:0.5rem auto 0;}
.about_us1{overflow: hidden;}
.about_us1 .lef{
	width:40%;
	float: right;
	overflow: hidden;
}
.about_us1 .lef h3{
	font-size: 0.32rem;
	color:#005cad;
}
.about_us1 .lef h4{
	font-size: 0.32rem;
	color:#333;
}
.about_us1 .lef .border{
	width:0.5rem;
	height: 3px;
	background: #005cad;
	margin:0.2rem 0 0.4rem;
}
.about_us1 .lef img{
	max-width: 100%;
	margin-top: 0.4rem;
}
.about_us1 .rig{
	width:50%;
	float: left;
	overflow: hidden;
	font-size: 0.14rem;
	color:#666;
	line-height: 0.25rem;
	text-align: justify;
}
.about_us1 .rig h5{
	font-size: 0.2rem;
	color:#005cad;
	margin-bottom: 5px;
}
.about2{
	overflow: hidden;
	margin:0.8rem auto 0.9rem;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
.about2 li{
	width:32%;
	padding-bottom: 25.4%;
	height: 0;
	position: relative;
}
.about2 li:before{
    content:"+";
    font-size: 20px;
    position: absolute;
    z-index: 99;
    right:10px;
    top:0px;
    color: #fff;
}
/*.about2 li:hover:before{display:none;}*/
.about2 li .abox{
	width:100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	box-sizing: border-box;
	padding:0.5rem 0.3rem 0;
	background: #F5F5F5;
	overflow: hidden;
}
.about2 li .abox h3{
	font-size: 0.24rem;
	color:#005CAD;
	position: relative;
	z-index: 1;
}
.about2 li .abox .eng{color:#999}
.about2 li .abox .border{
	width:0.5rem;
	height: 3px;
	background: #999;
	margin:0.2rem 0;
	position: relative;
	z-index: 1;
}
.about2 li .abox .intro{
	font-size: 0.14rem;
	color:#999;
	margin-top: 0.4rem;
	position: relative;
	z-index: 1;
	line-height: 0.24rem;
	text-align: justify;
}
.about2 li .abox:before{
	content:"";
	position: absolute;
	width:300px;
	height: 300px;
	top:-230px;
	right:-230px;
	border-radius:50%;
	background: #00A33A;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
}
.about2 li:hover .abox:before{
	/*width:200%;*/
	/*height: 200%;*/
	right:-200px;
	top:-200px;
}
.history1 {
	margin-bottom: .5rem;
	overflow: hidden;
	background: url(../image/about_bg.jpg) no-repeat;
	background-size: cover;
	background-position: center
}

.history1 .con {
	width:1100px;
	padding: 0 30px 30px;
	box-sizing: border-box;
}
.history1 .tit {
	font-size: .28rem;
	color: #333;
	margin: .5rem auto .3rem;
	text-align: center
}
.history_scroll li{
	position: relative;
	overflow:hidden;
	cursor: default;
}
.history_scroll li .c{
	width:100%;
	background: #fff;
	border-radius: 10px;
	font-size: 0.16rem;
	color:#000;
	box-sizing: border-box;
	padding:0 0.3rem 0.6rem;
}
.history_scroll li .c .lef{
	font-size: 0.32rem;
	color:#000;
	line-height: 0.8rem;
}
.history_scroll li .c .rig{
	height:2.75rem;
	font-size: 0.16rem;
	overflow-y: auto;
	overflow-x:hidden;
}
.history_scroll li .c .rig::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
.history_scroll li .c .rig::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
}
.history_scroll li .c .rig::-webkit-scrollbar-track {
    border-radius: 0;
    background: transparent;
}
.history_scroll1{
	margin:0.5rem 0 0.7rem;
	padding:0 0.4rem;
	box-sizing: border-box;
	position: relative;
}
.history_scroll1 .border{
	width:100%;
	height: 1px;
	background: #707070;
	margin-top: 30px;
}
.history_scroll1 ul{position: relative;z-index: 1;}
.history_scroll1 li{
	position: relative;
	top:-12.5px;
	text-align: center;
	font-size: 0.16rem;
	color:#333;
	overflow: hidden;
}
.history_scroll1 li p:first-child{
	width:24px;
	height: 24px;
	border-radius: 50%;
	border:1px solid #D3D3D3;
	margin:0 auto 0.1rem;
	background: #fff;
}
.history_scroll1 .active p:first-child{
	border-color: #005CAD;
	background: #005CAD;
}
.history-prev {
	background-image: url(../image/11_03.png);
	width: 40px;
	height: 40px;
	left: 0;
	top: 10px;
	background-size: 40px 40px;
	position: absolute
}

.history-next {
	background-image: url(../image/11_05.png);
	width: 40px;
	height: 40px;
	right: 0;
	top: 10px;
	background-size: 40px 40px;
	position: absolute
}
.n2proList{overflow: hidden;}
.n2proList .m2proBox{width:50%;float: left;height: 350px;overflow: hidden;border-top: 0;}
.m2proImgBox{width:250px;position:relative}
.m2proImgBox p{
    position: absolute;
    z-index: 1;
    opacity: 0;
    bottom:0;left:0;
    width: 100%;
    height:calc(100% - 38px);
    height:-webkit-calc(100% - 38px);
    background: rgba(0,0,0,0.5);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
}
.m2proImgBox p a{
    position: relative;
    width: 140px;
    height: 40px;
    font-size: 15px;
    color: #10a254;
    text-align: center;
    line-height: 40px;
    border:1px solid #10a254;
    border-radius: 40px;
    display: block;
    top:50%;
    margin: -21px auto 0;
}
.n2proList .m2proBox:hover .m2proImgBox p{opacity:1}
.n2proList .m2proBox:hover .m2proDes,
.n2proList .m2proBox:hover .m2pro_t1{color:#005cad}
.m2proImgBox p a:hover{
    background: #10a254;
    color: #fff;
}
.m2proList{margin-left: 250px;}
.m2proTop{padding:50px 0;}
.m2proTop .imgTextBox{padding-right:0;overflow:hidden;}
.m2proTop .imgTextImgBox{padding-left:0;border:1px solid #eee;float:right;position:relative;width:420px;height:420px;top:auto;transform:none;-webkit-transform:none;-ms-transform:none;}
.m2proTop .imgTextImgBox p{width:100%;height:100%;position:relative;overflow:hidden;}
.m2proTop .imgTextImgBox img{
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    position: relative;
    max-width: 80%;
    display: block;
    margin:0 auto;
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
    -ms-transition:all 0.5s;
}
.m2proTop .imgTextImgBox p span{
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    top:0;
    left:0;
}
.m2proTop .imgTextImgBox p span a{
    position: relative;
    width: 140px;
    height: 40px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    border:1px solid #fff;
    border-radius: 40px;
    display: block;
    top:50%;
    margin: -21px auto 0;
}
.m2proTop .imgTextImgBox:hover p span{
    /*opacity: 1;*/
}
.m2proTop .imgTextImgBox p span a:hover{
    background: #0135AB;
    border-color: #0135AB;
}
.m2proTop .imgTextImgBox:hover img{
    transform:scale(1.2) translateY(-50%);
    -webkit-transform:scale(1.2)  translateY(-50%);
    -ms-transform:scale(1.2)  translateY(-50%);
}
.imgTextPbox1{float:left;width:560px;}
.imgTxt_t1{margin-top:15px;}
.imgTxt_t1:hover{color:#10a254}
.imgTxtTable a:hover{background:#10a254!important}
#link1,#link2,#link3,#link4,#link5{position: relative;top: -100px;}
.r_title{
	text-align: center;
	color: #b4b4b4;
	font-size: 0.16rem;
	overflow: hidden;
	margin-bottom: 0.55rem;
}
.r_title h3{
	color: #8a8a8a;
	font-size: 0.24rem;
	margin-bottom: 0.1rem;
	font-weight: normal;
}
.r_product{
	background: #F2F2F2;
	padding:0.7rem 0 0.55rem;
	overflow: hidden;
}
.r_product .r_pro_scroll{
	box-sizing: border-box;
	padding:0 0.25rem;
}

.r_product li{
	background: #fff;
	overflow: hidden;
}
.r_product li .img{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
}
.r_product li .img p{
	width: 100%;
	height:100%;
	position:absolute;
	overflow: hidden;
}
.r_product li .img img{
	width: 70%;
	height: 70%;
	margin:15% auto;
	display: block;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
}
.r_product li:hover .img img{
	transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-ms-transform: scale(1.3);
}
.r_product li .bot{
	height: 100px;
	box-sizing: border-box;
	border-top: 1px solid #EBEBEB;
	padding:0.25rem 0.3rem 0;
	overflow: hidden;
	position: relative;
}
.r_product li .bot .l{
	width: 80%;
	float: left;
	overflow: hidden;
	font-size: 0.14rem;
	color: #c1c1c1;
}
.r_product li .bot .l p:first-child{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.r_product li .bot .l p:first-child{
	font-size: 0.18rem;
	color: #434343;
	margin-bottom: 0.03rem;
}
.r_product li .bot .r{
	float: right;
	position: relative;
	top:0.2rem;
	width: 0.17rem;
	height: 0.08rem;
	background-image: url(../image/ww.jpg);
	background-repeat: no-repeat;
	background-size: 0.17rem 0.08rem;
}
.r_product li .abs{
	position: absolute;
	overflow: hidden;
	background: rgba(0,0,0,0.6);
	width: 100%;
	height: 100%;
	top:0;
	opacity: 0;
	z-index: 1;
	visibility: hidden;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transform: scale(0.9);
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
}
.r_product li:hover .abs{
	visibility: visible;
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
}
.r_product li .abs .intro{
	position: relative;
	display: inline-block;
	left:50%;
	max-width: 80%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	margin:0.6rem 0 0.5rem;
	font-size: 0.15rem;
	line-height: 0.3rem;
	height: 1.2rem;
	color: #fff;
	overflow: hidden;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.r_product li .abs .more{
	font-size:0.15rem;
    text-transform: uppercase;
    color: #00A33A;
    line-height: 31px;
    height: 33px;
    width: 132px;
    border: 1px solid #00A33A;
    text-align: center;
    display: block;
    margin: 0 auto;
    border-radius: 1.6em;
    position: relative;
}
.r_scheme{
	padding:0.7rem 0 0.55rem;
	overflow: hidden;
}
.r_scheme .li{
	width: 50%;
	height: 0;
	float: left;
	padding-bottom: 18.55%;
	position: relative;
	box-sizing: border-box;
	border-bottom:3px solid #fff;
}
.r_scheme .li:nth-child(odd){border-right: 3px solid #fff;}
.r_scheme .li a{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}
.r_scheme .li a:before{
    content:"";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
    background: rgba(0,0,0,0.2);
    transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
}
.r_scheme .li:hover a:before{background:none;}
.r_scheme .li a .text {
	color: #fff;
	text-align: center;
	z-index: 3;
	font-size: 0.12rem;
	text-transform:uppercase;
	display: inline-block;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.r_scheme .li a .text div{
	display: inline;
	float: left;
	overflow: hidden;
}
.r_scheme .li a .text h3{
	font-size: 0.2rem;
	font-weight: normal;
}
.r_scheme .li a .text .b{
	width: 1.2rem;
	height: 1px ;
	background: #fff;
	margin:0.1rem auto;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
}
.r_scheme .li a .text .l{
    display: none;
	/*vertical-align: middle;*/
	position: relative;
	opacity: 0;
	top:0.15rem;
	float: left;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	transform: translateX(-20px);
	-webkit-transform: translateX(-20px);
	-ms-transform: translateX(-20px);
}
.r_scheme .li a .text .r{
	transform: translateX(20px);
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
}
.r_scheme .li:hover a .text .l{
	opacity: 1;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
}
.scheme ul li a:after {
	content: "";
	z-index: 1;
	display: block;
	position: absolute;
	background: rgba(0, 0, 0, .5);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}
.swiper_about .con{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding:.5rem 0 .7rem;
}
.swiper_about .con .r_title,.swiper_about .con .r_title h3{
    color: #fff;
}
.swiper_about .con .intro{
    width: 50%;
    overflow: hidden;
    color: #fff;
    font-size: 0.14rem;
}
.swiper_about .con .intro .desc{
    height: 2.4rem;
    line-height: 0.3rem;
    margin:0.5rem 0;
    color: #fff;
    text-align: justify;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}
.swiper_about .con .intro .more{
    width: 1.3rem;
    height: .35rem;
    line-height: .35rem;
    color: #fff;
    display: block;
    border-radius: .35rem;
    text-align: center;
    border:1px solid #fff;
}
.swiper_about .con .intro .more:hover{
    background: #10a254;
    color: #fff;
    border-color: #10a254;
}
.swiper_about .swiper-slide{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.r_about{
	overflow: hidden;
	background: #fff;
	padding:0.2rem 0;
	box-sizing: border-box;
}
.r_about li{
	float: left;
	width: 25%;
	height: 0.6rem;
	line-height: 0.6rem;
	position: relative;
	border-right:1px solid #ccc;
	font-size: 0.16rem;
	color: #333;
	box-sizing: border-box;
	text-align: center;
	cursor: pointer;
}
.r_about li:last-child{border:0;}
.r_about li img{
	width: 0.5rem;
	height: 0.5rem;
	vertical-align: middle;
	margin-right: 0.15rem;
}
.r_about li .img2{display:none;}
.r_about li:hover .img1,.r_about .active .img1{display:none;}
.r_about li:hover .img2,.r_about .active .img2{display:inline-block;}
.r_about .active,
.r_about li:hover{
	color: #10a254;
}
.youshi{
	background: #F2F2F2;
	padding:0.7rem 0 3.5rem;
	overflow: hidden;
	position: relative;
}
.youshi .r_title{
    margin-bottom:1rem;
}
.youshi li{
	width: 25%;
	text-align: center;
	font-size: 0.2rem;
	color: #4a4a4a;
	float: left;
}
.youshi li .num{
	position: relative;
	display: inline-block;
}
.youshi li .num p:first-child{
	font-size: 0.9rem;
	/*background: linear-gradient(to bottom, #004CDA, #00CC6A);*/
	/*-webkit-background-clip: text;*/
	/* -moz-background-clip: text;*/
	/* -ms-background-clip: text;*/
	/*-o-background-clip: text;*/
	/*color: transparent;*/
    color: #106bb0;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#004CDA), to(#00CC6A));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.youshi li .num p:last-child{
	font-size: 0.2rem;
	color: #106bb0;
	position: absolute;
	top: 0.24rem;
    right: -0.2rem;
}
.youshi li .b{
	width: 0.2rem;
	height: 5px ;
	background: #04AC97;
	margin:0.2rem auto;
	border-radius: 5px;
}
.youshi li .b+p{
	font-size: 0.22rem;
	color: #02c9ad;
}
.index_form{
	box-sizing: border-box;
	padding:1rem 1.2rem 0.7rem;
	overflow: hidden;
	background: #fff;
	border:5px solid #E4E4E4;
	border-radius: 3px;
	position: relative;
	z-index: 1;
	margin-top: -2.44rem;
}
.index_form .tit{
	color: #8a8a8a;
	font-size: 0.24rem;
	padding-bottom: 0.2rem;
	font-weight: normal;
	position: relative;
	text-align: center;
	margin-bottom: 0.4rem;
}
.index_form .tit:before{
	content:"";
	display: inline-block;
	position: absolute;
	bottom:0;
	width: 0.25rem;
	height:2px; 
	background: #b4b4b4;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
}
.index_form ul{overflow: hidden;}
.index_form li{
	width: 27%;
	float: left;
	margin-bottom: 0.3rem;
	margin-right: 9.5%;
	font-size: 0.14rem;
	color: #757575;
	overflow: hidden;
	height: 0.5rem;
	line-height: 0.5rem;
	border-bottom:1px solid #E8E8E8;
}
.index_form li:nth-child(3),
.index_form li:nth-child(4){margin-right: 0}
.index_form li:nth-child(4){width: 100%;}
.index_form li input{
	background: none;
	border:0;
	height: 0.5rem;
	margin-left: 0.1rem;
	font-size: 0.14rem;
	color: #333;
	width: calc(100% - 1.3rem);
	width: -webkit-calc(100% - 1.3rem);
}
.index_form .submit{
	font-size: 0.16rem;
	color: #fff;
	border:0;
	margin:0.3rem auto 0;
	display: block;
	background: #3eb044;
	width: 2rem;
	height: 0.45rem;
	line-height: 0.45rem;
	text-align: center;
	border-radius: 0.45rem;
}
.r_news{
	padding:0.7rem 0;
	overflow: hidden;
}
.r_news .r_title{
	margin-bottom: 0.3rem;
}
.r_news1 {
	margin-bottom: 0.9rem;
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.r_news1  li {
	overflow: hidden;
	float: left;
	margin-right: .6rem
}

.r_news1  li:last-child {
	margin-right: 0
}

.r_news1  li a {
	display: block;
	padding: 0 .4rem;
	height: .4rem;
	line-height: .4rem;
	font-size: .18rem;
	color: #c4c4c4;
	border: 1px solid #c4c4c4;
	border-radius: .4rem
}

.r_news1 .active a,
.r_news1  li:hover a {
	border-color: #10a254;
	color: #10a254
}
.swiper_news li{
	width: 26%;
	float: left;
	margin-right: 11%;
	overflow: hidden;
	margin-bottom: 1rem;
}
.swiper_news li:nth-child(3n){margin-right: 0}
.swiper_news li a{
	display: block;
	white-space: nowrap;
	font-size: 0.18rem;
	color: #3e3e3e;
	overflow: hidden;
	text-overflow:ellipsis;
	margin-bottom: 0.1rem;
}
.swiper_news li a:hover{color: #10a254;}
.swiper_news li .desc{
    line-height: 0.22rem;
    height: 0.44rem;
	font-size: 0.14rem;
	color: #8b8b8b;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.swiper_news li .b{
	width: 0.5rem;
	height: 2px ;
	background: #D8D8D8;
	margin:0.2rem 0;
	transition: width 0.3s;
	-webkit-transition: width 0.3s;
	-ms-transition: width 0.3s;
}
.swiper_news li .date{
	font-size: 0.16rem;
	color: #707070;
}
.swiper_news li:hover .b{width: 0.8rem;}
.r_news .swiper_news{padding-bottom: 0.2rem;}
.r_footer{
	padding:0.4rem 0;
	overflow: hidden;
	background: #131313;
}
.r_footer .lef{float: left;max-width: 30%;}
.r_footer .mid{
	padding-top: 0.18rem;
	float: left;
	overflow: hidden;
	font-size: 0.16rem;
	color: #5D5D5D;
	margin-left: 1.2rem;
}
.r_footer .mid ul{
	overflow: hidden;
	margin-bottom: 0.3rem;
}
.r_footer .mid li{
	float: left;
	margin-right: 0.3rem;
}
.r_footer .mid li:last-child{margin-right: 0}
.r_footer .mid li a{color: #8F8F8F;font-size:0.18rem;}
.r_footer .mid li a:hover{color: #10a254}
.r_footer .mid .addr{
	margin-bottom: 0.15rem;
	position: relative;
}
.r_footer .mid .addr img{
	width: 0.35rem;
	height: 0.35rem;
	margin-right: 0.1rem;
	vertical-align: middle;
}
.r_footer .mid .foot{
	font-size: 0.13rem;
	margin-top: 0.1rem;
}
.r_footer .rig{
	float: right;
	text-align: center;
	overflow: hidden;
	font-size: 0.13rem;
	color: #fff;
	padding-top: 0.2rem;
}
.r_footer .rig img{
	width: 1.3rem;
	height: 1.3rem;
	margin-bottom: 0.05rem;
}
.news_box .news_item li .text .rig .more{
    display: block;
    width: 110px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #666;
    border-radius: 30px;
    border:1px solid #eee;
    font-size: 0.14rem;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -ms-transition:all 0.3s;
    margin-top: 10px;
    cursor: pointer;
}
.news_box .news_item li .text .rig .more:hover{
    background: #005cad;
    color: #fff;
    border-color: #005cad;
}
.r_service{
    margin:0rem auto 0.5rem;
    overflow: hidden;
    display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.r_service .rig{
    width: 30%;
    height: 0;
    padding-bottom: 27.6%;
    position: relative;
}
.r_service .img{
    width: 70%;
    height: 0;
    padding-bottom: 27.6%;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.r_service .img div{
    position: absolute;
    top:0;
    width:100%;height: 100%;
}
.r_service .rig .abs{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    background: #eaeaea;
    font-size: 0.24rem;
    color: #000;
    box-sizing: border-box;
    text-align: center;
    padding:.8rem 0.35rem 0.35rem;
}
.r_service .rig .abs a{
    display: block;
    position: absolute;
    left:0.35rem;
    width: calc(100% - 0.7rem);
    width: -webkit-calc(100% - 0.7rem);
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    color:#fff;
    font-size: 0.2rem;
}
.r_service .rig .abs .a1{
    background: #005cad;
    bottom:0.95rem;
}
.r_service .rig .abs .a2{
    background: #00A33A;
    bottom:0.35rem;
}
.pro_nav{
    background:#f1f1f1;
    box-sizing: border-box;
    padding:0 20px;
    overflow: hidden;
}
.pro_nav span{
    display: block;
    float: left;
}
.pro_nav i{margin:0.14rem 20px 0;display:block;width:1px;height:0.2rem;background:#ccc;float:left;}
.m3menu_a{color:#555;box-sizing: border-box;border:0!important;border-bottom:2px solid #f1f1f1!important;padding:0 15px;}
.m3menu_a.on:after, .m3menu_a:hover:after{display:none;}
.m3menu_a.on, .m3menu_a:hover{
    color:#0135AB;
    border-color: #0135AB!important;
    background:none;
}
.n2pro_dl dd .ellipsis span{
    padding:3px 10px;
    color: #fff;
    border-radius: 3px;
    background: #10a254;
    margin-left: 50px;
    vertical-align: middle;
    display: inline;
}
.about1{
	width:100%;
	overflow: hidden;
	background: url(../image/a_03.jpg) no-repeat;
	background-size: cover;
	box-sizing: border-box;
	padding:60px;
}
.about1 .lef{
	width:50%;
	overflow: hidden;
	color: #fff;
}
.about1 .lef h3{
	font-weight: normal;
	font-size: 0.3rem;
}
.about1 .lef h5{
	font-weight: normal;
	font-size: 0.24rem;
	margin-bottom: 50px;
}
.about1 .lef .desc{
	line-height: .25rem;
	font-size: 0.12rem;
}
.about22{
	margin:10px 0;
	overflow: hidden;
}
.about22 li{
	float: left;
	overflow: hidden;
	width:50%;
	height: 350px;
	position: relative;
	box-sizing: border-box;
	padding:60px;
}
.about22 li:nth-child(2),.about22 li:nth-child(3){background: #F6F6F6;}
.about22 li .tit1{
	font-size: .28rem;
	color: #000
}
.about22 li .tit1{
	font-size: .24rem;
	color: #005cad;
	margin:10px 0;
}
.about22 li .border{
	width:20px;
	height: 3px;
	border-radius: 3px;
	margin:10px 0 20px;
	background: #005cad;
}
.about22 li .desc{
	font-size: .12rem;
	color: #8c8c8c;
	line-height: .25rem;
}
.about22 li .abs{
	position: absolute;
	top:60px;
	right:90px;
	font-size: .18rem;
	color: #d4d4d4;
	text-transform: uppercase;
	transform-origin: 100% 0;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
}
.new_about{
	margin: 30px auto 100px;
}
.about3 li{
	width:33.33%;
	float: left;
	position: relative;
	height: 0;
	padding-bottom:42%; 
}
.about3 .box{
	position: absolute;
	width:calc(100% - 10px);
	width:-webkit-calc(100% - 10px);
	height: 100%;
	top:0;
	left:0;
	box-sizing: border-box;
	padding:50px;
	color: #fff;
	background-image: url(../image/a_06.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.about3 li:last-child .box{width:100%;}
.about3 li:nth-child(2) .box{
	background-image: url(../image/a_08.jpg);
}
.about3 li:nth-child(3) .box{
	background-image: url(../image/a_10.jpg);
}
.about3 .box .tit{
	font-size: .24rem;
	text-transform: uppercase;
}
.about3 .box .bot{
	position: absolute;
	padding:0 0 50px 50px;
	width:100%;
	left:0;
	bottom:0;
	box-sizing: border-box;
	font-size: .18rem;
}
.about3 .box .bot h3{
	font-weight: normal;
	margin-bottom: 5px;
	font-size: .3rem;
}
.n_blog .g_side .g_list .tt a:hover{color:#3784D2}

@media screen and (max-width:1921px) {
	.n2proBabox.scaleImg .overflowHide {
		height: 160px
	}
    
	.n_blog .n_mn {
		width: calc(100% - 320px)
	}

	.n_blog .n_mn .m_text {
		width: 100%
	}

	.n_blog .g_side {
		width: 280px
	}
    .about2 li{padding-bottom:28%;}
	body,
	html {
		min-width: 1024px
	}

	.con{
		width: 1400px !important
	}

	.about .title,
	.news .title,
	.product .title,
	.superiority .title,
	.title {
		margin: .6rem auto .4rem
	}

	.title h3 {
		font-size: .32rem
	}

	.nav .ul>li {
		padding-left: 80px
	}

	.about_us .lef,
	.contact_box .intro #map,
	.contact_box .intro .lef {
		width: 50%
	}

	.about_us .rig {
		width: 46%;
		height: 500px
	}

	.culture li {
		height: 450px
	}

	.footer {
		padding-top: .5rem
	}

	.footer .top .lef {
		max-width: 17%
	}

	.footer .top .mid {
		box-sizing: border-box;
		width: 50%
	}

	.footer .top .mid li {
		width: 100%
	}

	.footer .top .mid {
		padding: 0 .7rem
	}

	.footer .top .mid li div {
		font-size: .16rem
	}

	.footer .top .rig {
		width: 9%
	}
	.footer .top .rig p{font-size: 0.13rem;}
	.footer .foot {
		height: 80px;
		line-height: 80px;
		font-size: .14rem;
		margin-top: .5rem
	}

	.honor li a {
		padding: .15rem
	}

	.honor li a p:first-child {
		height: 2.7rem
	}

	.product .pro_con .lef {
		width: 60%
	}

	.product .pro_con .rig {
		width: 35%;
		padding-bottom: 35%
	}

	.about .lef,
	.about .rig {
		width: 50%;
		padding-bottom: 40%
	}

	.about .lef .abs_box {
		padding: 40px 40px 0
	}

	.about .lef .intro {
		height: 2.4rem;
		text-align: justify;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 8;
		-webkit-box-orient: vertical
	}
	
	.news .lef,
	.news .mid {
		width: 26%;
		height: 400px
	}

	.news .rig {
		width: 44%;
		height: 400px
	}

	.news .mid {
		margin: 0 2%
	}

	.news .lef .img {
		height: 230px
	}

	.news .mid li:nth-child(1) {
		margin-bottom: 8%
	}

	.news .mid li {
		height: 48%
	}

	.news .mid li .top {
		height: 80px
	}

	.news .mid li .top p:first-child span:first-child,
	.news .rig li p:first-child span:first-child {
		font-size: .32rem
	}

	.news .lef .tit,
	.news .mid li .bot h3,
	.news .rig li p:nth-child(2) {
		font-size: .16rem
	}

	.news .mid li .bot h3 {
		margin: .15rem 0 .1rem
	}

	.news .mid li .top .more,
	.news .rig li .more {
		width: .25rem;
		height: .2rem
	}

	.news_box .news_item li .text {
		width: calc(100% - 200px)
	}

	.superiority .con {
		padding: .6rem 0 1rem
	}

	.scheme_box .lef {
		width: 250px
	}

	.scheme_box .rig {
		width:100%
	}

	.scheme_box .rig li {
		width: 24%;
		margin-right: 1.33%;
	}

	.scheme_box .rig li:nth-child(4n) {
		margin-right: 0
	}

	.scheme_box .rig li .tit {
		font-size: .14rem;
		text-align: left;
	}

	.service_box {
		height: 350px
	}

	.service_box .lef {
		width: 38%;
		padding: 20px
	}

	.service_box .mid {
		width: 29%;
		margin: 0 2%;
		padding: 20px
	}

	.service_box .mid div .more {
		height: 40px;
		line-height: 40px;
		font-size: .16rem;
		margin-top: 14px
	}

	.service_box .mid div {
		height: 150px;
		margin-bottom: .2rem
	}

	.service_box .mid h5 {
		font-size: .2rem
	}

	.service_box .mid .text {
		font-size: .16rem
	}

	.service_box .mid .b {
		bottom: .2rem;
		max-height: .3rem
	}

	.service_box .mid .border {
		margin: .15rem auto
	}

	.service_box .rig {
		margin: 0
	}

	.service_box .mid div .btn {
		height: 50px;
		line-height: 50px;
		font-size: .18rem
	}
}
@media screen and (max-width:1681px){
	.con{
		width: 1200px !important
	}
	.footer .top .rig p{font-size: 0.12rem;}
	.r_scheme .li a .text h3{font-size:0.18rem;}
	.r_about li{height:0.5rem;line-height:0.5rem;}
	.youshi li .num p:first-child{font-size:0.8rem;}
	.youshi li,
	.youshi li .num p:last-child{font-size:0.18rem;}
	.youshi li .b+p{font-size:0.2rem;}
	.youshi .r_title{margin-bottom:0.8rem;}
	.r_news1 li a{height:0.35rem;line-height:0.35rem;border-radius:0.35rem;font-size:0.16rem;}
	.r_news1,.swiper_news li{margin-bottom:0.7rem;}
	.r_footer .mid{margin-left:1rem;padding-top:0.16rem;}
	.about3 .box .bot{font-size: .16rem;}
	.about3 .box .bot h3{font-size: .24rem;}
}
@media screen and (max-width:1441px) {

	body,
	html {
		min-width: 1024px
	}

	.con{
		width: 1200px !important
	}

	.nav .ul>li {
		padding-left: 60px
	}

	.nav .ul>li .tit {
		font-size: .16rem
	}

	.about .lef .abs_box {
		padding: 40px 40px 0
	}

	.superiority .con li .item div .img {
		width: .55rem;
		height: .55rem;
		margin: 0 auto .3rem
	}

	.superiority .con li .item div h3 {
		font-size: .22rem
	}

	.superiority .con li .item div .text {
		font-size: .18rem
	}

	.superiority .con li .item div .text span {
		font-size: .26rem
	}

	.about .lef .intro {
		height: 1.8rem;
		text-align: justify;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 6;
		-webkit-box-orient: vertical
	}
	.service_box {
		height: 300px
	}
	.service_box .mid div {
		height: 120px;
	}
	.news .type li a{height: 0.35rem;line-height: 0.35rem;}
	.r_footer .mid,.r_footer .rig{padding-top:0.16rem;}
}

@media screen and (max-width:1280px) {

	body,
	html {
		min-width: 1000px
	}

	.con{
		width: 1000px !important
	}
	.swiper_about .con .intro{width:100%}
	/*.swiper_about .con .intro img{display:none;}*/
	.about2 li{padding-bottom:36%}
	.banner {
		height: 6rem !important
	}

	.nav .logo {
		width: 250px
	}

	.nav .logo a img {
		width: 100%
	}

	.nav .ul>li .tit {
		font-size: .16rem
	}

	.about .lef .abs_box {
		padding: 30px 30px 0
	}

	.footer .top .mid {
		padding: 0 .5rem
	}

	.footer .top .mid li div {
		font-size: .14rem
	}

	.footer .top .rig {
		width: 11%
	}
	.r_footer .mid li{margin-right: 0.5rem;}
	/*.r_footer .rig{display:none;}*/
	/*.r_footer .rig{width: 100%;text-align: center;font-size: 0.13rem;padding-top:0;margin-top:30px;}*/
	.about3 .box{padding:30px;}
	.about3 .box .bot{font-size: .14rem;padding-bottom:30px;padding-left:30px;}
	.about3 .box .bot h3{font-size: .2rem;}
	.about22 li{padding:30px;height: 280px;}
	.r_service .rig .abs{padding-top: 0.5rem;font-size: .2rem;}
	.r_service .rig .abs a{font-size: .16rem;}
	.r_nav{
	    height:auto;background:rgba(255,255,255,.3);
        background-size: cover;
	}
	.r_nav ul{height:auto;}
	.r_nav .lef{ margin:0;}
	.r_nav .lef li{padding:0 8px;margin-bottom:0px;}
	.r_nav .lef li a{font-size: .12rem}
}

@media screen and (min-width:769px) and (max-width:1025px) {

	body,
	html {
		min-width: 768px
	}

	body {
		padding-top: .7rem !important
	}

	.con {
		width: 90% !important
	}
	.news_box .news_item li .text .rig .more{display:none;}
	#J_dotLine,
	.fixed,
	.nav .nav1,
	.nav .ul,
	.nav .ul>li .tit:before,
	.news_box .news_item li .text .mid,
	/*.news_nav .rig,*/
	.product .pro_con .rig,
	.scheme_box .lef .top,
	.search_box {
		display: none
	}

	.menu {
		display: block !important;
		width: .3rem;
		height: .3rem;
		margin-top: .1rem;
		float: right
	}

	.nav {
		height: .7rem;
		box-shadow: 0 0 .05rem rgba(0, 0, 0, .1)
	}

	.nav>.con {
		background: #fff !important
	}

	.nav .logo {
		width: 100%;
		max-height: 80%
	}

	.logo a img {
		max-height: 100%;
		width: auto !important
	}

	.logo a img:nth-child(2) {
		display: none !important
	}

	.logo a img:nth-child(1) {
		display: inline !important
	}

	.nav .ul {
		position: fixed;
		padding: 0;
		top: 0;
		left: 0;
		z-index: 99999;
		background: rgba(0, 0, 0, .8);
		width: 100%;
		height: 100vh;
		display: none
	}

	.nav .ul .close {
		display: block;
		position: absolute;
		top: .15rem;
		right: 3%;
		width: .3rem;
		height: .3rem;
		z-index: 999999
	}

	.nav .ul>li {
		float: none;
		width: 100%;
		padding-left: 0;
		height: auto;
		border-bottom: 1px solid #3a393b
	}

	.nav .ul>li .tit {
		background: 0 0 !important;
		color: #fff !important;
		height: .6rem !important;
		line-height: .6rem !important;
		font-size: .16rem !important;
		text-align: center
	}

	.banner {
		height: 5rem !important
	}
}

@media screen and (max-width:768px) {
    .news_box .news_item li .text .rig .more{display:none;}
    .m2proTop{width:90%;}
    .m2proTop .imgTextImgBox{border:0}
    .imgTextPbox1{width:100%;}
	#link1,#link2,#link3,#link4,#link5{position: relative;top: -70px;}
	.n2proList .m2proBox,.m2proImgBox{width:100%;height: auto;}
	.m2proList{margin-left: 0}
	.n2proList .m2proBox:first-child{border-top: 1px solid #E6E6E6;margin-top: 0;}
	.n2proBabox.scaleImg .overflowHide {height: 165px}
	.n_blog .n_mn{width:100%;}
	#ctl00_ContentPlaceHolder1_relatedPan {
		padding: .1rem
	}

	.n_blog .n_mn .m_text {
		padding: .2rem .1rem;
		width: 100%
	}

	.n_mn .m_text .article_tt {
		font-size: .2rem
	}

	body,
	html {
		min-width: 0
	}

	body {
		padding-top: .7rem !important
	}

	.con{
		width: 94% !important
	}

	.pages {
		max-width: 94%
	}

	#J_dotLine,
	.fixed,
	.nav .nav1,
	.nav .ul,
	.nav .ul>li .tit:before,
	.news_box .news_item li .text .mid,
	.product .pro_con .rig,
	.scheme_box .lef .top,
	.search_box,
	.ico,
	canvas {
		display: none
	}

	.menu {
		display: block !important;
		width: .3rem;
		height: .3rem;
		margin-top: .05rem;
		float: right
	}

	.nav {
		height: .7rem;
		box-shadow: 0 0 .05rem rgba(0, 0, 0, .1)
	}

	.nav>.con {
		background: #fff !important
	}

	.nav .logo {
		width: 100%
	}

	.logo a img {
		max-width: 70%
	}

	.logo a img:nth-child(2) {
		display: none !important
	}

	.logo a img:nth-child(1) {
		display: inline !important
	}

	.nav .ul {
		position: fixed;
		padding: 0;
		top: 0;
		left: 0;
		z-index: 99999;
		background: rgba(0, 0, 0, .8);
		width: 100%;
		height: 100vh;
		display: none
	}

	.nav .ul .close {
		display: block;
		position: absolute;
		top: .15rem;
		right: 3%;
		width: .3rem;
		height: .3rem;
		z-index: 999999
	}

	.nav .ul>li {
		float: none;
		width: 100%;
		padding-left: 0;
		height: auto;
		border-bottom: 1px solid #3a393b
	}

	.nav .ul>li .tit {
		background: 0 0 !important;
		color: #fff !important;
		height: .6rem !important;
		line-height: .6rem !important;
		font-size: .16rem !important;
		text-align: center
	}

	.banner {
		height: 2rem !important
	}

	.title {
		margin: .3rem auto !important;
		font-size: .14rem
	}

	.title h3 {
		font-size: .24rem;
		margin-bottom: .1rem
	}

	.product .pro1 li {
		margin-right: 4%;
		width: 48%;
		margin-bottom: .1rem
	}

	.product .pro1 li:nth-child(even) {
		margin-right: 0
	}

	.product .pro1 li a {
		font-size: .16rem;
		height: .4rem;
		line-height: .4rem;
		border-radius: .4rem
	}
	.product .pro_con .lef,
	.product .pro_con .lef .intro_ .intro {
		width: 100%
	}

	.product .pro_con .lef .intro_ h3 {
		margin-bottom: .1rem
	}

	.product .pro_con .lef .intro_ .intro {
		height: auto;
		max-height: 1.8rem
	}

	.about .lef {
		width: 100%;
		height: auto;
		padding-bottom: 0
	}

	.about .lef .abs_box {
		padding: .2rem;
		position: relative;
		height: auto
	}

	.about .lef .intro {
		max-height: 3rem
	}

	.about .rig {
		width: 100%;
		padding-bottom: 100%
	}

	.about .rig li div {
		max-width: 75%
	}

	.about .rig li div .img1,
	.about .rig li div .img2 {
		width: .5rem;
		height: .5rem
	}

	.about .rig li div .border {
		margin: .1rem auto
	}

	.about .rig li div .tit {
		font-size: .16rem
	}

	.about .rig li:nth-child(1),
	.about .rig li:nth-child(3) {
		border-left: 1px solid #ccc
	}

	.about .rig li div .eng {
		white-space: nowrap;
		overflow: hidden
	}

	.scheme ul {
		width: 94%;
		margin: 0 auto
	}

	.scheme ul li {
		width: 100% !important;
		padding-bottom: 60% !important
	}

	.superiority .con {
		padding: .3rem 0 .5rem !important
	}

	.superiority .con li {
		width: 48%;
		padding-bottom: 48%;
		margin-right: 4% !important;
		margin-bottom: .15rem
	}

	.superiority .con li:nth-child(even) {
		margin-right: 0 !important
	}

	.superiority .con li .item div .img {
		width: .4rem;
		height: .4rem;
		margin: 0 auto .1rem
	}

	.superiority .con li .item div h3 {
		font-size: .18rem
	}

	.superiority .con li .item div .bor {
		margin: .1rem auto;
		height: 1px
	}

	.superiority .con li .item div .text {
		font-size: .12rem
	}

	.superiority .con li .item div .text span {
		font-size: .16rem
	}

	.news .type {
		width: 94%
	}

	.news .type li {
		width: 31%;
		margin-right: 3.5%
	}

	.news .type li a {
		font-size: .16rem;
		height: .35rem;
		line-height: .35rem;
		border-radius: .35rem;
		padding: 0;
		text-align: center
	}

	.news .lef {
		padding: .1rem
	}

	.news .lef,
	.news .mid,
	.news .rig {
		width: 100%;
		height: auto
	}

	.news .con {
		margin: .2rem auto
	}

	.news .lef .tit {
		font-size: .16rem;
		height: .5rem;
		line-height: .25rem
	}

	.news .lef .date {
		line-height: .45rem
	}

	.news .lef .img {
		width: 100%;
		height: 3.5rem
	}

	.news .mid {
		margin: .1rem 0
	}

	.news .mid li:nth-child(1) {
		margin-bottom: .1rem !important
	}

	.news .rig {
		padding: 0 .1rem
	}

	.news .rig li {
		height: auto;
		padding: .1rem 0
	}

	.news .rig li p:first-child {
		font-size: .14rem
	}

	.news .rig li p:first-child span:first-child {
		font-size: .3rem
	}

	.news .rig li p:nth-child(2) {
		font-size: .16rem;
		margin: 0 .3rem
	}

	.footer {
		padding: .3rem 0 0;
		box-sizing: border-box
	}

	.footer .top {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column
	}

	.footer .top .lef {
		width: 2rem;
		max-width: 2rem
	}

	.footer .top .mid {
		padding: 0;
		border: 0;
		margin: .3rem 0;
		width: 100%
	}

	.footer .top .mid li {
		width: 100%
	}

	.footer .top .mid li img {
		width: .4rem;
		height: .4rem
	}

	.footer .top .mid li div {
		font-size: .14rem;
		line-height: .2rem
	}

	.footer .top .rig {
		width: 1.5rem
	}

	.footer .foot {
		margin-top: .2rem;
		height: .5rem;
		line-height: .5rem;
		font-size: .13rem;
		width: 100%;
		overflow: hidden
	}

	.article-intro {
		width: 96%;
		margin: 0 auto;
		margin-top: 20px
	}

	.article-intro .info p {
		font-size: 12px;
		line-height: 24px
	}

	.fy div {
		float: initial;
		width: 100%;
		height: auto;
		overflow: hidden
	}

	.fy div p {
		font-size: 12px;
		line-height: 26px;
		margin-bottom: 3px
	}

	.fy .return {
		float: initial;
		margin-top: 10px;
		display: block
	}

	.banner_bg {
		height: 2rem
	}

	.banner_bg div h3 {
		font-size: .3rem
	}

	.banner_bg div .border+p {
		font-size: .2rem
	}
    .r_nav{
	    height:auto;padding:0;margin-top:0;
	    background:#fff;
	}
	.news_nav .lef {
		width: 100%;
		max-width: 100%;
		overflow: auto;
		white-space: nowrap
	}

	.news_nav .lef li {
		display: inline-block;
		text-align: center;
		float: none;
		width: auto;
		padding:0 0.15rem;
		margin:0;
	}

	.news_nav .lef li a {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		color: #333;
	}
    .news_nav .lef .active a,.news_nav .lef li:hover a{color:#fff}
	.about_box {
		padding: 0 0 .3rem
	}

	.about_us .lef {
		width: 100%
	}

	.about_us .lef h1 {
		font-size: .36rem
	}

	.about_us .lef h3 {
		font-size: .2rem;
		margin-top: .1rem
	}

	.about_us .lef .border {
		margin: .1rem 0
	}

	.about_us .lef .intro {
		line-height: .25rem;
		font-size: .14rem;
		overflow: visible;
		height: auto;
		display: block
	}

	.about_us .rig {
		width: 100%;
		height: auto;
		margin-top: .1rem
	}

	.culture li {
		height: 2.3rem
	}

	.culture li .img,
	.culture li .text {
		width: 100%
	}

	.culture li .text {
		padding: .2rem
	}

	.culture li .text div h3 {
		font-size: .24rem;
		margin-bottom: .1rem
	}

	.culture li .text div {
		font-size: .14rem;
		line-height: .2rem
	}

	.history .tit {
		font-size: .24rem
	}

	.history li {
		padding: .2rem;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column
	}

	.history li .lef {
		font-size: .24rem;
		padding-right: 0;
		width: 100%;
		border-right: 0;
		height: auto;
		line-height: 1;
		margin-bottom: .1rem
	}

	.history li .rig {
		font-size: .14rem;
		line-height: .2rem;
		padding-left: 0;
		width: 100%
	}

	.contact_box {
		padding: .2rem .1rem;
		margin: .3rem auto
	}

	.contact_box .tit {
		font-size: .24rem
	}

	.contact_box .intro .lef {
		width: 100%;
		padding: .1rem;
		height: auto
	}

	.contact_box .intro .lef .text {
		width: calc(100% - .5rem)
	}

	.contact_box .intro #map {
		width: 100%;
		height: 3rem
	}

	.honor,
	.news_box,
	.pro_search,
	.scheme_box,
	.video {
		margin: .3rem auto
	}

	.honor li,
	.honor li:nth-child(5n) {
		width: 48%;
		margin-right: 4%
	}

	.honor li:nth-child(2n) {
		margin-right: 0
	}

	.honor li a {
		padding: .1rem
	}

	.honor li a p:first-child {
		height: 2rem;
		margin-bottom: .1rem
	}

	.news_box {
		padding: .1rem
	}

	.news_box .news_item li {
		padding: .1rem 0;
		border: 0
	}

	.news_box .news_item li .text {
		width: 100%
	}

	.news_box .news_item li .img {
		width: 100%;
		height: auto
	}

	.news_box .news_item li .text {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column
	}

	.news_box .news_item li .text .lef {
		font-size: .18rem;
		width: 100%;
		margin-bottom: .1rem
	}

	.news_box .news_item li .text .rig a {
		font-size: .18rem
	}

	.news_box .news_item li .text .lef p:first-child {
		float: left
	}

	.news_box .news_item li .text .lef p:last-child {
		float: right;
		margin-top: 0
	}

	.scheme_box .lef,
	.scheme_box .rig {
		width: 100%
	}

	.scheme_box .lef li {
		float: left;
		width: 49%;
		margin-right: 2%;
		margin-bottom: .1rem;
		border: 0
	}

	.scheme_box .lef li:nth-child(2n) {
		margin-right: 0
	}

	.scheme_box .rig li {
		width: 100%;
		margin-bottom: .1rem
	}

	.scheme_box .lef li a {
		height: .45rem;
		line-height: .45rem;
		padding: 0 .05rem;
		font-size: .14rem;
		background: #fff;
		color: #333;
		text-align: center;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.scheme_box .lef .active a,
	.scheme_box .lef li a:hover {
		background: #005cad;
		color: #fff
	}

	.pro_search input,
	.pro_search select {
		width: 1.28rem;
		font-size: .14rem
	}

	.pro_search button {
		width: .8rem;
		font-size: .14rem
	}


	.service_box .lef,
	.service_box .mid {
		width: 100%;
		padding: .1rem
	}

	.service_box {
		height: auto
	}

	.service_box .mid {
		margin: .1rem 0
	}

	.service_box .mid div {
		height: 1.3rem
	}

	.service_box .mid .b {
		position: static;
		display: block;
		margin: .3rem auto;
		transform: none;
		max-height: .4rem
	}

	.video li {
		width: 100%;
		margin-bottom: .1rem
	}

	.rule_content2,
	.rule_list {
		width: 94%
	}

	.rule_content1 img {
		max-width: 60%
	}
	.about_box {margin:0.2rem auto;}
	.about_us1 .lef,.about_us1 .rig{width:100%;}
	.about_us1 .lef h3,.about_us1 .lef h4{font-size: 0.26rem;}
	.about_us1 .lef .border{margin:0.2rem 0;}
	.about_us1 .rig,.about_us1 .lef img{margin-top: 0.2rem;}
	.about2{
		-webkit-flex-wrap: wrap;
	    -moz-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	    -o-flex-wrap: wrap;
	    flex-wrap: wrap;
	    margin:0.3rem auto;
	}
	.about2 li{width:100%;padding-bottom: 100%;margin-bottom: 0.1rem;}
	.history_scroll li .c{padding:0 0.2rem 0.3rem;}
	.history1 .con{padding:0 0.1rem 0.1rem;}

	.pagination_product,
	.r_scheme .li a .text .l{display: none;}

	.r_product,.r_scheme,.r_about,.youshi,.r_news{padding:0.3rem 0;}
	.r_title{font-size: 0.13rem;margin-bottom: 0.3rem;}
	.r_product .r_pro_scroll{padding:0;}
	.r_about{box-sizing: border-box;padding:0.3rem}
	.r_scheme .li{width: 100%;padding-bottom: 40%;}
	.r_scheme .li a .text h3{font-size: 0.16rem;}
	.r_scheme .li a .text .b{width: 0.5rem;}
	.r_scheme .li a .text .b+p{font-size: 0.12rem;}
	.r_about li{width: 50%;margin-bottom: 0.2rem;text-align: left;border:0;font-size:0.14rem;}
	.r_about li:nth-child(even){text-align: right;}
	.r_about li img{width: 0.3rem;height: 0.3rem;}
	.index_form{border:0;padding:0.3rem;}
	.index_form li{width: 100%;font-size: 0.14rem;height: 0.4rem;line-height: 0.4rem;}
	.index_form li input{font-size: 0.14rem;}
	.index_form .tit{margin-bottom: 0.3rem;}
	.index_form .submit{height: 0.4rem;line-height: 0.4rem;font-size: 0.16rem;}
	.r_news1{width: 100%;}
	.r_news1 li{width: 32%;margin-right: 2%;}
	.r_news1 li:nth-child{margin-right: 0}
	.r_news1 li a{padding:0;display: block;text-align: center;font-size: 0.13rem;}
	.swiper_news li{width: 100%;}
	.r_footer .lef{max-width: 100%;}
	.r_footer .mid{width: 100%;margin: 0.3rem 0;}
	.r_footer .rig{width: 100%;text-align: center;font-size: 0.13rem;padding-top:0}
	.r_footer .mid li{width: 25%;text-align: center;margin-right: 0}
	.r_footer .mid li a{font-size: 0.14rem;}
	.r_footer .mid .addr{font-size: 0.13rem;}
	.r_footer .mid .addr img,
	.pro_nav i,
	.scheme_box .rig li .tit span{display: none;}
	.r_scheme .scheme_swiper{padding-bottom:0.5rem;}
	.index_form{margin-top:0;}
	.youshi .r_title{margin-bottom:0.3rem;}
	.youshi li{width:50%;margin-bottom:0.15rem;}
	.youshi li .num p:first-child{font-size:0.5rem;}
	.youshi li,.youshi li, .youshi li .num p:last-child{font-size:0.14rem;}
	.youshi li .num p:last-child{top:0.12rem;right:-0.15rem;}
	.youshi li .b{height:3px;margin:0.1rem auto;}
	.youshi li .b+p{font-size:0.16rem;}
	.pro_nav span {width: 50%;text-align: center;}
	.r_service .img{width:100%;padding-bottom:41.3%;}
	.r_service .rig{width: 100%;padding-bottom: 60%;}
	.r_service{display:block}
	.r_service .rig .abs{font-size:0.18rem;padding:0.3rem .35rem .35rem;}
	.r_service .rig .abs a{height:.35rem;line-height:.35rem;font-size:0.15rem;}
	.pagination_banner{bottom:10px!important;}
	.service_list li{width:100%;padding:.15rem 0!important;}
	.about1{padding:0.3rem 0.2rem;}
	.about1 .lef h5{margin-bottom: .3rem;}
	.about1 .lef{text-align: justify;}
	.about1 .lef,.about3 .box{width:100%!important;}
	.about22 li{width:100%;background:#fff!important;}
	.about3 li{width:100%;padding-bottom: 131%;}
}