@charset "utf-8";

/* CSS Document */

*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/-webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
-o-tap-highlight-color:rgba(0, 0, 0, 0);  
tap-highlight-color:rgba(0, 0, 0, 0);}
body{ font-family:"Microsoft Yahei", "Source Han Sans CN",  Arial, Helvetica, sans-serif; background:#fff; font-size:14px;overflow-x:hidden; color:#5c5c5c;}

a{ text-decoration:none;outline:none;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;color:#666}

a:hover{color:#a9cc35}

img{ border:none;}

table{ border-collapse:collapse}

ul,ol,li{ list-style:none}

.clearfix{zoom:1; clear:both}

.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}

.fl{ float:left}

.fr{ float:right}

botton,input,textarea,select{ outline:none; font-family:Arial}

h1,h2,h3,h4,h5{ font-weight:normal}

.flex{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}

.col01{ color:#a9cc35}

.red{ color:#f00}

.ovh{ overflow:hidden}

.f18{ font-size:18px;}
.f20{ font-size:20px;}


.wrap{width:1400px;margin:0 auto}

.headerbox{ position:relative}

.logo{ display:flex; display:-webkit-flex; align-items:center; height:130px;}
.logo img{ display:block;}
.slogan{height:68px;font-weight: normal;padding-left: 30px;margin-left:30px;margin-top: 35px;border-left: 1px solid #e5e5e5; }
.slogan span{display: block; font-size: 24px; line-height: 42px; color: #333;}
.slogan i{display: block;font-size: 16px; line-height: 22px; color: #666; font-style:normal}
.headerbox .tel{ background:url(../images/tel.png) no-repeat left 0; padding-left:40px;margin-top:50px;font-size: 16px;color: #666;line-height: 34px;}
.headerbox .tel em{ font-style:normal}
.headerbox .tel span{ font-size:22px; color:#4a4b4b;display: inline-block;vertical-align: top;}
.lang{ display:block; height:130px; line-height:130px; background:url(../images/lang.png) no-repeat left center; padding-left:30px; color:#666; font-family:Arial; font-size:16px; margin-left:50px; position:relative}
.lang:before{ content:""; width:1px; height:12px; background:#ccc; position:absolute; left:-25px; top:50%; margin-top:-6px}

.menu .wrap{ position:relative}
.menu{ background:#eee;}
.menu ul li{ float:left; font-size:16px; line-height:50px; height:50px;position:relative}
.menu li>a{display: block;font-size: 16px;color: #333; font-weight: bold; padding: 0 20px;position: relative;}
.menu li>a sup{vertical-align: top; position: relative; top: -5px;}
.menu li.cur>a:after, .menu li:hover>a:after{position: absolute;width: 34px;height: 2px;background: #a8cb34;content: "";margin-left: -17px;left: 50%;bottom: 0;}

.menu .menu_a{ position:relative; padding-right:25px}
.menu .menu_a:after{ content:""; width:25px; height:100%; position:absolute; right:0;top:0;background:url(../images/arrow_down.png) no-repeat right center;-webkit-transition:.5s;-moz-transition:.5s; transition:.5s;}

.menu .menu_a:hover::after{ -webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);transform:rotateX(180deg)}



.menu .sub{ position: absolute;top:100%;left: 50%; padding-top:10px;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);opacity: 0;visibility: hidden;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s; z-index:99}

.menu .sub .box{background-color: #fff;border-radius: 10px;padding: 15px 0;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); position:relative}

.menu .sub .box:before{ content:""; width:0; height:0; border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff; display:block; position:absolute; left:50%; margin-left:-6px; top:-6px}

.menu .sub a{display: block;padding: 0 30px; white-space: nowrap; font-size: 14px; color:#808080;line-height:36px;}

.menu .sed-sub{ position:absolute;background-color: #fff;left:100%;top:0;opacity: 0;visibility: hidden;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;border-radius: 10px;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}

.menu .sed-sub a{ text-align:left}

.menu li:hover .sub {opacity: 1;visibility: visible;}

.menu .sub a:hover{ background:#a9cc35; color:#fff}

.menu li:hover .menu_a{color:#a9cc35}

.menu .box>li:hover .sed-sub{opacity: 1;visibility: visible;}

.menu .box>li.on>a{background:#a9cc35; color:#fff}

.search{ position: absolute; right:0;top:0}
.search-btn{ display:block;width:22px; height:50px; background:url(../images/search_btn.png) no-repeat right center;cursor:pointer; }
.search-alert{width: 280px;position: absolute; right: 0;top: 100%;-webkit-border-radius: 3px;border-radius: 3px;padding: 15px;z-index: 50;background-color: #f2f2f2;display: none;}
.search-alert form {position: relative; padding-right: 60px;-webkit-border-radius: 3px; border-radius: 3px; overflow: hidden;}
.search-alert .tex {border: none;height:40px;line-height: 40px;width: 100%;color: #999;background:#fff;padding-left:10px;}
.search-alert .btn {border: none;line-height:40px;text-align: right;background:#a9cc35;color:#fff;position: absolute;right: 0;top: 0;width: 60px;text-align: center; cursor:pointer; transition:.5s}


.banner{position: relative;z-index: 1;overflow: hidden;width: 100%;}
.banner a{ display:block;}
.banner img{ display:block;margin:0 auto; width:100%; height:auto}
.banner .swiper-slide{ width:100%}
.banner.swiper-container-horizontal>.swiper-pagination-bullets{bottom:30px}
.banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 6px;}
.banner .swiper-pagination-bullet{ width:10px; height:10px; background:#fff;opacity:1; border-radius:50%}
.banner .swiper-pagination-bullet-active{background:#a9cc35}

.numbox{ padding:25px 0}
.numbox .item{ width:25%; float:left; text-align:center; color:#666; line-height:30px; position:relative}
.numbox .num{ font-size:30px; color:#4b4b4b; font-weight:bold}
.numbox .item:after{ content:""; width:1px; height:35px; background:#ebebeb; position:absolute; right:0;top:50%; margin-top:-17px;}
.numbox .item:last-child::after{ display:none}


.title{ font-size:28px; color:#333;margin-bottom:30px; position:relative; text-align:center}
.title .en{ font-size:14px; text-transform:uppercase; color:#a8cb34; display:block}
.title .cn{ display:block;position:relative}
.title .cn:after{content:'';display: block;width:50px; height:1px; margin:10px auto;background:#a8cb34;}
.i-pro .title .cn, .i-case .title .cn{background:#d3e599;}
.i-adv .title:before{border-top: solid 1px #d8d8d8;border-bottom: solid 1px #d8d8d8;}

.space{ padding:40px 0 45px}
.i-sol li{ float:left; width:20%; padding:0 5%; text-align:center; position:relative}
.i-sol li:after{position: absolute;width: 1px; height: 114px;background: #e5e5e5; content: ""; right: 0; top: 50%; margin-top:-57px}
.i-sol li:last-child::after{ display:none}
.i-sol li .icon{display: block;width: 50px; height: 50px; overflow: hidden; margin: 0 auto; position: relative;}
.i-sol li .icon em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.i-sol li .icon i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;visibility:hidden;
    -webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.i-sol li:hover .icon em{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.i-sol li:hover .icon i{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

.i-sol li h3{display: block;font-size: 18px;color: #333;line-height:18px;margin:20px 0 13px;transition: all 0.4s linear;height: 40px;position: relative;}
.i-sol li h3:after{position: absolute;width: 50px;height: 1px;background: #a8cb34;content: "";left: 50%;margin-left: -25px;bottom: 0;}
.i-sol li .intro{ line-height:26px;}
.i-sol li .intro p{ display:felx; display:-webkit-flex; align-items:center; padding-left:20px}
.i-sol li .intro p:before{ content:""; width:5px; height:5px; background:#a8cb34; border-radius:50%; margin-right:10px;}
.i-sol li:nth-child(1) .intro p, .i-sol li:nth-child(2) .intro p{ padding-left:35px;}

.i-pro{ background:#d3e599;}
.i-prolist-category{ margin-bottom:30px;}
.i-prolist-category li{ float:left; width:20%;height: 70px;border-right: 1px solid #c9c9c9; position:relative}
.i-prolist-category li:nth-child(6){ display:none}
.i-prolist-category li>a{display: block;height: 70px; line-height: 70px;padding-left: 18px;font-size: 18px; font-weight:bold; color: #333; background:#fff; white-space:nowrap; overflow:hidden}
.i-prolist-category li>a i{ position:absolute; width:18px; height:18px; background:#a8cb34; border-radius:50%; position:absolute; right:20px; top:50%; margin-top:-9px;}
.i-prolist-category li>a i:before{ content:""; width:8px; height:1px; background:#fff; position:absolute; left:50%; margin-left:-4px;top:9px}
.i-prolist-category li>a i:after{ content:""; width:8px; height:1px; background:#fff; position:absolute; left:50%; margin-left:-4px;top:9px; -webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg)}
.i-prolist-category .sub{position: absolute; width:100%;left: 0;top:70px;z-index: 10;padding: 5px 0 20px;border-top: 4px solid #a8cb34;background: #fff;-moz-transform:scaleY(0);-webkit-transform:scaleY(0); transform:scaleY(0); transform-origin:left top; transition:.3s; box-shadow:0 0 15px rgba(0,0,0,.1)}
.i-prolist-category .sub a{display: block;font-size: 14px;color: #333;height: 30px;line-height: 30px;padding: 0 20px;}
.i-prolist-category li.on .sub{-moz-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1)}
.i-prolist-category li.on>a{ color:#a8cb34}
.i-prolist-category .sub a:hover{color:#a8cb34}
.i-prolist-pic{ position:relative}
.i-prolist-pic .pro-l{width:50%; height:100%; position:absolute; left:0;top:0; overflow:hidden}
.i-prolist-pic .pro-l .pic{ overflow:hidden;position:absolute; width:100%; height:100%;bottom:0;left:0;}
.i-prolist-pic .pro-l img{display:block; width:100%; height:100%; object-fit:cover;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
.i-prolist-pic .pro-l h3{ position:absolute; width:100%;bottom:0;left:0; height:60px; line-height:60px; padding:0 20px; font-size:16px; color:#333;}
.i-prolist-pic .pro-r{padding-left:50%}
.i-prolist-pic .pro-r li{ float:left; width:47%; margin-left:3%; margin-bottom:3%; position:relative; overflow:hidden}
.i-prolist-pic .pro-r li:nth-child(3),.i-prolist-pic .pro-r li:nth-child(4){ margin-bottom:0}
.i-prolist-pic .pro-r li img{ display:block; width:100%; height:auto;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
.i-prolist-pic .pro-r li h3{position:absolute; width:100%;bottom:0;left:0; height:40px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 20px; font-size:16px;color:#333;background:rgba(255,255,255,.6); }

.i-prolist-pic .pro-l:hover img, .i-prolist-pic .pro-r li:hover img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);transform:scale(1.03)}

.i-honor{background: -webkit-linear-gradient(#fff 50%, #f2f2f2);
  background: -o-linear-gradient(#fff 50%, #f2f2f2);
  background: -moz-linear-gradient(#fff 50%, #f2f2f2);
  background: linear-gradient(#fff 50%, #f2f2f2); }
.i-honor .honor{ position:relative}
.i-honor .honor a{ padding:15px; border:1px solid #e8e8e8}
.i-honor .honor .tit{ margin-top:15px; line-height:20px; padding-top:10px}
.i-honor .honor .swiperbox{ margin-top:0}
.i-honor .honor .swiperbox .swiper-button-prev, .i-honor .honor .swiperbox .swiper-button-next{ position:absolute; left:-60px; top:50%; margin:0; margin-top:-30px;}
.i-honor .honor .swiperbox .swiper-button-next{ left:auto; right:-60px;}

.i-advlist{ position:relative;}
.i-advlist .image img{ display:block; margin:0 auto}
.i-advlist li{ background:#fff; width:40%; position:absolute; }
.i-advlist li a{ display:block; padding:30px 60px; padding-top:60px; cursor:default}
.i-advlist li .tit{ font-size:18px; font-weight:bold; color:#4b4b4b; position:relative}
.i-advlist li .tit:after{ content:""; width:100%; height:50px; position:absolute; left:0;bottom:0; z-index:1}
.i-advlist li .tit span{background:#fff;position:relative; z-index:2; margin-left:45px; display:block}
.i-advlist li .cont{line-height:24px;color:#8c8c8c; margin-top:20px; padding-right:16%; display:-webkit-box; -webkit-line-clamp:3; text-overflow:ellipsis; height:48px; -webkit-box-orient:vertical;}
.i-advlist li:nth-child(1){top:0; left:0}
.i-advlist li:nth-child(2){bottom:0; left:0}
.i-advlist li:nth-child(3){top:0; right:0}
.i-advlist li:nth-child(4){bottom:0; right:0}
.i-advlist li:nth-child(3) .cont, .i-advlist li:nth-child(4) .cont{ padding-left:16%; padding-right:0}
.i-advlist li:nth-child(1){background:url(../images/advbg.png) no-repeat; background-size:100% 100%}
.i-advlist li:nth-child(2){background:url(../images/advbg02.png) no-repeat; background-size:100% 100%}
.i-advlist li:nth-child(3){background:url(../images/advbg03.png) no-repeat; background-size:100% 100%;text-align:right}
.i-advlist li:nth-child(4){background:url(../images/advbg04.png) no-repeat; background-size:100% 100%;text-align:right}
.i-advlist li:nth-child(1) .tit:after{ background:url(../images/num01.png) no-repeat left bottom;}
.i-advlist li:nth-child(2) .tit:after{ background:url(../images/num02.png) no-repeat left bottom;}
.i-advlist li:nth-child(3) .tit:after{ background:url(../images/num03.png) no-repeat right bottom;}
.i-advlist li:nth-child(4) .tit:after{ background:url(../images/num04.png) no-repeat right bottom;}
.i-advlist li:nth-child(3) .tit span, .i-advlist li:nth-child(4) .tit span{ margin-left:0; margin-right:45px}


.i-case{background:#d3e599;}
.i-caselist ul{ margin-right:-2%}
.i-caselist li{ width:31.33%; margin-right:2%; margin-bottom:2%; background:#fff; float:left; position:relative; border-radius:10px; overflow:hidden}
.i-caselist li a{ display:block; padding:10%}
.i-caselist li .icon{ float:left;}
.i-caselist li .txt{ padding-left:100px; color:#666; line-height:24px;}
.i-caselist li .txt h3{ font-size:18px; color:#4b4b4b; font-weight:bold; margin-bottom:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.i-caselist li .txt p{ display:-webkit-box;-webkit-line-clamp:2; overflow:hidden; -webkit-box-orient:vertical; height:48px;}
.i-caselist .hd{ position:absolute; left:0;top:0; width:100%; height:100%; opacity:0}
.i-caselist .hd .pic{ position:absolute; width:100%; height:100%; left:0;top:0}
.i-caselist .hd img{ display:block; width:100%; height:100%; object-fit:cover;}
.i-caselist .hd .tit{ font-size:20px; font-weight:bold; position:absolute; width:100%; padding:0 5%; text-align:center; color:#fff; top:-50px;}
.i-caselist .hd .more{ display:block; background:url(../images/arrow.png) #a9cc35 no-repeat right 15px center; background-size:auto 10px; color:#fff; font-size:12px; width:100px; line-height:32px; padding-left:20px; position:absolute; left:50%; margin-left:-50px;bottom:-50px; border-radius:25px;}
.i-caselist .hd, .i-caselist .hd .tit, .i-caselist .hd .more{-webkit-transition:.5s;-moz-transition:.5s; transition:.5s;}
.i-caselist li:hover .hd{ opacity:1}
.i-caselist li:hover .tit{top:35%}
.i-caselist li:hover .more{bottom:25%}
.i-caselist-2 ul{margin-right:-2%}
.i-caselist-2 li{width:31.33%; margin-right:2%; margin-bottom:2%;float:left; position:relative;overflow:hidden;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.i-caselist-2 li .pic{ position:relative; overflow:hidden}
.i-caselist-2 .img0{display:block; width:100%; height:auto;position:relative;}
.i-caselist-2 .img1{ display:block; position:absolute;left:0;right:0;top:0;bottom:0; width:100%;  height:100%;object-fit:cover;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s; z-index:2}
.i-caselist-2 .img2{ display:block; position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; width:100%;transition:.3s; z-index:1}
.i-caselist-2 li .pic:before{ content:""; position:absolute; left:0;right:0;top:0;bottom:0; z-index:3;background: -webkit-linear-gradient(rgba(0,0,0,0) 60%, rgba(0,0,0,.65));
  background: -o-linear-gradient(rgba(0,0,0,0) 60%, rgba(0,0,0,.65));
  background: -moz-linear-gradient(rgba(0,0,0,0) 60%, rgba(0,0,0,.65));
  background: linear-gradient(rgba(0,0,0,0) 60%, rgba(0,0,0,.65));}
.i-caselist-2 li .tit{ position:absolute; left:0;bottom:0;right:0;font-size: 18px; color:#fff; padding:15px 20px; z-index:3}
.i-caselist-2 li:hover .img1{filter:alpha(opacity=0);opacity:0;}

.title2{ font-size:24px; color:#333;margin-bottom:30px; position:relative;}

.title2 .en{ font-size:14px; text-transform:uppercase; color:#a9cc35; display:block}

.title2 .cn{ padding-right:15px; background:#fff; position:relative}

.title2:before{position: absolute;top:15px;content:'';display: block;width: 100%; height: 5px;border-top: solid 1px #d8d8d8;border-bottom: solid 1px #d8d8d8;}

.i-about .more{ position:absolute; right:0;top:10px; background:#fff url(../images/arrow_grey.png) no-repeat right 15px center; font-size:14px; color:#666; padding:0 30px 0 20px; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8}

.i-about .left{ width:55%}

.i-about .left .pic{ width:35%; margin-right:3%}

.i-about .left .pic img{ display:block; width:100%; height:auto}

.i-about .left .txt{ color:#666; line-height:26px; float:none; font-size:14px;}

.i-about .left .txt h3{ color:#4b4b4b; font-size:16px; margin-bottom:10px}

.i-about .right{ width:40%}

/*.i-about .right .more{background:#fff url(../images/arrow_grey.png) no-repeat right 0 center;font-size:14px; color:#666; padding-right:20px; display:inline-block; margin-top:20px;}*/

.i-about .right .more:hover, .i-about .left .more:hover{ color:#a9cc35}

.i-about .right .more:hover{background:#fff url(../images/arrow_green.png) no-repeat right 0 center;}

.i-about .left .more:hover{background:#fff url(../images/arrow_green.png) no-repeat right 15px center;}



.i-news-top{position:absolute; right:0;top:10px; background:#fff; font-size:16px; color:#666;border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8}

.i-news-top a{color:#333; display:block;float:left;padding:0 15px; position:relative; z-index:2}

.i-news-top a:first-child{border-right:1px solid #d8d8d8;}

.i-news-top a.active{color:#a9cc35; font-weight:bold}



.i-newslist{height: 0;overflow: hidden;position: relative;}

.i-newslist.active{ height:auto}

.i-newslist li{ border-bottom:1px solid #e8e8e8; color:#4b4b4b; padding:13px 0}

.i-newslist li:first-child{ padding-top:0}

.i-newslist li .time{ float:left; color:#a9cc35; border:1px solid #a9cc35; border-radius:15px; display:block; padding:0 10px; line-height:18px; font-size:12px}
.i-newslist li .tit{ color:#4b4b4b; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float:right; width:calc(100% - 100px);-webkit-transition:.3s;-moz-transition:.3s; transition:.3s;}
.i-newslist li:hover .tit{color:#a9cc35;}



@font-face{

font-family:'bebas';

src:url("../fonts/bebas.eot");

src:url("../fonts/bebas.eot") format("embedded-opentype"),

url("../fonts/bebas.woff2") format("woff2"),

url("../fonts/bebas.woff") format("woff"),

url("../fonts/bebas.ttf") format("truetype"),

url("../fonts/bebas.svg#BEBAS") format("svg");

}

/*============================================================*/

.nbanner{ position:relative; padding-top:16%;}



.nbanner .txt{position:absolute; left:0;bottom:0;top:0;right:0; color:#fff; font-size:40px;height:100%; width:100%; display:flex; display:-webkit-flex; align-items:center;}

.nbanner .wrap{ position:relative; z-index:2}

.nbanner:before{ content:""; display:block; width:100%; height:30%;position:absolute; left:0; bottom:0;

background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5)); /* Safari 5.1 - 6.0 */ 

background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5)); /* Opera 11.1 - 12.0 */ 

background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5)); /* Firefox 3.6 - 15 */ 

background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5)); 

}



.inner-nav{border-top: 1px solid rgba(255, 255, 255, 0.3);position: absolute;width: 100%;bottom: 0;left: 0;}

.inner-nav ul{ display:flex; display:-webkit-felx; justify-content:center;}

.inner-nav li{ position:relative}

.inner-nav a{ display:block; font-size:16px; line-height:65px; padding:0 50px;color:#fff}

.inner-nav .active a, .inner-nav li:hover a{ background:#a9cc35; color:#fff}

.inner-nav li img{ display:inline-block;vertical-align: middle; height:30px; margin-right:10px}

.inner-nav .wrap{ width:100%}

.inner-nav-pro .sub{ position:absolute; left:0; width:100%; opacity:0; visibility:hidden;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}

.inner-nav-pro .sub a{ padding:5px 10px; text-align:center; line-height:30px; font-size:14px; border-bottom:1px solid rgba(255,255,255,.3)}

.inner-nav-pro .sub a:hover{ background:#4b4b4b}

.inner-nav-pro li:hover .sub{ opacity:1; visibility:visible}



.main{padding:45px 0;}

.main_2{ background:#f3f3f3;}

.main .content{ line-height:30px;}

.main .content img{ max-width:100%; height:auto}

.main .ntitle{ margin-bottom:40px;font-size:30px; line-height:40px; color:#333;text-align:center}

.main .ntitle .en{ display:block; font-size:16px; text-transform:uppercase; color:#a9cc35; line-height:25px}

.main .ntitle .ltit{ font-size:16px; color:#666}

.main .ltitle{ text-align:center; margin-top:-20px}



.anchor{display: block;height:60px;margin-top: -60px;visibility: hidden;}

.content_abt{ font-size:16px;}

.content_abt p{ margin-bottom:15px;}

.content_abt .left_txt{ width:45%; margin-top:2%}

.content_abt .right_img{ width:45%; padding-top:2%}

.content_abt h2{ font-size:22px; color:#4b4b4b; margin-bottom:30px;}

.content_abt .left_txt .ntitle{ text-align:left; margin-bottom:20px; display:flex; display:-webkit-flex; align-items:center;}

.content_abt .left_txt .ntitle .en{ padding-left:10px;}



.culture ul{ margin-right:-3%}

.culture li{ float:left; width:30.33%; margin-right:3%; position:relative}

.culture li .pic{ overflow:hidden;}

.culture li img{ display:block; width:100%; height:auto;}

.culture li .txt{ position:absolute; left:0;bottom:0; width:100%; background:rgba(169,204,53,.8); color:#fff; padding:20px 25px;}

.culture li h4{ font-size:20px;margin-bottom:5px}

.culture li p{ line-height:24px; margin-bottom:0; min-height:48px}



.honorbox{background:url(../images/bg02.jpg) no-repeat center; background-size:cover}

.honor ul{ margin-right:-2%}

.honor a{ display:block;padding:25px 25px 20px; background:#fff}

.honor .pic{ background:#fff; overflow:hidden; position:relative}

.honor .pic .img1{ display:block; width:100%;}
.honor .pic .img2{ position:absolute; left:0;right:0;top:0;bottom:0; margin:auto; width:100%}

.honor .tit{text-align:center; margin-top:20px;line-height:45px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-top:1px solid #e8e8e8;}

.honor .swiperbox {margin-top: 30px;text-align: center;}

.honor .swiperbox .swiper-button-prev, .honor .swiperbox .swiper-button-next {display: inline-block;position: static;margin: 0;width: 50px;height: 50px;border: 1px solid #cccccc;box-sizing: border-box;border-radius: 50%;margin: 0 9px;transition: .5s ease-in-out; outline:none;}

.honor .swiperbox .swiper-button-prev {

  background: url(../images/arrow_prev.png) no-repeat center;

}

.honor .swiperbox .swiper-button-prev:hover{

  background: url(../images/arrow_prev_w.png) #a9cc35 no-repeat center;

}

.honor .swiperbox .swiper-button-next {

  background: url(../images/arrow_next.png) no-repeat center;

}

.honor .swiperbox .swiper-button-next:hover {

  background: url(../images/arrow_next_w.png) #a9cc35 no-repeat center;

}



.about-history{ background:#f3f3f3}

.about-history .time-bg{font-size:400px;color: #fff;position: absolute;left: 0;top: 43%;transform: translateY(-50%); width: 100%;text-align: center;opacity: .7; filter: alpha(opacity=70); font-weight:bold; z-index:1}

.about-history .pic { float: left;width:45%; position: relative; z-index: 3;}

.about-history .pic img {width: 100%; display:block}

.about-history .txt {float: right;width:50%;position: relative; z-index: 3; padding:3% 0;}

.about-history .txt .year {font-size:18px;color:#a9cc35;}

.about-history .txt .year span { font-size:30px; font-weight:bold; margin-right:5px}

.about-history .txt .intro {color: #666; margin-top:20px;display:-webkit-box; -webkit-line-clamp:8; text-overflow:ellipsis;overflow:hidden; -webkit-box-orient:vertical;}

.about-year{ margin-top:30px; position:relative;}

.about-year:before{ content:""; width:100%; height:1px; background:#d8d8d8; position:absolute; left:0;top:4px}

.about-year .con{ text-align:center; position:relative; cursor:pointer}

.about-year .circle{ display:block; width:8px; height:8px; border-radius:50%; background:#999; color:#999; position:absolute; left:50%; margin-left:-4px;top:0;}

.about-year .year{ padding-top:15px;}

.about-year .swiper-slide-thumb-active .circle{ background:#a9cc35}

.about-year .swiper-slide-thumb-active .year{ color:#a9cc35}

.devpbox{position:relative; background:url(../images/devbg.jpg) #f3f3f3 no-repeat left bottom;background-size: auto 100%;}

.development{ position:relative}

.development .left{ width:50%; float:left; font-size:24px; color:#4b4b4b; text-align:right; padding-right:40px;}

.development .right{ width:50%; float:left; padding-left:40px}

.development h3{ font-size:20px; font-weight:bold; color:#4b4b4b; margin-bottom:10px}

.development .item{ position:relative;}

.development .item01:before{ content:""; width:40px; height:40px; background:url(../images/clock.png) #f3f3f3 no-repeat; background-size:100%; border-radius:50%; position:absolute; left:50%; margin-left:-20px;top:-5px; z-index:9}

.development .item02:before{ content:""; width:10px; height:10px; background:#a9cc35;border-radius:50%; position:absolute; left:50%; margin-left:-5px;top:8px; z-index:9; box-shadow:0 0 0 5px rgba(169,204,53,.3)}

.development .item03:before{ content:""; width:10px; height:10px; background:#a9cc35;border-radius:50%; position:absolute; left:50%; margin-left:-5px;top:8px; z-index:9; box-shadow:0 0 0 5px rgba(169,204,53,.3)}

.development .item .right{ position:relative; padding-bottom:20px}

.development .item .right:before{ content:""; width:3px; height:100%; background:#e8e8e8; display:block; position:absolute; left:0;top:0}

.development .item03 .right:before{ height:15px}

.development .item .right p{ margin-bottom:5px;zoom:1; clear:both}

.development .item .right p:after{content:""; height:0; display:block; clear:both; visibility:hidden;}

.development .item .right .time{ float:left; width:120px}

.development .item .right .intro{ float:left; width:calc(100% - 120px)} 

.inner-nav-left{ width:240px; float:left}
.inner-nav-left h3{height: 75px;font-size: 24px;font-weight: normal;line-height: 75px;color: #fff; border-bottom: 1px solid #fff; background:#a9cc35;height: 80px;text-align: center;}
.inner-nav-left li{ margin-bottom:2px;}
.inner-nav-left li>a {display: block;font-size: 16px;padding-right: 40px;padding-left: 30px;color: #666;overflow: hidden;height: 50px;line-height: 50px; background:#ececeb; position:relative}
.inner-nav-left li>a i{ display:block; width:15px; height:15px; position:absolute; right:20px; top:17px;}
.inner-nav-left li>a i:after{ content:""; width:100%; height:1px; background:#999; position:absolute;left:0;top:7px;-moz-transition:.5s;-webkit-transition:.5s; transition:.5s}
.inner-nav-left li>a i:before{ content:""; width:100%; height:1px; background:#999; position:absolute;left:0;top:7px;-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
.inner-nav-left .sub{ display:none}
.inner-nav-left .sub a{display: block;font-size: 14px;padding-right:40px;padding-left:45px;color: #666;overflow: hidden;height: 40px;line-height:40px; background:#ececeb; position:relative; border-bottom:1px solid #fff}
.inner-nav-left li.active>a{background:#a9cc35; color:#fff }
.inner-nav-left li.active>a i:after, .inner-nav-left li.active>a i:before{ background:#fff}
.inner-nav-left li.active>a i:before{-moz-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}
/*.inner-nav-left li.active .sub{ height:auto; visibility:visible}*/
.inner-nav-left li.active .sub{ display:block}
.inner-nav-left .sub a:hover{color:#a9cc35}

.pro-right{ width:calc(100% - 280px); float:right; min-height:500px}
.product-list ul{ margin-right:-2%}

.product-list li{ float:left; width:31.33%; margin-right:2%; margin-bottom:2%; background:#fff; border:1px solid #e8e8e8;}

.product-list li .pic{ overflow:hidden;}

.product-list li img{ display:block; width:100%;}

.product-list li h3{color:#4b4b4b;font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.product-list li .more{font-size:12px;  border:1px solid #e8e8e8; display:block; background:url(../images/arrow_grey.png) no-repeat center; width:35px; height:35px;border-radius:50%;  margin-top:20px}

.product-list .txt{ padding:20px}

.product-list .txt .intro{ color:#999;line-height: 20px; margin-top:10px; font-size:14px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.product-list .txt .intro span{margin-right:20px}

.product-list li, .product-list li h3, .product-list .more, .product-list .intro{-webkit-transition: .5s ease;-moz-transition: .5s ease;transition: .5s ease;}

.product-list li:hover{ background:#a9cc35; color:#fff}

.product-list li:hover h3, .product-list li:hover .intro{ color:#fff}

.product-list li:hover .more{ color:#fff;background:url(../images/arrow.png) no-repeat center;}





.product-top{background:#4b4b4b;padding-top:60px; position:relative}

.product-top .wrap{ position:relative}

.product-top .ntitle{ margin-bottom:40px;font-size:30px; line-height:40px; color:#fff; position:relative}

.product-top .ntitle .more{font-size:12px; border-radius:25px; border:1px solid rgba(255,255,255,.3); display:block; background:url(../images/arrow_grey.png) no-repeat right 15px center; width:100px; line-height:35px; padding-left:20px; color:#fff; position:absolute; right:0;top:5px}

.product-top .ntitle .more:hover{background:url(../images/arrow.png) #a9cc35 no-repeat right 15px center; color:#fff; border:1px solid #a9cc35}

.product-top-box{ background:#fff; padding:40px 4% 0;}

.proimg{ display:block; width:100%}

.proimg-list{ margin-top:10px}

.proimg-list img{ display:block; width:100%; height:auto; border:1px solid #e8e8e8}

.product-top-box .left{ width:32%;}

.product-top-box .right{ width:65%; padding-right:150px; position:relative}

.product-top-box .right h2{ color:#4b4b4b; font-size:30px; margin-bottom:30px;}
.product-top-box .right .intro{ display:flex; display:-webkit-flex; flex-wrap:wrap; justify-content:space-between; }
.product-top-box .right .intro p{ width:47%; border-bottom:1px dashed #d8d8d8;padding-bottom:15px; margin-bottom:15px}
.product-top-box .right .intro span{color:#999;line-height:22px}
.product-top-box .right .intro p:nth-child(5),.product-top-box .right .intro p:nth-child(6){ margin-bottom:0}

.product-top-box .right .query{background: url(../images/right_icon01.png) #a9cc35 no-repeat 10px center; background-size:20px; color:#fff; display:block;padding-left:40px; line-height:40px; width:110px;border-radius:10px;position: absolute; right:0; bottom:15px;}
.product-top-box .right .query:hover{ background-color:#4b4b4b}

.case-list li{ width:23%}
.case-list .pic{ position:relative; overflow:hidden}
.case-list .img0{display:block; width:100%; height:auto;position:relative;}
.case-list .img1{ display:block; position:absolute;left:0;right:0;top:0;bottom:0; width:100%;  height:100%;object-fit:cover;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s; z-index:2}
.case-list .img2{ display:block; position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; width:100%;transition:.3s; z-index:1}
.case-list li:hover .img1{filter:alpha(opacity=0); opacity:0}
.content_pro{ font-size:16px}

.content_pro p{ margin-bottom:10px}

.hezuoxm .item{ width:48%; float:left; min-height:200px;}

.hezuoxm .item:nth-child(1){ background:url(../images/shadow.png) no-repeat right top; background-size:contain; padding-right:4%}

.hezuoxm .item:nth-child(2){ float:right}

.hezuoxm .item .icon{ display:flex; display:-webkit-flex; align-items:center; font-weight:bold; margin-bottom:20px}

.hezuoxm .item .icon img{ display:block; width:45px; margin-right:20px;}

.pro-feature ul{ display:flex; display:-webkit-flex; justify-content:center; font-size:20px;}

.pro-feature li{ width:16.66%; text-align:center; margin-bottom:2%;position:relative}
.pro-feature-7 li{ width:14.28%}
.pro-feature-8 li{ width:12.5%}
.pro-feature-9 li{ width:11.11%}

.pro-feature{display:flex; display:-webkit-fex;flex-wrap:wrap; justify-content:center; margin-right:-2%}
.pro-feature .item{ width:14.66%; margin-right:2%;background:#fff; border:1px solid #4b4b4b; border-radius:10px;position:relative; padding:60px 20px 30px; text-align:center; margin-top:30px;font-size:16px;}
.pro-feature .item span{ background:#a9cc35; display:block;height:60px; width:60px; line-height:60px; text-align:center; font-size:30px;font-family:bebas,Arial, Helvetica, sans-serif; color:#fff; border-radius:50%; position:absolute; left:50%; margin-left:-30px; top:-30px;box-shadow: 0 0 0 8px rgba(169,204,53,.2);}

.pro-report ul{ margin-right:-3%}

.pro-report li{ float:left; width:30.33%; margin-right:3%; background:#fff; box-shadow:0 0 25px rgba(0,0,0,.06); padding:50px 40px;margin-bottom:3%; height:260px; line-height:24px; position:relative}

.pro-report li h3{ font-size:20px; color:#333; line-height:30px}

.pro-report li h4{ font-size:16px; color:#4b4b4b; margin-bottom:15px; margin-top:5px;line-height:26px; padding-right:80px;}

.pro-report li:after{ content:""; width:80px; height:80px; position:absolute; right:30px;top:30px}

.pro-report li:first-child::after{ background:url(../images/icon12.png) no-repeat; opacity:.1}

.pro-report li:nth-child(2)::after{ background:url(../images/icon13.png) no-repeat; opacity:.1}

.pro-report li:nth-child(3)::after{ background:url(../images/icon14.png) no-repeat; opacity:.1}

.pro-report li:nth-child(4)::after{ background:url(../images/icon15.png) no-repeat; opacity:.1}

.pro-report li:nth-child(5)::after{ background:url(../images/icon16.png) no-repeat; opacity:.1}

.pro-report li p{ color:#999}

.pro-report table th{ font-weight:bold;color:#455b2a; font-size:24px; border:0; padding:0 5px 10px}
.pro-report table td{ border:1px solid #455b2a; padding:5px;}
.pro-report table tr td:first-child{ background:#efefef}

.pro-application ul{ display:flex; display:-webkit-flex; margin-right:-2%}

.pro-application li{float:left; width:31.33%; margin-right:2%; background:#fff; margin-bottom:2%; position:relative}

.pro-application li img{ display:block; width:100%;}

.pro-application li .tit{ position:absolute; left:0;bottom:0; width:100%; color:#fff; padding:20px; padding-top:50px; font-size:18px;

background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8)); /* Safari 5.1 - 6.0 */ 

background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8)); /* Opera 11.1 - 12.0 */ 

background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8)); /* Firefox 3.6 - 15 */ 

background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8));}

.pro-application-2 ul{ flex-wrap:wrap}


.pro-related{ padding-bottom:40px;}

.pro-related a{ display:block; background:#fff; padding:30px; text-align:center}

.pro-related img{ display:block; width:100%; -webkit-transition:.5s ease;-moz-transition:.5s ease;transition:.5s ease;}

.pro-related h3{ margin-top:20px; font-size:16px}

.pro-related .swiper-slide:hover img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}

.pro-related .swiper-pagination{ bottom:0}

.pro-related .swiper-pagination-bullet{ width:10px; height:10px;}

.pro-related .swiper-pagination-bullet-active{ background:#a9cc35}

.pro-related.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px}

.pro-solution .left{ width:50%; padding-right:4%}

.pro-solution .pro-feature ul{ font-size:16px; justify-content:flex-start; flex-wrap:wrap}

.pro-solution .pro-feature li{ padding:0 2%;width:25%}
.pro-solution .pro-feature .tit{ line-height:24px; padding-bottom:5px}
.pro-solution .pro-feature-5 li{ width:20%}
.pro-solution .pro-feature-6 li{ width:16.66%; padding:0 1%}
.pro-solution .pro-feature-7 li{ width:14.28%; padding:0 .2%}

.pro-solution .right{ width:50%;background:url(../images/shadow.png) no-repeat left top; background-size:contain; padding-left:4%}

.content_pro .protit{ font-size:22px; color:#4b4b4b; border-bottom:1px solid #d8d8d8; margin-bottom:30px; margin-top:20px;padding-bottom:10px; position:relative; font-weight:bold}

.content_pro .protit:after{ content:""; width:80px; height:4px; background:#a9cc35; display:block; position:absolute; left:0;bottom:0;margin:0 auto}

.pro-advantage li{padding:15px; margin-bottom:15px; border:1px solid #dfdfdf;display:flex; display:-webkit-flex; align-items:center;}

.pro-advantage li img{ width:45px;margin-right:15px}

.pro-client{position:relative; min-height:200px}

.pro-client .pic{ width:200px; height:200px;border-radius:50%; overflow:hidden; box-shadow:0 0 0 8px rgba(169,204,53,.5);position:absolute; right:0;top:0}

.pro-client .pic img{ display:block; width:100%;flex-shrink: 0}

.pro-client .txt{ position:relative; padding:0 80px; width:calc(100% - 280px);}

.pro-client .txt:before{ content:''; display:block; width:60px; height:50px;position:absolute; left:0; top:0; background:url(../images/yh01.png) no-repeat; opacity:.3}

.pro-client .txt:after{ content:''; display:block; width:60px; height:50px;position:absolute; right:0; bottom:0; background:url(../images/yh02.png) no-repeat; opacity:.3}

.pro-client .txt .ntitle{ text-align:left}



.pro-design{ position:relative; min-height:200px}

.pro-design .pic{ width:200px; height:200px;border-radius:50%; overflow:hidden; box-shadow:0 0 0 8px rgba(169,204,53,.5); position:absolute; left:0;top:0}

.pro-design .pic img{ display:block; width:100%;flex-shrink: 0}

.pro-design .txt{ /*margin:0 15%; margin-top:30px;*/ position:relative; padding:0 80px; width:calc(100% - 240px);}

.pro-design .txt:before{ content:''; display:block; width:60px; height:50px;position:absolute; left:0; top:0; background:url(../images/yh01.png) no-repeat; opacity:.3}

.pro-design .txt:after{ content:''; display:block; width:60px; height:50px;position:absolute; right:0; bottom:0; background:url(../images/yh02.png) no-repeat; opacity:.3}

.pro-design .txt .ntitle{ text-align:left}
.pro-backdrop{ padding:0 15%}

.main_message{ background:url(../images/bg03.jpg) no-repeat center; background-size:cover; color:#fff; padding:30px 0; margin-bottom:40px}

.main_message .left{ width:40%; padding-top:30px}

.main_message .left .p1{ font-size:25px; font-weight:bold}

.main_message .left .p2{ font-size:18px; margin-top:10px; margin-bottom:50px}

.main_message .left .p3{ background:url(../images/right_icon02.png) no-repeat 20px center; border:1px solid rgba(255,255,255,.5); border-radius:20px; display:inline-block; padding:5px 25px; padding-left:60px}

.main_message .left .p3 span{ font-weight:bold; font-size:20px}

.main_message .right{ width:55%}


.newslist{ max-width:1200px; margin:0 auto}

.newslist li{margin-bottom:2%; background:#fff;padding:20px; border:1px solid #e8e8e8; position:relative}

.newslist li .pic{ overflow:hidden; float:left; width:16%;}

.newslist li img{ display:block; width:100%;}

.newslist li h3{color:#4b4b4b;font-size:18px; line-height:26px; margin-bottom:10px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}

.newslist li .more{width:60px; height:100%; position:absolute; right:0;top:0; background:#f3f3f3}

.newslist li .more:after{ content:"";display:block; background:url(../images/arrow_grey.png) no-repeat center; width:35px; height:35px;border-radius:50%; position:absolute; left:50%; margin-left:-13px; top:50%; margin-top:-15px;}

.newslist li .time{ font-size:12px; color:#999;}

.newslist .txt{float:right; width:80%;padding-right: 60px;}

.newslist .txt .intro{ color:#999;line-height: 20px; margin-top:10px; font-size:14px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.newslist .txt .intro span{margin-right:20px}

.newslist li, .newslist li h3, .newslist .more, .newslist .intro, .newslist li .time{-webkit-transition: .5s ease;-moz-transition: .5s ease;transition: .5s ease;}

.newslist li:hover{ background:#a9cc35; color:#fff}

.newslist li:hover h3{ color:#fff}

.newslist li:hover .more{background:#9ec228;}

.newslist li:hover .more:after{ color:#fff;background:url(../images/arrow.png) no-repeat center;}

.newslist li:hover .time{ color:#fff; opacity:.6}

.newslist li:hover .intro{ color:#fff; opacity:.8}





.newscon{ max-width:1200px; margin:0 auto}

.newscon .ntit{font-size:26px; line-height:40px;color: #333;padding-bottom:10px; text-align:center; position:relative}

.newscon .ntime{font-size:12px; color:#999;border-bottom:1px solid #e8e8e8;margin-bottom:30px; text-align:center; padding-bottom:10px}

.newscon .ntime span{ margin:0 10px}



.newDetail{}

.newDetail p{ margin-bottom:10px}

.newDetail table td{ border:1px solid #ccc;}



.dingzhi .item{ float:left; width:46%; margin-right:2%; margin-left:2%; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.15); padding:40px; padding-left:180px; position:relative}

.dingzhi .item .icon{ position:absolute; left:60px;top:40px}

.dingzhi .item .icon img{ display:block; width:70px;}

.dingzhi .item .tit{ color:#4b4b4b; font-size:28px; margin-bottom:20px}

.dingzhi .item .intro{ line-height:28px;}

.dingzhi .item{-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}

.dingzhi .item:hover{box-shadow:0 3px 20px rgba(0,0,0,.15); transform:translateY(-3px)}



.liucheng{ position:relative;}

.liucheng .item{ float:left; width:20%; position: relative; }

.liucheng .item .pic{ border-radius:50%; overflow:hidden; width:175px; height:175px; margin:0 auto; border:10px solid #a9cc35}

.liucheng .pic img{ display:block; width:100%;}

.liucheng .item .line{ display:block; width:100%; height:15px; background:#a9cc35; margin:20px 0; position:relative}

.liucheng .item .line:after{ content:""; width:0; height:0; display:block; border-left:15px solid #a9cc35; border-top:15px solid transparent; border-bottom:15px solid transparent; position:absolute; right:-15px; top:-7px; z-index:2;}

.liucheng .item:last-child .line:after{ display:none}

.liucheng .item:nth-child(2n) .line:after{border-left:15px solid #666;}

.liucheng .item .txt{ padding:0 25px;line-height:28px;}

.liucheng .item .tit{ text-align:center; font-size:18px; color:#4b4b4b; margin-bottom:15px}

.liucheng .item:nth-child(2n) .pic{border:10px solid #666}

.liucheng .item:nth-child(2n) .line{background:#666;}

.liucheng .item:nth-child(1) .line{ border-top-left-radius:10px; border-bottom-left-radius:10px;}

.liucheng .item:nth-child(5) .line{ border-top-right-radius:10px; border-bottom-right-radius:10px;}



.CAE .item{ border-bottom:1px solid #e8e8e8; padding-bottom:30px; margin-bottom:30px}

.CAE .item .pic{ width:50%;}

.CAE .item .txt{ width:45%; padding-top:6%}

.CAE .item .txt .tit{ font-size:28px; color:#4b4b4b;margin-bottom:20px}

.CAE .item:nth-child(2n) .pic{ float:right}

.CAE .item:nth-child(2n) .txt{ float:left}



.caselist li h3{-webkit-line-clamp: 1; height:30px; margin-bottom:15px}



.messbox{position:relative; margin-top:10px}

.messbox .item{ position:relative;margin-bottom:10px}

.messbox .colm{ position:relative; width:32%; margin-right:2%; float:left}

.messbox .colm3{ float:right; margin-right:0}



.messbox .red{ position:absolute; right:5px;top:0;line-height:45px;}

.messbox label{ position:absolute; left:0; color:#666; line-height:38px; padding-left:10px}

.messbox .inp{ width:100%; border:none; background:#fff; line-height:38px; padding-left:55px; padding-right:10px; font-size:16px;}

.messbox .inp02{ padding-left:90px}

.messbox .inp03{ padding-left:70px; width:30%}

.messbox .submit{ display:block; width:130px; line-height:38px; border:0; font-size:16px; font-weight:bold; cursor:pointer;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s; position:absolute; right:0;top:0;background:#4b4b4b; color:#fff; }

.messbox .submit:hover{ border-radius:25px;}

.messbox textarea{ border:0; background:#fff; width:100%; height:70px; padding:10px; padding-top:30px;line-height:30px; font-size:16px; display:block}







.page_2{ padding-top:20px; position:relative; border-top:1px solid #e8e8e8; margin-top:40px;}

.page_2 p{ padding-right:150px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.page_2 .back{font-size: 12px;border-radius: 25px;border: 1px solid #e8e8e8;display: block;background: url(../images/arrow_grey.png) no-repeat right 15px center; width: 100px;line-height: 35px; padding-left: 20px; position:absolute; right:0;top:25px}

.page_2 .back:hover{background: url(../images/arrow.png) #a9cc35 no-repeat right 15px center; border:1px solid #a9cc35; color:#fff}







/*===========================contact================================*/

.content_c{ font-size:16px; line-height:30px}

.contbox{}

.contbox .contact-list{ float:right; width:40%}

.contbox .map{ float:left; width:55%}

.contact-list .item{ border-bottom:1px solid #e8e8e8; padding-left:80px; padding-bottom:20px; margin-bottom:20px; position:relative}

.contact-list .item:last-child{ margin-bottom:0}

.contact-list .icon{ position:absolute; left:0;top:0}

.contact-list .icon img{ display:block; width:60px; height:auto; opacity:.9}

.contact-list .tit{ font-size:18px; color:#333; margin-bottom:5px}



.lxfs{ margin-bottom:50px; margin-right:-3%}

.lxfs .item{ float:left; width:30.33%; margin-right:3%;padding:30px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); background:#fff; overflow:hidden; position:relative}

.lxfs .icon{ text-align:center;}

.lxfs .icon img{ display:block; height:60px; margin:0 auto}

.lxfs .tit{ font-size:18px;color:#4b4b4b; margin-bottom:10px; margin-top:15px; text-align:center;}

.lxfs .item:after{ content:""; width:180px; height:180px; background:#a9cc35; border-radius:50%; opacity:.3; position:absolute;}

.lxfs .item:before{content:""; width:200px; height:200px; background:#a9cc35;border-radius:50%; opacity:.3; position:absolute;}

.lxfs .item:nth-child(1):after{ left:-100px;bottom:-80px}

.lxfs .item:nth-child(1):before{ left:0; bottom:-100px}

.lxfs .item:nth-child(2):after{ left:0px;top:-120px}

.lxfs .item:nth-child(2):before{ left:-100px; top:-50px}

.lxfs .item:nth-child(3):after{ right:-100px;top:-80px}

.lxfs .item:nth-child(3):before{ right:0; top:-100px}


#allmap{width:100%;height:380px;line-height:22px; font-size:14px;}

.BMap_bubble_title{ white-space:normal !important;color: #333; font-size:16px;padding:10px 0; text-align:center}

.BMap_bubble_content{ text-align:center;color: #888; font-size:13px}

/*============================================================*/



.footer{ background:#4b4b4b; color:#b1b1b1;line-height:26px; padding-top:40px; padding-bottom:20px;font-size: 14px; position:relative}

.footer a{color:#b1b1b1;}

.footer a:hover{color:#fff}



.f_cer ul{ display:flex; display:-webkit-flex;justify-content:center;}

.f_cer li{ margin:0 5px; position:relative}

.f_cer li>img{ display:block;}

.f_cer li>img:hover{ cursor: pointer}

.f_cer .hd{ background:#fff; position:absolute; width:300px; padding:15px;box-shadow:0 0 15px rgba(0,0,0,.1); bottom:70px; left:50%; margin-left:-150px;opacity: 0;visibility: hidden;-webkit-transition:.5s;-moz-transition:.5s; transition:.5s;}

.f_cer .hd:after{ content:""; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #fff; position:absolute; left:50%; bottom:-6px; margin-left:-6px}

.f_cer .hd img{ display:block; width:100%;}

.f_cer li:hover .hd{opacity: 1;visibility: visible;}

.f_cer_hd{ position: fixed; width:100%; height:100%; background:rgba(0,0,0,.4); left:0;top:0; z-index:10; display:none}

.f_cer_hd ul{ }

.f_cer_hd ul:before{ content:''; width:35px; height:35px; background:url(../images/close.png) no-repeat; background-size:cover; position:absolute; right:-35px;top:0; cursor:pointer}

.f_cer_hd li{ display:none;background:#fff;position:absolute; left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);top:50%; box-shadow:0 0 15px rgba(0,0,0,.1); padding:30px;}

.f_cer_hd li img{ margin:0 auto; display:block}

.footer .mid{ width:calc(100% - 400px);}
.footer .mid ul{ display:flex; display:-webkit-flex; justify-content:space-between;}
.footer .mid li{ float:left; margin-left:5%;}
.footer .mid li h3{ margin-bottom:15px}
.footer .mid li h3 a{ font-size:16px; color:#fff}

.f_contact p{ padding-left:25px; line-height:28px;}
.f_contact .tel{ background:url(../images/f_icon01.png) no-repeat left 5px}
.f_contact .mail{ background:url(../images/f_icon02.png) no-repeat left 5px}
.f_contact .add{ background:url(../images/f_icon03.png) no-repeat left 5px}
.f_contact .sub{position:relative}

.footer .ewm-img{width:120px; height:auto; display:block; margin-top:10px;}

.footer .right{ width:135px; text-align:center}

.footer .bot{ padding-top:30px; margin-top:30px; border-top:1px solid rgba(255,255,255,.2)}
.f_link a{ display:inline-block; padding-right:10px; margin-right:10px; position:relative}
.f_link a:after{ content:""; width:1px; height:12px; background:rgba(255,255,255,.1); position:absolute; right:0;top:8px}


.float_kf{ position:fixed;right:10px; bottom:20%;box-shadow:0 0 15px rgba(0,0,0,.1); z-index:99}
.float_kf li{ width:70px; text-align:center;background:#4b4b4b;  position:relative; font-size:12px; border-bottom:1px solid rgba(255,255,255,.3); position:relative}
.float_kf li a{ display:block;padding:12px 0;color:#fff; }
.float_kf li{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.float_kf li:hover{ background:#a9cc35;color:#fff}.float_kf li:hover a{ color:#fff}
.float_kf li .hd{ opacity:0;visibility: hidden;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.float_kf .zx i{ width:25px; height:25px; background:url(../images/right_icon01.png) no-repeat; margin:0 auto 5px; display:block}
.float_kf .tel i{ width:25px; height:25px; background:url(../images/right_icon02.png) no-repeat; margin:0 auto 5px; display:block}
.float_kf .qq i{ width:25px; height:25px; background:url(../images/right_icon06.png) no-repeat; margin:0 auto 5px; display:block}
.float_kf .tel .hd{ background:#a9cc35; color:#fff; font-size:16px; position:absolute;right:90px;top:0; height:70px;text-align:left; padding:15px 25px; white-space:nowrap;}
.float_kf li:hover .hd{ opacity:1; visibility:visible;right:70px;}
.float_kf .mes i{ width:25px; height:25px; background:url(../images/right_icon03.png) no-repeat; margin:0 auto 5px; display:block}
.float_kf .gzh i{ width:29px; height:25px; background:url(../images/right_icon05.png) no-repeat; margin:0 auto 5px; display:block}
.float_kf .gzh .hd{background:#fff; color:#666; font-size:14px; position:absolute;right:90px;top:50%; margin-top:-100px;text-align:center; padding:10px 15px 20px;border: 1px solid #e8e8e8;border-radius:5px;)}
.float_kf .gzh .hd img{ display:block; width:150px;}
.float_kf .gzh:hover .hd{ right:70px}
.float_kf .backtop{background:#4b4b4b;}
.float_kf .backtop i{ width:25px; height:25px; background:url(../images/right_icon04.png) no-repeat; margin:0 auto 3px; display:block}
.float_kf .backtop a{ color:#fff}

#newBridge .nb-icon-base .nb-icon-inner-wrap{ display:none !important}
.hm-t-go-top{ display:none !important}
.pagination{ height:auto !important; padding-bottom:0 !important}