@charset "utf-8";
/* CSS Document */

body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%;  font-family:Geneva, sans-serif, "Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); background-color: #fff; }
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
/* input { -webkit-appearance: none; } */172

a { text-decoration: none; color: #666; }249
a:hover { text-decoration: none; color: #62b15d; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* 全局浮动 */
.fl { float: left; }
.fr { float: right; }







/*隐现效果*/

.article-block .pageBoxT2 .hometitle, .article-block .pageBoxT2 .hometext, .article-block .pageBoxT2 .Loomingbox {
	transform: translate(0px, 50px);
	-webkit-transform: translate(0px, 50px);
	opacity: 0;
}
.articleShow .pageBoxT2 .hometitle, .articleShow .pageBoxT2 .hometext, .articleShow .pageBoxT2 .Loomingbox {
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	opacity: 1;
}





.article-block .pageBoxT2 .hometitle {
	transition: all 500ms ease-in-out 0s;
}
.article-block .pageBoxT2 .hometext {
	transition: all 700ms ease-in-out 0s;
}

.article-block .pageBoxT2 .Loomingbox {
	transition: all 900ms ease-in-out 0s;
}










.lislider {
	
	padding:10px 21px; 
	background:#fff; 
	border-bottom:#dde2e5 1px solid; 
	border-right:#dde2e5 1px solid; 
	line-height:20px; 
	margin-bottom:3px; 
	display: inline-block;
	
	}




.wrapper { 
	margin: 0 auto;
	width:1200px;
}

.bgtable{ width:100%; border-collapse:collapse; border-spacing:0;}
.bgtable td{ border:1px solid #ccc; line-height:2; padding-left:10px;;}





.boxshadow {
    -moz-box-shadow: 	2px 2px 30px rgba(0,0,0,0.1);
    -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1);
    box-shadow: 		2px 2px 30px rgba(0,0,0,0.1);
}



.roundsa { 
	border-radius: 30px; 
	-moz-border-radius: 30px; 
	-webkit-border-radius: 30px; 
	border-radius: 30px; 
}





.newslide {
    z-index: 0;
    transform-origin: bottom;
    transform: scaleY(1);
    background-color: #fff;

}


.newslide  .newstitle {
	color:#666;
	font-size:18px;
	margin-bottom:15px; 
	background:url(../images/newslogo.png) no-repeat right center;
	text-align:left;
}


.newslide  .newscontent {
	color:#666;
	font-size:13px;
	text-align:left;
}






.newslide:hover {
    z-index: 0;
    transform-origin: bottom;
    transform: scaleY(1);
    background-color: #428FEF;
    box-shadow: 0px 8px 19px #dedede;
	transition: all 0.6s ease;
}


.newslide:hover  .newstitle {
	color:#FFF;
	font-size:18px;
	margin-bottom:15px; 
	background:url(../images/newslogoa.png) no-repeat right center;
	text-align:left;
}


.newslide:hover  .newscontent {
	color:#FFF;
	font-size:13px;
	text-align:left;
}






.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative; height: 650px; }
.bannerslide .swiper-slide a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; text-decoration: none; text-align: center; color: #fff; }
.bannerslide .swiper-slide a .con { margin-top: 52px; }
.bannerslide .swiper-slide a .con .tit { line-height: 48px; font-size: 40px; font-weight: 400; margin-bottom: 20px; }
.bannerslide .swiper-slide a .con .txt { line-height: 24px; font-size: 14px; font-weight: 400px; }
.paginationw { position: absolute; left: 0; text-align: center; bottom: 50px !important; width: 100%; z-index: 9; }
.swiper-pagination-bullet { background: #ddd;  }
.swiper-pagination-bullet-active { background: #00419d; }


.bannerslide .swiper-button-prev { 
	/* background: url(../img/arrows.png) no-repeat left top; */
	
	position: absolute; 
	left: 10px; 
	top: 50%; 
	margin-top: -15px; 
	width: 17px; 
	height: 30px; 
}


.bannerslide .swiper-button-next { 
	/* background: url(../img/arrows.png) no-repeat right bottom;  */
	
	position: absolute; 
	right: 10px; 
	top: 50%; 
	margin-top: -15px; 
	width: 17px; 
	height: 30px; 
	}



.topbar{position:fixed; z-index:999; box-sizing:border-box; top:0; right:0; left:0; -webkit-transition: all .2s; transition: all .2s;}
.container{ padding:0 40px; line-height:70px;}


.logo{ 
	float:left; 
	background:url(../img/logo.png) no-repeat center top; 
	background-size:cover; 
	width:192px; 
	height:45px; 
	display:inline-block;
	margin-top:15px;
	background-size: contain;
	}
	
	
	
	
.top-right{ float:right; font-size:14px; font-weight:700; color:#fff;}
.top-right a{ color:#fff;}
.split{ font-size:12px; color:#fff; padding:0 1px; font-weight:normal;}

.nav{ padding-left:30%;}
.nav .nli{ float:left; position:relative; text-align:center; padding:0 14px;}
.nav .nli a{ font-weight:300; font-size:16px; color:#fff;}



.nav .nli a:hover{ color:#999; text-decoration:none;}
.nav .nli .sub{ position:absolute; display:none; width:120px; z-index:99; background:rgba(0,0,0,.7); left:0; top:61px;}
.nav .nli .sub li{ display:block; text-align:center; border-bottom:1px solid rgba(255,255,255,.1); line-height:35px;}
.nav .nli .sub li a{ font-size:12px; color:#fff; font-weight:normal; }
.nav .nli .sub li:hover{ background:#ececec;}
.nav .nli .sub li:hover a{ color:#666;}


.topbar.fxd{ background:#fff; height:97px; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); -webkit-transition: all .2s; transition: all .2s;}
.topbar.fxd .logo{ 
	background:url(../img/logoblack.png) no-repeat center top; 
	background-size:cover; 
	width:192px; 
	height:45px; 
	margin-top:15px;
	background-size: contain;
	}


.topbar.fxd .nav a{ color:#666;}
.topbar.fxd .top-right{ color:#666;}
.topbar.fxd .top-right a{ color:#666;}
.topbar.fxd .split{ color:#666;}




.pageBoxT2{
	width:100%;
	box-sizing:border-box;
	}

.hometitle{ 
	font-size:24px; 
	font-weight:bold; 
	display:block;
	width:100%; 
	color:#000;
	}


.hometext{ 
	font-size:14px; 
	line-height:160%; 
	display:block; 
	width:100%; 
	color:#666;
	}


.homebox1{ padding:95px 0 60px 0;}
.homebox1 .hometext{ margin-bottom:60px;}
.homebox1 .prolist{ text-align:center; margin-bottom:60px; display:block;}
.homebox1 .prolist a{ background:#e6f1f8; font-size:15px; padding:10px 20px; margin-right:5px; color:#666;
border-radius:30px;}
.homebox1 .prolist .all{ background:#1e9024; color:#fff;}

.probox{}
.probox .item{ margin-right:10px; margin-bottom:10px; width:19.334%; float:left; -webkit-transition: all .2s; transition: all .2s;}
.probox .item:nth-child(5n){ margin-right:0;}
.probox .item:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 0 10px rgba(0,0,0,.1); }
.probox .item .pic { display: block; }
.probox .item .pic img { display: block; width: 100%; }
.probox .item .info { background:#f2f8fb; text-align:center; padding:30px 40px; height:100px;}
.probox .item .info .name { font-size:18px; color:#192436; margin-bottom:10px;}
.probox .item a:hover{ text-decoration:none;}
.probox .item a:hover .info .name { color:#1e9024;}
.probox .item .info .text { font-size:13px;  color:#777; line-height:160%; word-wrap: break-word; word-break: normal; display: -webkit-box;overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2;}

.homebox2{ background:#f5f5f5; padding-top:70px; padding-bottom:70px; float:left; width:100%;}

.probox1{ margin-top:60px; margin-bottom:60px;}
.probox1 .item{ float:left; width:49.584%; margin-right:10px; margin-bottom:10px;}
.probox1 .item:nth-child(2n){ margin-right:0;}
.probox1 .item .pic { display: block; }
.probox1 .item .pic img { display: block; width: 100%; }
.probox1 .item .info{ padding:60px 60px; display:block; background:#fff;}
.probox1 .item:hover .name a{ text-decoration:none; color:#393;}
.probox1 .item .info .name a{ float:left; display:block; font-size:18px;color:#666; width:70%;}
.probox1 .item .info .name a:hover{ color:#390;}
.probox1 .item .info .name span{ padding:8px 20px; border:#ddd 1px solid; float:right; background:#FFF;color:#666; font-size:12px; font-weight:900;}
.probox1 .item .info .text{ width:100%; padding-top:30px; font-size:14px; color:#666; word-wrap: break-word; display: -webkit-box;overflow: hidden; -webkit-box-orient: vertical;  word-break: break-all; -webkit-line-clamp: 2;}


.homebox3{ padding-top:70px; padding-bottom:70px;}




.probox2{ padding-bottom:30px; width:90%; padding:0 0%;  padding-top:50px; box-sizing:border-box;  overflow:hidden;}


.probox2 .item{}
.probox2 .item:hover a{ text-decoration:none;}
.probox2 .item .pic{ display: block; }
.probox2 .item .pic img { display: block; width: 100%; }


.probox2 .item .info{ background:#f5f5f5; padding: 40px 40px ; text-align: center;}


.probox2 .item .info .name{ 
	font-size: 18px;
    color: #333;
    line-height: 24px;
	}
	
	
.probox2 .item .info .text{
	font-size: 14px;
    color: #313d49;
    line-height: 20px;
    overflow: hidden;
    margin: 10px auto 30px;
    text-align: center;
}


.probox2 .item .info .buttomsa{
	font-size: 14px;
    color: #313d49;
    line-height: 20px;
    overflow: hidden;
    margin: 10px auto;
    text-align: center;
}







.probox21{ padding-top:50px; padding-bottom:30px; width:1200px;}
.probox21 .item{}
.probox21 .item:hover a{ text-decoration:none;}
.probox21 .item .pic{ display: block; }
.probox21 .item .pic img { display: block; width: 100%; }
.probox21 .item .info{ background:#f5f5f5; padding: 15px 40px; text-align: center;}


.probox21 .item .info .name{ 
	font-size: 18px;
    color: #333;
    line-height: 30px;
    margin-top: 20px;
    letter-spacing: 2px;
	}
	
	
.probox21 .item .info .text{
	font-size: 14px;
    color: #777;
    line-height: 20px;
    height: 56px;
    overflow: hidden;
    margin: 20px auto;
    text-align: center;
    margin-bottom: 0px;
}







.homebox4{ background:#e9f2e4; padding:70px 0px 40px 0px;}
.homebox4 .hometitle{ margin-bottom:60px;}
.homebox4 .position{ position:relative;}
.homebox4 .tag{ position:absolute; top:-24px; width:100%;}
.homebox4 .tag .tt{ width:100px; height:42px; line-height:42px; text-align:center;margin:0 auto; border:#bec9b8 1px solid; background:#fff; color:#666;}
.homebox4 .taglist{ font-size:14px; text-align:center; line-height:160%; margin-bottom:40px; width:100%; color:#666; border:#bec9b8 1px solid; padding:30px 40px; background:#f7faf5;}
.homebox4 .taglist a{ padding:0 9px;}


.titn{ margin-bottom:20px;}
.titn h4{ float:left; font-weight:normal; font-size:17px; color:#666;}
.titn ul{ float:right;}
.titn ul li{ float:left; padding-left:10px;}
.titn ul li a{ font-size:12px; color:#666; text-align:right;}
.titn .more{ float:right; display:block; font-size:12px; color:#666; text-align:right;}


.newbox{ margin-bottom:40px;}

.boxn1{ float:left; width:33%;}
.boxn1 .titn{ width:360px;}
.boxn1 .content{}
.boxn1 .content .box{ margin-bottom:15px;}
.boxn1 .content .box .pic{ float:left; width:114px; margin-right:16px;}
.boxn1 .content .box .pic img{ border:1px solid #ccc; display:block; width:100%;}
.boxn1 .content .box .info{ float:left; width:230px;}
.boxn1 .content .box .info .nam{ padding-bottom:8px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.boxn1 .content .box .info .nam a{ font-size:14px; color:#666;}
.boxn1 .content .box .info .nam a:hover{ color:#F30;}
.boxn1 .content .box .info .txt{ font-size:12px; color:#666;}


.boxn2{ float:right; width:67%;}
.boxn2 .content{}
.boxn2 .content .box{ width:250px; float:left; margin-right:25px;}
.boxn2 .content .box:nth-child(3){ margin-right:0;}
.boxn2 .content .box .pic{ width:100%; margin-right:16px;}
.boxn2 .content .box .pic img{ display:block; width:100%;}
.boxn2 .content .box .info{ border:#cfd9ca 1px solid; padding:16px 20px; background:#FFF;}
.boxn2 .content .box .info .nam{ padding-bottom:8px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.boxn2 .content .box .info .nam a{  font-size:14px; color:#666;}
.boxn2 .content .box .info .nam a:hover{ color:#F30;}
.boxn2 .content .box .info .txt{ font-size:12px; color:#666;}


.boxn3{ float:left; width:33%;}
.boxn3 .titn{ width:360px;}
.boxn3 .content{}
.boxn3 .content .box{ width:170px; float:left; margin-right:20px;}
.boxn3 .content .box:nth-child(2){ margin-right:0;}
.boxn3 .content .box .pic{ width:100%; margin-right:16px;}
.boxn3 .content .box .pic img{ display:block; width:100%;}
.boxn3 .content .box .info{ border:#cfd9ca 1px solid; padding:16px 20px; background:#FFF;}
.boxn3 .content .box .info .nam{ margin-bottom:8px;word-wrap: break-word;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;word-break: break-all;-webkit-line-clamp: 2;}
.boxn3 .content .box .info .nam a{  font-size:14px; color:#666;}
.boxn3 .content .box .info .nam a:hover{ color:#F30;}
.boxn3 .content .box .info .txt{ font-size:12px; color:#666;}


.boxn4{ float:left; width:33%;}
.boxn4 .titn{ width:360px;}
.boxn4 .content{}
.boxn4 .content .box{ width:360px; float:left; margin-bottom:15px;}
.boxn4 .content .box:nth-child(3){ margin-bottom:0;}
.boxn4 .content .box .pic{ float:left; width:114px; margin-right:16px;}
.boxn4 .content .box .pic img{ display:block; width:100%; border:#CCC 1px solid;}
.boxn4 .content .box .info{ float:left; width:230px;}
.boxn4 .content .box .info .nam{ padding-bottom:8px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.boxn4 .content .box .info .nam a{  font-size:14px; color:#666;}
.boxn4 .content .box .info .nam a:hover{ color:#F30;}
.boxn4 .content .box .info .txt{ font-size:12px; color:#666;}


.boxn5{ float:left; width:33%;}
.boxn5 .titn{ width:400px;}
.boxn5 .content{}
.boxn5 .content .box{ width:400px; float:left; margin-bottom:15px;}
.boxn5 .content .box:nth-child(3){ margin-bottom:0;}
.boxn5 .content .box .nam{ padding-bottom:8px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.boxn5 .content .box .nam a{  font-size:14px; color:#666;}
.boxn5 .content .box .nam a:hover{ color:#F30;}
.boxn5 .content .box .info{ width:100%;}
.boxn5 .content .box .info .pic{ float:left; width:78px; margin-right:16px;}
.boxn5 .content .box .info .pic img{ display:block; width:100%; border:#CCC 1px solid;}
.boxn5 .content .box .info .txt{ float:left; width:306px; font-size:12px; color:#666;}

.newbox1 .boxn5 .titn{ width:360px;}
.newbox1 .boxn5 .content .box{ width:360px;}
.newbox1 .boxn5 .content .box .info .txt{float:left; width:266px;}

.boxn6{ float:left; width:33%;}
.boxn6 .titn{ width:400px;}
.boxn6 .content{ float:left; width:400px;}


.homebox5{ background:#177505 url(../img/lvbg.jpg) no-repeat center top; padding:70px 0px;}
.homebox5 .honor{ margin-top:35px;}
.homebox5 .honor li{ float:left; background-color:#e6f1f8; text-align:center; margin-right:10px; width:19%;}
.homebox5 .honor li img{ width:100%; display:block; height:320px;}
.homebox5 .honor li:last-child{ margin-right:0;}
.homebox5 .hometitle{ color:#fff;}
.homebox5 .hometext{ color:#fff;}






.homebox6{ background:#1b2935; padding:70px 0;}
.homebox6 .erwm{ float:right;}
.homebox6 dl{ float:left; font-size:14px; color:#aaa; width:15%;}
.homebox6 dl dt{ padding-bottom:10px; color:#FFF; font-weight:bold;}
.homebox6 dl dd a{ color:#aaa; line-height:160%;}
.homebox6 .white{ color:#fff; margin-top:20px;}
.homebox6 .q1{ background:url(../img/salestel.png) no-repeat left center;}
.homebox6 .q2{ background:url(../img/renshi.png) no-repeat left center;}
.homebox6 .aa{ padding-left:24px;}
.homebox6 .contact{ width:36%; }







.homebox06 { padding: 50px 0; background:#eff2f5; }
.homebox06 .box { background: #fff; text-align: center; width: 100%; margin: 50px auto; padding: 70px 0 40px; }
.homebox06 .box p { font-size: 14px; color: #666; line-height: 24px; margin-bottom: 30px; }
.homebox06 .box .list { width: 700px; margin: 0 auto; }
.homebox06 .box .list li { width: 20%; float: left; margin-bottom: 20px; font-size: 12px; color: #666; }
.homebox06 .box .list li img { display: block; margin: 0 auto 10px; }







.huobanswiper { width: 900px; margin: 0 auto; }
.huobanswiper img {}
.huobanswiper span {float:left; width:100%; display: block; font-size: 12px; color: #000;  }








.footer{ background:#1b2935; padding:30px 0 40px 0; color:#666; font-size:14px; line-height:160%;}
.footer .fotmenu{ border-bottom:#666 1px solid; padding:19px 0 30px 0;}
.footer .fotmenu ul li{ float:left; padding-right:20px;}
.footer .fotmenu ul li a{ color:#aaa;}
.footer .foot{ margin-top:20px;}
.footer .foot ul li{ float:left; background:#00419d; padding:8px 20px; color:#fff; margin-left:10px;}






.top_menu{ display:none;}

.mm-menu { width: 50%; z-index:10000000;}
.mm-navbar { height: 50px; line-height: 30px; }
.mm-panel .mm-navbar { display: block; }
.mm-menu > .mm-panel > .mm-navbar + .mm-listview { margin-top: 1px; border-top: 1px solid #3a3b4b; }
.mm-menu > .mm-panel:before { height: 50px; font-size: 1.125rem; }
.mm-listview { line-height: 26px; }
.mm-listview > li:not(.mm-divider):after { left: 0; }
.mm-listview > li > a, .mm-listview > li > span { padding: 10px 10px 10px 10px; text-align: center; }

html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.mm-menu.mm-theme-dark .mm-navbar > *, .mm-menu.mm-theme-dark .mm-navbar a { text-transform: uppercase; color: #888; }
.mm-menu.mm-theme-dark .mm-navbar { border-color: #14151b; }

.mm-menu.mm-theme-dark { background: #22232d; color: #cfcfcf; }
.mm-listview > li:not(.mm-divider):after { height: 1px; background: #14151b; }
.mm-menu .mm-listview > li:after { border-color: #3a3b4b; }
.mm-menu.mm-theme-dark .mm-listview > li:after { border-color: #3a3b4b; }

.mm-menu.mm-theme-dark .mm-navbar.mm-navbar-bottom { border: 0; }

/*  */
/*2021.08.13*/
.language {position: relative;font-size: 16px;font-weight: bold;}
.language:before{position: absolute;content: '';top: calc(50% - 7px);left: -22px;width: 20px;height: 13px;background-image: url(../images/en.jpg);background-repeat: no-repeat;background-size: cover;}

@media (max-width: 1200px){
	.wrapper { width: 100%; padding: 0 20px; box-sizing: border-box; }
	.nav{ width:65%;}
	.probox .item{ width:19.3%;}
	.probox1 .item{ width:49.5%;}
	.homebox4 .taglist{ width:auto;}
	.boxn2 .content .box{ margin-right:12px;}
	
	.prolist01 .item{ width:23.7%;}
	.prolist02 .item,.workshop .item{ width:27%;}
	.case .item{ width:32%;}
}


@media (max-width: 720px){
	.bannerslide .swiper-slide{ height:300px;}
	.top_menu { float: right; display: block; margin-top:5px;}
	.container{ padding:0;}
	.nav{ display:none;}
	.top-right{ display:none;}
	.homebox1 .prolist a{ display:inline-block; margin-bottom:10px;}
	.probox .item{ width:48%; margin:1%;}
	.probox .item:nth-child(5n){ margin-right:1%;}
	.probox .item .info{ padding:20px;}
	.probox .item .info .name{ font-size:16px;}
	.probox1 .item{ width:100%;}
	.probox1 .item .info{ padding:40px;}
	.probox1 .item .info .name a{ font-size:16px;}
	.newbox{ margin-bottom:0;}
	.boxn1,.boxn2,.boxn3,.boxn4,.boxn5,.boxn6{ width:100%; box-sizing:border-box; margin-top:20px;}
	.boxn1 .titn,.boxn3 .titn,.boxn4 .titn,.boxn5 .titn,.boxn6 .titn{ width:100%;}
	.newbox1 .boxn5 .titn{ width:100%;}
	.boxn1 .content .box .pic,.boxn4 .content .box .pic{ width:30%;}
	.boxn1 .content .box .info,.boxn4 .content .box .info{ width:65%;}
	.boxn2 .content .box{ width:100%; margin-bottom:10px;}
	.boxn3 .content .box{ width:48%; margin-right:12px;}
	.boxn4 .content .box{ width:100%;}
	.boxn5 .content .box{ width:100%;}
	.boxn5 .content .box .info .pic{ width:20%;}
	.boxn5 .content .box .info .txt{ width:74%;}
	.newbox1 .boxn5 .content .box{ width:100%;}
	.newbox1 .boxn5 .content .box .info .txt{ width:74%;}
	.boxn6 .content{ width:100%;}
	.homebox5 .honor li img{ height:auto;}
	.homebox5 .honor li{ width:17%;}
	.homebox6 dl{ display:none;}
	.homebox6 .contact{ display:block; width:100%;}
	.footer .fotmenu{ display:none;}
	
	
	/* .inbanner{ height:300px;}
	.inbanner .title h2{ font-size:40px; margin-top:50px;}
	.about01 .about-img{ width:100%;}
	.about01 .con{ width:100%; box-sizing:border-box; padding:5%;}
	.about02 .whul li{ width:100%; margin-bottom:10px;}
	.nlist li{ margin-bottom:10px;}
	.nlist li a{ display:inline-block; padding:10px 15px;}
	.newlist .pic{ display:none;}
	.newlist .date{ display:none;}
	.newlist .info{ width:100%;}
	.workshop .item{ width:100%; box-sizing:border-box;}
	.case .item{ width:100%;}
	.contact-in .cinl{ width:100%; border-right:none;}
	.proo li{ width:100%; height:auto; margin:0 0 20px 0;}
	.probox01 .item{ width:100%;}
	.procontou .fl{ max-width:none;}
	.procontou .proslide{ max-width:none; height:auto;}
	.procontou .info{ width:100%;} */

	
	
}



/* 20210702 by seanLu */


.menuBox.on { display: none; }

.waolistx { margin-left: 310px; }
.waolistx .item { float: left; width: 32%; margin-right: 2%; background: #fff; height: 300px; margin-bottom: 12px; -webkit-transition: all .2s; transition: all .2s; }
.waolistx .item:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); box-shadow: 0 0 20px rgba(0,0,0,.1); }
.waolistx .item:nth-child(3n) { margin-right: 0; }
.waolistx .item .img { margin: 40px auto 20px; max-width: 130px; }
.waolistx .item .img a { display: block; }
.waolistx .item .img img { display: block; width: 100%; }
.waolistx .item .tit { line-height: 20px; height: 20px; color: #000; font-size: 16px; font-weight: bold; text-align: center; }
.waolistx .item .tit a { color: #000; font-size: 16px; text-decoration: none; }
.waolistx .item .sub { line-height: 20px; height: 20px; font-weight: bold; text-align: center; }
.waolistx .item .sub a { color: #999; font-size: 14px; text-decoration: none; }
.waolistx .item .txt { line-height: 16px; height: 32px; overflow: hidden; font-size: 13px; color: #666; margin: 15px 40px 0; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2; }



.inwrap { overflow: hidden; position: relative; z-index: 6; background: #fff url(../img/bg.jpg) repeat center top; background-attachment: fixed; }


.inbg { height: 270px; background: url(../img/inbanner.jpg) no-repeat center; background-size: cover; position: fixed; top: 0; left: 0; right: 0; padding-bottom: 50px; z-index: 0; }

.inbanner { height: 160px; position: relative; padding-bottom: 50px; overflow: hidden; }
.inbanner:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../img/a.png) repeat center; content: ''; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }
.inbanner .title { position: relative; padding-top: 50px; color: #fff; padding-left: 20px; text-shadow: 0 0 10px rgba(0,0,0,.1); }
.inbanner .title .cn { font-size: 38px; font-weight: bold; position: relative; text-transform: uppercase; }
.inbanner .title .cn:before { content: ''; display: block; width: 5px; height: 30px; background: #00419d; position: absolute; top: 12px; left: -20px; }
.inbanner .title .en { font-size: 20px; text-transform: uppercase; line-height: 1.6; }

.navbar { background: rgba(255,255,255,.1); height: 50px; line-height: 50px; text-align: center; position: absolute; top: 270px; right: 0; left: 0; z-index: 6; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.navbar .ibul .ibli { display: inline-block; }
.navbar .ibul .ibli .iba { display: block; padding: 0 30px; font-size: 16px; color: #fff; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; }
.navbar .ibul .ibli .iba:hover { color: #fff; background: rgba(255,255,255,.1); }
.navbar .ibul .ibli.on .iba { color: #00419d; font-weight: bold; background: #fff; }

.bigtitle { text-align: center; margin: 60px 0; color: #333; }
.bigtitle .cn { font-size: 32px; font-weight: bold; }
.bigtitle .en { font-size: 16px; text-transform: uppercase; color: #999; line-height: 2; }

.aboutbox01 { padding: 60px 0; font-size: 16px; line-height: 30px; text-align: justify; }
.aboutbox01 p { margin-bottom: 20px; }
.aboutbox01 .ablist { margin: 20px 0; background: url(../img/shuaishuaidetu.jpg) no-repeat center; background-size: cover; padding: 50px 20px; }
.aboutbox01 .ablist .item { width: 16.66666%; float: left; text-align: center; }
.aboutbox01 .ablist .item img { width: 50px; padding: 20px; border-radius: 50%; background: #00419d; display: block; margin: 0 auto; }
.aboutbox01 .ablist .item span { display: block; margin-top: 10px; font-size: 16px; }


.newslist { margin: 60px 0; }
.newslist .item { width: 49%; float: left; margin-right: 2%; margin-bottom: 24px; box-sizing: border-box; border: 1px solid #dedede; -webkit-transition: all .4s; transition: all .4s; background: #e6e6e6; padding: 30px; font-family: "PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; }
.newslist .item .img { margin-bottom: 20px; }
.newslist .item .img img { display: block; width: 100%; }
.newslist .item:nth-child(2n) { margin-right: 0; }
.newslist .item:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.newslist .item .time { font-size: 12px; line-height: 20px; margin-bottom: 10px; color: #999; }
.newslist .item .time .split { margin: 0 10px; color: #ccc; }
.newslist .item .name { font-size: 18px; line-height: 28px; margin-bottom: 25px; height: 28px; overflow: hidden; background: url(../img/hb04ico01.png) no-repeat right center; }
.newslist .item .name a { color: #00419d; font-size: 20px; text-decoration: none; }
.newslist .item .name a:hover { opacity: .8; }
.newslist .item .text { color: #777; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 16px; }
.newslist .item .link { overflow: hidden; margin-bottom: -12px; }
.newslist .item .link a { width: 24px; height: 24px; display: block; background: url(../img/hb01img01s.png) no-repeat center; float: left; }
.newslist .item .link a.l02 { float: right; background-image: url(../img/hb01img02s.png); }


.newswrap { margin: 60px 0; font-size: 16px; }

.newstitle { font-size: 26px; text-align: center; line-height: 30px; font-family: microsoft yahei; font-weight: bold; margin-bottom: 5px; color: #000; }
.newstitlesub { font-size: 20px; text-align: center; line-height: 30px; font-family: microsoft yahei; font-weight: bold; margin-bottom: 20px; color: #666; }
.newstitleimg { margin: 20px 0; }
.newstitleimg img { display: block; margin: 0 auto; max-width: 100%; }

.newstitlebigimg { margin: 20px 0; }
.newstitlebigimg img { display: block; margin: 0 auto; max-width: 100%; border: 1px solid #dedede; }

.newsinfo { font-size: 12px; text-align: center; line-height: 30px; color: #999; font-family: microsoft yahei; }
.newsinfo .author, .newsinfo .time { margin: 0 5px; }
.newsmaincon { margin: 20px 0; min-height: 100px; font-family: microsoft yahei; }
.newsmaincon img { max-width: 100%; }
.newsmaincon h3 { font-size: 18px; font-weight: normal; background: linear-gradient(to right, #00419d, #00419d); color: #fff; line-height: 30px; padding: 5px 20px; border-radius: 5px; margin-bottom: 20px; margin-top: 40px; }
.newsmaincon h1 { font-size: 26px; font-weight: bold; background: #00419d; color: #fff; line-height: 60px; padding: 5px 30px; border-radius: 0; margin-bottom: 20px; margin-top: 0; }
.newsmaincon p { font-size: 16px; line-height: 30px; margin-bottom: 20px; color: #333; }
.newsmaincon .dou { margin-bottom: 20px; }
.newsmaincon .dou02 { overflow: hidden; }
.newsmaincon .dou02 li { width: 50%; float: left; }
.newsmaincon .dou li:before { content: '·'; color: #00419d; font-weight: bold; margin-right: 10px; }

.newsbackline { height: 30px; line-height: 30px; border-top: 1px solid #dedede; padding-top: 10px; margin: 30px 0 0; }
.newsbackline ul { width: 100%; }
.newsbackline ul li { width: 33.333333%; float: left; text-align: center; display: block; height: 33px; }
.newsbackline ul li a { display: inline-block; width: 120px; border-width: 1px; border-style: solid; border-color: #dedede; text-decoration: none; color: #666; font-size: 12px; }
.newsbackline ul li a:hover { border-color: #00419d; color: #00419d; }
.newsbackline ul li.prev { text-align: left; }
.newsbackline ul li.prev a { text-align: center; }
.newsbackline ul li.next { text-align: right; }
.newsbackline ul li.next a { text-align: center; }

.honorlist { padding: 60px 0; }
.honorlist .item { float: left; width: 25%; text-align: center; }
.honorlist .item a { display: block; width: 100%; -webkit-transition: all .2s; transition: all .2s; }
.honorlist .item a:hover { opacity: .8; -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.honorlist .item .img { display: block; }
.honorlist .item .img img { display: inline-block; max-width: 100%; }

.contactbox01 { position: relative; display: flex; margin: 60px 0; }
.contactbox01 .item01 { width: 60%; background: #e6e6e6; align-items: center; display: flex; justify-content: center; padding: 50px; }
.contactbox01 .item01 h3 { font-size: 22px; color: #00419d; margin-bottom: 10px; }
.contactbox01 .item01 p { font-size: 16px; color: #333; line-height: 30px; }
.contactbox01 .item02 { flex: 1 1; background: #00419d; align-items: center; display: flex; justify-content: center; }
.contactbox01 .item02 img { display: block; max-width: 200px; }

.profeng { margin: 60px 0; }
.profeng .item { width: 32%; float: left; margin-right: 2%; background: #e5e5e5; }
.profeng .item:nth-child(3n) { margin-right: 0; }
.profeng .item .img { padding: 0; }
.profeng .item .img a { display: block; width: 100%; }
.profeng .item .img img { display: block; width: 100%; }
.profeng .item .inf { padding: 20px; text-align: center; }
.profeng .item .inf .nam { line-height: 30px; font-size: 16px; color: #333; }
.profeng .item .inf .sub { line-height: 30px; font-size: 24px; color: #00419d; font-weight: bold; margin: 5px 0 20px; }
.profeng .item .inf .dow { background: #fff; margin-top: 10px; }
.profeng .item .inf .dow a { text-align: center; background: #fff; display: block; padding: 0 10px; line-height: 36px; font-size: 12px; border: 1px solid #dedede; }
.profeng .item .inf .dow img { vertical-align: middle; margin-left:5px; width: 12px; }

.prolist { margin: 60px 0; }
.prolist .item { width: 18.4%; float: left; margin-right: 2%; background: #fff; box-sizing: border-box; padding: 20px 10px; border: 1px solid #dedede; margin-bottom: 20px; -webkit-transition: all .2s; transition: all .2s; }
.prolist .item:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); box-shadow: 0 0 20px rgba(0,0,0,.1); }
.prolist .item:nth-child(5n) { margin-right: 0; }
.prolist .item .img { margin: 0; }
.prolist .item .img a { display: block; width: 100%; padding: 20px 40px; box-sizing: border-box; }
.prolist .item .img img { display: block; width: 100%; }
.prolist .item .inf { text-align: center; }
.prolist .item .inf .nam { font-weight: bold; font-size: 16px; line-height: 30px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 1;}
.prolist .item .inf .nam a { font-size: 16px; color: #000; }
.prolist .item:hover .inf .nam a { color: #00419d; }
.prolist .item .inf .sub { font-weight: bold; font-size: 14px; line-height: 24px; }
.prolist .item .inf .sub a { font-size: 14px; color: #999; }




@media (max-width: 1200px){
	.shakuan { width: 100% !important; }
	.shakuan2 { margin-left: 605px; float: none !important; width: auto !important; }

	.aiyowei8 { display: none !important; }

	.wrapper { width: 100%; padding: 0 20px; box-sizing: border-box; }


}
@media (max-width: 720px){
	body.fxd { overflow: hidden; }

	.touwao { display: none; }
	.touwao2 { float: none !important; width: 100% !important; font-size: 12px !important; }
	.touwao3 { width: 150px !important; height: 40px !important; margin-top: 16px !important; }

	.menuBox { width: 100% !important; position: fixed !important; top: 108px !important; left: 0 !important; right: 0 !important; background: rgba(0,0,0,.8); height: auto !important; padding: 10px 0 40px; display: none!important; }
	.menuBox.on { display: block!important; }
	.menuBox ul li.nav0 a { color: #fff !important; }
	.menuBox ul li.nav0 { width: 50%; float: left; text-align: center; margin: 0; }
	.menuBox ul li.nav0:first-child { display: none; }


	.bannerslide .swiper-slide a { margin-top: 20px !important; }
	.bannerslide .swiper-slide a .pad:nth-child(1) { margin-bottom: 5px !important; }
	.bannerslide .swiper-slide a .pad:nth-child(2) { font-size: 20px !important; margin-bottom: 100px !important; }
	.bannerslide .swiper-slide a .textbox { width: 80% !important; }
	.paginationw { bottom: 20px !important; }

	.homebox2 { padding: 30px 0; }
	.homebox2 .shakuan { padding: 0 20px; box-sizing: border-box; }

	.waoside { width: auto !important; background-size: cover!important; }
	.hometext666 { font-size: 12px; margin-top: 20px!important; }
	.waolistx { margin-left: 0; margin-top: 10px; float: none!important; padding-top: 10px; }
	.waolistx .item { width: 49%; }
	.waolistx .item:nth-child(3n) { margin-right: 2%; }
	.waolistx .item:nth-child(2n) { margin-right: 0; }
	.waolistx .item .txt { margin: 15px 15px 0; }

	.aiyowei { width: 100%!important; float: none!important; overflow: hidden; }
	.aiyowei3 { width: 100%!important; float: none!important; overflow: hidden; }
	.aiyowei2 { width: auto !important; padding: 50px 0 !important; float: none !important; }
	.aiyowei4 { width: 80% !important; padding: 50px 0 !important; float: none !important; height: auto !important; margin: 0 auto !important; display: none!important;  }
	.aiyowei5 { width: 60% !important; box-sizing: border-box !important; float: none !important;  }

	.aiyowei6 { width: 100% !important; float: none !important; }
	.aiyowei7 { width: 100% !important; float: none !important; margin: 0 0 10px !important; }
	.shakuan2 { margin-left: 0; margin-top: 5px; }

	.foot .fr { display: none; }



	.inbanner { height: 90px; padding-bottom: 40px; }
	.inbanner .title { padding-top: 30px; }
	.inbanner .title .cn { font-size: 22px; }
	.inbanner .title .cn:before { top: 7px; height: 18px; }
	.inbanner .title .en { font-size: 12px; }

	.inbg { height: 190px; }

	.navbar { line-height: 40px; height: 40px; top: 200px; overflow-x: auto; }
	.navbar .ibul {white-space:nowrap; }
	.navbar .ibul .ibli .iba { padding: 0 15px; font-size: 14px; }

	.newslist { margin: 30px 0; }
	.newslist .item { width: 100%; margin-right: 0; float: none; }
	.newslist .item .name { height: auto; }


	.nav.navon { display: block; background: rgba(236,77,55,.95); top: 60px; position: fixed; right: 0; left: 0; }
	.header .nav .nul { height: auto; text-align: left; }
	.header .nav .nul .nli { display: block; border-bottom: 1px solid rgba(0,0,0,.1); padding: 0 20px; }
	.header .nav .nul .nli .na { line-height: 60px; display: block; text-align: center; }
	.header .nav .nul .nli:hover .sub { display: none; }
	.header .nav .nul .nli.on .sub { display: block; position: relative; top: 0; width: auto; opacity: 1; text-align: center; visibility: visible; background: transparent; transform: translateY(0); -webkit-transform: translateY(0); padding-bottom: 5px; }
	.header .nav .nul .nli .sub .sli { display: inline-block; text-align: center; }
	.header .nav .nul .nli .sub .sli .sa { padding: 0 14px; }



	.mapcss { margin-top: -20px; }
	.bigtitle { margin: 30px 0; }
	.bigtitle .cn { font-size: 22px; }
	.bigtitle .en { font-size: 12px; }
	.downlist { margin: 30px 0; }
	.downlist .item { width: 100%; margin-right: 0; float: none; }
	.downlist .item .name { height: auto; }
	.downlist .item .img { float: none; width: 100%; border-bottom: 1px solid #dedede; }
	.downlist .item .con { width: 100%; padding: 30px; }

	.aboutbox .logobig { width: 50%; }
	.aboutbox01 .img { width: 100%; float: none; }
	.aboutbox01 .con { width: 100%; float: none; }
	.aboutbox03 { margin: 60px 0; }
	.aboutbox03 .cn { font-size: 24px; }
	.aboutbox03 .txt br { display: none; }
	.newsmaincon h1 { font-size: 20px; line-height: 40px; padding: 5px 20px; }

	.contactbox { margin: 30px 0; }
	.contactbox .con { float: none; width: 100%; padding: 30px; }
	.contactbox .img { float: none; width: 100%; }

	.pronav { margin-top: -10px; }
	.prolist { margin: 30px 0; }
	.prolist .item { width: 49%; margin-bottom: 10px; }
	.prolist .item:nth-child(5n) { margin-right: 2%; }
	.prolist .item:nth-child(2n) { margin-right: 0; }
	.prolist .item .con { padding: 20px 10px; }

	.honorlist .item { width: 50%; box-sizing: border-box; padding: 10px; }

	.probig { margin-top: 30px; }
	.tutu { width: 100%; float: none; }
	.productalllist { width: 100%; }
	.tutu .productalllist img { max-width: 100% !important; }
	.probig .pbcon { margin-left: 0; margin-top: 30px; }

	.proinfo .bd { padding: 20px 0; }
	.proinfo { margin: 30px 0; }

	.newswraps { margin-top: -10px; }
	.caselist img { width: 49%; }
	.caselist img:nth-child(2n) { margin-right: 0; }

	.newsbackline ul li a { width: 100%; }

	.itemnavfixed .fixnavul { display: none; }
	.itemnavfixed .addbuy { float: none; }
	.itemnavfixed .addbuybtn { float: right; }

	.spcaselist .item { width: 100%; margin-right: 0; }

	.profeng .item { width: 100%; margin-right: 0; margin-bottom: 20px; }

	.contactbox01 { display: block; }
	.contactbox01 .item01 { width: 100%; box-sizing: border-box; padding: 20px; }
	.contactbox01 .item02 { display: block; padding: 20px 0; }
	.contactbox01 .item02 img { margin: 0 auto; }
}