@charset "utf-8";
html{  font-family:"Microsoft YaHei";  min-width: 1300px;}
*{ margin:0; padding:0; list-style:none; font-style: normal; text-transform: none; text-decoration:none; outline:none;  font-family:"Microsoft YaHei"; }
body { font-size:12px;overflow-x: hidden; font-family:"Microsoft YaHei";min-width: 1300px;}
img { border:none; }
a{ color:#000; }
a:hover{ color:#089247; }
input, textarea, button, select, radio {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
}
 
@media screen and (max-width:1300px){
	
	.lang{ right: auto; left: 1200px; }
	
}





.fa-phone,.fa-envelope{ font: normal normal normal 14px/1 FontAwesome; }
.fa-phone:before {
    content: "\f095";
}
.fa-envelope:before {
    content: "\f0e0";
}



 
.topcen{width: 85%;  left: 7.5%; min-width: 1300px; position: relative; }


.lang {
    float: right;
    width: 46px;
    position: absolute;
    top: 9px;
    z-index: 100;
    right: 7.5%;
    height: 37px;
    overflow: hidden;
}

.lang:hover{ overflow:inherit; }

.lang a {
	color: #7b7b7b;
    position: relative;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    margin: 0 26px;
    font-size: 16px;
}


 .lang a {
    width: 100%;
    text-align: center;
    margin: 0px;
    text-indent: 23px; display: none;
}
.lang a.en {
    background: url(../images/en.jpg) no-repeat left center;
    background-size: 19px;
}
.lang a.cn {
    background: url(../images/cn.jpg) no-repeat left center;
    background-size: 19px;
}



.header{padding:0px;
    -moz-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
	position:fixed; top:0px; width:100%;
	z-index:10;
	background:#fff;
	padding-bottom: 0px;

}


.header .logo{     float: left;
    padding-right: 5%;
    background: #fff;
    padding-bottom:22px;
    padding-top:22px; 
}
.header .logo img{ width:auto; }

.header .search{ float:right; width:auto; height:100px;   overflow: hidden; }

 

.header-search{ float: right;
    overflow: hidden;
    margin-top:18px;
    background: #fff;
    padding: 10px 20px;
    border-radius: 29px;
    font-size: 14px; 
    color: #e6212a; }
.header-search .search-input {
    background: #ffffff;
    border: none;
    color: #222;
    font-size: 14px;
    width:60%;
    height:45px;
    padding-left:10%; float:left;
	border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
}
.header-search .search-submit {
    border: none;
    box-shadow: none;
    color: #fff;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    width:30%;
    text-align: center;
    text-transform: uppercase;
    background-color: #ffffff;
    background-image: url(../images/search_btn.png);
    background-size:18px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}

.header-search .fa{display: block;
    float: left;
    font-size: 37px;
    color: #000;
    margin-right: 10px;}
	
.header-search .normal{display: block;
    float: right;
    font-size: 18px;
    font-weight: bold;
    color: #000;}


.header-search .normal b{  font-size: 15px; }

.header .nav{     float: right; width: 50%; margin-right:0; }
.header .nav li{ float: left; position:relative; line-height:20px; width:16%;  }
.header .nav li a{    font-size: 18px;
 
    font-weight:500;
    display: block;
    width:100%;
	line-height:100px;
    height:100px; display: inline-block;
    font-family: "Poppins", sans-serif; text-align:center; }
	
.header .nav li a:hover,.header .nav li a.on{ }

.header .nav li.nav_chr a{  background:url(../images/navjt.png) no-repeat right center; padding-right:15px; }
.header .nav li.nav_chr a:hover{  background:url(../images/navjthover.png) no-repeat right center; }
.header .nav li .nav_two {
        position: absolute;
        top:75px;
        left: -53%;
        width:210%;
        background: #ffffff;
        display: none;
        padding: 20px 0px;
        padding-top: 0px;
}
.header .nav li:hover .nav_two {
    display: block;
}
.header .nav .nav_two li {
    float: none;
    margin-left: 0px;
	width:100%;

}

.header .nav .nav_two li a{ line-height:45px; height:45px; font-weight: 400; }

.header .nav .nav_two1{ overflow:hidden}
.header .nav .nav_two1 li{ float:left; width:100%; }


.header .nav li .nav_two a{  text-align:center; }

.banner{ margin-top:100px; overflow:hidden;}
.banner img{ position: relative;
    left: 50%;
    margin-left: -960px; }
	
.banner .bigapp{ display:none; }

.banner .pagedown {
    position: absolute;
    z-index: 15;
    color: #fff;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    bottom:30px;
    font-size: 22px;
    text-align: center;
    line-height: 40px;
	font-size:16px;
    letter-spacing: 1px;
    cursor: pointer;
	font-family: 'D Din'!important;
}
.banner .pagedown p {
    position: relative;
}
.banner .pagedown p::before {
    content: "";
    width: 2px;
    height: 6px;
    border-radius: 1px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 8px;
    background: #fff;
    animation: move .5s infinite;
}
.banner .pagedown p span {
    border: 2px solid #fff;
    display: inline-block;
    width: 18px;
    height: 32px;
    border-radius: 10px;
}
@keyframes move{
    0%{top: 8px;}
    50%{top: 15px;}
    100%{top: 8px;}
}



.banner h2 {
	position:absolute;
	top:40%;
    font-size: 65px;
    line-height: 75px; 
	color:#fff;
	text-align:center;
	width:50%; left:25%;
	font-weight:100; font-family: "Poppins", sans-serif;
}


.banner h2::after{ width:100px; height:2px; background:#fff; content:""; display:block; margin:0 auto; margin-top:20px; }
.banner .swiper-slide{ overflow: hidden; }

.btn-slider-white {
    background: #fff;
    margin: auto;
    width: 200px;
    height: 47px;
    font-size: 11px;
    text-transform: uppercase;
    color: #222221;
    border-radius: 40px;
    font-weight: 500;
    margin-top: 30px;
	position: absolute; left:50%; margin-left:-100px; text-align:center; line-height:47px; top:60%;
}

.swiper-slide.swiper-slide-active .btn-slider-white{ animation: a1_3 1.2 ease infinite;
    -webkit-animation: a1_3 1.2s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;  }

.swiper-slide.swiper-slide-active h2{ 
	animation: a1_2 0.6s ease infinite;
    -webkit-animation: a1_2 0.6s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1; 
}

.swiper-slide.swiper-slide-active h2 strong{
    animation: a1_2 1s ease infinite;
    -webkit-animation: a1_2 1s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
}

@keyframes a1_2{
	from {margin-left:-200px; opacity:0}  
	to {margin-left:0px; opacity:1}
}

@keyframes a1_3{
	from {margin-left:-200px; opacity:0}  
	to {margin-left:-100px; opacity:1}
}



.erj{ position:relative; }
.erj::after{content: ' ';
    height:5px;
    width:5px;
    display: inline-block;
    transform: rotate(45deg);
    border-bottom:1px solid #717171;
    border-right:1px solid #717171;
    margin-left: 7px;
    margin-top: 0px;
    position: absolute;
    top: 45%;}

.header .nav li a:hover.erj::after{  border-bottom:1px solid #089247; border-right:1px solid #089247; }
.header .nav .nav_two li div a{    font-weight: 100; font-size: 16px; font-family: 'D Din'!important; text-transform:none; }
.header .nav .nav_two  a{ text-transform: uppercase;  }

.banner .swiper-pagination {
    right: 5%;
    left: auto;
    top: 50%;
    bottom: auto;
    width: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}


.banner .swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    width: 8px;
    height: 8px;
    opacity: 1;
    transition: all .5s;
    background: transparent;
    background: #fff;
    position: relative;
    margin: 10px 0;
	border-radius: 100%; margin-bottom:25px;
}

.banner .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #089247;
}
.banner .swiper-pagination-bullets .swiper-pagination-bullet::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    border-radius: 100%;
    transition: all .5s;
}

.banner .swiper-pagination-bullets .swiper-pagination-bullet-active::after {
    width: 16px;
    height: 16px;
    border: 1px solid #089247;
}


 
 
 

.products{width:85%;  margin: 0 auto; min-width: 1300px; position: relative; margin-top:50px; margin-bottom:50px;}
.products_left{ width:100%;  box-sizing: border-box; text-align: center; }
.products_left h2{ font-size: 32px; text-transform: uppercase;  padding: 20px; padding-bottom: 5px;}
.products_left p{font-size: 18px;padding: 20px 20px; color: #b7b7b7; padding-top: 0; }


.products_left p.pcn{font-size: 25px;
    margin-top: 20px;
    padding: 0px 20px;
    line-height: 42px;}


.products_left p::after{  content: " "; height:70px; width:45px;   margin: 40px 0px; transform: rotate(57deg); background:url(../images/2.png) no-repeat; background-size:100%;     margin-bottom: 20px;}
.product_tj{ padding-bottom:35px; width:90%; margin:0 auto; }
.product_tj ul{ display:flex; }
.products_left ul li{ position: relative; line-height:50px; height:50px; -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in; flex:10; }
.products_left ul li a{ position: relative;  display:block; font-size:15px; color:#000; -webkit-transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in;-o-transition:all 0.5s ease-in;transition:all 0.5s ease-in;  }
.products_left ul li a:hover{ color:#ffff; background: #089247; }

 
.products.productstwo{ margin-bottom:50px; }

.products_right{  float:right; width:100%; }
.products_right li{ float:left; width:23%; margin-right:2.5%; text-align:center; margin-bottom:40px; -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in; position:relative }
.products_right li img{width:100%;}
.products_right li a{ color:#7f7f7f }
.products_right li a:hover{ color:#089247; }
.products_right li:hover{ transform: scale(1.05,1.05); -webkit-filter: grayscale(0);  }
.products_right li:nth-child(4n){ margin-right:0; }
.products_right li span{text-align:center; display:block; font-size:16px; width:90%;margin:0 auto; margin-top:10px;     white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;  }

.products_right li i{ left:80%; top:20px; position:absolute; display:none; }
.products_right li:hover i a::before{ content:"\f004"; font: normal normal normal 14px/1 FontAwesome; display:block; color:#089247;

	animation: a1_4 1s ease infinite;
    -webkit-animation: a1_4 1s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
	
}




@keyframes a1_4{
	0{ font-size:12px; }  
	20%{font-size:20px;}
	40%{font-size:14px;}
	60%{font-size:17px;}
	80%{font-size:15px;}
	100%{font-size:15px;}
}

.products_right{ }
.products_right .swiper0a{ float:left; width:50%; background:#f1f1f1; }

.products_right .swiper0a img{width:100%;}

.products_right .products_info{ float:right; width:45%; position:relative; }
.products_right .products_info h1::after{ content: ''; display: block; height: 3px; width: 23px; background: #000000; margin-top: 20px; }

.products.productstwo .title{ font-size: 30px; margin: 30px 0px; line-height: 80px; border-bottom: 1px solid #f1f1f1; }
.products_right .products_info .miao{ font-size: 16px; margin-top: 20px; color: #7d7d7d; }
.products_right .products_info .miao *{ line-height:200%; }
.products_right .products_info img, .products_right .products_nr img { max-width:100%; height:auto !important; }


.products_right .products_info .miao .dzdz{font-weight: bold;
    margin-bottom: 15px;}




.service{ width:100%; padding-top:80px; background:url(../images/typebg-.jpg) no-repeat; background-size:2200px; }
.service h2{ width:100%; text-align: center; text-transform:Uppercase; font-size:30px; padding-bottom: 5px;}
.service h2 i{ text-transform:Uppercase; color:#02328d; }
.textmiao{     font-size: 18px;
    padding: 20px 20px;
    color: #b7b7b7;
    padding-top: 0; text-align:center;}
.textmiao::after{ content:''; display:block; width:40px; height:3px; background:#089247; margin:0 auto; margin-bottom:50px; margin-top:50px; }

.service .swiper03 { width:85%; margin: 0 auto; overflow: inherit; }
.service .swiper03 img { width:100%; height:auto;  }


.service .swiper03 h3{ font-size:18px; color:#0F0F0F; line-height:35px; font-weight: 400; }
.service .swiper03 p{ color: #9a9a9a; font-size: 14px;}

.swiper03 .swiper-button-prev, .swiper03 .swiper-button-next{     background: #ffffff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #000000;
    bottom: 300px;
    top: initial; left: -52px; padding: 3px; }

.swiper03 .swiper-button-prev::before,.swiper03 .swiper-button-prev::after,.swiper03 .swiper-button-next::before,.swiper03 .swiper-button-next::after{  background: #000000; width:15px; }


.swiper03 .swiper-button-prev::before{margin-top:8px;  margin-left: 5px; }
.swiper03 .swiper-button-prev::after{ margin-top:9px;  margin-left: 5px;}
.swiper03 .swiper-button-next::before{margin-top: 8px;  margin-left: 8px; }
.swiper03 .swiper-button-next::after{ margin-top: 9px;  margin-left: 8px;}

.swiper-button-prev::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    display: block;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    margin-top: 4px;
}
.swiper-button-prev::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    display: block;
    transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    margin-top: 8px;
}
.swiper-button-next::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    display: block;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    margin-top: 4px;
}
.swiper-button-next::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    display: block;
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    margin-top: 8px;
}

.swiper03 .swiper-button-prev:hover, .swiper03 .swiper-button-next:hover{ background:#089247;  border: 1px solid #089247; }


.swiper03 .swiper-button-prev:hover::before,.swiper03 .swiper-button-prev:hover::after,.swiper03 .swiper-button-next:hover::before,.swiper03 .swiper-button-next:hover::after{background:#fff;}


.swiper03 .swiper-button-next{ left:100%; margin-left:8px; }
.swiper03 .swiper-slide{transition: all 0.2s ease-in-out 0s;}
.swiper03 .swiper-slide:hover{ transform: scale(1.1); }
 
.swiper03  .swiper-wrapper{ height:375px; }

.service .more{ margin: 0 auto; margin-top:30px; }
.service .more:hover{ color: #fff; background: #089247; border:1px solid #089247; }


.products.productstwo .products_left{ float: left; text-align:left;
    width: 20%;
    border: 1px solid #f1f1f1;
    box-sizing: border-box; }
.products.productstwo .products_left li{padding-left: 20px;}
.products.productstwo .products_left .product_tj{width:100%;}
.products.productstwo .products_left ul{ display:block}
.products.productstwo .products_right{ width: 77%;  margin-bottom: 50px; }
.products.productstwo .products_left ul li a:hover{ color: #089247; background: none; }
.products.productstwo .products_left ul li a:hover::before{ color: #089247; }

.products.productstwo .products_left h2{ padding-bottom: 15px; }

.products.productstwo .products_left ul li a::before {
    content: "\f105";
    font-family: FontAwesome;
    margin-right: 10px;
    color: #868686;
}



.products_nr{ margin-bottom:50px; }

.pro_contact {  overflow: hidden; margin-top:40px; }
 
.pro_contact .more {
    background: #fff;
    width: 170px;
    border-radius: 25px;
    text-align: center;
    bottom: 0px;
    padding: 0px;
    transition: all 0.2s ease-in-out 0s;
    cursor: pointer;
    overflow: hidden;
	float: left; margin-top:0; border: 2px solid #007afa; line-height: 40px; color: #007afa;
}

.pro_contact .more a{ color:#007afa; }
.pro_contact .more:hover,.pro_contact .more a:hover {
    color: #fff;
    background: #007afa;
}


.pro_contact .email::before{ content: "\f0e0";     font: normal normal normal 14px/1 FontAwesome; display:inline-block; margin-right:3px; }
.pro_contact .contact::before{    content: "\f095";  font: normal normal normal 14px/1 FontAwesome; display:inline-block; margin-right:3px;  }

.pro_contact .more1 {
    margin-top: 14px;
    display: block;
    float: left;
    margin-left: 20px;
	margin-top: 0;
}

.pro_contact .more1:hover{ color:#007afa; }
 
.pro_contact a { font-size: 14px; color: #4e4e4e; display:block; line-height: 40px;}






.ad-ys{font-size: 40px; color: #ffffff; text-align: center; }
.ad-ys-en{font-size: 18px; color: #ffffff; text-align: center; padding-bottom: 4%; }
.ad{width:100%;padding:40px 0 30px;background:#014694; color:#fff;}
.ad ul li{text-align:center;border-right:none; border-bottom:1px solid rgba(255,255,255,0.1); }
.ad ul li:last-child{}
.ad ul li img{margin-top:20px;width:40px;height:40px; transition:all .2s; }
.ad ul li h1{font-size:22px;margin-top:12px;}
.ad ul li h3{font-size:12px;text-transform:uppercase;margin-top:6px;}
.ad ul li hr{width:42px;height:3px;background:#fff;border:none;margin:12px auto 0 auto;}
.ad ul li p{width:82%;font-size:14px;line-height:24px;margin:18px auto 20px auto;}
.ad ul li:hover img{/*margin-top:18px;*/ transition:all .2s; }
.ad ul li:hover{/*background: rgba(255,255,255,0.07);*/ border:1px solid rgba(255,255,255,0.7);transition:all .2s; cursor: pointer; }
@media screen and (min-width: 768px){
    .ad{padding:50px 0 40px;}
    .ad ul li{border:1px solid rgba(255,255,255,0); min-height:240px;margin-bottom:28px;}
    .ad ul li:nth-child(2){}
    .ad ul li:last-child{}
    .ad{background:#014694; }
    .ad-ys{font-size: 18px; }
}
@media screen and (min-width: 992px){
    .ad{padding:60px 0 50px;}
    .ad ul li{min-height:350px;margin-bottom:0;}
    .ad ul li:nth-child(2){ }
    .ad ul li img{margin-top:22px;}
    .ad ul li h1{font-size:24px;margin-top:16px;}
    .ad ul li hr{margin:18px auto 0 auto;}
    .ad ul li p{margin:24px auto 16px auto;}
    .ad{background:#014694; }
    .ad-ys{font-size: 28px; }
}
@media screen and (min-width: 1024px){
    .ad{padding:80px 0 70px;}
    .ad ul li img{margin-top:26px;width:70px;height:70px;}
    .ad ul li h1{font-size:28px;margin-top:20px;}
    .ad ul li hr{margin:22px auto 0 auto;}
    .ad ul li p{margin:28px auto 20px auto;}
    .ad{background:url(../images/ys-bg.jpg)center no-repeat; }
    .ad-ys{font-size: 40px; }
}

.container {
  width:85%;
  margin-right: auto;
  margin-left: auto;
}



.about{ background:#f1f1f1; padding:110px 0px; }
.about_all{     width: 85%;  margin: 0 auto; min-width: 1300px; position: relative; overflow:hidden}

.about_all .about_left{ float:left; width:45%; }
.about_all .about_left h2{font-size: 48px; margin-bottom:30px; }
.about_all .about_left h2 i{ color:#089247; }
.about_all .about_left p{ font-size: 18px; color: #5e5e5e; line-height: 32px; }


.about_all .about_right{ float:right; width:50%; position:relative; height:450px; }
.about_all .about_right img{ position:absolute; }
.about_all .about_right .pic_1{ right: 0; opacity:0.1; }
.about_all .about_right .pic_2{right: 15px; top: 15px; position: absolute;}


.shuzi{ margin-top:20px; }

.shuzi ul {  margin: 0 auto; width: 96%; overflow: hidden; display: flex; margin-left: -54px;}

.shuzi li {  width: 33%; text-align:center;}
.shuzi li span:nth-child(1) { font-size:45px; font-family: 'HELVETICANEUELTPRO-THEX'; color: #6b6b6b;  font-weight:200;}
.shuzi li span { display: block; font-size: 16px; color: #888;}

.more{border: 1px solid #c1c1c1; padding: 10px; border-radius: 25px; display: block; text-align: center; width: 150px; font-size: 16px; margin-top: 40px;}




.newsPart {
    padding-top:90px;     margin-bottom: 70px;
}


.partCon {
     width: 85%;  margin: 0 auto; min-width: 1300px; position: relative; overflow:hidden
}
.newsHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: DisneyEnglish-Bold;
    line-height: 1;
}
.newsHead .newsTit {
    font-size: 46px;
    color: #333;
    margin-bottom: 30px;
    font-weight: bold;
}
.newsHead .newsSubTit {
    font-size: 18px;
    color: #6b6b6b;
    font-family: DisneyEnglish-Medium;
}

.newsBtnBox {
    height: 50px;
    display: flex;
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.newsBtnBox>div {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 10px;
    position: relative;
    cursor: pointer;
    text-align: center;
    line-height: 50px;
    outline: 0;
    transition: all .3s ease;
    color: #acacac;
}
.icon-arrow-l:before {
    content: "\e62d";
}
.newsBtnBox>div::before {
    font-size: 22px;
    position: relative;
    z-index: 10;
}
.newsBtnBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-image: linear-gradient(125deg,#0091db,#006bb9);
    opacity: 0;
    transition: all .3s ease;
}

.newsBtnBox>div:last-of-type {
    margin-right: 0;
}

#newsSwiper {
    height:auto;
    margin-left: -20px;
    padding:60px 20px 60px;
}
.newBoxImgBox {
    width: 100%;
    height: 240px;
    transition: all .3s ease;
    border-radius: 0 15px 0 15px;
    overflow: hidden;
    opacity: 0.9;
    background-size: 100% 100%;
    background-position: center center;
}
.newBoxImgMask {
  
    width: 100%;
    height: 100%;
    
}
#newsSwiper .swiper-slide .newsBox {
   height: 100%;
    padding: 20px 0 20px;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 15px;
    overflow: hidden;
}
.newsFtBox {
    position: relative;
    height: 100%;
}
.newsFt {
   font-size: 15px;
    color: #646464;
    line-height: 26px;
    font-family: DisneyEnglish-Bold;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.newsTimeBox {
    margin-top:10px;
    bottom: 0;
    left: 0;
    font-size: 14px;
    color: #999;
    line-height: 1;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    font-family: DisneyEnglish-Medium;
}
.icon-riqi:before {
    content: "\e613";
}

.newsBtnBox>div:hover {
    color: #fff;
    box-shadow: 0px 10px 25px rgba(4, 21, 136, 0.15);
}
.newsBtnBox>div:hover .newsBtnBg {
    opacity: 1;
}
#newsSwiper .swiper-slide:hover .newsFt {
    color: #089247;
}
 
#newsSwiper .swiper-slide:hover .newBoxImgBox {
    opacity: 1;
}



.clear{ clear:both;}






.aboutnr {
    width:85%;
    padding: 0;
    position: relative; margin:0 auto; margin-top:80px; margin-bottom: 80px;
}




.ui-title2 p {
    line-height: 1em;
    text-align: center;
    color: #393939;
}
.ht20 {
    height: 20px;
}
.ui-title2 p.p1 {
    font-size: 48px;
    font-weight: bold;
    color: #089247;  
}
.ui-title2 p.p2 {
    text-transform: uppercase; 
}
.ui-title2 p.p3 {
    font-size: 20px; 
}
 
.ui-brand{ margin-bottom:80px; }


.aboutnr .lyly,.products .lyly,.newslist .lyly,.contact .lyly{width:100%; margin-top: 50px;}
.aboutnr .lyly h3{ border:none; }
.ui-brand >.l {
    width:40%;
    float: left;
}
.ui-brand >.r {
    width:58%;
    float: right;
}
.ui-brand .view {
    position: relative;
}
.ui-brand .view:before {
    
}
.ui-brand .view img {
    width: 100%;
    position: relative;
    z-index: 1;
}

.ui-brand .text{ font-size: 18px;
    line-height:200%;
    color: #373737;}
 
.ui-brand .text h2 {
    margin-bottom: 15px;
    margin-top: 15px;
}

.cf{ margin-top:40px; }
.cf img{ margin-right: 3%;
    margin-bottom: 30px;
    width: 31%;
    display: block;
    float: left; }

.cf img:nth-child(3n){ margin-right:0; }

 

.introductionMedals {
    margin:0px 0 71px 0;
}

.introductionMedal {
    padding-top: 124px;
    float: left;
    width: 20%;
    background: url(../images/honorMedal1.jpg) center top no-repeat;
}


.introductionMedalstwo .introductionMedal{ width:33.33% }

.introductionMedals.introductionMedalstwo{    width: 60%;
    margin: 0 auto;
    margin-top: 0;
    margin-bottom: 70px;}

.newsart .article h2{ line-height: 50px;
    font-size: 22px; }
	.newsart ul {     padding-left: 40px;}
	.newsart ul li{ list-style: disc; }
.qywha{ background: url(../images/about5bg.png);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center; }
.qywh { overflow:hidden; width: 85%;
    margin: 0 auto; padding-bottom:50px; }
.qywh .qytext{ float: left;
    width: 45%;
    font-size: 20px;
    line-height: 40px;}
.qywh .qyime{ float:right;  width:50%}

.honorMedal2 {
    background-image: url(../images/honorMedal2.jpg);
}
.honorMedal3 {
    background-image: url(../images/honorMedal3.jpg);
}
.honorMedal4 {
    background-image: url(../images/honorMedal4.jpg);
}
.introductionMedal5 {
    background-image: url(../images/introductionMedal5.jpg);
}


.honorMedal1:hover {
  background-image: url("../images/honorMedal1.1.jpg");
}
.honorMedal2:hover {
  background-image: url("../images/honorMedal2.1.jpg");
}
.honorMedal3:hover {
  background-image: url("../images/honorMedal3.1.jpg");
}
.honorMedal4:hover {
  background-image: url("../images/honorMedal4.1.jpg");
}
.honorMedal5:hover {
  background-image: url("../images/introductionMedal5.1.jpg");
}


.clear:after {
    clear: both;
    display: table;
    content: '';
}


.honorMedalDes {
    font-size: 14px;
    line-height: 30px;
    color: #999;
    text-align: center;
}


.introductionMedal:hover .honorMedalDes {
    color: #00479d;
}






.concactList {
  padding: 48px 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5; display:flex;
}
.concactList li {
  float: left;
  width: 34%;
  border-right: 1px solid #e5e5e5;
  min-height: 80px;
}
.concactList li:last-child {
  border: none; margin-right:0;
}
.concactList .item {
  position: relative;
  font-size: 16px;
  text-align: center;
  padding-top: 55px;
  line-height: 18px;
  background: url("../images/zye-concact-kefu.png") center top no-repeat;
}
.concactList .item:hover {
  background-image: url("../images/zye-concact-kefu-on.png");
  color: #00479d;
}
.concactList .item:hover .ewcode {
  opacity: 1;
}
.concactList .item.wechat {
  background-image: url("../images/zye-concact-wechat.png");
}
.concactList .item.wechat:hover {
  background-image: url("../images/zye-concact-wechat-on.png");
}
.concactList .item.qq {
  background-image: url("../images/zye-concact-qq.png");
}
.concactList .item.qq:hover {
  background-image: url("../images/zye-concact-qq-on.png");
}
.concactList .item.email {
  background-image: url("../images/zye-concact-email.png");
}
.concactList .item.email:hover {
  background-image: url("../images/zye-concact-email-on.png");
}
.concactList .ewcode {
  opacity: 0;
  position: absolute;
  top: 85px;
  left: 50%;
  width: 100px;
  height: 100px;
  margin-left: -50px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  transition: all 0.3s;
}
.concactList .ewcode:before {
  content: '';
  position: absolute;
  top: -10px;
  left: 50%;
  width: 16px;
  margin-left: -8px;
  height: 10px;
  background: url("../img/zye-ar-code.png") center no-repeat;
}
.concactList .ewcode img {
  width: 100%;
}




.introActivity {
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  margin-bottom: 57px;
  color: #fff;
  position: relative;
}
.introADes {
  font-size: 12px;
  line-height: 20px;
}
.introA {
  margin-bottom: 2px;
  background: center top no-repeat;
  background-size: cover;
}
.SetWH1 {
  width:20%;
  height: 312px;
  line-height: 312px;
}
.SetWH2 {
     width:20%;
  height: 160px;
  line-height: 160px;
}
.SetWH3 {
  width: 24%;
  height: 312px;
  line-height: 312px;
}
.SetWH4 {
  width: 24%;
  height: 160px;
  line-height: 160px;
}
.introAShow1 {
  width:80%;
  height: 160px;
  text-align: left;
  padding:59px 30px 0;
  box-sizing: border-box;
  background-color: #ff3f3c;
}
.introAShow3 {
  width: 25%;
}
.introAShow4 {
  width:31%;
  height: 160px;
}
.introAShow5 {
  background-color: #00479d;
}
.introAShow6 {
  background-color: #f2f2f2;
  width:20%;
}
.introAShow6 .introATitle {
  color: #666;
}
.introAShow7 {
  background-color: #f2f2f2;
  position: absolute;
  top: 323px;
  left: 25%;
  width:31%;
}
.introAShow7 .introATitle {
  color: #666;
}
.introAShow8 {
  background-color: #ff3f3c;
  width: 25%;
}
.introAShow9 {
  background-color: #00479d;
  margin-left: 2px;
  width:20%;
}
.introAShow11 {
  width:56%;
  height: 200px;
  margin-right:0; background-size: 100% 100%;
}



.introAShow11 .introATitle {
  margin-top: 53px;
  font-size: 18.54px;
  line-height: 39.72px;
  font-weight: bold;
  font-style: italic;
  color: #307b38;
}
.introAShow12 {
  width: 24%;
  background-color: #f2f2f2;
  color: #666;
  height: 200px;
}

.introAShow12 h4{height: 200px; line-height:200px; }

.introAShow13 {
  height: 200px;
}

.fL {
    float: left;
}
.fR {
    float: right;
}



.navLinks{width:1200px; margin:0 auto; text-align: center;
    padding:80px 0;
    font-size: 0;}

.navLink {
    display: inline-block;
}
.navLink:first-child {
    margin-left: 0;
}
.navLink >a {
    display: inline-block;
    font-size: 20px;
    padding: 0px 20px;
    line-height: 50px;
    color: #666;
    margin: 0px 40px;
    border-radius: 4px;
	    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in; position:relative;
   
}


.navLink >a:hover::before,.navLink.hover >a::before {
    background: #089247;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 1;
    border-radius: 0;
}



.navLink >a::before {
    content: "";
    display: inline-block;
    background: #e8e8e8;
    opacity: 0;
    height:100%;
    width:100%;
    position: absolute;
    left: 0;
    top: 50%;
	z-index:-1;
    margin-top: 0px;
    border-radius:0;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}



.navLink.hover a,.navLink a:hover{color: #ffffff;}
 

.honor{
    margin: 0 auto;
    position: relative;
    margin-bottom: 50px; }
.honor .honora {
    float: left;
    padding:0;
    margin-bottom: 20px;
}
.honor .itema {
    width: 20%;
    height:425px;     overflow: hidden;
}
.honor .itemb{
    width:100%;
    overflow: hidden;float:right; padding-bottom: 50px;
}

.honor .itemb .swiper-pagination-bullet{ width:13px; height:13px;     margin: 0 10px; }

.honor .itema .box {
	display: block;
    width: 100%;
    height: 100%;
    background: #f44b1b;
    text-align: center;
    background:#089247;
    background-size: cover;
    color: #fff;
    padding-top: 105px;
}
.honor .itema .box .cont {
    display: inline-block;
    width: 205px;
    text-align: left;
}
.honor .itema .box h3 {
    font-size:18px;
    line-height: 1; font-weight: normal;
}

.honor .itema .box h3 em {
    font-style: normal;
    font-size: 118px;
    font-family: "Arial Black", Arial;
    font-weight: bold;
    line-height: 105px;
}
.honor .itema .box h3 span {
    font-size: 24px;
    line-height: 1; margin-top:10px; display:block;
}
.honor .itema .box .icon-more {
    width: 33px;
    height: 33px;
    background: url(../images/icon-more-h.png) no-repeat center;
    margin-top: 20px;
}

.honor_ma{ overflow:hidden; margin-bottom:40px; }
.honor_ma p{ float: left; display: block; width: 60%; font-size: 20px; line-height: 35px; }
.honor_ma img{ float:right; display:block; width:35%; }
.honor_ma p strong{display: block;
    font-size: 30px;
    margin-bottom: 30px;}

.icon {
    display: inline-block;
    font-style: normal;
    vertical-align: middle;
}



.honor .swiper-slide{ text-align:center; background: #f1f1f1f1;
    height: 425px;
    text-align: center;}

.honor .swiper-slide .pic {
    padding: 30px;
    height: 360px;
    line-height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.honor .swiper-slide .pic img {
   display: inline-block;
    max-height: 100%;
    vertical-align: middle;
    max-width: 100%;
}




.clearfix {
    zoom: 1;
}
.fr {
    float: right;
}

.yanfa{margin:0 auto; margin-bottom:50px;}

.yanfa .right {
    padding-top: 20px;  position:relative;
}
.yanfa .right h4 {
    font-size: 12px;
    color: #333;
    line-height: 1.1;
    padding-top:0px;
    position: absolute;
    transform: rotate(90deg);
    right: -100px;
    top: 130px;
    font-weight: 400;
    float: none;
}
.yanfa .right h5 {
    font-size: 183px;
    color: #333;
    font-weight: bold;
    font-family: "Arial Black";
    line-height: 1;
    overflow: hidden;
}
.yanfa .content {
    padding-right: 120px;
    overflow: hidden;
}
.com-tit-46 {
    font-size: 46px;
    color: #333;
    line-height: 1;
}
.com-des,.jsjs {
    padding-top: 50px;
    font-size: 16px;
    line-height: 27px;
	color: #666;
}
.yanfa .content .com-des {
    padding-top: 40px;
}

.yanfa ul {
    margin-top: 80px; overflow:hidden;
}
.row-3 li, .row-3 .item {
    width: 25%;
    float: left;
    padding: 0 10px;
	box-sizing: border-box;
}
.row {
    margin-left: -10px;
    margin-right: -10px;
    zoom: 1;
}
.yanfa ul li .box {
    overflow: hidden;
}
.row li img, .row .item img {
    max-width: 100%;
}
.img-scale:hover img, .pic-scale:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.img-scale img, .pic-scale img {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}



.culture_nr{ text-align:center;}

.culture_img{ text-align:center;}
.culture_img img{width:200px;}
.culture_nr ul{ display:flex; margin-top:80px; }
.culture_nr ul li{ flex:auto; text-align:center; width:22%; margin:0 20px; color:#fff; padding:100px 20px;  box-sizing: border-box; position:relative }
.culture_nr li strong{     position: relative; display:block; font-size:20px; margin-bottom:15px; position:relative; z-index:2 }
.culture_nr li p{ position:relative; z-index:2  }
.culture_nr li strong::after{     display: block;
    content: '';
    width: 50px;
    height: 1px;
    background: #dedede;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px; }
.culture_nr ul li:nth-child(1){ background:url(https://www.z-lion.com/uploads/20191104/5dbfc12a5186c1693.jpg)no-repeat -30px 0px; background-size: auto 100%;}
.culture_nr ul li::before{ background:#000; opacity:0.7; display:block; position:absolute; width:100%; height:100%; z-index:1; content:''; top:0; left:0;  }


.culture_nr ul li:nth-child(2){ background:url(https://www.z-lion.com/uploads/20191104/5dbfc1416aa233740.jpg)no-repeat -250px 0px; background-size: auto 100%;}
.culture_nr ul li:nth-child(3){ background:url(https://www.z-lion.com/uploads/20191104/5dbfc134e3af33191.jpg)no-repeat 0px 0px; background-size: auto 100%;}
.culture_nr ul li:nth-child(4){ background:url(../images/5dbf832b10b269265.jpg)no-repeat -50px 0px; background-size: auto 100%;}
.culture_nr ul li:nth-child(5){ background:url(https://www.z-lion.com/uploads/20191104/5dbfc1459213c9777.jpg)no-repeat -210px 0px; background-size: auto 100%;}



.usebox {
    width: 1200px;
    margin: auto; overflow:hidden; position:relative;
}

.history{ margin-bottom:50px; }

.history .shu {
    width: 1px;
    height: 100%;
    background-color: #E6E6E6;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}
.history .year {
    position: relative;
    overflow: hidden;
}
.history .yearbox {
    width: 220px;
    border: 1px solid rgba(240, 240, 240, 1);
    /* box-shadow: 0px 5px 20px 0px rgba(39,39,39,0.05); */
    border-radius: 35px;
    text-align: center;
    line-height: 70px;
    font-size: 28px;
    color: rgba(39, 39, 39, 1);
    margin: 0 auto;
    z-index: 2;
    background-color: #fff;
    margin-bottom:80px;
}
 
.history .row {
    text-align: right;
    padding: 0px 45px 0px 0px;
    float: left;
	 position: relative;
	width: 50%;
	box-sizing: border-box;
	margin-left:0px;
    margin-right:0px;
 
}
 
.history .row:nth-child(2n) {
    margin-bottom: 115px;
}
.history span {
    font-size: 24px;
    color: rgba(189, 189, 189, 1);
    position: relative;
    line-height: 30px;
}
.history .text h3 {
    font-size: 24px;
    color: rgba(39, 39, 39, 1);
    margin-top: 16px;
    padding-bottom: 25px;
    margin-bottom: 30px;
    position: relative;
}
.history .text h3:after {
    width: 40px;
    height: 3px;
    background: linear-gradient(90deg, rgb(0, 104, 183), rgb(0, 145, 219));
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
}
.history .text p {
    font-size: 14px;
    margin-bottom: 15px;
    color: rgba(136, 136, 136, 1);
    line-height: 26px;
}
.history .pic{ text-align:right;}
.history .pic img {
    vertical-align: top;
    width:auto;
    display:inline-block;
}

.history .row:nth-child(2n-1) .pic{ text-align:left; }

.history .row .point {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    border:1px solid #fff;
    position: absolute;
    right: -10px;
    top: 5px;
    opacity: 1;
}

.history .row:hover .point {
	 border:1px solid rgb(188, 225, 255);
    animation: pointani 2s ease-out 0s forwards infinite;
}
.history .row:after {
    content: '';
    width: 19px;
    height: 19px;
    box-sizing: border-box;
    border: 3px solid #c7c7c7;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    right: -9px;
    top: 6px;
    opacity: 1;
}

.history .row:hover:after{ border: 3px solid #089247; }


@keyframes pointani {
    0% {
        transform: scale(1);
        opacity: 0;
    }
    40% {
        opacity: 1
    }
    60% {
        opacity: 1
    }
    100% {
        transform: scale(3);
        opacity: 0
    }
}

.history .row:nth-child(2n-1) {
    text-align: left;
    float: right;
    margin-top: 180px;
    margin-bottom: 110px;
}

.history .row:nth-child(2n-1) {
    padding: 0px 0px 0px 45px;
}
.history .row:nth-child(2n-1) .point {
    right: auto;
    left: -10px;
}
.history .row:nth-child(2n-1):after {
    right: auto;
    left: -10px;
}

.history .row:nth-child(2n-1) h3::after {
    left: 0;
    right: auto;
}




 



.nr_banner {
    width: 100%;
    margin-top:100px;
    position: relative;
    overflow: hidden;
}

.nr_banner h2 {
    left: 30%;
    color: #fff;
    position: absolute;
    top: 40%;
    margin-top: -30px;
    z-index: 5;
    text-transform: uppercase;
	font-size: 58px;
    font-weight: 900;
    line-height: 52px;
	width:40%;
	text-align:center;
}

.nr_banner h3 {
    left:50%;
    color: #fff;
	width:550px;
	text-align:center;
    position: absolute;
    top: 40%;
	margin-left:-275px;
    margin-top: -30px;
    z-index: 5;
    text-transform: uppercase;
	font-size: 58px;
    font-weight: 900;
    line-height: 52px;
}


.nr_banner p{
    right: 10%;
    color: #fff;
    position: absolute;
    top:50%;
    z-index: 5;
    padding-left: 30px;
	color:#92be40;
	font-size: 20px;
    font-weight: 400;
    line-height: 28px;
	width:40%;
	font-family: 'D Din'!important;
}

.nr_banner.nr_bannertwo p{ color:#fff; width:800px;left:50%; margin-left:-400px; text-align:center}


.nr_banner img {
    position: inherit;
    display: block;
	width:100%; height:auto;
}



.porduct{ width:90%; min-width: 1200px; margin: 0 auto; overflow: hidden; min-height: 600px; margin-top: 50px; }

.porduct .product_left{ float:left;  width:20%; min-width:280px; border: 1px solid #f1f1f1; margin-bottom:20px; }

.porduct .product_left h2, .porduct .product_left .title{ font-size:20px; padding: 15px; padding-bottom: 0px; font-weight:700; } 

.porduct .product_left .one{ padding:15px; }
.porduct .product_left .one li{ line-height:40px; overflow: hidden}
.porduct .product_left .one li a{ font-size: 14px;
    color: #414141;
    font-weight:500;
    letter-spacing: 1px; display: block; float: left; margin-left:5px;
	text-transform: uppercase;
}

.porduct .product_left .one li.hover a{ color:#92be40; }


.porduct .product_left .one li:hover a{ color:#92be40; text-decoration: underline }
.porduct .product_left .one li:hover:before
{ 

    background: url(../images/navbg.png) 0px 0px no-repeat;
  
}


.porduct .product_left .two { padding:15px; }
.porduct .product_left .two li{ line-height:30px;     white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
.porduct .product_left .two li a{ font-size:14px;  }

 


.porduct .product_right{ float:right; width:75%; min-height: 600px; position: relative }

.porduct .product_right .title{     font-size: 30px;
    border-bottom:1px dotted #b9b9b9;
    padding-bottom:20px;
	font-weight: bold;
}
.porduct .product_right .title .textmiao{ text-align:left; }


.porduct .product_right .product_list {margin-top: 30px; }
.porduct .product_right .product_list li{  width:19.7%; padding:2%; padding-bottom: 1%; margin-bottom: 20px;  float: left; border: 1px solid #f1f1f1; text-align: center;     margin-right: 1.5%;}
.porduct .product_right .product_list li img{ width: 100%; }

.porduct .product_right .product_list li:nth-child(4n){ margin-right: 0px; } 

.porduct .product_right .product_list li span{ font-size: 14px;
    line-height: 30px;
    background-position: 0px center;
    background-repeat: no-repeat;
    background-size: 16px;
    padding-left: 20px;
    color: #c1c1c1; background-image:url('data:image/png;base64,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');
 }


.porduct .product_right .product_list li p{ font-weight:bold; font-size:14px; line-height:20px;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }

.porduct .product_right .product_list li:hover{
	
	
	box-shadow: 0 0 10px 5px rgba(221,221,221,.6);
}

.navdh {
    padding: 10px 0px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    margin-top:40px;
}
.postion {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    color: #7c7c7c;
	font-size: 16px;
}
.postion a {
    color: #7c7c7c;
	font-size: 16px;
}
.navdh .right img {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}
.navdh .right span {
    color: rgb(102, 102, 102);
    display: inline-block;
    vertical-align: middle;
    transition: all .3s;
    font-size:16px;
}






.navdh.navdhtwo{ margin-top:210px; }

 
.xgpro{ margin-top:30px; }
.xgpro h2{text-transform: uppercase;}
.xgpro ul{ overflow:hidden; margin-top:15px;}
.xgpro li{ width:23.5%; float:left; margin-right:2%; }
 
.xgpro li:nth-child(4n){ margin-right:0px; }
.xgpro li img{width:100%; }

.text_pro h1{ font-size:40px; margin-bottom:20px; }
.text_pro dt{ font-weight:bold; line-height:30px; font-size:16px; margin-top:20px;}
.text_pro dd{ line-height:23px; font-size:14px;  }
.text_pro .share{      margin: 20px 0; }
 

.tags a{color: #4F4F4F;
    margin-right: 10px;
    background: #f5f5f5;
    display: inline-block;
    padding: 4px 7px; font-size:14px; }





.product_right.product_righttwo{ width:100%;float:none; margin:0 auto;  }

.free{ margin-top:50px; }
.product_righttwo .freelist{position:relative; margin-bottom:50px; position: relative; border:5px solid #fff; overflow:hidden; position: relative; padding:2%; float:left; width:44%;     margin-right:2.8%;}
.product_righttwo .freelist::before{content:''; display:block; height:99.5%;  width:99.5%; top:0; left:0; border:1px solid #f1f1f1; position: absolute; }

.product_righttwo .freelist:hover{ border:5px solid #92be40; }
.product_righttwo .freelist:hover::before{ display:none; }
.product_righttwo .freelist img{ width:20%; height:auto;}
.text_nr{ height:180px;overflow:hidden;line-height: 21px;}

#imgbox{float:left; width:23%; height:100%; height:180px; }
#imgbox img{width: 180px;
    position: absolute;
    top: 50%;
    margin-top: -90px;}

.product_righttwo .freelist:nth-child(2n){ margin-right:0px }
.text_mo{ float:left; margin-left:10%; width: 67%; }
.text_mo h2{ margin-bottom:15px; }
.text_mo  .text_nr{ font-size:14px; line-height:23px; }

.gotu{display: block;
    width:160px;
    background: #f1f1f1;
    text-align: center;
	margin-top:20px;
    padding: 10px;
    font-size: 16px;
    color: #acacac; }

.freelist:hover .gotu{ background:#92be40; color:#fff; }



  
.custom{float: right;
    width: 75%;
    min-height: 600px;
    position: relative; line-height:23px; font-family: 'D Din'!important; font-size:18px; padding-bottom:50px; }

.custom *{font-family: 'D Din'!important;}
.custom h1,.custom h2,.custom h3,.custom h4{ font-family: Montserrat,Arial,Helvetica,sans-serif; line-height:180%; }
.custom h3 {
    font-size: 20px;
}

.custom h2 {
    font-size:25px;
}

.custom h1 {
    font-size:30px;
}

.custom ol, .custom ul{ margin-left:30px; margin-top:10px; margin-bottom:10px; }
.custom  li{list-style-type: disc; line-height:180%; }

.custom img{ max-width:100%; height:auto !important;  margin:20px 0px; }


.custom .xptj{    font-family: Montserrat,Arial,Helvetica,sans-serif;}

 

.product_left.product_leftdis{display:none }

 
.header .nav li.app_nav{display:none; }





.enquiry_list{ width:1200px; margin:0 auto; margin-top:250px; margin-bottom:100px; }

.enquiry_list h1{ text-align: center;
    text-transform: Uppercase;
    font-size: 30px;
    }

.enquiry_list ul{ border:1px solid #f1f1f1;  }
.enquiry_list ul li{ width:96%; overflow: hidden; margin:0 auto; border-bottom:1px solid #f1f1f1; margin-bottom:20px; padding-bottom:15px; }
.products_0:nth-child(n+2){ display:none; }

.enquiry_list .shuming{ width:96%; font-size:16px; border-bottom:1px solid #f1f1f1; margin:0 auto; line-height:50px; margin-bottom:30px; padding-bottom:0px;}

.enquiry_list li span{ display:block; float:left; width:60%; margin-right:5%;  }
.enquiry_list li span:nth-child(2){ width:20%; }
.enquiry_list li span:nth-child(3){ width:10%; margin-right:0;}
.enquiry_list li span:nth-child(3) a{ border: 1px solid #f1f1f1; font-size: 14px; color: #757575;  padding: 0px 10px; border-radius: 20px; }

.enquiry_list li span.title:nth-child(3) { margin-top:0px; }

.enquiry_list li img{ width:40px; height:auto; float:left; margin-right:15px; }
.enquiry_list li .title{ font-size:14px; }
.enquiry_list li span a{ color:#363636; }
.enquiry_list li span a:hover{ color:#ea563b; }


.enquiry_list input[type=text]{     border: 1px solid #d2d2d2;  padding:5px;     width: 70px; text-align: center; outline: none; border-radius: 5px; }


.message{ margin-top:15px;  }
.message .messagetwo{ font-size:14px; color: #848484; }
.message .messagetwo span{     color: #92be40;  padding-right: 5px; }

.message  textarea{ box-sizing: border-box; padding: 20px; border: 1px solid #f1f1f1; width:100%;  font-weight: 400; font-size:14px;   background-color: #fff; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); margin-top:10px; font-family: tonjay; }

.xptj{ width:250px; text-align:center; background: #92be40; color: #FFF;     margin: 0 auto; margin-top:40px; cursor:pointer; line-height:50px; }
.xptj:hover{ background: #d04128; }

.enquiry_list .textmiao {
    width: 100%;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    font-weight: 100;
    color: #656565;
    margin-top: 20px;
    font-family: tonjay;
}

.enquiry_list .textmiao::after {
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    background: #92be40;
    margin: 0 auto;
    margin-bottom: 50px;
    margin-top: 50px;
}
.messagethree { margin-top:10px; }
.messagethree input[type=text]{ width:20%; margin-right:5%; border-radius:0; border: 1px solid #f1f1f1;  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); height:30px; text-align:left; }

.enquiry_list .tjadd{ text-align:center; }
.enquiry_list .tjadd a{display: block;
    width: 100px;
    margin: 0 auto;
    padding: 10px 8px;
    background: #eaeaea;
    border-radius: 21px;
    color: #949494;
    font-size: 15px; }

.enquiry_list .tjadd a:hover{ color:#fff; background:#6c9421; }



.customerssays{ width:800px; margin:0 auto; text-align:center; margin-bottom:50px; margin-top:50px; }
.customerssays h2{  width: 100%;
    text-align: center;
    font-weight: 500;
    text-transform: Uppercase;
    font-size:30px;
    color: #92be40; }

.customerssays h2::after {
    content: ' ';
    display: block;
    margin: 0 auto;
    height: 1px;
    width: 100px;
    background: #f1f1f1;
    margin-top: 30px;
}
.customerssays .textmiao{ margin-bottom:20px; }
.customerssays .swiper-slide{  padding:0px 10%; width: 80% !important; }
.customerssays .swiper-slide img{ width:20%; height:auto; float:left; border-radius:10px; }
.customerssays .swiper-slide div{float:right;width:73%; font-size:15px; text-align:left; line-height:22px;  padding-bottom:20px; }
.customerssays .swiper-slide span{ display: block;
    color: #bdbdbd;
    font-weight: 500;
    font-size: 14px; width:100%; text-align:right;}








 

.page_about{ margin-top: 160px; }

.page_about.page_aboutpc{ display:block }
.page_about.page_aboutapp{ display:none; }
.page_about .page_about_nr{ width:100%; overflow: hidden; width: 100%;
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;  -ms-flex-align: center!important;
    align-items: center!important;
    -ms-flex-item-align: center!important;
    -ms-grid-row-align: center!important;
    align-self: center!important;
    vertical-align: middle!important;}
.page_about .page_about_nr .page_about_nr_pic{ background: #92be40; width:50%; max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%; }
.page_about .page_about_nr .page_about_nr_pic img{ width:100%; }
.page_about .page_about_nr .page_about_nr_txt{
    width: 30%;
    padding-left: 5%;
    padding-right: 15%;
    max-width: 30%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;}

.page_about .page_about_nr .page_about_nr_txt h2{    color: #555;
    width: 100%;
    margin-top: 0;
    margin-bottom: .5em;
    text-rendering: optimizeSpeed;
    font-size:25px;
    line-height:25px;}

.page_about .page_about_nr .page_about_nr_txt .miao{ font-size:16px; color: #777; line-height: 22px; }



.page_about .page_about_nr:nth-child(2n) .page_about_nr_txt{ text-align:right; padding-right: 5%;  padding-left: 15%;}



#box_foot {
    background: #f5f5f5;
    height: 221px;
}
#box_foot_center {
    margin: 0 auto;
        width: 85%;
    overflow: hidden;
}
#box_foot_center .logo {
    float: left;
    padding-top:48px;
    width:auto;
}
#box_foot_center_sub2 {
    float: left;
    margin-top: 15px;
    width: 40%;
    height: 150px;
    margin-left: 25px;
    padding-left: 30px;
    padding-top: 35px;
    font-size: 12px;
    line-height: 28px;
}
#box_foot_center_sub3 {
    margin-top: 15px;
    width: 30%;
    float: right;
    height: 150px;
    margin-left: 0;
    padding-top: 35px;
}
#box_foot2 {
    background: #323232;
    height: 42px;
}
#box_foot_center_sub3 p {
    padding-left: 70px;
    font-size: 12px;
    color: #666464;
    line-height: 30px;
}
#box_foot_center_sub3 p a {
    color: #666464;
    display: inline-block;
    width: 30%;
}


.lyly{ width:85%; margin:0 auto; margin-bottom:50px; }
.lyly h3{ border-bottom:1px solid #f1f1f1; font-size: 30px; line-height:50px; }
.message{ margin-top:15px;  }
.message .messagetwo{ font-size:14px; color: #848484; }
.message .messagetwo span{     color: #089247;  padding-right: 5px; }

.message  textarea{ box-sizing: border-box; padding: 20px; border: 1px solid #f1f1f1; width:100%;  font-weight: 400; font-size:14px;   background-color: #fff; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); margin-top:10px; font-family: tonjay; }

.messagethree { margin-top:10px; }
.messagethree input[type=text]{ width:20%; margin-right:5%; border-radius:0; border: 1px solid #f1f1f1;  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); height:30px; text-align:left; }
.lyly input[type=text]{  padding:5px;    border-radius: 5px; }

.lyly .xptj { font-size:18px; border:none; width: 250px;  text-align: center; background: #b5b5b5; color: #FFF; margin: 0 auto; margin-top:20px; cursor: pointer; line-height: 50px;}
.lyly .xptj:hover { background: #089247;}




.foot2 {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    font-size: 12px;
    color: #a9a9a9;
}
.foot2 .foot2_2 {
    float: right;     line-height: 42px;
}



.gotop{ position: fixed; left: 100%; margin-left: -60px; width: 50px; height:auto; bottom:50px;  }
.gotop a{ display: block; padding: 6px; background: #a6a6a6; border-radius: 50%; margin-bottom: 15px; width: 30px;}
.gotop a:hover{ background:#92be40; }
.gotop a img{ display:block; width:100%;}



 
.contact{ width:85%; margin:0 auto; margin-top:50px; margin-bottom:50px; }

.contact .contact_left{ float:left; width:40%; margin-right:10%; }

.contact .contact_left h4 {
    font-size: 45px;
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    line-height: 60px;
}

.contact .contact_left h4::after{content:""; display:block; width:50px; height:4px; background:#089247; margin-top:30px; margin-bottom:30px; }

.contact .contact_left p {
    margin-top: 20px;
    line-height: 25px;
    color: #666;
    width: 100%;
    font-size: 16px;
}

.contact .contact_right{ float:right; width:50%; }
.lead-form-wrapper {
    background: #ffffff;
    box-shadow: 0 9px 21px 3px rgba(0, 0, 0, 0.18);
    padding: 48px;
}
.lead-form-wrapper__title {
    color: #089247;
    font-size: 16px;
    line-height:30px;
    margin-bottom: 16px;
    text-transform: uppercase;
	font-weight: 700;
}
.lead-form-wrapper__text {
    color: #666666;
    font-size: 16px;
    line-height:25px;
}
.lead-form .form__field {
    margin: 16px 0;
}
.lead-form label.form__label {
    width: 100%;
}
.lead-form textarea.form__text-input, .lead-form input[type='number'].form__text-input, .lead-form input[type='text'].form__text-input {
    background: #f5f4f2;
    border: 2px solid #e5e3dd;
    border-radius: 3px;
    padding: 8px;
    width: 100%;
	margin-top: 5px;
}
label {
    display: inline-block;
	margin-bottom: 0.5rem;
}
span.sub-text {
    color: #7b7b7b;
}
.sub-text {
    font-size: 0.75em;
    font-weight: 100;
    margin-left: 4px;
}
.lead-form textarea.form__text-input {
    height: 80px;
}

.lead-form .pbtn {
    border-radius: 36px;
    box-sizing: border-box;
    display: block;
    cursor: pointer;
    font-size: 14px;
    letter-spacing: 4.25px;
    margin: 0 auto;
    padding: 22px 40px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    text-align: center;
    white-space: nowrap;
	color: #f6f6f6;
	background: #089247;
	font-weight: bold;
}
.lead-form .pbtn:hover{ background:#089247; }




.newslist {  background: #fff; width:85%; margin:0 auto; margin-top:60px; }
.newslist .news_list_1 { width: 100%; margin: 0 auto; overflow: hidden;}
.newslist .news_list_1 li { margin-bottom: 30px; width: 30%;  float: left; border-bottom: 1px solid #f1f1f1;padding-bottom: 30px; margin-right: 5%;}
.newslist .news_list_1 li img { width: 100%; opacity: 0.9; height: 300px;}
.newslist .news_list_1 li h3 { font-weight: 500; font-size: 16px; margin: 15px 0px;}
.newslist .news_list_1 li p { font-size: 13px; line-height: 22px; color: #a8a8a8;}
.newslist .news_list_1 li:nth-child(3n) { margin-right: 0; float: right;}

.pnum div { text-align: center; font-size: 20px;}
.pnum span { display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center;}
.pnum a { color: #929292; display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center;}


.newsart { background: #fff;  padding: 80px 0px;}
.newsart .title { width: 80%; height: 40px; font-size: 26px;  color: #2d2d2d; text-align: center; margin: 0 auto;}
.newsart .source { width: 80%; margin: 0 auto; display: block; text-align: center; padding-bottom: 30px; padding-top: 10px; color: #b7b7b7; font-size: 14px; float: none;}
.newsart .article { width: 1200px; margin: 0 auto; line-height: 190%; min-height: 400px; padding-bottom: 10px;  overflow: hidden; font-size: 18px;}



.clear:after {
    display: table;
    clear: both;
    content: ""; 
    content: ""; 
}
.footer-top {
    width: 100%;
    height:auto;
    background-color: #089247;
}
.footer-top .footer-top-box {
    padding-top: 60px;
    line-height: 33px;
    color: #fff; padding-bottom:60px;
}
.w{ width: 85%;
    margin: 0 auto;
    min-width: 1300px;
    position: relative;
    overflow: hidden; }
.fl {
    float: left;
}
.footer-top .footer-top-box .footer-top-l {
    padding-top: 60px;
    margin-right: 60px;
}
.footer-top .footer-top-box .footer-top-l a {
    display: block;
}
.footer-top .footer-top-box .footer-top-l img {
    width: 170px;
    height:auto;
}

.footer-part {
    margin-right: 60px;     min-width: 140px;
}


.footer-part:nth-child(2){ min-width:200px; }
.footer-part:nth-child(3){ margin-right:0px; }
.footer-part:first-child {
    margin-right: 40px;
}
.footer-part .footer-part-title {
    font-size: 14px;
    color: #fff;
    line-height: 38px;
    margin-bottom: 10px;
    font-weight: bold;
    display: inline-block;
    border-bottom: 1px solid #d8d8d8;
}
.footer-part .footer-part-main {
    line-height: 34px;
}
.footer-part .footer-part-main .footer-part-a {
    display: block;
    color: #fff;
}

.footer-part .footer-part-main a{ color:#fff; }

.footer-top-m.fl.clear{ clear: initial;     width: 55%; display: flex;  }

.footer-top .footer-top-box .footer-top-last .footer-tel {
    font-size: 26px;
    color: #545454;
    font-weight: bold;
    line-height: 34px;
    padding-left: 46px;
    margin-bottom: 15px;
    background: url(../images/icon-footer-tel.png) left center no-repeat;
    background-size: 32px auto;
}
.footer-top .footer-top-box .footer-top-last .footer-code-item {
    width: 102px;
    height: 140px;
    padding:0px;
    margin-right: 20px;
    cursor: pointer; text-align:center;
}

.bshare-custom.icon-medium{     float: right; }

.footer-top .footer-top-box .footer-top-last .footer-code-item img {
    width: 100%;
    height:auto;
}
.footer-bto {
    width: 100%;
    height: 54px;
    line-height: 54px;
    font-size: 12px;
    color: #999;
    text-align: center;
    background-color: #041e2d;
}



.cultureSloganBg {
    /* margin-top: 404px; */
    width:100%;
    height: 260px;
    background: #dbdbdb url(../images/cultureSloganBg.jpg) right center no-repeat;
    margin-bottom: 3px;
}
.cultureSloganBg .cultureSloganLogo {
    margin: 88px 0 0 55px;
    width: 200px;
    height: 85px;
}
.cultureSloganBg .cultureSlogan {
    width: 100%;
    text-align: right;
    font-size: 20px;
    line-height: 20px;
    position: relative;
    top: 120px;
    right: 255px;
    color: #666;
}

.cultureImgs {
    margin-bottom: 59px;
    color: #fff;
}
.cultureImg1 {
    padding: 123px 0 0 30px;
    background: #00479d right center no-repeat;
}
.cultureImgs .cultureImg {
    width:50%;
    height:400px;
    margin-bottom: 2px;
    box-sizing: border-box;
}
.cultureImg2 {
    color: #666;
    padding: 10% 0 0 7%;
    background: right center no-repeat; background-size: auto 100%;
}




.cultureImg3 {
    background: center top no-repeat;
    background-size: cover;
    position: relative;
}
.cultureImg4 {
    background: center top no-repeat;
    background-size: cover;
    position: relative;
}

.cultureTitle {
    font-size: 20px;
    line-height: 30px;
}

.cultureDes {
    font-size: 16px;
    line-height: 30px;
}
.cultureDes {
    font-size: 16px;
    line-height: 30px;
}
.cultureTitle3 {
    width: 100%;
    background-color: rgba(34,34,34,0.6);
    position: absolute;
    bottom: 0;
    padding-left: 30px; box-sizing: border-box;
}
.cultureDes3 {
    font-size: 12px;
    line-height: 30px;
}

.cultureTitle4 {
    position: absolute;
    bottom: 30px;
    padding-left: 20px;
}

.cultureDes4 {
    width: 100%;
    font-size: 12px;
    line-height: 30px;
    background-color: rgba(34,34,34,0.6);
    position: absolute;
    bottom: 0;
    padding-left: 20px; box-sizing: border-box;
}


.cultureDes.cultureDescn{ font-size: 32px; line-height: 30px; margin-bottom:15px;}
.cultureImgscn .cultureImg1{padding: 159px 0 0 70px;}
.cultureSloganBg.cultureSloganBgcn .cultureSlogan{ color: #000; letter-spacing: 1px; font-size: 32px; right: 55px;}

.cultureImg2 .cultureDes.cultureDescn{ color:#000; }

.cultureTitle.cultureTitlecn.cultureTitle3,.cultureDes4.cultureDes4cn{line-height: 50px; font-size:18px;}

@media screen and (max-width:1800px){
	
	.cultureImg2{ padding: 10% 0 0 3%; }
	
}


.concactList_gray {
  margin-right: -12px;
  border-top: none !important;
  padding-top: 0 !important;
  padding-bottom: 60px !important;
}
.concactList_gray li {
  margin-right:2%;
  border: none !important;
}
.concactList_gray li .item {
  background-color: #f5f5f5;
  height: 150px;
  padding-top: 90px; box-sizing: border-box;
  background-position-y: 35px;
}
.concactList_gray li .ewcode {
  top: 120px;
}



.tellist {
  margin-right: -12px;
  margin-bottom: 20px;
  padding-top: 10px;
}
.tellist li {
  padding-right:0;
  float: left;
  width:49%;
}

.tellist li:nth-child(2){float:right;}

.tellist .item {
  background-color: #f5f5f5;
  height: 115px;
}
.tellist .item:hover {
  color: #00479d;
}
.tellist .item:hover .icon {
  background-image: url("../images/zye-concact-gps-on.png");
}
.tellist .item:hover .icon2 {
  background-image: url("../images/zye-concact-phone-on.png");
}
.tellist .left,
.tellist .right {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tellist .left {
  float: left;
  background-color: #f0f0f0;
  width: 150px;
  align-items: center;
}
.tellist .left .title {
  font-size: 16px;
}
.tellist .left .icon {
  width: 50px;
  height: 50px;
  background: url("../images/zye-concact-gps.png") center no-repeat;
}
.tellist .left .icon2 {
  background-image: url("../images/zye-concact-phone.png");
}
.tellist .right {
  overflow: hidden;
  padding-left: 48px;
}
.tellist .right p {
  line-height: 30px; font-size: 14px; line-height: 22px;
}





.page{text-align:right; margin-top:0px; height:40px; width:100%; margin:0 auto; margin-top:40px; margin-bottom:40px;}



.page a {

	background: #f9f9f9; border: 1px solid #f9f9f9; border-image: none; width: 35px; height: 35px; text-align: center; color: rgb(128, 135, 146); line-height: 35px; float: left; margin-right:10px;

}

.page a:hover {

	background: #ff1a02; border: 1px solid #ff1a02; border-image: none; color: rgb(255, 255, 255);

}

.page b {

	background:#ff1a02; border: 1px solid #ff1a02; border-image: none; width: 35px; height: 35px; text-align: center; color: rgb(255, 255, 255); line-height: 35px; float: left; margin-right:10px;

}



.page .nextpage{ width:60px;}

.page .pripage{ width:60px;}





.step{ width: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
    background: #089247;
    margin-top: 100px;  color: #fff;}
.step h2{ text-align:center; width:500px; font-size:40px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    padding: 20px; margin:0 auto;}
.step .shum{
    color: #fff;
    font-size: 38px;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 20px;
    font-weight:bold; width:500px; margin:0 auto; display:block; position:relative;
} 

.step .shum:after {
    content: "";
    width: 36px;
    height: 2px;
    background: #175eb6;
    position: absolute;
    bottom: 0px;
    left: 50%; 
    margin-left: -18px;
}

.step .lcjs{ width:700px; text-align:center; margin:0 auto; line-height:25px;  font-size:14px;}

.step ul{ width:85% ;box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; overflow:hidden; margin:0 auto; margin-top:50px;}
.step ul li{width: 15%;
    height: 240px;
    margin-right: 2%;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    float: left;
    color: #fff;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
    list-style: none;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid;
    border-color: rgba(255, 255, 255, 0);
    padding: 40px 0; }
	
.step ul li em{display: block; margin-bottom: 10px;}
.step ul li em img{width: 45px;}
	
.step ul li:last-child{ margin-right:0; }
.step ul li::after {
    content: ' ';
    height: 8px;
    width: 8px;
    display: inline-block;
    transform: rotate(-45deg);
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    margin-left: 7px;
    margin-top: 25px;
    position: absolute;
   top: 87px;
       left: 101%;
}
.step ul li:last-child::after{ display:none;}
.step ul li p{ text-align: center;
    width: 100%;
    font-size: 28px;}
.step li span{  display: block;
    padding: 5px;
    margin: 0 auto;
    height: 25px;
    width: 25px;
    font-size: 25px;
    font-weight: 400;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    box-sizing: initial;
    background: #fff;
    color: #000;}
.step li:hover{ color:#FFF;  border: 1px solid #ffffff;}
.step li:hover span{ background:#FFF; color:#089247}
.step li:hover p,.step li:hover i{ color:#fff; }
.step6{ margin-right:0px;}

.step .imgimg{ width:100%; text-align:center}

.step li i{ width: 100%;
    font-size: 14px; }

.rypic{ overflow:hidden; }
.rypic img{    display: block;
    float: left;
    width: 23%;
    margin-right: 2.5%; margin-bottom:30px; }
.rypic img:nth-child(4){ margin-right:0; }
.footer-bto a{  color: #999;}

.erdh{border-bottom: 1px solid #f1f1f1;}
.erdh ul{ display: flex;
    width:500px;
    margin: 0 auto; }

.erdh ul li{ flex:4; }
.erdh ul li a{ display: block;
    text-align: center;
    line-height: 70px;
    font-size: 18px; color: #7b7b7b; }

.erdh ul li a::after{ content:''; display:block; width:50px; height:3px; margin:0 auto; background:#ffffff; }

.erdh ul li a.hover,.erdh ul li a:hover{ color:#089247; }

.erdh ul li a.hover::after,.erdh ul li a:hover::after{ background:#089247; }


@media screen and (max-width: 640px){
	
	html,body{ min-width:auto; }
	.page_about .page_about_nr .page_about_nr_pic{ width: 100%; max-width: 100%; flex-basis: 100%; }
	.page_about .page_about_nr .page_about_nr_txt,.page_about .page_about_nr:nth-child(2n) .page_about_nr_txt{ width: 100%; max-width: 100%; flex-basis: 100%; padding: 10px 2%;     text-align: center; }
	.page_about { margin-top: 58px;}
	.page_about.page_aboutpc{ display:none; }
	.page_about.page_aboutapp{ display:block;}
	.page_about .page_about_nr .page_about_nr_txt .miao{ font-size:14px; }
	.page_about .page_about_nr .page_about_nr_txt h2{ font-size:20px; }
	
	.erdh ul{width:85%;}
	.header .nav{ width:100%; }
	.nav {
    position: fixed;
    background: rgba(0,0,0,0.39);
    width: 100%;
    height: 2000px;
    margin-top: 0px;
    display: none;
    top: 0;
    left: 0;
}
	.header .nav li.app_nav{display:none; }
	.header{  top:0px; padding:0px; }
	
	.header  .nav li {
    width: 50%;
    float: none;
    margin-left: 50%;
    background: #fff;
    text-align: center;
}
	
	.header .nav li a {
    text-transform: uppercase;     font-weight: 500; line-height:50px; height:50px;
}
	.header .nav li:last-child{ height:100%; }
	.header .logo{ box-shadow:none; width:auto; top:0;margin-top:0; margin:10px 0px; padding: 5px 0px; position:relative; text-align:left}
	
.header  .logo img	{    height:30px; width:auto; }
	
.header .sj_nav {
    display: block;
    width: 29px;
    padding-top: 10px;
    padding-bottom: 10px;
    float: right;
    margin-top:15px;
}
	
	.header .sj_nav::before, .header .sj_nav::after {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    background: #000;
}
	.swiper03 .swiper-wrapper{ height: 205px; }
	.service .swiper03 h3{ font-size:16px; margin: 10px 0px; line-height: 20px; }
	.service .swiper03 p{ font-size:12px; }
	.service h2{ margin-top:0; }
	.service{ margin-top: 30px; overflow:hidden; padding-top:0; }
	.service .swiper03{ width:90%} 
	.header .sj_nav::before {
    margin-bottom: 5px;
}
.textmiao::after{ margin-bottom: 15px; margin-top: 15px; }
	.topcen{min-width: auto; overflow: hidden; width: 90%; left: 5%;}

	.banner { margin-top:60px;}
	
	.banner h2{ z-index:5; font-size: 20px; line-height: 25px; width: 60%;left: 20%;top: 35%; }
	.btn-slider-white{ z-index:5; margin-top: 20px; width: 120px;height:30px; line-height:30px; margin-left: -60px; }
	
	.banner img{ width:100%; position: relative; left:0; margin-left:0;}
	.banner .bigpc{ display:none; }
	.banner .bigapp{ display:block; }
	.swiper-slide.swiper-slide-active .btn-slider-white {
    animation: ap1_3 1.2 ease infinite;
    -webkit-animation: ap1_3 1.2s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
}
	
	@keyframes ap1_3{
		from {margin-left:-200px; opacity:0}  
		to {margin-left:-60px; opacity:1}
	}
	
	
	.banner h2::after{ margin-top: 10px; width: 60px; }
	.pr_nav{ display:none;}
	.app_pro .pr_nav{ display:block; float:none; width: 1640px; }
	 
	
	.header .search{ display:none; }
	.aboutnr{width:90%; margin-top:50px; margin-bottom:0px; }
	.ui-title2 p.p1{ font-size:28px; }
	.usebox { width:100%;}
	.history .shu { right: auto;left:20px;}
	.history .yearbox { margin: inherit; font-size:16px; width:120px; line-height: 38px; margin-bottom:20px; font-weight: 200;}
	.history .row:after { width:12px; height:12px; right: auto; left:14px; border:2px solid #089247;}
	.history .row:nth-child(2n-1):after { right: auto; left:14px;}
	.history .row:nth-child(2n-1) { padding: 0px ; margin-top: 0; margin-bottom:50px;}
	
	.history .row .point { display: none;}
	.history span{ font-size:14px; }
	.history .text h3{ font-size:18px; margin-top:0px; padding-bottom: 15px;     margin-bottom:20px; }
	.history .row:nth-child(2n) { margin-bottom:50px;}
	.history .text h3:after { left:0; width:50px;}
	.history .row {float: none; padding: 0; width: 100%; text-align: start;}
	.history .row .aside { padding-left:50px;}
	
	.app_hd,.culture_nr_1{width:100%; overflow-x:scroll; }
	
	.culture_nr ul li{    margin:0px; margin-right:20px;}
	.culture_nr ul{width:1500px;}
	.culture_img img{width:160px;}
	.navLinks{ padding: 20px 0; text-align: left; width:100%; padding-bottom:0; }
	.navLink { margin-bottom:15px; }
	.navLinks li{ margin-right:15px; }
	.navLinks li:last-child{ margin-right:0; }
	.navLink >a{ font-size:16px; margin:0px; margin-right:38px; color: #000; border: 1px solid #f1f1f1; }
	.navLink.hover a, .navLink a:hover{ font-size:16px; }
	.navLink >a::before{ width:13px; height:13px; }
	.navLink >a:hover::before, .navLink.hover >a::before{  }
	
	.ui-title2 p.p3{font-size: 16px;}
	.honor{ margin-bottom:0px; }
	.honor .itemb{ width:100%; }
	.honor .swiper-slide{ height:200px; }
	.honor_ma p strong{font-size:20px;    margin-bottom:10px;     color: #000;}
	.honor_ma p{font-size: 14px;line-height: 25px;    color: #787777;}
	.honor_ma img{width:100%; margin-top:10px;}
	.honor_ma p{width:100%;}
	
	.honor .swiper-slide .pic{ padding: 10px; height: 180px; }
	.honor .itema{ display:none; }
	
	.navLink >a{ line-height: 40px;  margin-right:0px; padding: 0px 10px; font-size: 14px; }
	
	.concactList{ display: block;
    padding: 28px 0;
    width: 91%;
    margin: 0 auto;
    border: none;
    padding-top: 0; padding-bottom:10px; }
	.concactList li{ width: 100%;
    margin-bottom: 10px;
    background: #f7f7f7;
    border: none; }
	.concactList li:nth-child(2n){   }
	.concactList .item{ font-size:12px; padding-top: 48px; }
	
	.tellist{ margin-right: 0; margin-bottom: 0px }
	.bdtopbox .concactList li{     margin-right:0; width:100%; }
	
	.concactList .item .ewcode{ z-index:10; }
	
	.bdtopbox .concactList li:nth-child(2n){margin-right:0;}
	.bdtopbox .concactList {margin: 0;     padding-bottom: 20px !important; width:100%; }
	.ui-brand{ margin-bottom:0px; }
	.ui-brand .text h2{ font-size:20px; }
	.ui-brand >.l{width:100%;}
	.ui-brand >.r{width:100%;     margin-top:0px;}
	.ui-brand .text{ font-size:16px;}
	.cf {overflow: hidden;}
	
	
	.cf img{ width: 48%;  margin-right: 4%; margin-bottom:15px; display: block; float:left; }
	.cf img:nth-child(2n){margin-right:0; }
	 .cf img:nth-child(3){ margin-right:4%; }
	.qywh{width:90%;}
	.qywh .qytext{ width: 100%; font-size: 16px; line-height: 27px; }
	.qywh .qyime{width:100%; margin-top:20px;}
	.qywh .qyime img{max-width:100%;}
	.aboutnr .lyly{ margin-top:0px; }
	.aboutnr .lyly h3{ font-size: 18px; }
	.introductionMedals{ margin:30px 0 30px 0; }
	.introductionMedal{
		    width: 100%;
    background-size: auto 80px;
    padding: 20px 0;
    height: 79px;
    margin-bottom: 20px;
    background-position: 20px center;
    border: 1px solid #f1f1f1;
    padding-left: 90px;
    box-sizing: border-box;}
	
	.introActivity{ display:none; }
	.honorMedalDes{     line-height: 20px; text-align:left;}
	
	.enquiry_list{ width:96%;     margin-bottom: 50px;     margin-top: 100px; }
	
	.enquiry_list h1{ font-size:17px; }
	 
	.w-mid{ width:96%; }
	.news .col-md-5,.news .col-md-6{     width: 100%; }
	.title-style1 .title{ font-size:25px; }
	.mt-big{ margin-top:30px; }
	.news-header-wrap .mt-big{ text-align:right}
	.news .news-list>li{     padding:10px 10px; }
	
	.news .news-list .date{ top: 11px; right:0px; width: 75px; }
	.news .content .info .des{     padding-top:10px; font-size:14px;     height: 48px;
    overflow: hidden; }
	
	.news .news-list .info{ padding-right: 85px; }
 
	img.fl{ float:none }
	 
	
	.footer-part{ margin-right: 0; }
	
 
	
	.app_pro {
		display: block;
		width: 96%;
		margin-left: 2%;
		overflow-x: scroll;
		margin-bottom: 20px;
		position: relative; margin-top:20px;
	}
 
	 
	.textmiao{ width:96%; font-size: 14px; margin:0 auto; margin-top:10px;     font-family: 'D Din'; }
	 
	.nav li:last-child { height: 100%;}
	.swiper03 .swiper-button-prev, .swiper03 .swiper-button-next{ background: #000000; border: 1px solid #000000; bottom: 180px;}

	.swiper03 .swiper-button-prev{ left:0px; }
	.swiper03 .swiper-button-next{ margin-left: -38px; }
	
	.swiper03 .swiper-button-prev::before, .swiper03 .swiper-button-prev::after, .swiper03 .swiper-button-next::before, .swiper03 .swiper-button-next::after{ background: #ffffff; }
	.service .swiper-slide{ width:47.5%; }
	.swiper01  .swiper-slide{ overflow:hidden}
	
	.banner .pagedown{ display:none; }
	
	.about{ min-width:auto;padding: 30px 0px;
    background-position: top right; width:100%; }
	.about .about_1{ width:100% }
	.about .about_1 h3{ padding-top: 0px; font-size:18px;     margin-bottom:15px; }
	.about .about_1 h2{ font-size:22px; }
	.about .about_1 h2::after{ margin-top:15px; margin-bottom:15px; }
	.about .about_1 h4{ font-size:18px; margin-bottom: 15px; }
	 
	.about .about_2{ width:100%; }
	.about .about_2 img{ width:100%; margin-top:10px; margin-bottom:10px; } 
	.about .more a{ width:100%; }
	 
 
	 
	.more_pro {padding:10px;margin-top: 0px; background: url(../images/111.jpg) no-repeat -6px -160px #f1f1f3; background-size: 650px; padding-top: 230px;}
	.news_list{ width:96%;     margin-top:0px; margin-bottom:20px; min-height:300px; }
	
	
	.news_list li{ width:100%;     padding:10px 0px; margin-bottom: 0;  }
	.news_list li img{ width:100px; height:100px; }
	.news_list li h3{ line-height:30px; font-size:16px; }
	.news_list li p{overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 23px;}
	
	.pr_nav_list{ display:none }
	.app_pro .pr_nav_list{ display:block; width: 1490px; }
	.app_pro .pr_nav_list dd{ float:left; font-size: 14px; }
	
	.container-wrap{ min-width:96%; }
	
 .ad-ys{ font-size: 28px; }
	
	.page_ms .page_ms_text{ height:300px; overflow:hidden; position:relative }
	.page_ms .page_ms_text .app_more{ display:block;
    position: absolute;
    bottom: 0px;
    height: 34px;
    text-align: center;
    display: block;
    line-height: 50px;
    width: 100%;
    font-size:20px;
    color: #990000;
	
	
		background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.36),rgba(255, 255, 255,1));
	
	}
	
	.page_ms .page_ms_text .app_more img{    vertical-align: middle; width: 10px;  margin-left: 10px;}
	
	
	
 
	
	.swiper02 .swiper-pagination-bullet{ width: 5px;
    height: 5px;
    border-radius: 50%; }
	 
 
	.button--arrow {
		padding: 10px 25px 10px 20px;
		background-image: url(../images/right-arrow-white.svg);
		background-size: 12px;
		background-attachment: scroll;
		background-position:93% 50%;
		background-repeat: no-repeat;
		margin-top:10px;
	}
 
	
	.header-search .search-input{ width:65%;     font-size: 12px;     height: 35px; }
	.header .search{ float:left; width:60%; margin-left:10px;  height: auto;}
	.header-search{ float:none; }
	.header-search .search-submit{ height: 35px;line-height: 35px; width: 35px;     background-size: 15px; }
	 
	 
	.column+.column:last-child, .column+.columns:last-child, .columns+.column:last-child, .columns+.columns:last-child {
    float: left;
}
	.nr_banner { margin-top:60px; margin-bottom:0px; }
	.postion a,.postion{ font-size:14px; }
	.navdh{     margin-top: 60px; width: 96%; opacity: 0.5; }
	.navdh .right span{ font-size:14px; }
	.navdh .right img {	width: 18px;}
	
	 
	.custom{ width:100%; }
	.custom h1{ font-size:22px; }
	
	.erj::after{ display:none;  }
	
 
	
	.dhdh{ overflow-x:scroll; margin:20px 0px;}
 
	
	.nr_banner h3{ font-size:20px; }
	.nr_banner.nr_bannertwo p{ font-size:14px; width:90%; margin-left:5%; left:0px;     line-height: 20px; }
	
	.nr_banner img{ width: 100%; margin-left:0; left: 0; }
	
	
	.navdh.navdhtwo{ margin-top: 0px; }
	
	.contact{ width:96%;margin-top:20px; margin-bottom:20px; }
	
	.contact .contact_left{ float:none;width:100%; margin-bottom:20px; }
	.contact .contact_left h4{ font-size:20px; line-height: 26px; } 
	.contact .contact_right{ float:none;width:100%; }
	.contact .contact_left h4::after { margin-top:10px;  margin-bottom:10px;}
	.contact .contact_left p { margin-top:20px; line-height: 20px; color: #666; width: 100%; font-size: 14px;}
	
	.lead-form-wrapper__text{font-family: 'D Din'!important;}
	.lead-form-wrapper{ padding:30px; }
    
	.products{margin-top:30px;  margin-bottom:30px;}
	.products,.about_all{ width:90%; min-width:auto; }
	.products_left{width:100%; position: relative; padding-top: 0; border:none;  }
	.products_left p::after{ margin: 20px 0px;     top: 0; left: 80%; position:absolute; opacity:0.5; display:none }
	
	.products .products_right li{width:100%; margin-right:2%;     width: 49%; margin-bottom: 20px;}
	.products .products_right li:nth-child(2n){ margin-right:0; }
	.product_tj{ width:100%; overflow-x:scroll; margin: 0px 0px; padding-bottom: 10px;}
	.products .product_tj ul { display:flex; width: 1130px;}
	.products .product_tj ul li{ flex:auto;  line-height: 40px; height: 40px; margin-bottom:0;}
	.products_left ul li a{ font-size: 15px; }
	.products_right li span{ font-size:14px; line-height:22px; }
	
	.newsart .article{width:90%; margin:0 auto; font-size: 16px; }
	.newsart .article img{max-width:100% !important; height:auto !important; margin:10px 0px;  }
	.about_all .about_left,.about_all .about_right{width:100%;}
	.newsart .title{ width:90%; font-size:18px; height: auto; }
	.newsart .source{ font-size:12px; }
	#box_foot{ display:none; }
	.about_all .about_left h2{ font-size: 28px; margin-bottom:10px;  }
	
	.lang{ position: fixed; top:auto; display:none; bottom:40px; right: 20px; width: 140px; text-align: right; }
	
	.lang a{     margin-left: 18px; width: 46px; }
	
	.about_all .about_left p { line-height:22px; font-size: 15px; margin-top: 10px; color: #969696;}
	
	.partCon{width:100%; min-width:inherit;}
	.newsHead{ width:90%; margin:0 auto; }
	.newsHead .newsTit{font-size:28px; margin-bottom:20px;}
	.newsPart { padding-top:40px; margin-bottom:0px;}
	.newsHead .newsSubTit{     font-size: 15px; margin-top:0px; color: #969696; line-height: 19px; }
	#newsSwiper{ padding: 40px 20px 50px; margin-left:0px; height:300px;}
	.newBoxImgBox {
	    height: 150px;
	}
	#newsSwiper .swiper-slide .newsBox {
	    padding: 20px 0px;
	    height: auto;
	}
	#newsSwiper .swiper-slide .newsBox { padding: 10px 0px; }
	
	#newsSwiper .swiper-slide .newsFt{ height: 27px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
	.newsTimeBox {
	    margin-top: 5px;}
	.shuzi li span:nth-child(1){ font-size:30px; }
	.shuzi li span{ font-size:14px; }
	.shuzi ul{    margin-left: -12px;}
	.more{width: 120px;font-size: 14px; margin-top: 20px;}
	
	.about_all .about_right{  height: 226px; margin-top: 30px; }
	.about_all .about_right .pic_1 ,.about_all .about_right .pic_2{width:95%; }
	
	.gotop{display:none;}
	.products_right{width:100%;}
	.products.productstwo .products_right{ width:100%; }
	.products_left h2 {    font-size: 28px; padding: 0; background: none; padding-top: 0;}
	.products_left p {font-size: 15px;  margin-top: 10px; color: #969696;}
	 
	.nr_banner.nr_bannerfree{ display:none; }
 
	.free{ margin-top:30px; }
	.product_righttwo .freelist{ width:94%; margin-right:0px; margin-bottom:10px; }
	#imgbox{ float:none; width:100%; text-align:center}
	#imgbox img {
    width: 180px;
    position:static;
    top:50%;
    margin-top:0px;
}
	.text_mo{ float:none;width:100%; margin-left:0; }
	.text_mo h2{ font-size:16px;}
	.gotu { margin-top: 10px; }
	.text_mo .text_nr{height:auto; }
	
	.product_left.product_leftnews{display:none; }
	
	
	.nr_banner h2 { padding-left: 0; width: 80%;font-size: 25px; left: 10%; text-align: center; margin-top: -10px;}
	.nr_banner p{ width:80%; left:10%; padding-left:0px; text-align: center; font-size:15px; line-height:23px;}
	 
	.navdh.navdhthe{ margin-top:57px; }
	.navdh.navdhfour{ margin-top:0px; }
	.products_nr .pic{ width:99%; }
	 
	.products.productstwo .products_left{ display:none; }
	.nr_bannertwo,.products.productstwo .products_left h2,.products.productstwo .products_left p{display:none;}
	.products.productstwo{     padding-top:0px; }
	.products_right .swiper0a{width:100%;margin-bottom:20px;}
	.products_right .products_info{width:100%;}
	
	.pro_contact { margin-top: 20px;}
	.pro_contact .more{  width: 140px; float:none; }
	.pro_contact .more1{ margin-left:0px; }
	.products.productstwo .title{ margin-top: 0; line-height: 70px; }
	
	.products_info h1{ font-size:20px; }
 
 
	.footer-top-m.fl.clear{ width: 100%; margin-bottom: 20px; }
	.footer-top .footer-top-box .footer-top-last .footer-tel{ padding-left:0px; font-size:20px; }
	.lyly{ width:90%; margin-top:0px; padding-top:20px; margin-bottom: 20px; }
 	.contact .lyly{ width:100%; margin-top:0px; padding-top:20px; margin-bottom: 20px; }
	.message{     margin-top:0px; }
	.messagethree input[type=text]{ width: 27%;  margin-right: 2%; }
	.messagethree input[type=text]:last-child{ margin-right:0; }
	.message textarea{ height: 100px; }
	.lyly h3{     font-weight: 400;font-size: 20px; margin-bottom:10px; }
	.customerssays { width:96%; margin-bottom:30px; margin-top:30px; }
	.customerssays h2{ font-size:20px;     font-weight: bold; }
	.customerssays .swiper-slide { padding: 0px; width:100% !important;}
	.customerssays .swiper-button-next,.customerssays .swiper-button-prev{ display:none; }
	.customerssays h2::after{  margin-top:15px; }
	.customerssays .textmiao{ margin-bottom: 10px; }
	
	
	.yanfa{ margin-bottom:10px; }
	.yanfa .right{ display:none; }
	
	.footer-part-span{ margin-bottom:10px;}
	.newslist { background: #fff; padding: 30px 5%; margin-top:0;     width: 90%; }
	.newslist ul { width: 100%;}
	.newslist .news_list_1 li{ width:100%; }
	.newslist ul li { margin-bottom: 30px; border-bottom: 1px solid #f1f1f1;  padding-bottom: 30px; width:100%; margin-right:0; } 
	.newslist ul li img { width: 100%; opacity: 0.9; height: auto;}
	.newslist .news_list_1 li img{ height:auto; }
	.footer-part-span span{ display:block; line-height: 22px;}
	.footer-top{ height:auto !important; }
	.footer-top .footer-top-box .footer-top-l,.footer-part:first-child{ display:none; }
	
	.footer-code .fl:first-child{ }
	.concactList_gray li .item{     background-color: #f5f5f5;
    height: auto;
    padding-top: 48px;
    box-sizing: border-box;
    background-position-y: unset; }
	
	.footer-top .footer-top-box{ padding-top: 20px; padding-bottom: 20px; }
	.footer-top-last.fr{ float:left; }
	.w {
    width:92%;
    margin: 0 auto;
    min-width:auto;
    position: relative;
    overflow: hidden;
}
	
	.yanfa .right{ display:none; }
	.yanfa .content{ padding-right: 0; margin-top:30px; }
	.com-tit-46 {font-size: 26px;}
	.yanfa .content .com-des {  padding-top: 20px;}
	.yanfa ul{ margin-top: 30px; }
	.row-3 li, .row-3 .item{ width: 50%; margin-bottom:15px; }
	
	
	.history .pic{ text-align:left;} 
	
	.tellist li{ padding-right: 0;  width:100%;    margin-bottom: 10px; }
	.tellist .left{ width:20%; }
	.tellist .right{ padding-left: 2%;  width: 78%;}
	.step{     padding-top: 50px; padding-bottom: 50px; }
	.stepa{overflow-x: scroll; width: 90%; margin: 0 auto;}
	.step h2,.step .lcjs{width: 100%;}
	.step ul{width:100%; margin-top: 20px;}
	.step ul li p{ font-size:16px; bottom: 60px; }
	.step ul li::after{ display:none }
	.step li i{ left: 5%; width:90%; font-size: 12px; bottom:auto; top: 100px; line-height: 19px;}
	.step ul li{ width:80%; margin-left:10%; border-bottom: 1px solid #235fa3;     padding: 20px 0; height: 180px; }
	.tellist .left .title{ font-size: 14px; }
	.tellist .left .icon{ background-size: 70%;  }

	.tellist li:nth-child(2) .right p{ font-size: 20px;}
	
	.rypic img{ width:49%; margin-right:2%; margin-bottom: 10px;}
	.rypic img:nth-child(2n){ margin-right:0; }
	.footer-bto {      height: auto;
    text-align: center;
    line-height: 23px;
    padding: 15px 0px;}
	.footer-bto a{display: block;  color: #999;}
	
}




























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