@charset "utf-8";

@font-face {	
font-family: 'LatoRegular';	
src: url("/fonts/LatoRegular.eot");
src: url("/fonts/LatoRegular.eot") format("embedded-opentype"), 
url("/fonts/LatoRegular.woff") format("woff"), 
url("/fonts/LatoRegular.ttf") format("truetype"), 
url("/fonts/LatoRegular.svg") format("svg");	
font-weight: normal;
font-style: normal;}

@font-face {	
font-family: 'lato-bold';	
src: url("/fonts/lato-bold.eot");
src: url("/fonts/lato-bold.eot") format("embedded-opentype"), 
url("/fonts/lato-bold.woff") format("woff"), 
url("/fonts/lato-bold.ttf") format("truetype"), 
url("/fonts/lato-bold.svg") format("svg");	
font-weight: normal;
font-style: normal;}

html{ overflow-x:hidden}
*{margin:0;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body{ font-family:"LatoRegular", Arial, Helvetica, sans-serif;font-size:16px; line-height:30px;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; color:#444; }
a{color:#444; text-decoration:none;outline:none; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.3s;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a:hover{text-decoration:none; color:#70C026}
ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clear{ clear:both}
.clearfix{clear:both;zoom:1;}
.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}
.ovh{ overflow:hidden}
table{ border-collapse:collapse;}
img{ border:none;}
input,textarea,select,button,input{ outline:none;font-size:16px;font-family:"LatoRegular", Arial, Helvetica, sans-serif;}
input{-webkit-appearance: none ;}

.container00 { width:100%; margin:0 auto; }
.container00 iframe{ border:none; }
.container01 { width:92%; max-width:1620px; margin:0 auto; }
.container02 { width:100%; background:#F7F8FC; margin:0 auto; padding-top:2rem; padding-bottom:2rem; }
.container03 { width:100%; background:#F2F2F2; margin:0 auto; padding-top:3rem; padding-bottom:3rem; }

/* 间距 */
.mt2 { margin-top:2px; }.mr2 { margin-right:2px; }.mb2 { margin-bottom:2px; }.ml2 { margin-left:2px; }
.mt5 { margin-top:5px; }.mr5 { margin-right:5px; }.mb5 { margin-bottom:5px; }.ml5 { margin-left:5px; }
.mt10 { margin-top:10px; }.mr10 { margin-right:10px; }.mb10 { margin-bottom:10px; }.ml10 { margin-left:10px; }
.mt20 { margin-top:20px; }.mr20 { margin-right:20px; }.mb20 { margin-bottom:20px; }.ml20 { margin-left:20px; }
.mt30 { margin-top:30px; }.mr30 { margin-right:30px; }.mb30 { margin-bottom:30px; }.ml30 { margin-left:30px; }
.mt50 { margin-top:50px; }.mr50 { margin-right:50px; }.mb50 { margin-bottom:50px; }.ml50 { margin-left:50px; }
.mt80 { margin-top:80px; }.mr80 { margin-right:80px; }.mb80 { margin-bottom:80px; }.ml80 { margin-left:80px; }
.mt100 { margin-top:100px; }.mr100 { margin-right:100px; }.mb100 { margin-bottom:100px; }.ml100 { margin-left:100px; }
.mt150 { margin-top:150px; }.mr150 { margin-right:150px; }.mb150 { margin-bottom:150px; }.ml150 { margin-left:150px; }
.mt200 { margin-top:200px; }.mr200 { margin-right:200px; }.mb200 { margin-bottom:200px; }.ml200 { margin-left:200px; }
.mt250 { margin-top:250px; }.mr250 { margin-right:250px; }.mb250 { margin-bottom:250px; }.ml250 { margin-left:250px; }

.section{ padding:80px 0 90px 0;}
.sectionpre{ padding-top:80px;}
.sectionnext{ padding-bottom:90px;}

#a01, #a02, #a03, #a04,#a05, #a06, #a07, #a08{ position: absolute;  margin-top:-116px;}
.wrap{ width:80%; max-width:1300px; margin:0 auto}
.header .wrap{ width:80%; max-width:80%}


.jvzhong{ text-align:center}
.title { margin-bottom:35px;}
.title h3{ font-size:36px; margin-bottom:15px; color:#000;font-family: 'lato-bold'; text-transform:uppercase; padding-bottom:20px; line-height:45px; position:relative}
.title h3:after{ content:""; position:absolute; left:0; bottom:0; width:66px; height:3px; background:#70C026}
.title.jvzhong h3:after{ left:50%; margin-left:-33px;}
.title p{ color:#666; font-size:18px;}
.title h4{ font-size:24px;}

.pic{ height:auto; display:block; overflow:hidden;}
.pic img{ width:100%; height:auto;transition: all 1.5s; display:block}
.kuai:hover .pic img, .item:hover .pic img, li:hover .pic img, a:hover .pic img,  .pic:hover img{transform:scale(1.05);}

.img-dv{ position:relative; overflow:hidden}
.img-dv .img1{ display:block; width:100%;}
.img-dv .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; max-width:100%; min-height:100%; }
.footer li .wcode{ width:115px; height:auto; display:block}

.mbg{ background:#e8ebf2}

.header{width: 100%;top:0;left:0;position:fixed; z-index:999; height:116px;}
.header.scroll, .header:hover{ background:#fff;box-shadow: 0 0 15px rgba(0,0,0,0.1);} 
.header .logo{ float:left;}
.header .logo img{ display:block; height:80px; width:auto; margin:18px 0}
.header .logo .img001{ display:block}
.header .logo .img002{ display:none}
.header.scroll .logo .img001, .header:hover .logo .img001{ display:none} 
.header.scroll .logo .img002, .header:hover .logo .img002{ display:block} 
.header .language{ float:right; line-height:116px;}
.header .language a{ color:#fff; display:block; background:url(/images/map.png) no-repeat left center; padding-left:30px;}
.header.scroll .language a, .header:hover .language a{background:url(/images/map02.png) no-repeat left center;color:#666; }
.header .language a:hover{color: #70C026 !important; }
.header .menu { float:right; text-align:center; margin-right:25px;}
.header .menu li{ position:relative; float:left; }
.header .menu li .menu_a{ line-height:116px; font-size:18px; color:#fff; display:block; margin:0 25px;position:relative}
.header.scroll .menu li .menu_a, .header:hover .menu li .menu_a{ color:#333}
.header .menu li .menu_a.cur{ color:#70C026;}
.header .menu li .sub{ position:absolute; display:none;clear:both; z-index:999;width:160%; margin-left:-30%;}
.header .menu li .sub.cur{ display:block}
.header .menu .sub p{ text-align:center;}
.header .menu .sub a{ display:block; background-color:#fff; line-height:30px; padding:10px 0; }
.header .menu .sub a:hover{background-color: #70C026; color:#fff;}
/*animate*/
@keyframes rightOpacityShow{
0%{ transform: translateX(-80px);opacity:0;}
80%{ transform: translateX(20px);}
100%{ transform:translateX(0); opacity:1;}
}
.header .menu li .sub p:nth-child(1){animation: 0.4s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(2){animation: 0.5s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(3){animation: 0.6s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(4){animation: 0.7s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(5){animation: 0.8s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(6){animation: 0.9s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(7){animation: 1.0s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(8){animation: 1.1s ease-in-out 0s 1 normal both running rightOpacityShow;}
.headerbg {width: 100%; height:10%;top:0;left:0;position:fixed; z-index:998; background-image: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0));}


.banner, .banner .swiper-slide{ width:100%; height:100vh; min-height:550px; position:relative}
.banner img, .banner video{ display:block; width:100%; height:auto}
.banner .swiper-pagination{bottom:4% !important; text-align:right;width: 80%; right:10%;}
.banner .swiper-pagination-bullet{ width:30px; height:4px; margin:10px; background:#fff; opacity:0.3; position:relative; border-radius:2px;}
.banner .swiper-pagination-bullet-active{ opacity:1}

.banner .ratio-img{ width:100%; height:100vh; overflow:hidden}
.banner .ratio-img{transform:matrix(1, 0, 0, 1, 0, 0);-webkit-transition:all 0.4s ease 1.2s; -moz-transition:all 0.4s ease 1.2s; -ms-transition:all 0.4s ease 1.2s; -o-transition:all 0.4s ease 1.2s; transition:all 0.4s ease 1.2s;}
.banner .swiper-slide.swiper-slide-active .ratio-img{transition-delay:0.4s !important; transform:matrix(1.1, 0, 0, 1.1, 0, 0); -webkit-transition:all 7.0s ease; -moz-transition:all 7.0s ease; -ms-transition:all 7.0s ease; -o-transition:all 7.0s ease; transition:all 7.0s ease;}
.banner{position: relative;overflow: hidden;}
.banner video {position: absolute;width: 100%;height: 100%;left: 0px;top: 0;object-fit: cover;}
.banner a{display: block;}
.banner .swiper-slide .banner_text{ text-align:center; color:#fff !important; line-height:50px;position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:calc(50% + 50px); width:100%}
.banner .swiper-slide .banner_text .btitle h3{ font-size:45px; margin-bottom:10px;font-family: 'lato-bold'; }
.banner .swiper-slide .banner_text .btitle h4{ font-size:30px; margin-bottom:0px;}
.banner .swiper-slide .banner_text .prolists{ text-align:center}
.banner .swiper-slide .banner_text .prolists .item{ display:inline-block; max-width:220px; margin:20px 20px}
.banner .swiper-slide .banner_text .prolists .item .icon{ }
.banner .swiper-slide .banner_text .prolists .item .icon img{ display:block; width:100%; height:auto}
.banner .swiper-slide .banner_text .prolists .item .wenzi{ line-height:20px; color:#fff}
.banner .swiper-slide .banner_text .prolists .item .wenzi h3{ margin-bottom:8px; font-size:16px}
.banner .swiper-slide .banner_text .prolists .item .wenzi p{ font-size:14px}
.banner .swiper-slide .banner_text .prolists .item .icon .pic2{position:absolute;top:0;left:0;z-index:-1;}
.banner .swiper-slide .banner_text .prolists .item .icon {width:110px; border:solid 2px #fff; border-radius:50%; margin:0 auto 20px auto; position:relative}
.banner .swiper-slide .banner_text .prolists .item .icon .pic1{-webkit-transform: rotateX(0deg) rotateY(0deg);-webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;-moz-transform: rotateX(0deg) rotateY(0deg);-moz-transform-style: preserve-3d;-moz-backface-visibility: hidden;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.banner .swiper-slide .banner_text .prolists .item:hover .icon .pic1{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);}
.banner .swiper-slide .banner_text .prolists .item .icon .pic2{-webkit-transform: rotateY(-180deg);-webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;-moz-transform: rotateY(-180deg);-moz-transform-style: preserve-3d;-moz-backface-visibility: hidden;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;/*z-index:10;position:absolute;*/}
.banner .swiper-slide .banner_text .prolists .item:hover .icon .pic2{-webkit-transform:rotateX(0deg) rotateY(0deg);-moz-transform:rotateX(0deg) rotate(0deg);z-index: 10;position: absolute;}


.iproducts .conn{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; width:calc(100% + 20px); margin-top:-10px; margin-left:-10px; margin-left:-10px;}
.iproducts .swiper-slide{ margin:0px 0 40px 0;position:relative; }
.iproducts .swiper-slide .item{ position:relative; padding:65px 30px; margin:10px; background:#e8ebf2}

.iproducts .swiper-slide.swiper-slide-active .item{background:#f9fbfd}
.iproducts .swiper-slide.swiper-slide-next .item{background:#f0f4f9}



.iproducts .swiper-pagination{bottom:0% !important; text-align:center;}
.iproducts .swiper-pagination-bullet{ width:30px; height:4px; opacity:1; background:#adadaf; margin:0 5px; border-radius:2px;}
.iproducts .swiper-pagination-bullet-active{ background: #70C026; }

.iproducts .swiper-slide:hover .item{box-shadow: rgba(0,0,0,0.2) 0 0 10px;  background-color:#fff !important; z-index:99 }
.iproducts .swiper-slide .icon{ margin:15px auto 50px auto; width:350px; overflow:hidden;}
.iproducts .swiper-slide .icon img{ display: block; overflow:hidden; width:90%; height:auto;}
.iproducts .swiper-slide .icon .img001{ display:block}
.iproducts .swiper-slide .icon .img002{ display:none}
.iproducts .swiper-slide:hover .icon .img001{ display:none}
.iproducts .swiper-slide:hover .icon .img002{ display:block}
.iproducts .swiper-slide .text{ text-align:center}
.iproducts .swiper-slide .text h3{ font-size:20px; margin-bottom:10px; line-height:25px;}
.iproducts .swiper-slide .text p{ font-size:14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden; line-height:20px; height:60px;} 
.iproducts .swiper-slide .text .morebox{ text-align: center; margin: 15px 0 0 0; }
.iproducts .swiper-slide .text a.morea{  display: inline-block; height: 42px; color: #ffffff;  width: auto; padding: 0 6px;  border-radius: 23px; background:none; overflow: hidden; }
.iproducts .swiper-slide .text a.morea i{display: inline-block; width: 29px; height: 29px; background: url("/images/more1.png"); float: right; margin: 6px 0 0 0;}
.iproducts .swiper-slide .text a.morea span{ display: block; width:0px; overflow: hidden; transition: all 0.5s; float: left; line-height: 40px; font-size: 16px; }
.iproducts .swiper-slide .text a.morea span u{display: block; font-size:14px; opacity: 0; text-decoration: none; transition: opacity 1s;}
.iproducts .swiper-slide:hover a.morea span{ display: block;  width: 120px; color: #ffffff; }
.iproducts .swiper-slide:hover a.morea span u{ display: block;opacity: 1; }
.iproducts .swiper-slide:hover a.morea{background: #70C026; }
.iproducts .swiper-slide:hover a.morea i{background: url("/images/more2.png");}


.iapplication .conn{ padding:30px; background:#fff;}
.iapplication .item{ float:left; width:calc(50% - 15px); margin-bottom:50px;}
.iapplication .item:nth-child(2n){ float: right}
.iapplication .item h3{ font-size:22px;margin:15px 0 5px 0;font-family: 'lato-bold'; color:#000; line-height:23px; }
.iapplication .item p{ color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; line-height:20px; height:40px;}
.iapplication .item .more{ color:#70C026; display:inline-block; line-height:20px;}
.iapplication .item .more a{ color:#70C026; font-size:14px;background:#FFFFFF; border:solid 1px #70C026;border-radius:20px; padding:8px 30px;}
.iapplication .item .more a:hover{ font-weight:bold; background:#70C026; color:#FFFFFF;}

.iabout{ background:url(/images/iaboutbg.jpg) no-repeat center center; background-size:cover; background-attachment: fixed;  color:#fff !important; }
.iabout .title h3{ color:#fff}
.iabout .title h4{white-space:nowrap;}
.iabout .more{ text-align:center; margin-top:50px;}
.iabout .more a{ display:inline-block; width:160px; height:38px; line-height:34px; color:#fff; border-radius:20px; border:solid 2px #fff; font-size:14px; text-transform:uppercase}
.iabout .more a:hover{ color:#70C026; border:solid 2px #70C026}

.inews .title{ position:relative;}
.inews .more{ position:absolute; right:0; bottom:0; text-align:center}
.inews .more a{ display:inline-block; width:160px; height:38px; line-height:34px; color:#999; border-radius:20px; border:solid 2px #999; font-size:14px; text-transform:uppercase}
.inews .more a:hover{border:solid 2px #70C026; color:#70C026;}

.inews .conn{ margin-top:-10px;line-height:20px !important;}
.inews .newsleft{ float:left; width:48.5%}
.inews .newsright{ float:right; width:48.5%}
.inews .newsleft .ntop{ position:relative}
.inews .newsleft .ntop .date{ position:absolute; left:0; top:0; padding:12px 18px; background:#70C026; color:#fff}
.inews .date h3{font-family: 'lato-bold'; font-size:24px; line-height:24px;}
.inews .date p{ font-size:12px; line-height:15px;}
.inews .newsleft .text h3, .inews .newsright .text .conn h3{ color:#000;display: -webkit-box;font-family: 'lato-bold'; font-size:20px;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; line-height:20px; height:40px; }
.inews .newsleft .text h3{ margin:20px 0 15px 0}
.inews .newsleft .text p{display: -webkit-box;font-size:14px;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden; line-height:20px; height:60px; color:#666;}
.inews .newsleft:hover .text h3, .inews .newsright .kuai:hover .text .conn h3{ color:#70C026}
.inews .newsright .kuai{ margin-bottom:18px;}
.inews .newsright .kuai:last-child{ margin-bottom:0}
.inews .newsright .kuai .pic{ float:left; width:34%}
.inews .newsright .kuai .text{ float:right; width:62%}
.inews .newsright .kuai .date{ color:#999; margin:5px 0 15px 0;}
.inews .newsright .kuai .text .conn h3 { margin-bottom:5px;}
.inews .newsright .text .conn p{display: -webkit-box;font-size:14px;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; line-height:20px; height:40px; color:#666;}



.icase .qimo8{overflow: hidden;}
.icase .qimo8 .qimo{/*width:99999999px;*/width: 8000%;}
.icase .qimo8 .qimo div{float: left;}
.icase .qimo8 .qimo ul{float: left;overflow: hidden;zoom: 1;}
.icase .qimo8 .qimo ul li{float: left;list-style: none;margin-right:20px; height:96px; background:#fff}
.icase .qimo8 .qimo ul li .img-dv .img1{ height:96px; width:auto}

.footer{ background:#70C026 url(/images/bg_foot.jpg) no-repeat; border-top:solid 5px #80D731;}
.footer .fcontent{ padding:45px 0;}
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content: space-between; color:#000;}
.footer li {display:inline-block; line-height:36px; }
.footer li:nth-child(1){ width:360px;}
.footer li:nth-child(1) p{padding-left:30px}
.footer li:nth-child(1) .add{ background:url(/images/add.png) no-repeat left 5px; }
.footer li:nth-child(1) .mail{ background:url(/images/mail.png) no-repeat left 5px; }
.footer li:nth-child(1) .tel{ background:url(/images/tel.png) no-repeat left 5px; }
.footer li h3{ font-size:16px;margin-bottom:10px;color:#fff; position:relative; margin-top:55px; text-transform:uppercase; }
.footer li  h3 a{ color:#FFF; font-weight:bold;}
.footer p, .footer p a{ color:rgba(255,255,255,1.0); line-height:24px; font-size:15px;}
.footer a:hover{ color:#FFF;}
.footer .uses{ margin-top:15px;padding-left:30px}
.footer .uses .item{ display:inline-block; width:33px; height:33px; margin-right:5px; border-radius:50%; background:#FFF; position:relative}
.footer .uses .item img{ display:block; height:33px; width:auto}
.footer .uses .item .sub{ position:absolute; display:none; left:50%; top:-170px;margin-left:-65px; padding:10px; width:130px; background:#fff; position:relative}
.footer .uses .item .sub img{ display:block; width:100%; height:auto}
.footer .uses .item:hover .sub{ display:block}

.footer .copyright{ border-top:solid 1px #80D731; padding:30px 0; text-align:center; color:#fff; font-size:12px; line-height:22px;}
.footer .copyright a{ color:#fff}

.nbanner{ position:relative}
.nbanner img{ display:block; width:100%; height:auto}
.nbanner .text{ color:#fff; text-align:center; position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:calc(50% + 30px); color:#fff; width:100%}
.nbanner .text h3{ font-family: 'lato-bold'; margin-bottom:10px; font-size:45px; line-height:45px;}
.nbanner .text p{ font-size:18px;}

.nnav{ line-height:58px; text-align:center; border-bottom:solid 1px #ddd;}
.nnav .wrap{ width:100%}
.nnav li{ display:inline-block}
.nnav li a{ display:block; margin:0 25px; position:relative}
.nnav li a:after{content: '';width: 0;height:3px;background:#70C026;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);bottom:0px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.nnav li.cur a {content: '';width: 0;height:3px;background:#70C026;position: absolute;left: 50%;}
.nnav li.cur a:after, .nnav li:hover a:after {width:100%}
.nnav li.cur a, .nnav li a:hover{ color:#70C026}

.nab .wrap{ position:relative}

.nab01 .wrap{ position:relative}
.nab01 .conn img{ float:right; margin-top:-90px; width:auto; max-width:490px; margin-left:30px; margin-bottom:30px;}

.nab02 .conn .videolist{ position:relative}
.nab02 .conn .videolist .bg{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:98; background-color:rgba(0,0,0,0.45)}
.videoed { width:80px; cursor:pointer;  height:80px; position: absolute; left:50%; top:50%; margin-left:-40px; margin-top:-40px; z-index:99; border-radius:100%; }
.videos{ display:none; position:fixed; background-color:rgba(0,0,0,0.9); width:100%; height:100vh; top:0; left:0; z-index:999999}
.videos video{ position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; height:70%; width:auto;}
.vclose { position:absolute;right:5%; top:5%; cursor: pointer; }

.nab02 .conn{ position:relative}
.nab02 .conn .swiper-container{ width:80%; max-width:1000px; margin:0 auto;}

.nab02 .swiper-button-prev, .nab02 .swiper-button-next{display:block; width: 35px !important;height: 45px !important; background: url(/images/videoleft.png) no-repeat center center; background-size:100% auto; left:5%}
.nab02 .swiper-button-next{right:5%; left:auto; background: url(/images/videoright.png) no-repeat center center; background-size:100% auto;}	
.nab02 .swiper-button-prev:after{background: url(/images/videoleft02.png) no-repeat center center; background-size:100% auto; }
.nab02 .swiper-button-next:after{background: url(/images/videoleft02.png) no-repeat center center;  background-size:100% auto;}



.nab03 .item{ float:left; width:calc(25% + 0.75px); margin-left:-1px; margin-top:30px;}
.nab03 .item:first-child{ margin-left:0}
.nab03 .item .icon{ position:relative; z-index:2; }
.nab03 .item .icon img{ display:block; width:100%; height:auto}
.nab03 .item .icon .pic2{position:absolute;top:0;left:0;z-index:-1;}
.nab03 .item .icon {width:112px; border:solid 1px #70C026; border-radius:50%;background:#fff; position:relative}
.nab03 .item .icon .pic1{-webkit-transform: rotateX(0deg) rotateY(0deg);-webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;-moz-transform: rotateX(0deg) rotateY(0deg);-moz-transform-style: preserve-3d;-moz-backface-visibility: hidden;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.nab03 .item:hover .icon .pic1{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);}
.nab03 .item .icon .pic2{-webkit-transform: rotateY(-180deg);-webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;-moz-transform: rotateY(-180deg);-moz-transform-style: preserve-3d;-moz-backface-visibility: hidden;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;/*z-index:10;position:absolute;*/}
.nab03 .item:hover .icon .pic2{-webkit-transform:rotateX(0deg) rotateY(0deg);-moz-transform:rotateX(0deg) rotate(0deg);z-index: 10;position: absolute;}
.nab03 .item .text{ margin-top:-56px; background:#fff; border:solid 1px #ddd; padding:30px 0px 30px 56px; min-height:160px;}
.nab03 .item .text h3{font-family: 'lato-bold'; margin-left:56px; margin-bottom:10px; font-size:24px; color:#70C026}


.nab04 .swiper-slide{ padding-bottom:40px;}
.nab04 .swiper-pagination{bottom:0% !important; text-align:center;}
.nab04 .swiper-pagination-bullet{ width:30px; height:4px; opacity:1; background:#adadaf; margin:0 5px; border-radius:2px;}
.nab04 .swiper-pagination-bullet-active{ background: #70C026; }

.nnewslist .newskuai{ padding:40px 0; border-top:solid 1px #ddd}
.nnewslist .newskuai:nth-child(1){ padding-top:0; border-top:none}
.nnewslist .newskuai a{ display:block; position: relative}
.nnewslist .newskuai .date{ width:80px; height:68px; text-align:center;padding:12px 0;  border-radius:5px; background:#70C026; color:#fff; position:absolute; left:0; top:0}
.nnewslist .newskuai .date h3{ line-height:24px; font-size:24px;}
.nnewslist .newskuai .date p{line-height:24px; font-size:14px;}
.nnewslist .newskuai .pic{ margin:0 2% 0 calc(2% + 80px); width:28%; float:left; border-radius:5px; overflow:hidden}
.nnewslist .newskuai .text{width:calc(68% - 80px); float:right; margin-top:15px}
.nnewslist .newskuai .text h3{font-size:20px; font-family: 'lato-bold';display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin-bottom:10px;}
.nnewslist .newskuai .text p{ color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; line-height:24px; height:72px; margin-bottom:15px }
.nnewslist .newskuai .text .inmore{ font-size:12px; border-bottom:solid 1px #70C026; color:#70C026; display: inline-block; line-height:20px;} 
.nnewslist .newskuai:hover .text .inmore{ font-weight:bold}

.newsxiang .wrap { background:#fff; border:solid 1px #ddd; padding:3%}
.newsxiang .newstitle{ padding-bottom:30px; margin-bottom:40px; border-bottom:solid 1px #ddd}
.newsxiang .newstitle h3{font-size:24px; font-family: 'lato-bold'; font-weight:bold; color:#000}
.newsxiang .newstitle h4{font-size:18px; color:#000}
.newsxiang .newstitle p{ color:#999}
.newsxiang .newscon{padding-bottom:50px;min-height:500px}
.newsxiang .newscon img{ width:auto; max-width:100%}
.newsxiang .back{ padding-bottom:50px; text-align:center}
.newsxiang .back a{ display:inline-block; width:160px; height:38px; line-height:34px; color:#999; border-radius:20px; border:solid 2px #999; font-size:14px; text-transform:uppercase}
.newsxiang .back a:hover{ border:solid 2px #70C026; color:#70C026;}

.shangxia{ padding-top:25px; border-top:solid 1px #ddd;}
.shangxia p { color:#a0a0a0; font-size:18px;}
.shangxia p a{color:#a0a0a0; }
.shangxia p a:hover{color:#70C026; }


.nprolist li{ float:left; width:32%; margin-right:2%; margin-bottom:2%; background:#fff; border:solid 1px #ddd; text-align:center; padding:3% 2%}
.nprolist li:nth-child(3n){ margin-right:0}
.nprolist li:nth-child(3n+1){ clear:both;}
.nprolist li h3{font-size:22px; font-family: 'lato-bold'; color:#000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin-bottom:10px; line-height:25px; height:50px;}
.nprolist li img{ height:200px; width:auto; margin:0 auto; display:block}

.nprolist .more{ margin-top:40px; text-align:center}
.nprolist .more{ display:inline-block; width:160px; height:38px; line-height:34px; color:#999; border-radius:20px; border:solid 2px #999; font-size:14px; text-transform:uppercase}
.nprolist li:hover .more{border:solid 2px #70C026; color:#70C026}
.nprolist li:hover h3{ color:#70C026}
.nprolist li:hover {box-shadow: rgba(0,0,0,0.3) 0 0 18px;}

.prodetail .wrap{ position:relative}
.prodetail .pics{ float:left; width:50%; border:solid 1px #ddd}
.prodetail .swiper-pagination{text-align:center;}
.prodetail .swiper-pagination-bullet{ width:30px; height:4px; opacity:1; background:#adadaf; margin:0 5px; border-radius:2px;}
.prodetail .swiper-pagination-bullet-active{ background: #70C026; }

.prodetail .wenzi{ width:47%; float:right}
.prodetail .wenzi h3{ margin:20px 0; font-size:30px;font-family: 'lato-bold'; color:#000 }
.prodetail .use{ margin-top:40px;}
.prodetail .use li{ float:left; text-transform:uppercase; width:230px; line-height:38px; border-radius:22px; overflow:hidden; display:block; border:solid 2px #70C026; color:#70C026; text-align:center}
.prodetail .use li a{ display:block; color:#70C026}
.prodetail .use li.pliuyan {margin-right:20px;}
.prodetail .use li span{ display:inline-block;padding-left:30px;  }
.prodetail .use li.pliuyan span {background: url(/images/ply.png) no-repeat left center; }
.prodetail .use li.pliuyan:hover span{background: url(/images/ply02.png) #70C026 no-repeat left center; color:#fff; }
.prodetail .use li.pliuyan:hover{background:#70C026; color:#fff}
.prodetail .use li.ptel span{background: url(/images/ptel.png) #70C026 no-repeat left center; color:#fff; }
.prodetail .use li.ptel { background:#70C026; color:#fff}



.nproxiang .protabmenu li {line-height:52px; float:left; padding:0 60px; text-transform:uppercase; font-size:24px; color:#000;font-family: 'lato-bold'; }
.nproxiang .protabmenu .cur {background: #fff;}
.nproxiang #protabcontent .hidden {display:none;}
.nproxiang #protabcontent { clear:both; line-height:30px !important; padding:3% 3% 5% 3%; background:#fff}
.nproxiang #protabcontent img{  width:auto; max-width:100%; height:auto}


.napplist .conn{ background:#fff; border:solid 1px #ddd}
.napplist .conn .kuai{ padding:40px;border-bottom:solid 1px #ddd}
.napplist .conn .kuai:last-child{ border-bottom:none}
.napplist .conn .kuai a{ position:relative; display:block}
.napplist .conn .kuai .pic{ float:left; width:50%}
.napplist .conn .kuai .text{ float:right; width:47%}
.napplist .conn .kuai:nth-child(2n) .pic{ float:right;}
.napplist .conn .kuai:nth-child(2n) .text{ float:left; }
.napplist .conn .kuai .text h3{ margin-top:15px; font-size:24px;font-family: 'lato-bold'; color:#000}
.napplist .conn .kuai .text h4{ font-size:18px; color:#000}
.napplist .conn .kuai .text .intro{ color:#666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden; margin:20px 0; height:120px;}
.napplist .more{ position:absolute; left:53%; bottom:0}
.napplist .kuai:nth-child(2n) .more{ left:0%; bottom:0}
.napplist .more{ width:160px; height:38px; line-height:34px; color:#999; text-align:center; border-radius:20px; border:solid 2px #999; font-size:14px; text-transform:uppercase}
.napplist .kuai:hover .more{border:solid 2px #70C026; color:#70C026}


.nclients ul li{float: left; width:18.4%; margin-right:2%; margin-bottom:2%; list-style: none; background:#fff}
.nclients ul li:nth-child(5n){ margin-right:0}
.nclients ul li:nth-child(5n+1){ clear:both}


.ncb01 .item{ width:25%; float:left; text-align:center;}
.ncb01 .item .icon{  width:30%; max-width:120px; border-radius:50%; background:#154897; overflow:hidden}
.ncb01 .item .icon img{ display:block; width:100%; height:auto}
.ncb01 .item span{ font-size:18px; display:block}
.ncb01 .item .icon{transition: 0.5s; margin:10px auto 10px auto;}
.ncb01 .item:hover .icon{ margin:0px auto 20px auto;}


.feedback{ background: url(/images/feedbackbg.jpg) no-repeat center center; background-size:cover }
.feedback .title, .feedback .title h3, .feedback .title h4, .feedback .title p{ color:#fff}
.feedback .title h3:after{ background:#fff}
.feedback .conn{ background:rgba(255,255,255,.05);border-radius: 10px; padding:4%}
.feedback form{ margin:0 auto; max-width:1050px;}

.feedback .form span{ color:#fff;}
.feedback .form .column{ float:left; width:48.5%; margin-right:3%; margin-bottom:3%; position:relative;overflow:hidden; }
.feedback .form .row_1 .column:nth-child(2n){ margin-right:0}
.feedback .form .row_1 input{ border:none; line-height:48px; height:48px;width:100%; padding:0 15px 0 40px;color:#999;border:solid 1px #ddd; border-radius:5px}
.feedback .form .row_2 textarea{ width:100%; height:150px; border:none; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:15px 15px 15px 40px ; overflow:hidden;color:#999; border-radius:5px; border:solid 1px #ddd}

.feedback .form .row .submit{width:180px; height:45px; display:block;  margin:50px auto; line-height:41px; cursor:pointer; color:#fff; text-align:center; border-radius:20px; border:solid 2px #fff; background:none; text-transform:uppercase}
.feedback .form .row .submit:hover{border:solid 2px #fff; color:#fff;background:#70C026;}


.feedback .form .name{background: url(/images/name.png) #fff no-repeat 15px center; background-size:auto 18px}
.feedback .form .tel{background: url(/images/tel.png) #fff no-repeat 15px center; }
.feedback .form .mail{background: url(/images/mail.png) #fff no-repeat 15px center;}
.feedback .form .add{background: url(/images/add.png) #fff no-repeat 15px center;}
.feedback .form .code{background: url(/images/code.png) #fff no-repeat 15px center;background-size:auto 20px}
.feedback .form .content{background: url(/images/ply.png) #fff no-repeat 15px 10px;}


#n_news{}
#n_news .up_box{ padding-bottom: 50px;}
#n_news .up_box .left{ width: 725px;}
#n_news .up_box .right{ width: 450px;}
/*=====================新闻列表================*/
#list_news{ background: #fff; padding: 50px 0; margin-bottom: -60px;}
#list_news ul{ }
#list_news li{ height:195px; padding: 30px 0;  position:relative; display:block; overflow:hidden;   }
#list_news li .main_box{ width:92%; margin:0 auto; max-width:1620px; min-width:1200px; position:relative;}
#list_news li a{display:block;}
#list_news li .pic_box{position:absolute; left:0px;  top:  0px; background:#000;width:220px;height:145px;overflow:hidden}
#list_news li .pic_box a{ position:relative; }
#list_news li img{width:220px;height:145px;display:block}
#list_news li .text_box{position:relative; margin-left: 265px;  }
#list_news li h1{ display: block; padding-bottom: 15px; padding-top: 5px;  }
#list_news li h1 a{overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#535355;font-size:20px; font-weight:normal; color: #333333; display:block;}
#list_news li p{font-size:12px;line-height:20px;color:#9c9f9f; display: -webkit-box;  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 限制显示3行 */
  text-overflow: ellipsis;
  overflow: hidden;}
#list_news li span{margin-top:2px;display:block;font-size:12px;color:#5c5c5d}
#list_news .fot_box{position:relative;height:12px;line-height:14px; margin-top: 20px;}
#list_news .fot_box span{color:#979798;font-size:12px; opacity:.65;filter:alpha(opacity=65);}
#list_news .fot_box span.time{  background: url(/images/icon_time.png) left center no-repeat;  padding-left: 20px;  }
#list_news .fot_box span.read{ display:none;position: absolute; left: 120px; top: -2px; background: url(/images/icon_read.png) left center no-repeat;  padding-left: 20px; color: #979798;}
#list_news .fot_box a{display:block;color:#a1a1a1;font-size:12px;position:absolute;right:0;top:0;background:url(../images/icon_more_jt.png) right center no-repeat;padding-right:20px}
#list_news li:hover{ background: #f2f2f2;}
#list_news li h1 a:hover{color:#70C026;text-decoration:none}
#list_news li .fot_box a:hover{background:url(../images/icon_more_jt_hover.png) right center no-repeat;color:#e23a53}

/*==============工作动态=====================*/
#n_news.n_dt #hot_pic_news .text_box{padding:40px 28px 0 0;}
#n_news.n_dt #hot_pic_news .text_box .time_box{ position: relative; margin-top: 10px;}
#n_news.n_dt #hot_pic_news .text_box .time_box span{ color: #c5c5c7; font-size:12px;}
#n_news.n_dt #hot_pic_news .text_box .time_box span.author{position: absolute; right: 0px; top: -2px;}
#n_news.n_dt #hot_text_news .fot_box span.author{position: absolute; right: 0px; top: -2px;  color: #979798; opacity:.65;filter:alpha(opacity=65);}
#list_news .fot_box span.author{position: absolute; left: 120px; top: -2px;  color: #979798; opacity:.65;filter:alpha(opacity=65);}

/*分页*/ 
.page{text-align:center;padding:48px 0px 68px 0px}
.page ul{width:100%;float:left;text-align:center}
.page ul li{display:inline-block;width:32px;height:32px;border-radius:10%;border:1px solid #e6e6e6;line-height:32px;color:#666666;margin:0px 4px;text-align:center}
.page li span,.page li a{width:100%;float:left; font-family:Arial, Helvetica, sans-serif;}
.page li:hover,.page li.active{border-color:#70C026;background:#70C026;color:#fff}
.page li:hover a,.page li.active a{color:#fff}

/*资讯详情*/ 
.ns_con_new { padding-top:4%; padding-bottom:6%; overflow:hidden; }
.ns_con_new .ns_tit{ font-size:2.0rem; line-height:5.0rem; font-weight:300; color:#333333; margin:0 auto;}
.ns_con_new .pro_con_img{ margin:20px 0;}
.ns_con_new .pro_con_img img{ max-width:700px;}
.ns_con_new .text{ font-size:1.06rem; line-height:2.8rem;}
.ns_con_new .text img{ margin:1rem auto; width:100%; max-width:900px;}
.ns_con_new .text p{ font-size:1.06rem; line-height:2.8rem;}
/*内页图标*/
.ns_con_new .i_icon { width:100%; text-align:center; line-height:2.5rem;height:2.5rem; font-size:0.88rem; color:#8c8c8c; border-bottom:1px solid #eee; margin-bottom:1rem;}
.ns_con_new .i_icon .icon_pubtime { background:url("/images/HituxCMSNote/news_pubtime.png") no-repeat left center; padding:0 15px 0 18px; }
.ns_con_new .i_icon .icon_author { background:url("/images/HituxCMSNote/news_author.png") no-repeat left center; padding:0 20px; }
.ns_con_new .i_icon .icon_from_name { background:url("/images/HituxCMSNote/news_source.png") no-repeat left center; padding:0 15px 0 20px; }
.ns_con_new .i_icon .icon_hit { background:url("/images/HituxCMSNote/news_source.png") no-repeat left center; padding:0 15px 0 20px; }

.prenext { padding:10px 0px; margin-top:10px; color:#70C026; }
.prenext ul li { font: normal 14px/32px "微软雅黑"; }
.prenext ul li a:hover { color:#70C026;}

/*=================联系我们==================*/
.contact_sec1 { width:100%;}
.contact_sec1 h3 { font-size: 26px; color: #000000; line-height:60px; }
.contact_sec1 ul li { float: left; width:100%; height:50px; line-height:50px; font-size:1.08rem; display: flex;}
.contact_sec1 ul li a{ height:50px; line-height:50px;}
.contact_sec1 ul li i { margin-right:10px; height:50px; line-height:50px;}
.contact_sec1 ul li i img{}

/*客户案例*/
.boya_customer { margin:0 auto; overflow:hidden; clear:both }
.boya_customer ul { float:left; }
.boya_customer li { float:left; text-align:center; width:20%;}
.boya_customer li:last-child {margin-right:0px; float:left; text-align:center; width:20%;}
.boya_customer li img { width:80%; margin:10px auto; border:1px solid #F6F6F6;}