@charset "utf-8";
*,:after,:before{box-sizing:border-box;}
html{-webkit-text-size-adjust:none;}
html{zoom:1;}
html *{outline:0;zoom:1;}
body,blockquote,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
body,button,input,select,textarea{font-size:14px;line-height:30px;font-family:'Conv_Montserrat-Light',arial,microsoft yahei,Microsoft YaHei;}
body{color:#333;margin:0 auto;background:#fff;
/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none;
/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight:rgba(0,0,0,0);
/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
em,i{font-style:normal;}
li{list-style:none;}
img{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;height:auto;vertical-align:middle;border:0;}
table{border-collapse:collapse;border-spacing:0;}
a{color:#333;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
a:hover{color:#2bf5f9;text-decoration:none;}
a,a:focus{outline:0;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"";}
.clearfix{display:block;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.wrap{clear:both;display:block;margin:0 auto;width:1200px;}
.animate img{position:relative;opacity:1;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;-webkit-transform:scale(1,1) rotate(0);-ms-transition:.5s all;}
a:hover .animate img{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.animate img:hover{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.tran,.tran a,a.tran,.tran img{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
.hide,.none,ins{display:none;}
.bor_box::after,.bor_box::before{pointer-events:none;}
.bor_box::after,.bor_box::before{position:absolute;top:15px;right:15px;bottom:15px;left:15px;content:'';opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;}
.bor_box::before{border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1);}
.bor_box::after{border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0);}
a:hover .bor_box::after,a:hover .bor_box::before{opacity:.7;-webkit-transform:scale(1);transform:scale(1);}

#header{ width:100%; height:100px; border-bottom:1px solid rgba(255,255,255,.1)}
#header{ position:fixed; left:0; top:0; z-index:999;box-shadow: 0 1px 5px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.05);}
#header .content{ padding:0 3%}
#header .content .u-menu,
#header .content .nav .u-close{display:none;}	
#header .content .logo{ float:left;}
#header .content .logo a{width:200px; height:100px; display:block; background:url(../images/logo.png) no-repeat left center; background-size:auto 30px}
#header .content .sys{ float:right; border-left:1px solid #ddd;line-height:16px; padding:0 0 0 50px; margin:42px 0}
#header .content .sys a{ color:#fff; font-size:16px;}

#header .content .nav{ float:right; padding:0px 0}
#header .content .nav ul li{ float:left; margin-right:50px;position:relative}
#header .content .nav ul li h3 a{ font-size:16px; color:#fff;position: relative; display:block; line-height:100px}
#header .content .nav ul li h3 a::after {content: '';width:0px;height: 2px;background: #fff;position: absolute;left: 0;bottom: 20px;}
#header .content .nav ul li h3 a.cur::after {width: 100%;}
#header .content .nav ul li h3 a:hover::after {width:100%;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
#header .content .nav ul li h3 a.before::after {left: auto; right: 0;}
#header .content .nav ul li:hover h3 a::after {width: 100%;}
#header .content .nav ul li.curr h3 a::after {width: 100%;}
#header .content .nav ul li .sub{display:none;background:rgba(55,134,200,.5);position:absolute;left:-20px;top:100px;width:180px;z-index:992}
#header .content .nav ul li .sub{ padding:0 20px;}
#header .content .nav ul li .sub2{ width:230px}
#header .content .nav ul li .sub dd:first-child{margin-top:10px}
#header .content .nav ul li .sub dd:last-child{margin-bottom:20px;}
#header .content .nav ul li .sub dd{line-height:40px;margin-top:4px;}
#header .content .nav ul li .sub dd a{display:block;color:#fff; border-bottom:1px solid rgb(255,255,255,.2)}
#header .content .nav ul li .sub dd a{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;}

#header.nmain{ background:#fff}
#header.nmain .content .logo a{background:url(../images/logo_b.png) no-repeat left center; background-size:auto 30px; height:100px;}
#header.nmain .content .nav ul li h3 a{ color:#333}
#header.nmain .content .nav ul li h3 a::after{ background:#333; height:2px; bottom:20px}
#header.nmain .content .sys a{ color:#333}

#header.header-fixed{ background:#fff; height:60px;border-bottom:1px solid rgba(0,0,0,.03);}
#header.header-fixed .content .logo a{background:url(../images/logo_b.png) no-repeat left center; background-size:auto 30px; height:60px;}
#header.header-fixed .content .nav{ padding: 0;}
#header.header-fixed .content .nav ul li h3 a{ color:#333; line-height:60px;}
#header.header-fixed .content .nav ul li h3 a::after{ background:#333; height:2px; bottom:10px}
#header.header-fixed .content .nav ul li .sub{ top:60px}
#header.header-fixed .content .sys{ margin:22px 0}
#header.header-fixed .content .sys a{ color:#333}


/* 通用 */
.swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.swiper-container .swiper-slide{z-index: 22;}
.swiper-container {swiper-theme-color: #ff6600;swiper-preloader-color: #00ff33;}
/* banner */
#banner a{display:block;width:100%;height:auto;overflow:hidden;background:#000}
#banner .text{position:absolute;width:1000px;left:50%;top:35%;margin-left:-500px;text-align:center;z-index:10}
#banner .text h3{color:#fff;font-size:30px;font-family:Conv_Montserrat-Bold}
#banner .text h2{color:#fff;font-size:50px;font-weight:700;line-height:50px;margin-top:20px}
#banner .text h6{color:#fff;font-size:15px;width:190px;height:52px;line-height:52px;position:relative;border:2px solid #fff;text-align:center;margin-top:50px;cursor:pointer}
#banner .text h6:hover{background:#fff;color:#000}
#banner .text.left{left:13%;margin-left:0;text-align:left}
#banner .text.center{top:40%}
#banner .text.center h6{margin:50px auto auto}
#banner .text.right{left:auto;right:13%;margin-left:0;text-align:right}
#banner .text.right h6{float:right;clear:both}
#banner .text.none{display:none}
#banner .text h2{transform:translateY(200px);opacity:0;transition:all .4s}
#banner .text h3{transform:translateX(-200px);opacity:0;transition:all .4s}
#banner .text h6{transform:translateX(-200px);opacity:0;transition:all .8s}
#banner .ani-slide .text h2{transform:translateY(0);opacity:1}
#banner .ani-slide .text h3{transform:translateX(0);opacity:1}
#banner .ani-slide .text h6{transform:translateX(0);opacity:1}
#banner .pic{width:100%;height:100%}
#banner .pic img{display:block;width:100%;height:100%}
#banner .swiper-button-next,#banner .swiper-button-prev{top:auto;bottom:15px;width:27px;height:44px;margin-top:auto;background:0 0;z-index:99;outline:0}
#banner .swiper-button-prev{left:50%;margin-left:-190px}
#banner .swiper-button-next{left:auto;right:50%;margin-right:-170px}
#banner .swiper-pagination{position:absolute;right:5%;bottom:5%;text-align:right;width:97%}
#banner span.swiper-pagination-bullet{background:rgba(255,255,255,.4);width:40px;height:4px;border-radius:0;position:relative}
#banner span.swiper-pagination-bullet::before{content:'';width:0%;height:100%;left:0;top:0;background:#fff;z-index:3;display:block}
#banner span.swiper-pagination-bullet.swiper-pagination-bullet-active::before{-webkit-animation:w100 5s 1;animation:w100 5s 1;width:100%}
@keyframes w100{
	0%{width: 0%;} 
	100%{width: 100%;}
}
.rolling { width: 30px; height: 80px;position:absolute;left:1%;bottom: 7%;cursor: pointer;z-index: 10;}
.rolling h6 {font-size: 12px;color: #fff;width: 10px;position:absolute;right:-5px;top:10px;font-weight: normal; line-height:18px;}
.rolling h5 {font-size: 12px;color: #fff;width: 100px;position:absolute;right:-55px;top:40px;font-weight: normal;text-transform: uppercase;-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.rolling span { position: relative;width:100%;height:100%; display: block;}
.rolling i{ display: block;height:10px; width: 1px;position:absolute;left:50%;top:10%; margin-left: -1px; background: #fff;animation: height1 1000ms infinite ease-out;-webkit-animation: height1 1000ms infinite ease-out;}
@keyframes height1{
	0%{height:10px;top:10%;opacity: 1;} 
	100%{height:80px;top:85%;opacity: 0;}
}

.htitle{padding:0 5% 5%}
.htitle .t big{font-size:44px;font-weight:700;display:block;line-height:44px;text-transform:uppercase;color:#0e6f14;}
.htitle .t small{font-size:30px;display:block;margin-top:10px;color:#3786c8;}
.htitle .t small line{width:40px;height:2px;background:#6dbb58;margin:0 15px;display:inline-block;vertical-align:middle}
#product{width:100%;position:relative; padding:5% 0 0}
#product .list ul li{float:left;position:relative;width:calc((100% - 2px)/ 2)}
#product .list ul li .img{ overflow:hidden; width:100%; height:380px;}
#product .list ul li .img .mark{position:absolute;bottom:0;left:0;width:100%;height:70%;z-index:1;}
#product .list ul li .img img{ width:100%;height:100%;object-fit:cover}
#product .list ul li .t{position:absolute;width:100%;left:0;bottom:0;padding:5%;z-index:2}
#product .list ul li .t big{display:block;color:#000;font-size:16px; }
#product .list ul li .t small{display:block;font-size:20px;color:#000;font-weight:700; }
#product .list ul li:nth-child(2){float:right}
#product .list ul li:nth-child(n+3){float:left;position:relative;width:calc((100% - 4px)/ 3);margin-top:2px}
#product .list ul li:nth-child(n+4){margin-left:2px}

#brand{ width:100%;position:relative; overflow:hidden; padding:4% 0 0}
#brand .text{ position:absolute; left:-1%; top:5%; font-size:300px; opacity:.03; line-height:100%;text-transform: uppercase; z-index:0; width:100%; font-weight:700}
#brand .content{ z-index:9; position:relative; padding:10% 0 0;}
#brand .content .left{ width:50%; float:left; padding-right:5%}
#brand .content .left img{ width:100%}
#brand .content .right{ width:46%; float:left; padding-top:10%; margin-left:4%}
#brand .content .right .htitle{ padding:0}
#brand .content .right .bigimg{ display:none}
#brand .content .right .list{padding:10% 0}
#brand .content .right .list ul li{padding:3% 0}
#brand .content .right .list ul li .img{float:left;width:50px;padding:10px 0}
#brand .content .right .list ul li .img img{width:30px;height:30px}
#brand .content .right .list ul li .info{float:left;padding:0 3%;border-left:1px solid #ddd}
#brand .content .right .list ul li .info big{display:block;font-size:18px;line-height:18px}
#brand .content .right .list ul li .info small{display:block;font-size:18px;font-weight:700;line-height:18px;margin-top:14px}
#brand .content .right .more a{display: inline-block;font-size:16px; padding:2% 10%;line-height:100%;border:2px solid #6dbb58;text-align:center;color:#3786c8;}
#brand .content .right .more a:hover{ background:#6dbb58; color:#fff}

#solution{width:100%;position:relative;overflow:hidden; padding:5% 0 0}
#solution .htitle{padding-top:0}
#solution .list{overflow:hidden}
#solution .list .swiper-slide{float:left;position:relative;width:33.33%}
#solution .list .swiper-slide .img{width:100%;position:relative; overflow:hidden}
#solution .list .swiper-slide .img img{width:100%}
#solution .list .swiper-slide .img .mark{position:absolute;bottom:0;left:0;width:100%;height:70%;z-index:1;background:linear-gradient(to top,#000,rgba(0,0,0,0));opacity:.6}
#solution .list .swiper-slide .t{padding:5%;position:absolute;left:0;bottom:0;width:100%;font-size:20px;color:#fff;z-index:9;font-weight:700}
#solution .more{text-align:center;margin-top:3%;display:block}
#solution .more a{display:inline-block;font-size:16px;padding:1% 5%;line-height:100%;border:2px solid #6dbb58;text-align:center;color:#3786c8;}
#solution a:hover{background:#6dbb58;color:#fff}

#news{width:100%;padding:5% 0}
#news .list{padding:0 5%}
#news .list ul li{float:left;width:50%;overflow:hidden;position:relative}
#news .list ul li a{display:block;background:#ededed;overflow:hidden}
#news .list ul li .img{float:left;width:50%; overflow: hidden}
#news .list ul li .img img{width:100%}
#news .list ul li .info{ width:50%;height:100%;position:absolute;right:0;top:0;z-index:9;padding:5%}
#news .list ul li .info::before{content:'';width:0;height:0;border-width:20px 20px 20px 0;border-style:solid;border-color:transparent #6dbb58 transparent transparent;position:absolute;left:-20px;top:50%;margin-top:-20px;z-index:2}
#news .list ul li .info .t{font-size:18px;font-weight:700;margin-top:30%}
#news .list ul li .info time{margin-top:20px;display:block;color:#999}
#news .list ul li:nth-child(n+3) .img{float:right}
#news .list ul li:nth-child(n+3) .info{left:0;right:auto}
#news .list ul li:nth-child(n+3) .info::before{border-width:20px 0 20px 20px;left:auto;right:-20px;border-color:transparent transparent transparent #6dbb58}
#news .list ul li a:hover{background:#6dbb58}
#news .list ul li a:hover .info .t{color:#fff}
#news .list ul li a:hover .info::before{border-color:transparent #6dbb58 transparent transparent}
#news .list ul li:nth-child(n+3) a:hover .info::before{border-color:transparent transparent transparent #6dbb58}

#contact{ width:100%; background:url(../images/icontact.jpg) no-repeat center center; background-size:cover; padding:10%; text-align:center}
#contact a{ border:2px solid #fff; color:#fff; font-size:24px; padding:3% 15%;text-transform: uppercase;; font-weight:700}
#contact a:hover{ background:#fff; color:#000}

#footer{ width:100%; background:#3786c8; padding:5% 0}
#footer .left{ float:left; margin-left:5%}
#footer .left .item{ float:left; margin-right:60px}
#footer .left .item h3{ font-weight:700; color:#fff; font-size:16px; margin-bottom:20px; display:block}
#footer .left .item a{ color:#ffffff; display:block}
#footer .left .item a:hover{ color:#2bf5f9}
#footer .right{ float:right; margin-right:5%; text-align:right}
#footer .right .logo img{ height:30px; width:auto}
#footer .right .tel{ margin-top:20px; color:#ffffff}
#footer .right .tel em{ font-size:20px; display:block; font-weight:700}
#footer .right .cor{ color:#ffffff; margin-top:20px}
@media (max-width:1200px){
	.htitle{padding:0 5% 5%}
	.htitle .t big{font-size:36px}
	.htitle .t small{font-size:24px;}
	#header .content .nav ul li{ margin-right:20px}
	#header .content .nav ul li a{ font-size:14px; }
	#header .content .sys{padding:0 0 0 20px;}
	#header .content .sys a{font-size:14px;}
	#banner .text h3{font-size:20px;}
	#banner .text h2{font-size:30px;line-height:30px;margin-top:10px}
	#banner .text h6{font-size:14px;width:120px;height:40px;line-height:40px;margin-top:20px;}
	#product .list ul li .img{height:200px;}
	#product .list ul li .t big{font-size:14px}
	#product .list ul li .t small{font-size:18px;}
	#brand .content .right{ padding-top:1%;}
	#solution .more a{padding:2% 7%;}
	#news .list ul li .info .t{margin-top:10%}
	#news .list ul li .info time{margin-top:0px;}
}
@media (max-width:860px){
	#header .content .sys,
	#header .content .u-menu,
	#header .content .nav .u-close{display:none;}
	#header .content .u-menu,
	#header .content .nav .u-close{display:block;}				
	.u-mask{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: .5;z-index: 6;}
	.u-mask{-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
	body.z-open .m-nav{transform: translate3d(-5rem,0,0);-webkit-transform: translate3d(-5rem,0,0);}
	body.z-open .m-nav{-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
	
	#header{ width:100%; height:.8rem; border-bottom:1px solid rgba(255,255,255,.2)}
	#header .content .logo{ padding:0}
	#header .content .logo a{width:2rem; display:block; background:url(../images/logo.png) no-repeat left center; background-size: 1.85rem .3rem; height:.8rem}
	#header .content .u-menu{background:url(../images/m_nav.png) no-repeat right center; background-size:auto .3rem; width:.5rem; height:.8rem}
	#header .content .u-menu img{height:.3rem;width:auto;}	

	#header .content .nav{position:fixed;right:-5rem;top:0;height:100%;background:#222;width:3rem;z-index:9999;}
	#header .content .nav{-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
	#header .content .nav .u-close{position:absolute;left:-.7rem;top:.1rem;z-index:777;background:#fff;padding:.2rem;}
	#header .content .nav .u-close img{width:.3rem;height:auto;}
	#header .content .nav ul{margin-top:0rem;}
	#header .content .nav ul li{float:inherit;height:auto;display:block;border-bottom:1px solid #333;padding:0; width:100%}
	#header .content .nav ul li h3 a{font-size:.24rem;color:#fff;line-height:.8rem;margin-left:0;text-align:center; display:block}
	#header .content .nav ul li h3 .sub{display:none !important;}
	#header .content .nav ul li h3 a::after{ display:none}

	#header.nmain{ background:#f7f7f7}	
	#header.nmain{ height:.8rem;border-bottom:1px solid rgba(0,0,0,.03);}
	#header.nmain .content .nav ul li .sub{display:none !important;}
	#header.nmain .content .nav ul li h3 a{ color:#fff}
	#header.nmain .content .u-menu{background:url(../images/m_nav_b.png) no-repeat right center; background-size:auto .3rem; width:.5rem; height:.8rem }
	#header.nmain .content .logo a{width:2rem; display:block; background:url(../images/logo_b.png) no-repeat left center; background-size: 1.85rem .3rem; height:.8rem}
	
	#header.header-fixed{ background:#fff; height:.8rem;border-bottom:1px solid rgba(0,0,0,.03);}
	#header.header-fixed .content .nav ul li h3 a{ color:#fff; line-height:.8rem;}
	#header.header-fixed .content .u-menu{background:url(../images/m_nav_b.png) no-repeat right center; background-size:auto .3rem; width:.5rem; height:.8rem }
	#header.header-fixed .content .logo a{width:2rem; display:block; background:url(../images/logo_b.png) no-repeat left center; background-size: 1.85rem .3rem; height:.8rem}
	
	#banner .text{position:absolute;width:100%;left:0%;top:30%;margin-left:0px;text-align:center;z-index:10}
	#banner .text h3{font-size:.3rem;}
	#banner .text h2{font-size:.4rem;line-height:.4rem;margin-top:0}
	#banner .text h6{font-size:.2rem;width:1.2rem;height:.4rem;line-height:.4rem;margin-top:.5rem}
	#banner .text h6:hover{background:#fff;color:#000}
	#banner .text.left{left:13%;margin-left:0;text-align:left}
	#banner .text.center{top:30%}
	#banner .text.center h6{margin:.5rem auto auto}
	#banner .pic{width:100%;height:5rem}
	#banner .pic img{width:100%;height:100%;object-fit:cover}
	#banner .swiper-button-next,#banner .swiper-button-prev{top:auto;bottom:.1rem;width:.2rem;height:.4rem;}
	#banner span.swiper-pagination-bullet{;width:.4rem;height:.04rem;}
	.rolling{ display:none}
	
	.htitle{padding:2% 5% 5%}
	.htitle .t big{font-size:.28rem;line-height:.3rem;}
	.htitle .t small{font-size:.26rem;margin-top:0rem}
	.htitle .t small line{width:.4rem;height:.02rem;;margin:0 .15rem;}
	#product .list ul li{float: inherit;width:100%; margin-top:.1rem}
	#product .list ul li .t{ line-height:.3rem}
	#product .list ul li .t big{font-size:.26rem}
	#product .list ul li .t small{font-size:.24rem;}
	#product .list ul li:nth-child(2){float:inherit}
	#product .list ul li:nth-child(n+3){float:inherit;width:100%;margin-top:.1rem}
	#product .list ul li:nth-child(n+4){margin-left:0}
	
	#brand .text{ display:none}
	#brand .content{ z-index:9; position:relative; padding:0% 5%;}
	#brand .content .left{display:none}
	#brand .content .right{ width:100%; float:inherit; padding-top:0%; margin-left:0}
	#brand .content .right .htitle{ padding-top:2%}
	#brand .content .right .bigimg{ display: block; margin-top:5%}
	#brand .content .right .bigimg img{ width:100%}
	#brand .content .right .list ul li{padding:5% 0}
	#brand .content .right .list ul li .img{width:.8rem;padding:.05rem 0}
	#brand .content .right .list ul li .img img{width:.5rem;height:.5rem}
	#brand .content .right .list ul li .info big{font-size:.26rem;line-height:.26rem}
	#brand .content .right .list ul li .info small{font-size:.24rem;line-height:.24rem;margin-top:.2rem}
	#brand .content .right .more{ text-align:center}
	#brand .content .right .more a{display: inline-block;font-size:.24rem; padding:2.5% 7%;line-height:100%;}
	#brand .content .right .more a:hover{ background:#333; color:#fff}
	
	#solution .list .swiper-slide{float:left;position:relative;width:100%}
	#solution .list .swiper-slide .t{font-size:.24rem;}
	#solution .more a{font-size:.24rem;}
	
	#news .list ul li{float: inherit;width:100%;overflow:hidden;position:inherit; margin-top:.2rem}
	#news .list ul li a{display:block;background:#ededed;overflow:hidden}
	#news .list ul li .img{float:inherit;width:100%; height:3rem}
	#news .list ul li .img img{width:100%;height:100%;object-fit:cover}
	#news .list ul li .info{width:100%;position: inherit;height: auto; right:auto; top:auto; padding:3%;}
	#news .list ul li .info .t{font-size:.24rem;margin-top:.2rem; line-height:.34rem}
	#news .list ul li .info time{margin-top:0rem; font-size:.2rem;}
	#news .list ul li .info::before{ display:none}
	#news .list ul li a:hover{background:#000}
	#news .list ul li a:hover .info .t{color:#fff}
	#news .list ul li a:hover .info::before{ display:none}
	#news .list ul li:nth-child(n+3) .img{float:inherit}
	
	#contact{ padding:15%; }
	#contact a{ font-size:.24rem;}
	
	#footer{ padding:10% 0}
	#footer .left{ display:none}
	#footer .right{ float: inherit; margin-right:0; text-align: center; line-height:.34rem}
	#footer .right .logo img{ height:.3rem;}
	#footer .right .tel{ margin-top:.1rem; }
	#footer .right .tel em{ font-size:.24rem; }
	#footer .right .cor{ margin-top:.1rem; font-size:.2rem}
}

#nmain{ width:100%; background:#f7f7f7; padding:2% 5%; margin-top:100px;}
#nmain .weizhi,
#nmain .weizhi a{ color:#999}
#nmain .clist{ text-align:center; padding:2% 0}
#nmain .clist2{ text-align:center; padding:2% 0 0}
#nmain .clist a{ margin:0 2%; font-size:16px}
#nmain .clist .currclass{ font-weight:700; border-bottom:2px solid #333; padding:5px 0}
#nmain .prolist ul li{ float:left; width:calc((100% - 6%) / 4); margin-right:2%; margin-top:3%; background:#fff}
#nmain .prolist ul li{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#nmain .prolist ul li:nth-child(4n){margin-right:0}
#nmain .prolist ul li .img{overflow:hidden}
#nmain .prolist ul li .info{ text-align:center; padding:4%}
#nmain .prolist ul li .info big{ font-weight:bold; font-size:16px; display:block}
#nmain .prolist ul li .info small{ display:block; color:#999; line-height:20px}
#nmain .prolist ul li:hover{box-shadow:0 3px 10px rgba(0,0,0,0.1);transform:translateY(-10px);-webkit-transform:translateY(-10px); background:#3786c8}
#nmain .prolist ul li:hover .info big,
#nmain .prolist ul li:hover .info small{ color:#333}
@media (max-width:1200px){
	#nmain .prolist ul li{ float:left; width:calc((100% - 4%) / 3); margin-right:2%; margin-top:2%}
	#nmain .prolist ul li:nth-child(4n){margin-right:2%}
	#nmain .prolist ul li:nth-child(3n){margin-right:0}
}
@media (max-width:1000px){
	#nmain .prolist ul li{ float:left; width:calc((100% - 2%) / 2); margin-right:2%; margin-top:2%}
	#nmain .prolist ul li:nth-child(4n){margin-right:2%}
	#nmain .prolist ul li:nth-child(3n){margin-right:2%}
	#nmain .prolist ul li:nth-child(2n){margin-right:0}
	#nmain .prolist ul li:nth-child(2n){ float:right}
}
@media (max-width:860px){
	#nmain .weizhi,
	#nmain .weizhi a{ font-size:.2rem}
	#nmain .clist{ text-align:center; padding:5% 0; line-height:.6rem}
	#nmain .clist a{ margin:0 2%; font-size:.26rem}
	#nmain .clist .on{ padding:.2rem 0}
	#nmain .prolist ul li{ float:left; width:100%; margin-right:0;overflow:hidden; margin-top:6%}
	#nmain .prolist ul li .info{ text-align:center;}
	#nmain .prolist ul li .info small{ display:block; color:#999; line-height:.26rem}
	#nmain .prolist ul li:hover{transform:translateY(0px);-webkit-transform:translateY(0px); background:#6dbb58}
	#nmain{ margin-top:.8rem;}
}

#nmain .soulist ul li{ background:#fff; display:block; margin-top:3%}
#nmain .soulist ul li{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#nmain .soulist ul li .img{ float:left; width:30%; height:280px;}
#nmain .soulist ul li:nth-child(2n) .img{ float:right}
#nmain .soulist ul li .img img{width:100%;height:100%;object-fit:cover}
#nmain .soulist ul li .info{ float:right; width:70%; padding:2% 5% 0}
#nmain .soulist ul li:nth-child(2n) .info{ float:left}
#nmain .soulist ul li .info big{ display:block; font-weight:700; color:#333; font-size:18px}
#nmain .soulist ul li .info small{ display:block; line-height:24px; margin-top:2%; color:#888}
#nmain .soulist ul li .info p{ display:block; margin-top:2%}
#nmain .soulist ul li .info p span{ background:#6dbb58; line-height:30px; display: inline-block; padding:0 2%; color:#333}
#nmain .soulist ul li a{ display:block; background:#fff}
#nmain .soulist ul li:hover{box-shadow:0 3px 10px rgba(0,0,0,0.1);transform:translateY(-10px);-webkit-transform:translateY(-10px);}
@media (max-width:860px){
	#nmain .soulist ul li{ background:#fff; display:block; margin-top:6%}
	#nmain .soulist ul li .img{ float: inherit; width:100%; height:3rem}
	#nmain .soulist ul li .info{ float:inherit; width:100%; padding:5% 5%}
	#nmain .soulist ul li .info big{  font-size:.28rem}
	#nmain .soulist ul li .info small{line-height:.36rem; font-size:.24rem}
	#nmain .soulist ul li .info p span{ line-height:.4rem; font-size:.24rem}
	#nmain .soulist ul li:hover{transform:translateY(0px);-webkit-transform:translateY(0px);}
}

#nmain .service{ background:#fff; padding:5%; line-height:240%}
#nmain .service h2{ font-size:20px; font-weight:bold; padding:10px 0; display:block;}
#nmain .service strong{ font-size:15px}
@media (max-width:860px){
	#nmain .service h2{ font-size:.3rem;  padding:.1rem 0;}
	#nmain .service strong{ font-size:.26rem}
	#nmain .service p{ padding-bottom:.3rem; font-size:.24rem; line-height:.4rem}
}
#nmain .newslist{ margin-top:2%}
#nmain .newslist ul li{float:left;width:50%;overflow:hidden;position:relative}
#nmain .newslist ul li a{display:block;background:#ededed;overflow:hidden}
#nmain .newslist ul li .img{float:left;width:50%; overflow: hidden}
#nmain .newslist ul li .img img{width:100%}
#nmain .newslist ul li .info{ width:50%;height:100%;position:absolute;right:0;top:0;z-index:9;padding:5%}
#nmain .newslist ul li .info::before{content:'';width:0;height:0;border-width:20px 20px 20px 0;border-style:solid;border-color:transparent #ededed transparent transparent;position:absolute;left:-20px;top:50%;margin-top:-20px;z-index:2}
#nmain .newslist ul li .info .t{font-size:18px;font-weight:700;margin-top:30%}
#nmain .newslist ul li .info time{margin-top:20px;display:block;color:#999}
#nmain .newslist ul li:nth-child(3) .img,
#nmain .newslist ul li:nth-child(4) .img,
#nmain .newslist ul li:nth-child(7) .img,
#nmain .newslist ul li:nth-child(8) .img{float:right}
#nmain .newslist ul li:nth-child(3) .info,
#nmain .newslist ul li:nth-child(4) .info,
#nmain .newslist ul li:nth-child(7) .info,
#nmain .newslist ul li:nth-child(8) .info{left:0;right:auto}
#nmain .newslist ul li:nth-child(3) .info::before,
#nmain .newslist ul li:nth-child(4) .info::before,
#nmain .newslist ul li:nth-child(7) .info::before,
#nmain .newslist ul li:nth-child(8) .info::before{border-width:20px 0 20px 20px;left:auto;right:-20px;border-color:transparent transparent transparent #ededed}
#nmain .newslist ul li a:hover{background:#000}
#nmain .newslist ul li a:hover .info .t{color:#fff}
#nmain .newslist ul li a:hover .info::before{border-color:transparent #000 transparent transparent}
#nmain .newslist ul li:nth-child(3) a:hover .info::before,
#nmain .newslist ul li:nth-child(4) a:hover .info::before,
#nmain .newslist ul li:nth-child(7) a:hover .info::before,
#nmain .newslist ul li:nth-child(8) a:hover .info::before{border-color:transparent transparent transparent #000}

@media (max-width:860px){
	#nmain .newslist ul li{float: inherit;width:100%;overflow:hidden;position:inherit; margin-top:6%}
	#nmain .newslist ul li a{display:block;background:#fff;overflow:hidden}
	#nmain .newslist ul li .img{float:inherit;width:100%; height:3rem}
	#nmain .newslist ul li .img img{width:100%;height:100%;object-fit:cover}
	#nmain .newslist ul li .info{width:100%;position: inherit;height: auto; right:auto; top:auto; padding:3%;}
	#nmain .newslist ul li .info .t{font-size:.24rem;margin-top:.2rem; line-height:.34rem}
	#nmain .newslist ul li .info time{margin-top:0rem; font-size:.2rem;}
	#nmain .newslist ul li .info::before{ display:none}
	#nmain .newslist ul li a:hover{background:#000}
	#nmain .newslist ul li a:hover .info .t{color:#fff}
	#nmain .newslist ul li a:hover .info::before{ display:none}
	#nmain .newslist ul li:nth-child(n+3) .img{float:inherit}	
}
#nmain .contact{ background:#fff; padding:5%}
#nmain .contact .left{ float:left; font-size:16px; width:50%}
#nmain .contact .from{ float:right; width:50%}
#nmain .contact .from .item{ padding:10px 0}
#nmain .contact .from .item label{ font-size:16px;}
#nmain .contact .from .item .text{ border:2px solid #666; line-height:40px; width:100%; text-indent:10px}
#nmain .contact .from .item .textarea{ border:2px solid #666; line-height:40px; width:100%; height:100px; text-indent:10px}
#nmain .contact .from .button{ margin-top:10px}
#nmain .contact .from .button .btn{ background:#333; color:#fff; font-size:16px; padding:10px 50px; border:0}

@media (max-width:860px){
	#nmain .contact .left{ float: inherit; font-size:.26rem; width:100%; line-height:.44rem}
	#nmain .contact .from{ float:inherit; width:100%; margin-top:10%}
	#nmain .contact .from .item{ padding:.1rem 0}
	#nmain .contact .from .item label{ font-size:.26rem;}
	#nmain .contact .from .item .text{ border:1px solid #999; line-height:.6rem;text-indent:.1rem; font-size:.24rem}
	#nmain .contact .from .item .textarea{ border:1px solid #999; line-height:.3rem; height:1rem; text-indent:.1rem; font-size:.24rem}
	#nmain .contact .from .button{ margin-top:.1rem}
	#nmain .contact .from .button .btn{ font-size:.26rem; padding:1% 10%;}
}
/*返回顶部*/
#gotop{position:fixed;right:.2rem;bottom:1rem;z-index:900;display:none;width:.6rem;height:.6rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:rgba(109,187,88,.6);}
#gotop img{display:block;width:.6rem;height:.6rem;}

/*通用分页样式*/
#fenye{padding:50px 0;text-align:center;clear:both;}
#fenye table{text-align:center;margin:0 auto}
#fenye a{margin:0 2px;color:#5a5a5a;text-decoration:none;padding:10px 15px;border:1px solid #eee; background:#FFF}
#fenye .prev,#fenye .next{width:52px;text-align:center}
#fenye a.curr{font-weight:700;color:#fff;background:#333;border:1px solid #333}
#fenye a:hover{background:#333;color:#fff;border:1px solid #333}
#fenye span{margin:0 2px;color:#5a5a5a;text-decoration:none;padding:10px 15px;border:1px solid #eee;background:#FFF}
@media (max-width:860px){

	#fenye{padding:.5rem 0;text-align:center;clear:both;font-size:.24rem}
	#fenye table{text-align:center;margin:0 auto}
	#fenye a{margin:0 2px;color:#5a5a5a;text-decoration:none;padding:.1rem .15rem;border:1px solid #eee; background:#FFF}
	#fenye .prev{ display:none}
	#fenye a.num{ display:none}
	#fenye a.curr{font-weight:700;color:#fff;background:#333;border:1px solid #333}
	#fenye a:hover{background:#333;color:#fff;border:1px solid #333}
	#fenye span{margin:0 2px;color:#5a5a5a;text-decoration:none;padding:.1rem .15rem;border:1px solid #eee; background:#FFF}
}
#nmain .content{ margin-top:3%; background:#fff; padding:5%}
#nmain .content .tit{ border-bottom:1px solid #eee;padding-bottom:1%}
#nmain .content .tit h1{ font-size:24px; font-weight:700; line-height:30px; padding:0 10px; text-align:center}
#nmain .content .tit .info{ text-align:center; font-size:12px; color:#999;margin-top:2%; }
#nmain .content .tit .info i{ margin:0 1%}
#nmain .content .mycontent{ padding:3% 0; line-height:180%; font-size:15px}
#nmain .content .mycontent img{ max-width:100%; margin:2% 0;}
#nmain .content .updown{background:#f8f8f8; padding:20px;}
#nmain .content .mycontent table{border:1px;border-collapse:collapse;width:100%;white-space:nowrap;background-color:#fff;margin-top:30px;}
#nmain .content .mycontent table td,
#nmain .content .mycontent table th{text-align:center;padding:8px}
#nmain .content .mycontent table td{border-right:1px solid #eee;font-family:Conv_Montserrat-Light,arial,microsoft yahei,Microsoft YaHei!important;font-size:14px!important;width:auto!important}
#nmain .content .mycontent table td span{font-family:Conv_Montserrat-Light,arial,microsoft yahei,Microsoft YaHei!important;font-size:14px!important;width:auto!important}
#nmain .content .mycontent table tr:nth-child(1){color:#fff;background:#4fc3a1}
#nmain .content .mycontent table tr:nth-child(even){background:#f8f8f8}
@media (max-width:860px){
	#nmain .content .tit{padding:6% 0}
	#nmain .content .tit h1{ font-size:.3rem;  line-height:.4rem; padding:0 .1rem; }
	#nmain .content .tit .info{ font-size:.2rem;; margin-top:4%;}
	#nmain .content .tit .info i{ margin:0 1%}
	#nmain .content .mycontent{ padding:3% 0; line-height:180%; font-size:.24rem}
	#nmain .content .mycontent img{ max-width:100%; margin:2% 0;}
	#nmain .content .updown{background:#f8f8f8; padding:.1rem; line-height:.34rem}
	#nmain .content .updown p{font-size:.2rem;}
	#nmain .content .mycontent table{width:100%;margin-top:.3rem;display: block;overflow-x: auto; height:auto;}
	#nmain .content .mycontent table td,
	#nmain .content .mycontent table th{text-align:center;padding:0rem; width:auto!important;word-wrap: break-word!important; line-height:.3rem}
	#nmain .content .mycontent table td{font-size:.22rem!important;width:auto!important}
	#nmain .content .mycontent table td span{font-size:.22rem!important;width:auto!important}	
	#nmain .content .mycontent table tr:nth-child(1) td{ padding:.1rem 0}
}
@font-face {
	font-family: 'Conv_Montserrat-Bold';
	src: url('/skin/css/fonts/Montserrat-Bold.eot');
	src: local('☺'), url('/skin/css/fonts/Montserrat-Bold.woff') format('woff'), url('/skin/css/fonts/Montserrat-Bold.ttf') format('truetype'), url('/skin/css/fonts/Montserrat-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Montserrat-Light';
	src: url('/skin/css/fonts/Montserrat-Light.eot');
	src: local('☺'), url('/skin/css/fonts/Montserrat-Light.woff') format('woff'), url('/skin/css/fonts/Montserrat-Light.ttf') format('truetype'), url('/skin/css/fonts/Montserrat-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Montserrat-Regular';
	src: url('/skin/css/fonts/Montserrat-Regular.eot');
	src: local('☺'), url('/skin/css/fonts/Montserrat-Regular.woff') format('woff'), url('/skin/css/fonts/Montserrat-Regular.ttf') format('truetype'), url('/skin/css/fonts/Montserrat-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}