html,body{width: 100%;font-size:16px;overflow-x:hidden}
*{ margin:0; padding:0;}
em{ font-style:normal;}
img {border: 0 none;height: auto;vertical-align: middle;}
ul{ list-style:none;}
.clear{ clear:both}
.l{ float:left;}
.r{ float:right;}
div{box-sizing: border-box;}
/*::-webkit-scrollbar {display:none}*/
li{list-style: none;}
.relative{position: relative;}
.absolute{position: absolute;}
a{ text-decoration:none; color:#333;}
.cuya{font-family: "impact";}

.s_width{ width:85%; margin:0 auto; position:relative}
i,em{ font-style:normal;}
.biaoge{overflow-x: auto;}
.biaoge td{padding:5px 5px;white-space: nowrap;}

table {width: 100%;border-collapse: collapse;}
table td {border: 1px solid #e6e7ea;padding: 0.5%;line-height: 1.4; font-size: 16px;}

@font-face {
	font-family: "DINENGSCHRIFTSTD";
	src: url("../css/font/DINENGSCHRIFTSTD.woff2") format("woff2"),
	url("../css/font/DINENGSCHRIFTSTD.woff") format("woff"),
	url("../css/font/DINENGSCHRIFTSTD.ttf") format("truetype"),
	url("../css/font/DINENGSCHRIFTSTD.eot") format("embedded-opentype"),
	url("../css/font/DINENGSCHRIFTSTD.svg") format("svg");
}
.fontDIN {font-family: "DINENGSCHRIFTSTD";}

/*===================== 公用样式 START =====================*/
.pub_title{text-align: center;color: #fff;text-shadow: 0px 1px 3px rgba(0,0,0,0.4), 0px 0px 30px rgba(0,0,0,0.075);}
.pub_title h3{font-weight: 700;text-transform: uppercase;}
.pub_title p,.pub_title h4{font-weight: 400;}
.img{overflow: hidden;position: relative;}
.img img{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}



/*主导航多级菜单*/
.tel_header,.arlo_tm_mobile_menu_wrap,.tel_search{display: none;}
.hbg{width: 100%;height: 110px;position: fixed;top: 0px; left: 0; z-index: 9999;background:url("../images/nav.png")no-repeat center top;text-align: center;}
#logo{transition: .5s;position: absolute; left: 2%; top: 11px;}
#logo:hover{left:4%;}
#logo img{ width:100%}

.hbg .nav{ height:50px; width:52%; position: absolute;   left: 27%; }
.hbg .nav li{width: calc(100%/7); float:left; text-align:center; line-height:50px; position:relative; padding:0 0 20px 0}
.hbg .nav li a{ color:#fff; display:block;  margin-top:20px; font-weight: 400;}
.hbg .nav ul li i{position: absolute;width:100%;height:0;background-color:#eb3030;left:0;top:0;z-index:-1;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.hbg .nav ul li a:hover i, .hbg .nav ul li a.active i{height:100%;}
.hbg .nav ul li a:hover, .hbg .nav ul li a.active{color:#fff;}

.hbg .product_son{display: none;position: absolute;left:0;top:90px;text-align: center;width:100%;padding:20px 0;height:auto;background-color:rgba(0,0,0,0.75);z-index:999;}
.hbg .product_son .item{display: inline-block;width:13%;margin:0.5%;}
.hbg .product_son .item img{border: 0;vertical-align: middle;max-width: 100%;display: block;}
.hbg .product_son .item p{font-size:16px;color:#fff;height:40px;line-height:40px;}
.hbg .product_son .item:hover .pb_bg{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;}

.pub_button{position: relative;z-index:1;}
.pub_button .pb_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color:rgba(12,162,52,0.7);-webkit-transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);transform-origin: left 100%;-webkit-transform-origin: left 100%;transform: scaleY(0);-webkit-transform: scaleY(0);visibility: hidden\9;z-index: -1;}
.pub_button:hover .pb_bg, .pub_button.active .pb_bg{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;}


.ttel{text-align: center;color: #fff;padding: 0 15px;transition: .5s;line-height: 35px;text-shadow: 0px 1px 3px rgba(0,0,0,0.4), 0px 0px 30px rgba(0,0,0,0.075);}
.ttel img{display: inline-block;border-right: 1px solid rgba(255,255,255,0.4);padding-right: 5px;margin-right: 5px;}
.ttel em{ padding-left: 5px; display: inline-block;text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);}
.hrt{display:block;float:right;margin-top:28px;margin-right:15px;}
.hrt a{display:block;float:left;padding:0 15px;border-right:2px solid #fff;height:20px;position:relative; margin-top: 5px;}
.hrt a:last-child{border:none;padding-right:0;}
.hrt a img{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;display:block;width:30px;position:relative;top:0;cursor: pointer;}
.hbg .hrt a img.ssr{display: none;}
.hbg .hrt a:hover img.ss{display: none;}
.hbg .hrt a:hover img.ssr{display: block;}
.hbg .hrt a .ewm{width:133px;position:absolute;top:42px;right:0;display:none;}
.hbg .hrt a .ewm img{width:100%;}


.hbg.bg{padding:6px 0; height: 70px;background-color:rgba(245,0,86,0.75);}
.hbg.bg #logo{width: 13%}
.hbg.bg #logo img{margin-top:0;}
.hbg.bg .nav{padding-top: 0;}
.hbg.bg .nav li{line-height:15px; }
.hbg.bg .hrt{margin-top:5px;}

@media( max-width:1280px ){
  #logo{ top: 18px;}
  .hbg .nav{  left: 35%; }
  .ttel{display: none;}
}

@media( max-width:790px){
  .hbg .nav,.hbg #logo,.hrt,.product_son{display: none;}
  .hbg{ border-bottom: none;background: none;}
  .arlo_tm_mobile_header_wrap{width: 100%;height: auto;display: block;}
  .tel_yuyan{ width: 100%; height: 30px; background: #282f89;}
  .tel_yuyan_cont{width: 95%;margin: 0 auto;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between; }
  .tel_yuyan_cont a{color: #fff; line-height: 30px;}
  .yuyan_l{width: 25%;}
  .yuyan_l ul{ width: 100%;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;}
  .yuyan_l li img{width: 60%; margin-top: 5px;}
  .yuyan_r{width: 50%;}
  .tel_header{ width: 100%;height: auto;clear: both;float: left;padding: 10px 20px;display: flex;align-items: center;justify-content: space-between;background: url(../images/nav.png)no-repeat center top;border-bottom: 1px solid rgba(255,255,255,.1);
  
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box; /* Firefox, other Gecko */
          box-sizing: border-box; /* Opera/IE 8+ */}
  .tel_header .tel_logo{width: 50%;}
  .tel_header .tel_logo img{width: 100%;}
  .arlo_tm_trigger{width: auto;}
  .arlo_tm_trigger .hamburger{padding: 15px 15px;display: inline-block;cursor: pointer;transition-property: opacity, filter;transition-duration: 0.15s;transition-timing-function: linear;font: inherit;color: inherit;
  text-transform: none;background-color: transparent;border: 0;margin: 0;overflow: visible;}
  .arlo_tm_trigger .hamburger-box{width: 30px;height: 18px;display: inline-block;position: relative;}
  .arlo_tm_trigger .hamburger-inner{display: block;top: 50%;margin-top: -2px;}
  .arlo_tm_trigger .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{width: 30px;height: 2px;background-color: #f50056;position: absolute;transition-property: transform;transition-duration: 0.15s;
  transition-timing-function: ease;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
  .arlo_tm_trigger .hamburger-inner::before,.arlo_tm_trigger .hamburger-inner::after{content: "";display: block;}
  .arlo_tm_trigger .hamburger-inner::before{top: -8px;}
  .arlo_tm_trigger .hamburger-inner::after{ bottom: -10px;}
  .arlo_tm_trigger .hamburger--collapse-r .hamburger-inner{top: auto;bottom: 0;transition-duration: 0.13s;transition-delay: 0.13s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}
  .arlo_tm_trigger .hamburger--collapse-r .hamburger-inner::after{top: -16px;transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;}
  .arlo_tm_trigger .hamburger--collapse-r .hamburger-inner::before{transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);}
  .arlo_tm_trigger .hamburger--collapse-r.is-active .hamburger-inner{transform: translate3d(0, -10px, 0) rotate(45deg);transition-delay: 0.22s;transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
  .arlo_tm_trigger .hamburger--collapse-r.is-active .hamburger-inner::after{top: 0;opacity: 0;transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;}
  .arlo_tm_trigger .hamburger--collapse-r.is-active .hamburger-inner::before{top: 0;transform: rotate(90deg);transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);}
  .arlo_tm_trigger .hamburger{padding: 0px;height: 100%;display: table-cell;vertical-align: middle;}
  .arlo_tm_trigger .hamburger-box{display: block;}
  .arlo_tm_trigger .hamburger .hamburger-inner::before,.arlo_tm_trigger .hamburger .hamburger-inner::after,.arlo_tm_trigger .hamburger .hamburger-inner{background-color: #fff;width: 30px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
  
  .arlo_tm_mobile_menu_wrap{width: 100%;height: auto;clear: both;float: left;background-color: rgba(33,149,75,.97);padding: 30px 20px;display: none;border-bottom: 1px solid rgba(255,255,255,.09);border-top: 1px solid rgba(255,255,255,.09);-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box; /* Firefox, other Gecko */box-sizing: border-box; /* Opera/IE 8+ */	}
  .arlo_tm_mobile_menu_wrap .mob_menu{width: 100%;height: auto;clear: both;float: left;-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box; /* Firefox, other Gecko */box-sizing: border-box; /* Opera/IE 8+ */}
  .arlo_tm_mobile_menu_wrap .mob_menu > ul{margin: 0px;list-style-type: none;}
  .arlo_tm_mobile_menu_wrap .mob_menu > ul > li{ text-align: center;border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.1); line-height: 3.4rem;}
  .arlo_tm_mobile_menu_wrap .mob_menu > ul > li:last-child{margin-bottom: 0px;}
  .arlo_tm_mobile_menu_wrap .mob_menu > ul > li a{text-decoration: none;color: #fff;font-family: "Montserrat";font-weight: 600;font-size: 19px;}
  }


/* ------------------------ */
#banner{position:relative;overflow:hidden;width:100%;}
#banner ul{position:relative;overflow:hidden;width:300%;margin: 0;}
#banner ul li{width:33.333%;float:left}
#banner ul li img{width:100%;display:block;}
#banner aside{position:absolute;top:0;bottom:0;height:0;width:90%;right:0;left:0;margin:auto}
#banner aside span{display:block;width:65px;height:65px;z-index:63;background:rgba(255,255,255,0.3);border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;position:relative;cursor:pointer;opacity:0;transition:all 0.3s;margin-top:-2%;}
#banner:hover aside span{opacity:1;}
#banner aside span:after{content:'';position:absolute;top:0;bottom:0;right:0;left:20%;margin:auto;width:27px;height:27px;border-top:3px solid #ffffff;border-left:3px solid #ffffff;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}
#banner aside span.prev{float:left;}
#banner aside span.next{float:right;}
#banner aside span.next:after{left:0;right:20%;-webkit-transform:rotateZ(135deg);-moz-transform:rotateZ(135deg);-ms-transform:rotateZ(135deg);-o-transform:rotateZ(135deg);transform:rotateZ(135deg)}
#banner #bannerBtnS{width:85px;position:absolute;right:0;left:0;bottom:3%;margin:auto}
#banner  #bannerBtnS em{display:block;float:left;width:10px;height:10px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:3px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 4.75px;background:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer}
#banner  #bannerBtnS em.act{background:#f50056}

@media( max-width:790px){
  #banner{margin-top: 55px;}
}

.prolsit{width: 100%;background:url("../images/prolist.jpg")no-repeat center bottom; padding: 4% 0;}
.prolsit:before{content: ""; text-align: center; display: block; position: absolute; z-index: 0; font-weight: 500; left:50%; margin-left: -390px;background:url("../images/dw.png")no-repeat center top;width: 780px;height: 240px;}
.prolsit h2{text-align: center; font-size: 58px; color: #1ca94a; z-index: 1; position: relative; padding-top: 1.5%;}
.prolsit h2 em{ color: #eb3030;}
.prolsit h2 i{padding: 0 1%;}
.prolsit p{text-align: center; font-size: 16px; padding: 20px 0;z-index: 1; position: relative;}

.prolist_cont{width: 85%; margin: 2% auto 0 auto;}
.tx_index_pro{ overflow:hidden;	width:100%; padding:20px 0; clear:both;  position:relative; margin-top: 2%;}
.rtCont{position:relative;width: 90%;margin: 0 auto;overflow: hidden;}
.rtCont ul{}
.rtCont ul li{width:210px;float: left; border-radius:5px;overflow:hidden;margin:0 15px 0 15px;position:relative;z-index:1;}
.pro_pic{ overflow: hidden;}
.rtCont ul li img{border-radius:10px 10px 0 0; width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;  }
.rtCont ul li:hover img{transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
.rtCont ul li h3{ background: #1ca94a;border-radius: 0 0 100px 100px; height: 110px;}
.rtCont ul li h3 a{color:#fff;line-height:30px;text-align:center;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:5% 0;transition:all linear .3s; font-weight: 800;}
.rtCont ul li h3:before{content: "Landscape Flower"; text-align: center; display: block; position: absolute; z-index: 0; font-weight:500; left: 0; right: 0; font-size: 16px;text-transform: uppercase; color: #fff;margin-top: 45px; }
.rtCont ul li:nth-child(2) h3:before{content: "Grass flower"; text-align: center; display: block; position: absolute; z-index: 0; font-weight:500; left: 0; right: 0; font-size: 16px;text-transform: uppercase; color: #fff;margin-top: 45px; }
.rtCont ul li:nth-child(3) h3:before{content: "Perennial flower"; text-align: center; display: block; position: absolute; z-index: 0; font-weight:500; left: 0; right: 0; font-size: 16px;text-transform: uppercase; color: #fff;margin-top: 45px; }
.rtCont ul li:nth-child(4) h3:before{content: "Green seedlings"; text-align: center; display: block; position: absolute; z-index: 0; font-weight:500; left: 0; right: 0; font-size: 16px;text-transform: uppercase; color: #fff;margin-top: 45px; }
.rtCont ul li:nth-child(5) h3:before{content: "Aquatic plant"; text-align: center; display: block; position: absolute; z-index: 0; font-weight:500; left: 0; right: 0; font-size: 16px;text-transform: uppercase; color: #fff;margin-top: 45px; }
.rtCont ul li:nth-child(6) h3:before{content: "Ornamental grass"; text-align: center; display: block; position: absolute; z-index: 0; font-weight:500; left: 0; right: 0; font-size: 16px;text-transform: uppercase; color: #fff;margin-top: 45px; }
.rtCont ul li h3:after{content: ""; width: 10px; height: 10px; background: #fff;border-radius:50%; margin:25px auto 0 auto;display: block;}
.rtCont ul li:hover h3 a{font-weight:700;color:#f7f2ea}

@media( max-width:790px){
  .prolsit h2 i img{width: 17%;}
}

/*产品展示*/
.probg{width: 100%;background: url(../images/probg.jpg) no-repeat center top; height: 151px;}
.pro{width:100%; padding:4% 0 1% 0;  background: #1ca94a;}
#top_scroll {overflow: hidden;width:90%; margin: 0 auto; padding-bottom: 3%; height: 900px;}
#top_scroll ul li{position: relative; float: left;width:23.7%;margin:0 .5% 1%;overflow: hidden; border-bottom: #e1dfdf 1px solid; box-sizing: border-box;background-color:#f8f8f8;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
#top_scroll ul li:nth-child(5n){margin-right: 0;}
#top_scroll ul li .img{width: 100%;object-fit: cover; object-position: center;  }
#top_scroll ul li .img img{ width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
#top_scroll ul li .img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
#top_scroll ul li .proText{ padding: 20px 0; transition: .4s;-webkit-transition: .4s; text-align: center; font-size: 20px;}
#top_scroll ul li:hover{background-color:#21954b;}
#top_scroll ul li a.proText {color: #fff;}
#top_scroll ul li:hover strong,#top_scroll ul li:hover .proText i{ color: #fff;}

.chanpin_con .old {width: 100%; overflow: hidden;}
.chanpin_con .old img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; overflow: hidden; }
.chanpin_con li:hover .old img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.chanpin_con .cp_xq{ width:290px; position:absolute; left:50%; margin-left:-145px; height:150px;  line-height:30px; color:#fff; font-size:15px; background:rgba(221,42,84,0.8); top:20%; opacity:0; padding-bottom:20px}
.chanpin_con .cp_xq h3{ font-size:30px; text-align:center; color:#fff; padding:30px 0 25px 0}
.chanpin_con .cp_xq h3 em{ display: block;font-size: 20px; margin-bottom: 20px;}
.chanpin_con .cp_xq  div{ padding:15px 0 0 0; text-align:center}

.chanpin_con li:hover .cp_xq{ opacity:1;
	animation: categorytextanimate5 1s;
	-moz-animation: categorytextanimate5 1s;
	-webkit-animation: categorytextanimate5 1s;
	-o-animation: categorytextanimate5 1s;
}
@keyframes categorytextanimate5{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg); }
}
@-moz-keyframes categorytextanimate5{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg);}
}
@-webkit-keyframes categorytextanimate5{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg);}
}
@-o-keyframes categorytextanimate5{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg);}
}



@media( max-width:790px){
  .prolsit:before{ font-size: 50px;}
  .prolsit h2{font-size: 30px;padding-top:2%}
  .prolsit p{font-size: 14px; width: 95%; margin: 0 auto;}
  .prolsit p:after{background-size: 80%;margin:3% auto 0 auto; }

  .tx_index_pro{margin-top: 1%;}
  .rtCont{width: 95%; }
  .rtCont ul li{width:150px;}

  #top_scroll {width: 95%;}
  #top_scroll ul li{width: 49%;}
  #top_scroll ul li:nth-child(2n){margin-right: 0;}
  #top_scroll ul li:nth-child(5n){margin-right: 0.5%;}
  #top_scroll ul li .proText{word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
  #top_scroll ul li strong{margin-bottom: 0; font-size: 16px;}
  .chanpin_con .cp_xq{display: none;}
}


/*about*/
.about{width: 100%;}
.about:before{content: ""; text-align: center; display: block; position: absolute; z-index: 0; font-weight: 500; left:50%; margin-left: -390px;background:url("../images/dw.png")no-repeat center top;width: 780px;height: 240px;}
.about h2{text-align: center; font-size: 58px; color: #1ca94a; z-index: 1; position: relative; padding-top: 1.5%;}
.about h2 em{ color: #eb3030;}
.about h2 i{padding: 0 1%;}
.about p{text-align: center; font-size: 16px; padding: 20px 0;z-index: 1; position: relative;}

.about .s_width{display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between; background: #1ca94a;border-radius: 20px;margin-top: 3%;}
.about .about_l{ width: 50%; padding: 4%; }
.about .about_l h3{ font-weight: 500;color: #fff; }
.about .about_l h3 em{font-weight: 800; text-transform: uppercase; display: block;}
.about .about_l h3:after{ content: ""; width: 100px; height: 5px; background: #eb3030; display: block; border-radius: 10px; margin-top: 15px;}
.about .about_l p{ margin-top: 9%; line-height: 31px; font-weight: 200; text-align: left; color: #fff;}
.about .about_r{width: 50%; position: relative; overflow: hidden;}
.about .about_r img{border-radius: 20px; width: 100%;height: 100%;}
.PubLink {display: inline-block;color:#fff;max-width: 250px;line-height: 55px;text-align: center;font-family:  Times New Roman;font-size: 15px;border-width: 1px;padding: 0px 30px; margin-top: 7%; background: #f50056; margin-bottom: 10px;border-radius: 40px;transition: .5s; }
.PubLink:hover {background: #21954b;color: #fff;}

@media( max-width:790px){
  .probg { height: 90px;}
  .about{background-attachment: fixed; background-size: cover;}
  .about:before{ font-size: 50px;}
  .about h2{font-size: 30px;padding-top:2%}
  .about p{font-size: 14px; width: 95%; margin: 0 auto;}
  .about p:after{background-size: 80%;margin:3% auto 0 auto; }
  .about h2 i img{width: 17%;}
  .about .s_width{width: 95%;display:block}
  .about .about_l{width: 100%; padding: 2%;}
  .about .about_r{width: 95%; padding: 4% 0% 4% 0; margin: 0 auto;}
  .about .about_r h2{ font-size: 20px;}
  .about .about_r h2 em,.about .about_r h2:after{display: none;}
}


/* 优势 */
#home_ys{width: 100%;background:url(../images/adv.jpg) top center no-repeat;padding:50px 0px 0 0;overflow: hidden; margin-top: 5%;}
#home_ys .s_width{width: 1280px; margin: 0 auto;}
.home_ys_bt{margin:0px auto; width:816px; padding-top:25px;}
.home_ys_bt h3{ margin:0 auto; display:block;}
.home_ys_bt span{ background:#FFF; height:44px;  display:block; text-align:center; color:#0b9e57; font-size:18px; width:40%; margin:25px auto;}
.home_ys_bt p{font-size:18px; color: #fff; text-align:center; line-height:31px;}
.home_ys_bt p em{ display: block; font-size: 22px;}
.ys_con{ margin:122px auto 0 auto;width:923px; height:703px; background: url(../images/ys.png) no-repeat center;}
.ys1{ position: absolute; top:480px; left:88px; }
.ys2{ position: absolute; top:290px; left:210px; }
.ys3{ position: absolute; top:260px; left:750px; }
.ys4{ position: absolute; top:480px; left:930px; }
.yshover{width: 252px; height: 252px;} 
.ysdz{background: #fff;width: 137px;height: 137px;border-radius: 50%; color: #000; font-size: 39px;font-weight:bold; text-align: center; padding-top: 6px;border: 10px solid rgba(255, 255, 255, 0.527); background-clip: padding-box; top: 0; bottom: 0; right: 0;
left: 0; margin: auto;position: absolute; }
.ysxz{	width: 252px; height: 252px;color: #fff;  background: #1ca94a; border-radius: 50%; text-align: center; opacity: 0; transition: all .5s;position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; transform: rotate(-360deg) scale(.7);
    transition: all .5s; }
.yshover:hover .ysxz{opacity: 1; transform:rotate(0) scale(1);}
.yshover  .ysxz b{	font-size:16px;  line-height:30px;display: block;  font-weight:normal;  padding:40px 30px 0 30px; }


@media( max-width:790px){
  #home_ys{display: none;}
}

/*客户案例*/
.case{width: 100%;background:url("../images/case.jpg") no-repeat center top; margin-top: -241px; padding-top: 250px;}
.case:before{content: ""; text-align: center; display: block; position: absolute; z-index: 0; font-weight: 500; left:50%; margin-left: -390px;background:url("../images/dw.png")no-repeat center top;width: 780px;height: 240px;}
.case h2{text-align: center; font-size: 58px; color: #1ca94a; z-index: 1; position: relative; padding-top: 1.5%;}
.case h2 em{ color: #eb3030;}
.case h2 i{padding: 0 1%;}
.case p{text-align: center; font-size: 16px; padding: 20px 0;z-index: 1; position: relative;}

#case_scroll {overflow: hidden;width:90%; margin: 2% auto; padding-bottom: 1%; height: 800px;}
#case_scroll ul li{position: relative; float: left;width:23.5%;margin:0 .5% 1%;overflow: hidden; border-bottom: #e1dfdf 1px solid; box-sizing: border-box;background-color:#f8f8f8;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
#case_scroll ul li .img{width: 100%;height: 100%;object-fit: cover; object-position: center;  }
#case_scroll ul li .img img{ width: 400px; height: 300px; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
#case_scroll ul li .img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
#case_scroll ul li .proText{ padding: 12px; transition: .4s;-webkit-transition: .4s;}
#case_scroll ul li strong{display: block;font-weight: normal; color: #333333; font-size: 18px; margin-bottom: 8px;  text-align: center;}
#case_scroll ul li .proText i{ display: block;padding-left: 10%; line-height: 34px; background: url(../images/dianhua.png) no-repeat left 18% center;font-style: normal;color: #333333;transition: .4s;-webkit-transition: .4s;font-family: impact; text-align: center;}
#case_scroll ul li:hover{background-color:#21954b;}
#case_scroll ul li:hover .proText i{background: url(../images/dianhua2.png) no-repeat left 18% center;}
#case_scroll ul li:hover strong,#case_scroll ul li:hover .proText i{ color: #fff;}

@media( max-width:1280px ){
  #case_scroll ul li .img img{ height: 230px;}
}

@media( max-width:790px){
  .case:before{ font-size: 50px;}
  .case h2{font-size: 30px;padding-top:2%}
  .case p{font-size: 14px; width: 95%; margin: 0 auto;}
  .case p:after{background-size: 80%;margin:3% auto 0 auto; }
  .case h2 i img{width: 17%;}

  #case_scroll {width: 95%;}
  #case_scroll ul li{width: 49%;}
  #case_scroll ul li:nth-child(2n){margin-right: 0;}
  #case_scroll ul li:nth-child(5n){margin-right: 0.5%;}
}

/*news*/
.news{width: 100%;background:url("../images/news.jpg")  no-repeat center top; padding: 3% 0 3% 0;}
.news:before{content: ""; text-align: center; display: block; position: absolute; z-index: 0; font-weight: 500; left:50%; margin-left: -390px;background:url("../images/dw.png")no-repeat center top;width: 780px;height: 240px;}
.news h2{text-align: center; font-size: 58px; color: #1ca94a; z-index: 1; position: relative; padding-top: 1.5%;}
.news h2 em{ color: #eb3030;}
.news h2 i{padding: 0 1%;}
.news strong{text-align: center; font-size: 16px; padding: 20px 0;z-index: 1; position: relative;display: block;font-weight: 300;}
.news .s_width{}
.news_cont{position: relative; margin-bottom: 2%;}
.c-list {display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;width: 85%; margin: 3% auto 0 auto;}
.c-list li {width: 24%; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.1);background:rgba(255,255,255,0.7)}
.c-list li .c-wrap {position: relative;z-index: 1;display: block;height: 45vh;overflow: hidden;border-bottom: 1px solid #d0d0d0;}
.c-list li .c-wrap:before {opacity: 0;content: "";position: absolute;top: 0;left: 0;z-index: 3;width: 100%;height: 100%;background: rgba(0, 0, 0, .4);transition: all 0.5s;}
.c-list li .c-wrap:after {content: "";position: absolute;bottom: -100%;left: 0;z-index: 3;width: 100%;height: 156px;background: rgba(111,186,44,.7);transition: all 0.5s;}
.c-list li .c-wrap:hover:after {bottom: 0;}
.c-list li .c-wrap img {position: relative;z-index: 2;opacity: 0;transition: all 0.5s;width: 100%;height: 100%;object-fit: cover;}
.c-list li .c-wrap .c-text-box {position: absolute;bottom: 50%;left: 0;padding: 20px 30px;z-index: 5;width: 100%;color: #fff;-webkit-transform: translateY(50%);transform: translateY(50%);transition: all 0.5s;}
.c-list li .c-wrap .c-text-box .c-time {line-height: 36px;color: #666;transition: all 0.5s;}
.c-list li .c-wrap .c-text-box .c-title {color: #333;height: 60px;font-size: 16px;line-height: 30px;transition: all 0.5s;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;
display: -webkit-box;-webkit-line-clamp: 2;}
.c-list li .c-wrap .c-text-box .c-arrow {opacity: 1;height: 65px;transition: all 0.5s; color: #666; overflow: hidden; line-height: 31px;} 
.c-list li .c-wrap:hover:before, .c-list li .c-wrap:hover img,.c-list li .c-wrap:hover .c-mask-red {opacity: 1;}
.c-list li .c-wrap:hover .c-text-box .c-arrow{display: none;}
.c-list li .c-wrap:hover .c-text-box{bottom: -30px;-webkit-transform: translateY(0);transform: translateY(0);}
.c-list li .c-wrap:hover .c-text-box .c-time, .c-list li .c-wrap:hover .c-title{color: #fff;}

.anewa{transition:all 1s ease;opacity:1;margin-left:0;}
.hz_new_b{margin-left:200px;opacity:0}
.anewb{transition:all 1s ease 0.5s;opacity:1;margin-left:0;}
.hz_new_c{width:0;height:88px;background:#e77d1b;position:absolute;left:0;top:-88px;}
.anewc{width:7px;top:0;transition:all 1s ease 0.5s;}
.anewmore{right:0;transition:all 1s ease 0.5s;opacity:1}
.news_cont_content{width:200px;position:absolute;height:70px;top:50%;left:50%;margin-left:-50px;margin-top:-35px;opacity:0;}
.news_cont_content li{width:32%;margin:0 2% 0 0;height:100%;position:relative;background-size:100%;background-position:50% 50%;background-repeat:no-repeat;list-style:none;}
.news_cont_content li:nth-child(3){margin-right:0}
.new_ut_z_m{color:#fff;padding-left:70px;position:relative;float:right;}
.new_ut_z_m::after,.new_ut_z_m::before{content:"";display:block;overflow:hidden;position:absolute;left:0;top:0;bottom:0;margin:auto;transition:.5s;}
.new_ut_z_m::after{width:60px;height:1px;background:rgba(255,255,255,0.5);}
.new_ut_z_m::before{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,1);}
.new_ut_z_m:hover{color:#ff9a00;}
.new_ut_z_m:hover::before{left:60px;background:#ff9a00;}

@media screen and (max-width: 1280px) {
	.c-list li .c-wrap{height: 32vh;}
}

@media screen and (max-width: 790px) {
  .news{background-attachment: fixed; background-size: cover; margin-bottom: 50px;}
  .news h2{font-size: 30px;padding-top:2%}
  .news p{font-size: 14px; width: 95%; margin: 0 auto;}
  .news p:after{background-size: 80%;margin:3% auto 0 auto; }
  .news h2 i img{width: 17%;}

  .c-list{ width: 95%;}
  .c-list li{width: 100%;}
}

/*footer*/
.fixed_footer{display: none;}
.footer{ width:100%; background:#1ca94a; padding:75px 0 0 0;}
.footer .s_width{ width:80%;}
.footer .f_contact{ width:30%; float:left; color:#fff;}
.footer .f_contact h2{ font-size:20px;text-transform: uppercase; font-weight:normal;}
.footer .f_contact .f_contact_cont{ padding-top:20px; width:100%;}
.footer .f_contact .f_contact_cont h3{ font-weight:normal; font-size:18px; line-height:35px;}
.footer .f_contact .f_contact_cont p{ font-size:16px; line-height:40px; padding-bottom:20px}
.footer .f_contact .f_contact_cont em{ color:#fff; line-height: 31px;}
.footer .f_contact .f_contact_cont em a{ color:#fff}
.footer .f_contact .f_contact_cont em a:hover{ color:#fff;}

.footer .f_pro{ width:40%; border-right:1px solid transparent; border-color: rgba(255, 255, 255, 0.3); border-left:1px solid transparent; border-color: rgba(255, 255, 255, 0.3); float:left; padding:0 3% 0 3%;color:#fff;}
.footer .f_pro h2{ font-size:20px;text-transform: uppercase; font-weight:normal;padding-bottom:50px;}
.footer .f_pro ul{ overflow:hidden; padding-bottom:20px; height:165px; overflow:hidden}
.footer .f_pro li{width:30%; float:left; border:1px solid transparent; border-color: rgba(255, 255, 255, 0.3); margin: 0 2% 1% 0; text-align: center;}
.footer .f_pro li em{ display:block; color:#fff; padding-bottom:20px;}
.footer .f_pro li em:after{ content:""; width:40px; height:3px; background:#79c440; display:block; margin-top:10px;}
.footer .f_pro li a{ color:#fff;  line-height:40px; display:block;}
.footer .f_pro li a:hover{ display:block; }

.footer .f_wx{width:315px; float:right;color:#fff;}
.footer .f_wx h2{ font-size:20px;text-transform: uppercase; font-weight:normal;}
.footer .f_wx ul{ overflow:hidden; padding-top:50px;}
.footer .f_wx li{ width:140px; float:left; margin-right:15px; text-align:center;}
.footer .f_wx li img{ width:100%;} 
.footer .f_wx li em{ text-align:center; display:block; line-height:28px;}
.footer .f_wx p{ margin-top:9px; font-size:15px;padding-left: 15px;}
.footer .f_wx p img{ margin-top:10px; display:block;}

.end{ height:65px; background:#0d0106 }
.end .s_width{ width:80%;}
.end .end_l{ }
.end .end_l img{}
.end .end_l p{ font-size:16px; color:#fff; float:right; line-height:65px;}
.end .end_l p a{color: #fff;}
.end .end_r{ padding-top:8px;}


.p_float{ position:fixed; width:80px; bottom:0;  right:0; z-index:9999; opacity:0}
.p_float li{ height:78px; width:78px; text-align:center;background: #139b77; position:relative; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.p_float p{ line-height:78px; color:#fff; font-size:16px;}


@media screen and (max-width: 1280px){
  .footer .s_width{ width:85%;}
  .footer .f_wx li{ width:100px;}
}

@media (max-width:769px){
  .footer,.end{display: none;}
  .fixed_footer{background-color:rgba(241,56,51,0.75);height:50px;position: fixed;bottom:0px;left:50%;margin-left:-46%;z-index:999;width:92%;border-radius:10px; display: block;}
  @media (min-width:640px){.fixed_footer{width:640px !important;left:50%;margin-left:-320px;}}
  .fixed_footer a{float: left;width:33.33%;text-align: center;}
  .fixed_footer img{display: inline-block;height:24px;margin:5px 0 0;}
  .fixed_footer strong{color:#fff;font-size:12px;display: block;height:20px;line-height:20px;}
}


/*网站内页*/
/* ===================== 内页 Banner 图 ===================== */

#nyba{height:450px;position: relative;overflow:hidden;background-attachment: fixed;position: relative;}
.nybabg{  position:absolute; z-index:2; width:100%; height:100%;opacity:1;}
.gsb{background:linear-gradient(rgba(1, 144, 222, 0.95) 0%, rgba(38, 156, 212, 0) 40%);position: absolute;top: 0;width: 100%;height: 100%;left: 0;z-index: 1;}
#nyba img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;animation:change 2s ease-in-out}
@keyframes change{from
{ transform:scale(1.2);opacity: 0.8;}to {transform:scale(1);opacity: 1;}
}

@keyframes change1{
	from { transform:translateY(60px);opacity: 0;}
	to {transform:translateY(0px);opacity: 1;}
}

/* ===================== 内页 Banner 图 ===================== */

.mbx{ width:100%; height:60px; background:#f2f2f2; }
.mbx .mbx_cont{ width:90%; margin:0 auto; font-size:16px; line-height:60px; color:#333}

@media (max-width:790px){
  #nyba{height:150px;margin-top: 55px;} 
  .mbx .mbx_cont{ width:95%;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}

}

.se_main_tit{width: 100%;padding: 3% 0 0 0 ; }
.se_main_tit:before{content: ""; text-align: center; display: block; position: absolute; z-index: 0; font-weight: 500; left:50%; margin-left: -390px;background:url("../images/dw.png")no-repeat center top;width: 780px;height: 240px;}
.se_main_tit h2{text-align: center; font-size: 58px; color: #1ca94a; z-index: 1; position: relative; padding-top: 1.5%;}
.se_main_tit h2 em{ color: #eb3030;}
.se_main_tit h2 i{padding: 0 1%;}
.se_main_tit strong{text-align: center; font-size: 16px; padding: 20px 0;z-index: 1; position: relative;display: block;font-weight: 300;}

.se_about{ background: #fcfcfc; padding: 3%; line-height: 31px;width: 85%; margin: 2% auto 5% auto; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.1);}
.se_about p{ margin-bottom: 1%;text-indent:2em;}
.se_about img{width: 100%;text-indent:-4em;}


@media( max-width:790px){
  .se_main_tit{background-attachment: fixed; background-size: cover;}
  .se_main_tit h2{font-size: 30px;padding-top:2%}
  .se_main_tit p{font-size: 14px; width: 95%; margin: 0 auto;}
  .se_main_tit p:after{background-size: 80%;margin:3% auto 0 auto; }
  .se_main_tit h2 i img{width: 17%;}

  .se_about{width: 95%;}
}

/*产品详情页*/
.container{width: 80%; margin: 3% auto;background: #fcfcfc; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.1);padding: 3%;}
.container h1{text-align: center;font-weight: 500; font-size: 30px;}
.info-intro{text-align: center; font-size: 16px; line-height: 55px; border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); padding-bottom: 15px;}
.info-pic{ margin: 10px 0;}
.info-pic img{ margin: 0 auto; max-width: 100%; display: block;}
.info_cont{font-size: 16px; line-height: 31px;;margin-top: 4%;}
.info_cont p{ margin-bottom: 15px;}

.info_cont iframe{width: 80%; height: 650px;;}

.more-info{ line-height: 40px;}
.more-info ul{width: 90%; margin: 0 auto;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between; padding-top: 20px;}
.more-info li{width: 50%;}
.more-info li em{font-weight: 500; padding-right: 15px;}

@media (max-width:790px){
  .container{width: 95%; margin-bottom: 50px;}
  .container h1{margin-bottom: 20px;}
  .info-intro{line-height: 31px;}
  .info_cont img{width: 100%;}
  .info_cont iframe{width: 90%; height:150px;;}
  .more-info{ line-height: 30px;}
}

.seprocont{ width:80%; margin:5rem auto;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;}
.seprocont .sepro_l{width:21%; overflow:hidden;}
.box_one{width: 100%;background-color: #0c66bb;padding: 10px 10px}
.box_one .title{text-align: center;margin-bottom:20px;}
.box_one .title h3{color:#fff;font-weight:bold;font-size:30px;margin:20px 0 10px 0;}
.box_one .title p{color:#fff;font-size:16px;}
.box_one ul li{line-height:50px;background-color:#fff;margin-bottom:5px;text-align:left;}
.box_one ul li a{color:#333;position: relative;z-index:1;font-size:17px; display:block; padding-left:20px;}
.box_one ul li i{position: absolute;width:100%;height:0;background-color:#0c66bb;left:0;top:0;z-index:-1;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.box_one ul li a:hover i, .box_one ul li a.active i{height:100%;}
.box_one ul li a:hover, .box_one ul li a.active{color:#fff;}
.box_two{ background:#f07b1b; padding:30px 10px 10px 10px; margin-top:1rem; color:#fff;}
.box_two h3{ font-size:18px; font-weight:normal;}
.box_two h3:after{ content:""; width:30px; height:5px; background:#fff; display:block; margin-top:10px; margin-bottom:20px;}
.box_two p{ font-size:16px; line-height:31px;}
.box_two a{ width:70%; height:30px; line-height:30px; margin:30px auto 30px auto; background:#f2f2f2; display:block; text-align:center; color:#333}

.seprocont .sepro_r{ width:75%; overflow:hidden; background: #f8f8f8; }



/*内页业务布局*/
.se_yewu{ width: 80%; margin: 0 auto 3% auto; display: flex;flex-wrap: wrap;-webkit-justify-content: space-between;   justify-content: space-between;}
.se_yewu .se_yewu_l{align-items: center;padding: 0; width: 50%; transition: .5s; }
.se_yewu .se_yewu_l img{width: 100%; height: 100%;}
.se_yewu .se_yewu_r{ width: 50%; background: #f2f2f2;}
.se_yewu .se_yewu_r .se_yewu_cont{padding: 10% 7% 7% 10%; color: #333;}
.se_yewu .se_yewu_r .se_yewu_cont h3{ }
.se_yewu .se_yewu_r .se_yewu_cont p{margin-top: 15px; line-height: 31px;}


/*内页产品展示*/
.se_tuandui { width:90%; margin:3% auto 1rem auto; }
.se_tuandui ul{display: flex;justify-content: flex-start;flex-wrap: wrap;}
.se_tuandui li{padding:0; width:23%; margin:0 26px 25px 0; position:relative; overflow:hidden; background:#fff; border:1px solid #eee;}
.se_tuandui li:nth-child(4n){ margin-right:0px;}
.se_tuandui li .p-img{  margin:0 auto 0px auto;  text-align:center;  position:relative; overflow:hidden;object-fit: cover; object-position: center;}
.se_tuandui li .p-name{ height:70px; line-height:70px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center; font-weight: 500; border-top:1px solid #eee}
.se_tuandui li .p-img img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_tuandui li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_tuandui p{ font-size:18px; line-height:35px; color:#666;}
.se_tuandui p span{ font-size:17px;  color:#af1318;}
.se_tuandui ul li:hover{background-color:#f50056;cursor:pointer; }
.se_tuandui ul li:hover .p-name{ color: #fff;}


@media (max-width:790px){
  .se_tuandui { width:95%;}
  .se_tuandui li{width:48%; margin: 0 1% 1% 0;}
  .se_tuandui li:nth-child(2n){ margin-right:0px;}
  .se_tuandui li .p-name{height: 50px; line-height: 50px;}
}



.sepro_cont{width: 90%; margin: 0 auto;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;background: #f8f8f8; }
.sepro_cont_l{width: 50%;}
.sepro_cont_l img{width: 100%;}
.sepro_cont_r{width: 50%; padding: 4% 3%; }
.sepro_cont_r h2{ text-align: left; font-weight: 500; font-size: 35px;}
.sepro_cont_r .info-intro{text-align: left; }
.sepro_cont_r .info-pic{ margin: 10px 0;}
.sepro_cont_r .info-pic img{ margin: 0 auto; max-width: 100%; display: block;}
.sepro_cont_r .info_cont{font-size: 16px; line-height: 31px;;}
.sepro_cont_r .info_cont p{ margin-bottom: 15px;}

.fenye{width: 1280px; margin: 0 auto 1% auto;display: flex; display:-webkit-flex;-webkit-justify-content:center;   justify-content: center; align-items: center;-webkit-align-items: center; height: 45px;}
.fenye_zong{ font-size: 14px; width: 200px; background: #f2f2f2; text-align: center;  line-height: 45px;}


/*内页简介*/
.ny_about{ width:100%; height:500px; overflow:hidden;background-attachment: fixed; background-size: cover;}
.ny_about_cont{ width:80%; margin:50px auto;}
.ny_about_cont h2{ font-size:40px; color:#159e50; line-height:80px;}
.ny_about_cont p{ font-size:18px; line-height:35px; color:#666; margin-top:30px;text-indent:2em;}


/*se_hangye*/
.newsout {padding: 0 0 120px;}
.newslist {padding: 0 0 120px;width: 100%;}
.newslist li {width: 100%;padding: 38px 0;background-color: #eee;border-bottom: 2px solid #fff;}
.newslist li:nth-child(even) {background-color: #f5f5f5;}
.newslist li .lin {max-width: 1200px;margin: 0 auto;}
.newslist li a {display: block;position: relative;padding-left: 0;min-height: 220px;overflow: hidden;padding-right: 166px;}
.newslist li a:after {content: '';position: absolute;right: 130px;top: 40px;z-index: 2;width: 1px;height: 143px;background-color: rgba(0, 0, 0, 0.1);}
.newslist li .pic {position: absolute;left: 0;top: 0;z-index: 1;width: 0;height: 220px;overflow: hidden;}
.newslist li .pic img {width: 386px;height: 100%;}
.newslist li h3 {font-size: 18px;color: #333;line-height: 30px;height: 30px;overflow: hidden;padding-top: 28px;}
.newslist li .txt {font-size: 16px;color: #666;line-height: 32px;overflow: hidden;height: 64px;text-align: justify;margin: 18px 0 24px;}
.newslist li .date {font-size: 16px;color: #666;line-height: 30px;height: 30px;font-family: 'helvetica';padding-left: 28px;}
.newslist li label {display: block;width: 28px;height: 28px;font-size: 0;cursor: pointer;background: #21954b url('../images/jtr-n.png') center no-repeat;border-radius: 50%;position: absolute;right: 0;top: 50%;
z-index: 1;margin-top: -14px;}
.newslist li:hover {background-color: #f50056;}
.newslist li:hover a {padding-left: 426px;}
.newslist li:hover a:after {background-color: rgba(255, 255, 255, 0.2);}
.newslist li:hover .pic {width: 386px;}
.newslist li:hover h3 {color: #fff;}
.newslist li:hover .txt {color: rgba(255, 255, 255, 0.7);}
.newslist li:hover .date {color: #fff;}
.newslist li:hover label {background-image: url('../images/jtr-nh.png');background-color: #fff;}
.newslist li,.newslist a:after,.newslist h3,.newslist .date,.newslist label {-webkit-transition: 0.4s;transition: 0.4s;}
.newslist a,.newslist .pic {-webkit-transition: 1s;transition: 1s;}
.newslist .txt {-webkit-transition: color 0.4s;transition: color 0.4s;}
@media screen and (max-width: 1440px) {
.newsout {	padding: 0 0 80px;}
.newslist {	padding: 0 0 80px;}
}
@media screen and (max-width: 1280px) {
.newslist li a {	padding-left: 426px;	padding-right: 20px;}
.newslist li:hover a {padding-left: 426px;}
.newslist li a:after {display: none;}
.newslist li label {display: none;}
.newslist li .pic {width: 386px;left: 20px;}
.newslist li:hover .pic {width: 386px;}
}
@media screen and (max-width: 1000px) {
.newslist li h3 {padding-top: 10px;}
.newslist li .txt {height: auto;max-height: 96px;}
}

@media screen and (max-width: 840px) {
  .newslist li a {padding-left: 46%;padding-right: 3%;}
  .newslist li:hover a {padding-left: 46%;}
  .newslist li .pic {width: 40%;left: 3%;}
  .newslist li:hover .pic {width: 40%;}
  .newslist li .pic img {position: absolute;left: 50%;margin-left: -193px;}
  }
  @media screen and (max-width: 600px) {
  .newsout {padding: 0 0 60px;}
  .newslist {padding: 0 0 60px;}
  .newslist li a {padding-left: 3%;}
  .newslist li:hover a {padding-left: 3%;}
  .newslist li .pic {position: relative;width: 100%;left: 0;height: auto;}
  .newslist li:hover .pic {width: 100%;}
  .newslist li .pic img {position: static;left: 0;margin-left: 0;width: 100%;height: auto;}
  }


/*se-contact*/
/*内页联系我们*/
.contact-uss {padding: 97px 10% 90px;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.solute-title strong {display: block;margin-bottom: 22px;line-height: 1;color: #f53b2e;font-weight: normal;font-size: 38px;}
.solute-title small {display: block;line-height: 1;color: #999999;font-size: 28px;font-weight: lighter;text-transform: uppercase;}
.complaint-info {margin-top: 80px;margin-bottom: 155px;}
.complaint-info p {color: #333333;font-size: 16px;}
.add-list {width: 42.578%;}
.add-list p {position: relative;height: 74px;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;
padding-left: 10px;border-bottom: 1px solid #eeeeee;color: #333333;font-size: 16px;}
.add-list p:before {position: absolute;left: 0;bottom: -1px;content: "";width: 54px;height: 1px;background: #f53b2e;}
.tels b {display: block;line-height: 1;color: #f53b2e;font-weight: normal;}
.tels p{ line-height: 45px;}
@media screen and (max-width: 790px) {
.contact-uss{display: block; padding: 2% 2% 25% 2%; }
.solute-title strong{font-size: 29px;margin-bottom: 9px;}
.solute-title small{font-size: 16px;}
.complaint-info{margin: 3% auto;}
.complaint-info p{line-height: 31px;}
.tels{display: none;}
.add-list{width: 100%;}
}
/*===================== 响应式代码 START =====================*/
.f_80{font-size: 80px;}
.f_72{font-size: 72px;}
.f_62{font-size: 62px;}
.f_48{font-size: 48px;}
.f_40{font-size: 40px;}
.f_30{font-size: 30px;}
.f_24{font-size: 23px;}
.f_20{font-size: 20px;}
.f_18{font-size: 18px;}
.f_16{font-size: 16px;}
.f_15{font-size: 15px;}
.f_14{font-size: 14px;}

/*===================== 响应式代码 START =====================*/
@media( max-width:1600px ){
.f_80{font-size: 60px;}
.f_72{font-size: 50px;}
.f_62{font-size: 40px;}
.f_48{font-size: 38px;}
.f_40{font-size: 30px;}
.f_30{font-size: 24px;}
.f_24{font-size: 20px;}
.f_20{font-size: 20px;}
.f_18{font-size: 18px;}
.f_16{font-size: 16px;}
.f_15{font-size: 15px;}
.f_14{font-size: 14px;}
}

@media( max-width:1210px ){
.f_80{font-size: 60px;}
.f_72{font-size: 50px;}
.f_62{font-size: 30px;}
.f_48{font-size: 28px;}
.f_40{font-size: 26px;}
.f_30{font-size: 24px;}
.f_24{font-size: 16px;}
.f_20{font-size: 18px;}
.f_18{font-size: 16px;}
.f_16{font-size: 14px;}
.f_15{font-size: 14px;}
.f_14{font-size: 14px;}

}


/*===================== 响应式代码 END =====================*/