body{
   
    font-family:"SourceSansPro-Regular", Microsoft YaHei, system-ui, -apple-system, Heiti SC ,tahoma, arial, Hiragino Sans GB, "\5B8B\4F53",sans-serif; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
    overflow-x: hidden;
}
.wrap{max-width:1720px;width:94%;margin:0 auto}
.wrap-1200{max-width:1200px;width:96%;margin:0 auto}
.wrap-960{max-width:960px;width:96%;margin:0 auto}
.max-limit{margin-left:auto;margin-right:auto}
.fl{float:left}
.fr{float:right}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.text-over{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.inherit{line-height:inherit;font-size:inherit;color:inherit}
.over{overflow:hidden}
.nowrap{white-space:nowrap}
.fz0{font-size:0}

.fixed-right ul{float:none!important;}
.fixed-right ul li{ width: 60px;}
@media all and (max-width: 991px) {	
	.fixed-right{right: 50px!important;}

}
.nowrap.fz0{letter-spacing:-5px}
.nowrap.fz0 *{letter-spacing:normal}
.relative{position:relative;z-index:1}
.absolute{position:absolute;z-index:1}
.fixed{position:fixed;z-index:1}
.flex{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.flex-row{-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row}
.flex-col{-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column}
.flex-wrap{-webkit-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap}
.flex-ac{-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center}
.flex-jc{-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center}
.flex-js{-webkit-box-pack:space-between;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between}
.inline{display:inline}
.block{display:block}
.inline-block{display:inline-block}
.display-table{width:100%;height:100%;display:table}
.table-cell{display:table-cell}
.hide{display:none}
.max-w100{max-width:100%}
.max-h100{max-height:100%}
.middle{vertical-align:middle}
.middle-span{height:100%;vertical-align:middle;display:inline-block}
.border-box{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.content-box{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
.trans{-webkit-transition:all 300ms ease 0s;-moz-transition:all 300ms ease 0s;-ms-transition:all 300ms ease 0s;-o-transition:all 300ms ease 0s;transition:all 300ms ease 0s}
.trans-internal::before,.trans-internal::after{-webkit-transition:all 300ms ease 0s;-moz-transition:all 300ms ease 0s;-ms-transition:all 300ms ease 0s;-o-transition:all 300ms ease 0s;transition:all 300ms ease 0s}
.scale:hover .scale-img{-ms-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.block-980{display:none}
.block-768{display:none}
.bg33{background-color:#333333}
.bgf3{background-color:#f3f3f3}
.bgf4{background-color:#f4f4f4}
.bgf6{background-color:#f6f6f6}
.bgf8{background-color:#f8f8f8}
.hide_en{display:none!important}
@font-face{font-family:'impact'}
.no-list{line-height:34px;font-size:24px;padding:50px 5%;text-align:center}
html,body{min-width:320px;overflow-x:hidden}
#website{position:relative;z-index:1;left:0}
.web-title-0{font-size:28px;color:#333;margin-top:55px}
.web-title-1{font-family:Arial;font-size:12px;color:#999;margin-bottom:55px}
.category-list a{line-height:28px;font-size:14px;color:#aaa;margin-right:2.5%}
.category-list a:hover,.category-list .on{color:#333}
.category-list .line{height:2px;background-color:#333}
.editor *{line-height:inherit;font-family:inherit;font-size:inherit;color:inherit}
.editor img{max-width:100%}
#header{width:100%;height:96px;line-height:96px;padding:0 5.2%;z-index:3;left:0;top:0}
#header.index{}
#header #logo{max-width:26%;z-index:2;transition:all 0.3s}
#logo a{display:inline-block;width:auto;max-height:100%}
#header #logo .img-0{z-index:2}
#header #logo .logo-1{line-height:inherit;left:0;top:0;opacity:0}
.logo2{display:none}
#header #menu{width:100%;height:100%;line-height:inherit}
#header #menu #nav{max-width:900px;width:70%;height:100%;overflow:hidden}
#header #menu #nav .nav-item{width:12%}
#header #menu #nav .nav-item .item-a{font-size:16px;font-weight:bold;color:#fff;display: inline-block; position: relative;}
#header #menu #nav .nav-item .item-a::after{content: ''; width:0%; display: inline-block; height:1px;background-color: #fff;bottom:24%; left:50%; position: absolute; transition: all 0.3s;}
#header #menu #nav .nav-item .sub-nav{width:180px;background-color:#fff;margin-left:-90px;top:100%;left:50%;display:none;overflow:hidden;box-shadow:0 2px 1px rgba(0,0,0,.1)}
#header #menu #nav .nav-item .sub-nav .sub-item{height:63px;line-height:63px;border-bottom:1px solid #f1f1f1}
#header #menu #nav .nav-item .sub-nav .sub-item a{font-size:14px;color:#333;padding:0 20px}
#header #menu #nav .nav-item .item-a.on,#header #menu #nav .item-a:hover::after{ width:100%; left: 0px;}
#header #menu #nav .nav_on .item-a::after{ content: ''; width:100%; display: inline-block; height:1px;background-color: #fff;bottom:24%; left:0px; position: absolute; opacity: 0.8;}
#header #menu #nav .nav-item .sub-nav .sub-item a:hover{background-color:#f1f1f1;text-indent:10px}
#header #menu #nav .nav-item:hover .sub-nav{display:block}
.search-btn{width:auto;font-size:21px;float:right}
.search-btn a{color:#fff}
.on .search-btn a{color:#f8f8f8}
.search-btn a:hover{color:#1100ff}
.top_tel{font-size:26px;color:#1100ff;margin-left:50px;font-family:Impact,Haettenschweiler,Franklin Gothic Bold,Arial Black," sans-serif";letter-spacing:2px}
#header #menu .change-lang a{border:1px solid #777;display:inline-block;border-radius:100px;padding:7px 5px;line-height:100%}
#header #menu-btn{float:right;font-size:26px;line-height:inherit}
#header #header-search{width:300px;max-height:0;right:5%;top:100%}
#header #header-search .text{width:100%;height:40px;font-size:14px;color:#333;padding-right:65px;padding-left:10px;border:1px solid #ccc}
#header #header-search .text:hover,#header #header-search .text:focus{border-color:#666}
#header #header-search .submit{width:65px;line-height:40px;font-size:16px;right:0;top:0}
.video-botton{display:inline-block;width:20px;height:20px;background:url(../images/video-botton.png) top center no-repeat;line-height:96px;margin-right:30px;margin-top:-8px}
#header.on{height:60px;line-height:60px;background-color:rgba(0,0,0,0.4)}
#header.on #logo .img-0{opacity:1}
#header.on #logo .logo-1{opacity:0}
#header.on #menu #nav .nav-item .item-a{color:#f8f8f8}
#header .open-search #header-search{max-height:40px}
#header-blank{height:100px;border-bottom:1px solid #f0f0f0}
.banner .banner-btn{width:20px;height:40px;background-repeat:no-repeat;background-size:100% auto;top:49%;opacity:0.3}
.banner:hover .banner-btn{opacity:1}
.banner .banner-prev{background-image:url(../images/banner-left.png);left:50px}
.banner .banner-next{background-image:url(../images/banner-right.png);right:50px}



@keyframes line{0%{transform:matrix3d(0.990268,-0.139173,0,0,-0.0348995,0.999391,0,0,0,0,1,0,10,-20,0,1)}
50%{transform:rotate(1deg);transform-origin:left center}
60%{transform:translate3d(0px,0px,0px)}
100%{transform:translate3d(0px,0px,0px)}
}
@keyframes img_gradient {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
	.banner .swiper-slide-active img,.banner .swiper-slide-duplicate-active img{
		transition:16s linear;
		transform:scale(1.2,1.2);
		}
	.banner .swiper-slide-active .itext h3,.banner .swiper-slide-active .itext p,.banner .swiper-slide-duplicate-active p{
		animation:line 3s; 
		animation-iteration-count:1;
        animation-direction:alternate;
		animation-timing-function:ease;
		}	



.banner .swiper-slide img{ width:100%;}
.banner .swiper-pagination{ bottom:30px;}
.banner .swiper-pagination .swiper-pagination-bullet{ width:15px; height:5px; border-radius: 0px; background: #fff; opacity: 0.8;}
.banner .swiper-pagination .swiper-pagination-bullet-active{ background: #fff;}




.index_case{ position:relative; width: 100%;padding-bottom: 3%; background: url(../images/anli_bg.jpg) top center no-repeat; background-size: 100% 100%;}
.index_case .web-name{ color:#fff;}
.index_case .web-title{ color: #fff;}
.index_case .index_case_container{width:100%; padding-top: 7%; }
.index_case .swiper-slide{-webkit-transition:transform 1.0s;-moz-transition:transform 1.0s;-ms-transition:transform 1.0s;-o-transition:transform 1.0s;-webkit-transform:scale(0.7);transform:scale(0.7); opacity: 0.7; }
.index_case .swiper-slide-active,.index_case .swiper-slide-duplicate-active{-webkit-transform:scale(1);transform:scale(1); opacity: 1;}
.index_case .swiper-slide a{background:#fff;display:block; color: #333}
.index_case .swiper-slide a:hover{ color:#333;}
.index_case_img{ width:50%; height:100%; overflow: hidden;float: left;}
.index_case .swiper-slide img{width:100%; height:100%; display:block; transition: all 6s;}
.index_case .swiper-slide:hover img{transform:scale(1.1);}
.index_case_info{ width:50%; float: right; padding: 5%; padding-top: 4%; padding-bottom: 2%;}
.index_case_info h3{ font-size:36px; line-height:1.8em;}
.index_case_info p{font-size:14px; color: #555;}
.index_case_info .index_case_info_con{ margin-top:5%;}
.index_case_info .index_case_info_con p{ font-size:14px; line-height:1.8em; color:#555;}
.index_case .swiper-pagination{position:relative; margin-top: 4%;} 
.index_case .swiper-pagination-bullet{background:#1100ff;margin-left:10px;margin-right:10px;width:10px;height:10px;opacity:0.8;margin-bottom:4px}
.index_case .swiper-pagination-bullet-active{width:10px;height:10px;background:#FFF;margin-bottom:4px; opacity: 1;}
.index_case .button{width:1200px;margin:0 auto;bottom:160px;position:relative}
.index_case .button div:hover{background-color:#1100ff}
.index_case .swiper-button-prev{width:62px;height:62px;border-radius:50%;background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #ccc center 50%/30% 30% no-repeat}
.index_case .swiper-button-next{width:62px;height:62px;border-radius:50%;background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #ccc center 50%/30% 30% no-repeat}
	   .index_case_title{ color:#fff; text-align:left; position: absolute; bottom: 6%; right:17.5%; font-size: 36px;}
	   .index_case_title h3{font-size: 34px; line-height: 1.8em;}
	   .index_case_title p{ letter-spacing: 3px;}

@media screen and (max-width:980px){
	.index_case_title{  position: relative; text-align: center; width: 100%; left: 0px; padding-top: 5%;}
	.index_case_title h3{font-size: 20px; line-height: 1.5em;}
	.index_case_title p{font-size:14px; letter-spacing: 0px;}
	.index_case_title p::before{content:''; display: inline-block; width:30px; height: 1px; top:0px; background-color: #ccc; position: relative;  margin-right:15px;vertical-align: middle;}
.index_case_title p::after{content:''; display: inline-block; width:30px; height: 1px; top:0px; background-color: #ccc; position: relative;  margin-left:15px;vertical-align: middle;}
	.index_case .index_case_container{ padding-top: 1%;}
	.index_case .swiper-slide{-webkit-transform:scale(0.97);transform:scale(0.97)}
	.index_case .swiper-slide-active,.index_case .swiper-slide-duplicate-active{-webkit-transform:scale(0.97);transform:scale(0.97)}
	.index_case .swiper-slide a{}
	.index_case .swiper-slide .index_case_img{float: none; width: 100%; height: auto;}
	.index_case .swiper-slide img{ width: 100%; height:auto;}
	.index_case .index_case_info{float:none; width: 100%; padding: 3%; }
	.index_case .index_case_info .index_case_info_con{ padding-top: 0px; margin-top: 3%;}
	.index_case .swiper-pagination{position:relative; margin-top: 0px;}
	.index_case .swiper-pagination-bullet{background:#1100ff;margin-left:8px;margin-right:8px;width:8px;height:8px;margin-bottom:2px}
    .index_case .swiper-pagination-bullet-active{width:8px;height:8px;background:#ccc;margin-bottom:2px;}
	.index_case .button{width:70%; top:50%; display: none;}
	.index_case .button div{width:28px;height:28px}
}



	


.itext{ position:absolute; width: 100%; padding: 0px 5%; height:200px; z-index: 9999; left:0px; padding-left: 10%; top:42%; font-size: 30px; color: #fff;}
.itext h3{ font-size:36px; color:#fff; margin-bottom:1%;}
.index-service{	padding:0px 4%  3% 4%; width: 100%;margin-top: 3%; background:url(../images/s_left_bg_18.png) left bottom no-repeat;}

.system{ display:block; margin: 0px;padding: 0px; margin-top:3%; margin-left: -2.2%; margin-bottom: 3%;}
.system li{ display:inline-block; width:27%; height: auto;  margin-left:2.2%;  margin-bottom: 2%; border-radius:5px;}
.system li a{ display:block;padding: 6% 12%;background-color: #9fdfff;transition: all 0.3s;border-radius:5px;}
.system li a:hover{background-color:#daebff; border-radius: 10px;}
.system li a:hover h3 span{ color:#999;}
.system li h3{ font-size:28px; color: #2270f1; line-height: 1em;  margin-top:3%; margin-bottom: 3.6%; font-weight: bold;}
.system li h3 span{ font-size:12px; color: #ccc; text-transform: uppercase;transition: all 0.3s;}
.system li p{ font-size:16px; color: #666; line-height: 2em;}


.index-case {
	padding-top: 3%;
	padding-bottom:3%;
	background: url(../images/case_bg.png) right bottom no-repeat;
	background-color: #f3f4f6;
}
.index_case_list{margin: 0px; padding: 0px; margin-top: 5%;  display: block;}
.index_case_list li{display:inline-block; width:46%; height: auto; margin-left:2%; margin-right: 2%; position: relative; overflow: hidden; margin-bottom: 5%; float: left;}
.index_case_list li:nth-child(2n+1){clear:both;}
.index_case_img_a{ display:block;width: 100%; height: auto; overflow: hidden;}
.index_case_list li img{ width:100%; height: auto;  position: relative; z-index: 1; display: inline-block; vertical-align: top; transition: all 0.6s;}
.index_case_list li img:hover{ transform: scale(1.1);}

.index_case_list li h3{ margin-top:2%;display:block; overflow: hidden; text-overflow: ellipsis;  white-space:nowrap;}
.index_case_list li h3 a{ font-size:18px;  color: #333; line-height:3em; transition: all 0.3s; font-weight: bold;}
.index_case_list li h3 a:hover{ color:#1100ff;}
.index_case_list li p{ display:block; line-height: 1.8em; font-size: 14px; color: #666; border-top: 1px solid #e5e9ef; padding-top: 2%;}
.index_case_list li p span{ color:#999; margin-left: 1em;}
.index_case_more{ display:table-cell; text-align: center;}
.index_case_more span{ color:#fff; font-size: 24px; font-weight: bold; margin-top: -35%; display: block;}

.index-oper{ background:url(../images/oper_bg.png) bottom center no-repeat; padding-top: 3%; padding-bottom: 3%; }
.index-oper-con{ margin-top: 5%;}
.index-oper-left{float: left; width:42%; padding-top: 1%;}
.index-oper-left img{float: left; max-width: 100%;}
.index-oper-right{ float:right; width: 54%;}
.oper_li{ float:left; width:31.2%; margin-left: 2%; margin-bottom: 2%; }
.oper_li a{  display: inline-block; text-align: center; overflow: hidden; height: auto; width: 100%;}
.oper_li a:hover img{ transform: scale(1.1);}
.oper_li a img{position:relative; z-index: 1;transition: all 0.6s; width: 100%; height: auto;}
.oper_li a h3{ display:block; position: relative;width:100%; background-color: rgba(0,0,0,0.5); color: #fff; font-size: 15px; line-height:3em; margin-top: -3em;z-index: 3;}
.oper_li2{width:48%; margin-left: 2%;}

.index_about{ position:relative; width: 100%; background: url(../images/about_bg.jpg) center center no-repeat; background-size: auto 100% ;padding-top: 8%; padding-bottom:8%;}
.index_about_con{  color:#fff; max-width: 1000px; margin-left: 6%;}
.index_about_con h3{ font-size: 32px; line-height: 2em; color: #fff;}
.index_about_en{ font-size:14px;}
.index_about_info{ font-size:15px; line-height: 2em; margin-top: 2em; display:block; max-width:820px;}
.about_btn{ display:inline-block; width: 168px; height: 42px; font-size: 16px; text-align: center; color: #ccc; border: 1px solid #ccc;margin-top: 2em; line-height: 40px;}
.about_btn:hover{ background-color:#1100ff; border: 1px solid #1100ff; color: #fff;}

.index-news { padding-top:3%;}
.index-news .hot-news {  border-bottom:0px!important; text-align: left;}
.news_info{ display: inline-block; font-size:12px; color: #999; margin-top:1em;}
.index_news_list{ margin-top:3%; margin-bottom: 3%;}
.index-news .img { max-height:230px;}
.news_btn{text-align:center;}
.news_btn a{ width:168px; height: 42px; display: inline-block; text-align: center; background-color: #e5e5e5; color: #666; line-height: 42px; font-size: 14px;}
.news_btn a:hover{background-color:#1100ff; color: #fff;}

.footer-con{ margin-bottom:4%;}
.fc1{ display:block; width:44%; float: left;}
.fc2{ margin-left:5%; display: block; width: 30%;float: left;}
.fc3{  width:25%; float: left; margin-left: 2%;}
.f_nav a{ font-size:14px; color: #565656; margin-right:4%;white-space: nowrap; line-height: 2em;}
.f_nav a:hover{ color:#1100ff;}
.f_nav:last-child{ margin-right:0px;}
.f_link{ margin-top:8%; color:#999; line-height: 1.8em;}
.f_link a{ color:#999; display: inline-block; margin: 0px 0.8%; line-height: 1em;}
.f_link a:hover{ color:#1100ff;}
.fc2 h3{ font-size:20px;  color: #565656; font-weight: bold;}
.fc2 p{ font-size:12px;line-height:2em; margin-top: 5%; color:#565656;}
.f_ewm{ max-width:132px; width: 38%; display: inline-block; margin-left: 10%; text-align: center;} 
.f_ewm span{display: block; padding-top: 5px; color: #565656;}
.f_ewm img{ width:100%;}



.last-news{width:100%;left:0;bottom:0}
.last-news .box{background-color:rgba(255,255,255,.85)}
.last-news .box .list{width:83.7209%;height:128px;background-image:url(../images/qm.png);background-repeat:no-repeat;background-position:1.875% 27.34375%;background-size:1.875% auto;padding:1.744186% 0 1.744186% 4.360465%}
.last-news .box .list .item .title{line-height:22px}
.last-news .box .list .item .title a{font-size:16px;color:#616eff}
.last-news .box .list .item .date{color:#ccc}
.last-news .box .list .item .brief{line-height:24px;color:#666}
.last-news .box .btn-box{width:11.6279069767%;border-left:1px dotted #b5baba;top:10px;right:0;bottom:10px}
.last-news .box .btn-box .button{width:11%}
.last-news .box .btn-box .prev{margin-right:12.5%}
.last-news .box .btn-box .next{margin-left:12.5%}
.web-name{font-size:36px;color:#333; font-weight: bolder;}
.web-title{font-size:14px;color:#616eff;margin-top:5px; display: block; position: relative;}
.web-title::before{content:''; display: inline-block; width:30px; height: 1px; top:0px; background-color: #ccc; position: relative;  margin-right:15px;vertical-align: middle;}
.web-title::after{content:''; display: inline-block; width:30px; height: 1px; top:0px; background-color: #ccc; position: relative;  margin-left:15px;vertical-align: middle;}
.web-brief{line-height:20px;font-size:18px;color:#666;margin-top:15px}
.editor{line-height:24px}
.editor *{max-width:100%;font-family:inherit;font-size:inherit;color:inherit}
.index-product{padding-top:1%;padding-bottom:3%;background-color:#f3f4f6}
.index-product .top{line-height:50px;margin:3% 0}
.index-product .categorys{width:50%}
.index-product .categorys a{font-size:14px;color:#666}
.index-product .categorys i{width:1px;height:15px;background-color:#dadada;margin:0 1.8%;top:3px}
.index-product .products{margin-bottom:2.9069767%}
.index-product .product-box{width:48.837209%}
.index-product .product-box .hd{width:100%;height:0;left:0;bottom:40px}
.index-product .product-box .hd a{width:15px;height:15px;background-color:#fff;border-radius:100%;margin:0 5px;opacity:1}
.index-product .product-box .hd .on{background-color:#93ac90}
.index-product .product-list{width:49.41860465%}
.index-product .product-list .item{width:48.23529%}
.index-product .product-list .item:nth-child(1),.index-product .product-list .item:nth-child(2){margin-bottom:3.5294117647%}
.index-product .product-list .item .info{width:100%;height:100%;left:0;top:0;z-index:2;opacity:0}
.index-product .product-list .item .info .name{font-size:24px;color:#fff}
.index-product .product-list .item .info .attrs{margin:2.43902439% 0}
.index-product .product-list .item .info .attrs a{font-size:14px;color:#d7d7d7;margin:0 2%}
.index-product .product-list .item .info .attrs a:hover{color:#1100ff6}
.index-product .product-list .item .shadow{width:0;height:0;background-color:rgba(36,58,34,.4);left:50%;top:50%;opacity:0}
.index-product .product-list .item .shadow.left{-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.index-product .product-list .item .shadow.right{-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.index-product .product-list .item:hover .info{opacity:1}
.index-product .product-list .item:hover .shadow{width:200%;height:200%;left:-50%;top:-50%;opacity:1}
.web-btn .button{width:52px;height:50px;background-color:#f1f1f1;border-radius:3px;margin:0 5px}
.web-btn .more{width:82px}
.web-btn .img-on{left:0;top:0;opacity:0}
.web-btn .button:hover{background-color:#1100ff}
.web-btn .button:hover .img-on{opacity:1}
.index-about{margin-bottom:2.864583%}
.index-about .img{width:50%}
.index-about .main{width:50%;height:100%;background-color:#f3f3f3;left:0;top:0}
.index-about .main .name{font-size:50px;color:#93ac90}
.index-about .main .title{font-size:14px;color:#93ac90;margin-top:10px}
.index-about .main .brief{line-height:25px;font-size:14px;color:#666;padding:0 5.81395%;margin-top:3.48837%}
.index-team .team-list{margin-top:2.32558%}
.team-list .item{width:23.2558%;background-color:#f3f3f3;margin-left:1.32558%;margin-bottom:2.32558%}
.team-list .item.f4{margin-left:0}
.team-list .item .main{padding:8.75% 9.25%}
.team-list .item .main .img{border-radius:100%;margin-bottom:6.25%}
.team-list .item .main .name{font-size:14px;color:#999}
.team-list .item .main .cate{font-size:16px;color:#666}
.team-list .item .mask{width:100%;height:100%;background-color:#2d492a;left:0;top:0;opacity:0}
.team-list .item .more{background-image:url(../images/ico-i.png);background-repeat:no-repeat;background-size:100% auto;padding:7.5%;left:42.5%;top:-143.6170212765957%}
.team-list .item:hover .mask{opacity:.8}
.team-list .item:hover .more{top:43.6170212765957%}
#team{margin-bottom:1.16279%}
#team .join-btn{width:150px;height:40px;line-height:40px;font-size:14px;color:#fff;border-radius:20px;margin:1.744186% auto 3.488372%}
#msg-info{top:0;right:0;bottom:0;left:0;z-index:6}
#msg-info .box{width:96%;max-width:1200px;height:90%;background-color:#fff;padding:5% 0}
#msg-info .box .info{height:100%;overflow:auto}
#msg-info .box .close{top:20px;right:20px}
#msg-info .box .left{width:53.083333%}
#msg-info .box .left .img{width:51.17739%;max-width:326px;border:14px solid #f6f7f9;border-radius:100%;margin:0 auto 3.139717%;z-index:2}
#msg-info .box .left .name{font-size:14px;color:#999;z-index:2}
#msg-info .box .left .cate{font-size:16px;color:#666;z-index:2}
#msg-info .box .box-line{width:1px;height:80%;background-color:#e9eee9}
#msg-info .box .right{width:46%}
#msg-info .box .right .title{font-size:24px;color:#93ac90}
#msg-info .box .right .title::after{width:56px;height:3px;background-color:#93ac90;margin:12px auto 0;display:block;content:''}
#msg-info .box .right .brief{line-height:24px;font-size:14px;color:#666;margin-top:7.1174377%;margin-bottom:8.896797%}
#msg-info .box .right .online-btn{width:140px;height:40px;line-height:40px;font-size:14px;color:#fff;background-repeat:no-repeat;background-position:15px center;border-radius:20px;margin:0 auto;text-indent:25px}
#msg-info .box .contents{width:100%}
#web-mask{top:0;right:0;bottom:0;left:0;background-color:#000;opacity:.5;z-index:5}
.index-contact{padding:3% 0 3%}
.contact .contact-info{margin:3.2% 0 2.8%}
.contact .contact-info .item{width:31.6666666%}
.contact .contact-info .item .ico{margin-right:10px}
.contact .contact-info .item .info{max-width:-moz-calc(100% - 34px);max-width:-webkit-calc(100% - 34px);max-width:calc(100% - 34px);line-height:20px;font-size:16px;color:#1100ff}
.contact .contact-info .item .ico,.contact .contact-info .item .info{vertical-align:top}
.contact-form .text{width:31.6666666%;height:45px;padding:0 15px}
.contact-form .area{width:100%;height:150px;padding:15px;resize:none}
.contact-form .text,.contact-form .area{font-size:14px;color:#333;background-color:#fff;border:1px solid #e5e5e5;margin-bottom:20px}
.contact-form .submit{width:100%;height:60px;font-size:16px;color:#fff;background-color:#1100ff;border-radius:5px;border:1px solid #1100ff}
.inner .web-name{margin-top:2.601156%}
.inner .category{margin:2.023121387% 0 2.601156%}
.inner .category .cates{width:auto;padding:0px 2em;display:inline-block;height:40px;line-height:40px;font-size:14px;color:#666;border:1px solid #ececec;margin:0 5px;margin-bottom:2%}
.inner .category .cates:hover{color:#1100ff}
.inner .category .cates.on{color:#fff;background-color:#1100ff;border-color:#1100ff}
.inner .list-more{width:160px;height:40px;line-height:40px;font-size:16px;color:#fff;background-color:#93ac90;border-radius:20px;margin:4.046242% auto 0}
.detail-top{margin-top:2%}
.detail-top .category{width:90%;line-height:20px;padding:10px 0}
.detail-top .category .cates{font-size:14px;color:#666;margin-right:30px}
.detail-top .category .cates::after{font:normal normal normal 14px/1 FontAwesome;font-size:inherit;color:inherit;margin-left:5px;display:inline-block;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f107"}
.detail-top .category .cates:hover,.detail-top .category .cates.on{color:#1100ff}
#products{max-width:1730px;width:96%;margin:0 auto 3.645833%}
#products .products-list .item{width:23.699%;margin-left:1.1%;margin-bottom:1.734%}
#products .products-list .item.f4{margin-left:0}
#products .products-list .item .info{width:100%;height:100%;left:0;top:0;z-index:2;opacity:0}
#products .products-list .item .info .name{font-size:24px;color:#fff}
#products .products-list .item .info .attrs{margin:2.43902439% 0}
#products .products-list .item .info .attrs a{font-size:14px;color:#d7d7d7;margin:0 2%}
#products .products-list .item .shadow{width:0;height:0;background-color:rgba(36,58,34,.4);left:50%;top:50%;opacity:0}
#products .products-list .item .shadow.left{-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
#products .products-list .item .shadow.right{-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#products .products-list .item:hover .info{opacity:1}
#products .products-list .item:hover .shadow{width:200%;height:200%;left:-50%;top:-50%;opacity:1}



#product-detail .detail{margin-top:1.744186%;margin-bottom:1.16279%}
#product-detail .detail .img{width:69.76744186%}
#product-detail .detail .box{overflow:auto}
#product-detail .detail .info{height:100%;background-color:#f3f3f3;padding:2.32558% 2.9069767%;left:69.76744186%;top:0}
#product-detail .detail .info p{margin:0px}
#product-detail .detail .info .name{font-size:32px;color:#1100ff}
#product-detail .detail .info .brief{height:auto;line-height:25px;font-size:14px;color:#666;margin:3.846153846% 0}
#product-detail .detail .info .title{font-size:24px;color:#666}
#product-detail .detail .info .size{height:125px;line-height:25px;margin-top:2.884615%}
#product-detail .detail .info .size a{font-size:14px;color:#666;margin-right:2.884615%}
#product-detail .detail .info .size a:hover,#product-detail .detail .info .size .on{color:#93ac90}
#product-detail .detail .info .btns{margin-top:6%;margin-bottom:5%}
#product-detail .detail .info .btns .online-btn{width:140px;height:40px;line-height:40px;font-size:14px;color:#fff;background-image:url(../images/ico-online.png);background-repeat:no-repeat;background-position:14px center;border-radius:0px;margin-right:20px;text-indent:25px}
#product-detail .detail .info .btns .btn-0{background-color:#1100ff}
#product-detail .detail .info .btns .btn-1{background-color:#666}
.detail-page{margin-top:2.9069767%;margin-bottom:2.9069767%}
.detail-page .rows{line-height:25px;font-size:14px}
.detail-page .rows .title{color:#999}
.detail-page .rows a{color:#666}
.detail-page .rows a:hover{color:#93ac90}
#news{max-width:1730px;width:96%;margin:3% auto 3.645833%}
#news .hot-news{border-bottom:1px solid #e7e7e7}
#news .hot-news .item{width:23.699%;margin-left:1.1%}
#news .hot-news .item.f4{margin-left:0}
#news .hot-news .item .info{padding:4.8% 4.8% 8.5% 0}
#news .hot-news .item .info .title a{font-size:18px;color:#333}
#news .hot-news .item .info .title a:hover{color:#1100ff}
#news .hot-news .item .info .title font{ font-size:18px!important;}
#news .hot-news .item .info .brief{height:40px;line-height:20px;font-size:14px;color:#8c8c8c;margin-top:5px}
#news .hot-news .img img{max-height: 264px; width: 100%;}

#news .news-list{max-width:1720px;margin:1.156069% auto 0}
#news .news-list .item{padding:2.0348837% 8.43023% 2.616279% 2.32558%;border-bottom:1px solid #ededed}
#news .news-list .item .info{width:52.9069767%}
#news .news-list .item .info .title a{font-size:18px;color:#333}
#news .news-list .item .info .brief{height:40px;line-height:20px;font-size:14px;color:#8c8c8c;margin-top:1.6483516%}
#news .news-list .item .time{padding-left:1.744186%;border-left:1px solid #eaeaea;margin-right:13.081395%}
#news .news-list .item .time .date{font-family:'impact';font-size:50px;color:#1100ff}
#news .news-list .item .time .year{font-family:Arial;font-size:14px;color:#999;margin-top:5px}
#news .news-list .item .right{font-size:60px;color:#ccc;padding-top:1%;right:8.43023%}
#news .news-list .item:hover{background-color:#1100ff}
#news .news-list .item:hover .info .title a{color:#fff}
#news .news-list .item:hover .info .brief{color:#fff}
#news .news-list .item:hover .time{border-left-color:#fff}
#news .news-list .item:hover .time .date{color:#fff}
#news .news-list .item:hover .time .year{color:#fff}
#news .news-list .item:hover .right{color:#fff;right:6.279069767%}
.news-detail{margin:5% 0;margin-left:2%;padding-left:2%;padding-right:2%;width:68%;float:left}
.newsd_info{text-align:center;color:#666;line-height:3em;font-size:12px}
.newsd_info a{color:#666}
.news-detail .title{font-size:26px;line-height:1.8em;font-weight:bold;color:#333}
.news-detail .detail{margin-top:1%; margin-bottom: 5%;}
.news-detail .detail::before{content:'';display:block;width:5%;height:2px;background-color:#1100ff;left:0px;margin-bottom:3%;margin-top:3%}
.news-detail .detail{min-height:420px}
.news-detail .detail p{margin-bottom:0px;margin-top:0px}
#about .about{padding:2.34375% 0 4.166666%}
#about .about::after{width:1px;background-color:#c4d4c3;padding-top:2.604166%;left:50%;bottom:0;position:absolute;z-index:1;content:''}
#about .about .contents{margin-top:3.3333%}
#about .service{background-repeat:no-repeat;background-position:center center;background-size:cover;padding:3.125% 0 6.25%}
#about .service::after{width:1px;background-color:#c4d4c3;padding-top:2.604166%;left:50%;top:0;position:absolute;z-index:1;content:''}
#about .service .box{margin:6.25% 0 7.916666%}
#about .service .box .item{width:13.333333%}
#about .service .box .item .info{padding:50%;background-color:#fff;border-radius:100%}
#about .service .box .item .info a{width:100%;height:100%;line-height:30px;font-size:16px;color:#1100ff;padding:40.625% 0;left:0;top:0}
#about .service .online-btn{width:140px;height:40px;line-height:40px;font-size:14px;color:#fff;background-image:url(../images/ico-online.png);background-repeat:no-repeat;background-position:15px center;border-radius:20px;margin:0 10px;text-indent:25px}
#about .service .btn-0{background-color:#93ac90}
#about .service .btn-1{background-color:#666}
#footer{background-color:#f3f4f6;padding-top:3%}
#footer .links{line-height:24px;color:#666;padding:.78125% 0;border-bottom:1px solid #3e3e3e}
#footer .links a{margin-right:.8%}
#footer .links a:hover{color:#fff}
#footer .links span,#footer .links a{font-size:inherit;color:inherit}
#footer .qrcode{width:100px;color:#fff;margin:1.0416666% auto 0}
#footer .qrcode img{margin:0 auto 10px}
#footer .copyright{padding:1em 0em;line-height:1.8em;height:auto;background-color:#004ebe}
.copyright p{color:#fff;margin-bottom:0px}
.copyright p a{color:#fff}
.copyright p a:hover{opacity:0.8}
#online{width:200px;background-color:#fff;padding-bottom:35px;top:8%;right:1%;z-index:4;display:none}
#online .close{width:auto;height:auto;right:10px;top:10px}
#online .title{font-size:24px;color:#333;margin-top:45px}
#online .sub-title{font-size:20px;color:#666}
#online .hotline-title{font-size:14px;color:#999;margin-top:55px;margin-bottom:10px}
#online .hotline{font-family:'impact';font-size:22px;color:#93ac90;margin-bottom:40px}
#online .online-btn{width:140px;height:40px;line-height:40px;font-size:14px;color:#fff;background-image:url(../images/ico-online.png);background-repeat:no-repeat;background-position:15px center;border-radius:20px;margin:0 auto 10px;text-indent:25px}
#online .btn-0{background-color:#93ac90}
#online .btn-1{background-color:#666}
#follow{bottom:10%;right:1%;z-index:5}
#follow .i{width:50px;height:50px;line-height:50px;color:#fff;background-color:#004ebe;margin-bottom:1px}
#follow .toTop{font-family:Arial;font-size:16px}
#follow .fa{font-size:22px}





 @media only screen and (max-width:1440px){.last-news .box .list{height:110px}
#product-detail .detail .info .name{font-size:24px}
#product-detail .detail .info .title{font-size:18px}
	 
}


 @media only screen and (max-width:1280px){#header{height:60px;line-height:60px}
#header-blank{height:60px}
.web-name{font-size:26px}
.index-about .img{display:none}
.index-about .main{width:100%;padding-top:2%;padding-bottom:2%;position:relative}
.index-about .main .name{font-size:36px}
.index-about .main .brief{margin-top:2%}
.index-product .product-list .item .info .name,#products .products-list .item .info .name{font-size:18px}
#online{display:none}
}


@media only screen and (max-width:1060px){#header #menu #nav{margin-left:0px}
}

.index_project{position:relative; width: 100%;}
.sec_text{ width:100%; height: 100%; margin-top:35%; padding: 0px 12%; text-align: center; color: #fff; position: relative; z-index: 999; opacity: 0; transition: all 1s; overflow: hidden;}
.sec_text h3{font-size:48px; color: #fff; line-height:1em;font-weight: bold;}
.sec_text span{ font-size:14px;}
.sec_text p{ font-size: 14px; line-height:1.8em; margin-top: 1em;}
.wrapper{width:100%;height:100%}
.wrapper section{width: calc(100% / 6);;height:535px;float:left;transition-duration:0.5s;position:relative}
.wrapper section::before{content:"";position:absolute;width:100%;height:100%;opacity:1;transition:0.3s}
.wrapper section.sec01{background:url("../images/pjimg1.jpg")}
.wrapper section.sec02{background:url("../images/pjimg2.jpg")}
.wrapper section.sec03{background:url("../images/pjimg3.jpg")}
.wrapper section.sec04{background:url("../images/pjimg4.jpg")}
.wrapper section.sec05{background:url("../images/pjimg5.jpg")}
.wrapper section.sec06{background:url("../images/pjimg6.jpg")}
.wrapper section.sec07{background:url("../images/pjimg7.jpg")}
.wrapper section.sec01,.wrapper section.sec02,.wrapper section.sec03,.wrapper section.sec04,.wrapper section.sec05,.wrapper section.sec06,.wrapper section.sec07{background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
.wrapper:hover section:hover{width:35%;}
.wrapper:hover section:hover .sec_text{ opacity:1;}

.wrapper:hover section:hover::before{ background-color:rgb(0 71 255 / 75%)}
.wrapper:hover section:not(:hover){width:12.995%}
.alternative{display:inline-block;top:50%;left:50%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-family:"Lato",Arial,sans-serif;letter-spacing:0.08em;line-height:1;font-size:2.4rem;text-align:center;color:rgba(255,255,255,0.6);background:rgba(0,0,0,0.4);padding:0.6em 1em}
.alternative a{margin-top:15px;font-size:1.2rem;display:block;padding:0.6em 0;background:rgba(255,255,255,0.2);color:rgba(255,255,255,0.6);text-decoration:none;transition-duration:0.3s}
.alternative a:hover{background:rgba(255,255,255,0.6);color:#333}

.index_coop{ position:relative; width: 100%;padding:0%; padding-bottom: 8%; background: url(../images/icoop_bottom_bg.png) bottom center repeat-x;}
.index_coop_topbg{background:url(../images/coop_top_bg.png) right top no-repeat; padding-top: 4%;}
.icoop_ul{ display:block; width:100%; margin-top: 5%;}
.icoop_ul li{ display:block; width:16.3%; background-color: #f3f4f6; padding: 3% 2%; padding-bottom: 1%; box-sizing: border-box; float:left; min-height: 360px; transition: all 0.6s;}
.icoop_ul li:hover{transform:scale(1.2);}
.icoop_ul li h3{ font-size:20px; color: #666; line-height:2em;}
.icoop_ul li span{ font-size: 12px; color: #999; display:block; position: relative; height:2.3em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.icoop_ul li span::after{ display:inline-block; content: ''; width: 30px; height: 2px;background-color: #1100ff; position: absolute; left: 50%; bottom:0px; margin-left: -15px;}
.icoop_ul li p{ font-size: 14px; color: #666; line-height: 2em; margin-top:8%;}
.icoop_ul li:nth-child(2n+1){ background: url(../images/icoop_img_bg.png) bottom right no-repeat; background-color: #fff;}
/*
.icoop_ul li:first-child{ background-color: #1100ff; background-image: none; }
.icoop_ul li:first-child h3{ color:#fff;}
.icoop_ul li:first-child span{color:#fff;}
.icoop_ul li:first-child span::after{background-color:#fff;}
.icoop_ul li:first-child p{color:#fff;}
*/

.category{margin-top:2%}
.category .cates{width:auto;padding:0px 2em;display:inline-block;height:40px;line-height:40px;font-size:14px;color:#666;border:1px solid #ececec;margin:0 5px}
.category .cates:hover{color:#1100ff}

.b_left{position:relative;width:25%;float:left; margin-left:1.5%;}
.b_left h3{font-size:26px;color:#333;margin-bottom:20px}
.fc3 h3{font-size:26px;color:#333;margin-bottom:20px; margin-left: 10%;}
.b_left p{display:block;padding-left:42px;line-height:52px;font-size:14px;color:#333; margin-bottom: 0px;}



.rnav{ background-color: #f3f4f6; width: 100%; height: auto;padding: 0px 5%;}
.position{float:right; line-height: 68px; color: #999;}
.position a{color: #999;}
.position a:hover{color: #1100ff;}
.rnav_box{}
.rnav_a{ height:68px; line-height: 68px; width:150px;  font-size: 16px; color: #333; text-align: center; display: inline-block;overflow: hidden;}
.rnav_a_on{ color: #fff; background-color: #1100ff;}
.rnav_a_on:hover{ color:#fff; background-color: #1100ff;}

.rabout{ min-height:360px; padding:3% 4%; background: url(../images/rabout_con_bg.png) center bottom repeat-x;}
.rabout_left{}
.rabout_con{color: #565656; line-height:2em; margin-bottom: 0.5em;}
.rabout_con div{ color: #565656; line-height:2em; margin-bottom: 0.5em;} 
.rabout_con p{ color: #565656; line-height:2em; margin-bottom: 0.5em;} 
.rabout_con img{ max-width:100%; height: auto!important;}


	.rcontact_con{ margin-top:-12%;position: relative;z-index: 9999;}
	.rc_title{ margin-bottom:5%;}
	.rc_title h3{font-size:24px; font-weight: bold; color: #fff;}
	.rc_title h3 span{ font-size:12px;font-weight: normal; color: #ccc;}
	.rcontact_con{min-height: 300px; margin-bottom:7%;}
	.rc_con{ width:100%; background-color: #fff;}
	.rc_con1_title{}
	.rc_con1_title h3{ font-size:20px; color: #333; line-height:1.8em;font-weight: bold;}
	.rc_con1_title p{ font-size:12px; color:#ccc;}
	.rc_con1_line{ width:14px;height: 1px; border-top: 1px solid #ccc; margin-top:12%; margin-bottom: 8%;}
	.rc_con1{float:left; width: 33%; box-sizing: border-box; padding:4% 3% 4% 5.2%;  background-color: #fff;}
	.rc_con1_info{ font-size:14px; color:#555; line-height: 2em;}
	.rc_con3{ width:33%;float: right; background-color: #1100ff; padding:5% 3% 5% 5.2%; }
	.rc_con3_lx{}
	.rc_con3_lx span{font-size:14px; color:#fff;}
	.rc_con3_lx h3{font-size:26px; color: #fff; line-height: 1.8em;}
	.rc_con3_info{ color:#fff; font-size: 14px;}
	.rc_con3_join { margin-top:12%; margin-bottom: 2%;}
	.rc_con3_join a{ color:#fff; font-size: 14px; display: inline-block; padding: 6px 25px; line-height:22px; border: 1px solid #fff;}
	.rc_con3_join a:hover{ opacity:0.8; background-color: #fff; color: #1100ff;}


	.anli_con{ padding: 5% 0px;}
	.anli_left{ width:45%;overflow: hidden; float: left;}
.anli_left_title{ font-size:20px;  font-weight: bold; color: #333; text-align: center; margin-top: 8%;}
.anli_left_box {position:relative;overflow: hidden;}
.anli_left_box img{ width:100%; height: auto;}

.anli_right{ width:50%; float:right; padding-right: 3%; font-size: 14px; line-height: 1.8em; color: #666;}
.anli_right div{ font-size:14px;}
.anli_right img{max-width:100%; height: auto!important;}
.anli_top_line{border-top:1px solid #e5e9ef; height: 2px; margin-bottom:6%!important;}
.anli_top_line div{display:block; width: 6%; height: 2px;background-color: #1100ff;}

.ject_box{background: url(../images/rabout_con_bg.png) center bottom repeat-x;}
.ject_con{ padding: 4% 0px;}
.ject_info{ width:90%; font-size: 16px; color: #666; line-height: 2em;}
.ject_info::before{ content:''; width: 5%; height: 2px; background-color: #1100ff; display: block; margin-bottom: 2%;}

.ject_list_ul{ display:block; width: 100%; padding: 0px; padding-top:2%; padding-bottom: 3%;}
.ject_li{display:block; width: 32%; padding-bottom: 43%; height: 0px; float: left; margin-right:1.3%; margin-bottom: 0.3%;transition: all 1s;overflow: hidden;border-radius: 3px;}
.ject_li:hover .sec_texts p{ opacity:1;}
.ject_li:hover .ject_li_img{transform: scale(1.1);}
.ject_li:hover .sec_texts{ padding-top:30%;}
.ject_li:hover .ject_mask{ background-color: rgb(28 30 181 / 87%);}
.ject_lis:hover .sec_texts{ padding-top:15%;}
.ject_lis:hover .ject_mask{background-color: rgb(28 30 181 / 67%);}
.ject_mask{ width:100%;padding-bottom:129%; height:100%; background-color: rgb(28 30 181 / 35%); position: relative;transition: all 1s;}
.sec_texts{ position:relative; z-index: 999; color: #f8f8f8; padding-left: 10%; padding-right: 10%; text-align: center; padding-top:57%;  transition: all 1s;}
.sec_texts h3{ font-size:28px; line-height:1.8em;font-weight: bolder;}
.sec_texts span{font-size:18px; line-height: 1.8em;}
.ject_lis{padding-bottom:21.35%;}
.ject_lis .ject_mask{ padding-bottom:66.6%;}
.ject_lis .sec_texts{padding-top:16%;}
.sec_texts p{line-height: 1.8em; margin-top: 1em; text-align: left; font-size: 14px; opacity: 0; transition: all 1s;}
.ject1{ background:url(../images/ject1.jpg) center center no-repeat;  background-size:cover;}
.ject2{ background:url(../images/ject2.jpg) center center no-repeat;  background-size:cover; }
.ject3{ background:url(../images/ject4.jpg) center center no-repeat;  background-size:cover; float: right; margin-right: 0.4%;}
.ject4{ background:url(../images/ject3.jpg) center center no-repeat;  background-size:cover; }
.ject5{ background:url(../images/ject5.jpg) center center no-repeat;  background-size:cover; clear: left;}
.ject6{ background:url(../images/ject6.jpg) center center no-repeat;  background-size:cover;}
.ject7{ background:url(../images/ject7.jpg) center center no-repeat;  background-size:cover;}

.news_right{ background-color:#eee; padding: 0px 2%; padding-bottom: 5%; width: 26%; float: right;margin: 5% 2%;}
.r_title{ margin-top:40px; display:inline-block;  line-height: 2em; margin-bottom: 30px; font-size:24px; color: #666;}
.r_title::after{content:""; display: block;width: 100%; height: 2px; background-color: #1100ff;}
.r_search form input{ background-color: #f6f6f6; height: 42px; width:100%;  transition: all 0.3s;}
.rf_input{ padding-left: 0px; display: inline-block;width: 68%;}
.rf_input input{ padding-left: 1em; color: #666; border: none; }
.rf_button{ padding: 0px; display: inline-block;width:30%;}
.rf_button input{ padding: 0px;border:none; font-size: 16px; }
.rf_button input:hover{ background-color:#1100ff; color: #fff;}

.r_news_list_ul{ padding-left: 0px;}
.r_news_list_ul li{ padding-top: 1.5em; padding-bottom: 1.5em; border-bottom: 1px solid #eee;}
.r_news_list_title{ font-size:16px; color: #333; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.3s;}
.r_news_list_title:hover{ color:#04a07b;}
.r_news_list_date{ font-size: 14px; color: #999; margin-top: 5px; margin-bottom: 5px;}
.r_news_list_info{ font-size: 14px; color: #ccc;}

.pagess {clear: both;padding: 20px;text-align: center;}
.pagess .pagination {
  display:inline-block;
  justify-content: center;
  margin-top: 10px;
}
.pagess a {
	display: inline-block;
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 5px 12px;
  margin: 0 3px;
}
.pagess span {
    color: #333;
    font-size: 14px;
    padding: 8px 2px;
    margin: 0 3px;
}
.pagess a:hover {
  color: #1100ff;
  border: 1px solid #1100ff;
}
.pagess a.page-num-current {
  color: #fff;
  background: #1100ff;
  border: 1px solid #1100ff;
}


#imgsy img{ max-width:80% !important; height:auto !important;}
#imgsy p{margin-bottom:1.5em;}
#imgsy{font-size: 14px; line-height: 2em;}

.news_next{ padding-top:1em; padding-bottom:3%; border-top:1px solid #dfdfdf; color: #666; font-size: 14px;}
.news_next p{ margin-top:0.5em;}
.news_next a{ color:#666; transition: all 0.3s; }
.news_next a:hover{ color:#04a07b;}
.news_fh{ float:right; line-height: 2em;}

.index_hz{overflow:hidden; position: relative;}
.hz_title{ font-size:24px; text-align: center; padding-bottom: 2%;border-bottom:1px solid #eee; }
.index_hz_list{height: 100%; padding: 3% 30px;  position: relative;}
.hz_prev{position:absolute; left: 0px;  top: 50%; background: url(../images/hz_left.png) top left no-repeat; width: 11px; height: 21px; margin-top: -10px; }
.hz_next{position:absolute; right: 0px;  top: 50%; background: url(../images/hz_right.png) top left no-repeat; width: 11px; height: 21px; margin-top: -10px;}
   .index_hz .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.index_hz .swiper-slide img{ width:100%; height: auto;}


	.rabout_tmlist{ padding:5% 0px;}
	.tm_title{text-align:center; }
	.tmli{ width:100%; margin-top:5%; background-color: #f3f4f6;}
	.tm_img{ display: inline-block;float: left;}
	.tm_con{ padding: 3% 5%; margin-left: 296px;}
	.tm_name{font-size: 24px; color: #333; line-height: 2em;}
	.tm_position{font-size:14px; color: #999;}
	.tm_info{display: block;border-top:1px solid #e5e5e5;margin-top: 2.6%; padding-top: 2.6%; font-size: 14px; color: #666;}
	.tm_info_ul{ display: block;}
	.tm_info_ul li{ width: 49%; line-height:2.5em; float:left; display: block;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
	.tm_info_ul2 p{ width: 100%; line-height:2.5em; float:left;}



.sys_box{ padding-bottom: 5%; background: url(../images/sys_right_bg.png) right bottom no-repeat; margin-top: -7%; z-index: 999; position: relative;}
.sys_left{ width:25%; height: 840px; background: url(../images/sy_nav_bottom_bg.jpg) bottom right no-repeat;float: left;}
.sys_nav{ float:right; width:340px;background: url(../images/sys_nav_bg.png) right bottom no-repeat;height:auto;background-color: #1100ff; padding-bottom: 30px;}
.snav_title{ text-align:right; margin-right:10%; color: #fff; padding-top:40%;}
.snav_title p{ font-size:30px;}
.sys_right{ width: 65%; margin-left: 5%; margin-right: 5%; float: right; margin-top: 13%;}
.sys_right_title{ font-size:24px; line-height: 1.8em;}
.sys_right_title h3{}
.sys_right_title p{font-size:14px; color: #999;}
.sys_right_info{font-size: 14px; color: #666; line-height: 2em; padding-bottom: 3%;}
.sys_right_info::before{content:'';display: block; width: 40px; height: 2px; background-color: #1100ff; margin-bottom: 5%;}
.sys_right_info img{max-width:100%; height: auto!important;}

.syslist_ul{ display: block; padding:0px; margin: 0px; }
.syslist_ul li{ float: left; width: 33%; margin-bottom: 12%;}
.syslist_ul li a:hover h3{ color: #1100ff; transition: all 0.3s;}
.syslist_ul li a:hover p{ color:#1100ff;}
.syslist_ul li p{ line-height: 1em; color: #999;transition: all 0.3s; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.syslist_ul li h3{ line-height: 1.5em; color: #333; margin: 0px; padding: 0px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.syslist_ul li img{float: left; width: 70px; margin-right: 10px; margin-top: -3px; opacity: 0.7; max-height: 61px;}
.sys_right_index .sys_right_info::before{ height: 0px;}
.sys_right_index .sys_right_info{ padding-top: 5%;}

.sys_right .index_case_list li{ margin-left:0px; margin-right: 5%;}
.sys_right .index_case_list{ margin-top:0px;}
.sys_right .index_case_list li h3{ text-align: center;}
.sys_right .index_case_list li:nth-child(2n){ margin-right: 0px;}


.recruit{padding:4%; }
.recruit ul{margin:0px; padding: 0px;}
.recruit ul li{margin-bottom:20px}
.recruit ul li .top{background:#f4f4f4;padding:22px 30px;line-height:32px;position:relative;cursor:pointer}
.recruit ul li .top h3{font-weight:normal;font-size:22px;background:url(../images/icon17.png) no-repeat right center; padding-top: 0px; padding-bottom: 0px; margin: 0px;}
.recruit ul li .top span{display:inline-block;width:260px;color:#333;}
.recruit ul li .top label{}
.recruit ul li .top label em{font-style:normal; font-weight: normal;font-size:14px;color:#666;margin-left:80px}
.recruit ul li .top label em:first-child{margin-left:0}
.recruit ul li .slide{box-shadow:0 0 16px rgba(88,96,94,0.1);display:none;transition:all 0s}
.recruit ul li .web{padding:0 30px 10px}
.recruit ul li .web .text{padding:20px 0 20px;border-top:1px solid #d9d9e0;}
.recruit ul li .web .text:first-child{border-top:none}
.recruit ul li .web h3{font-size:18px;font-weight:normal;color:#333;margin-bottom:20px}
.recruit ul li .web p{line-height:32px;color:#666}
.recruit ul li.on .top,.recruit ul li .top:hover{background:#1100ff}
.recruit ul li .top:hover h3{background:url(../images/icon17-2.png) no-repeat right center}
.recruit ul li.on .top h3{background:url(../images/icon17-1.png) no-repeat right center}
.recruit ul li.on .top:hover h3{background:url(../images/icon17-1.png) no-repeat right center}
.recruit ul li.on .top h3 span,.recruit ul li.on .top h3 em,.recruit ul li .top:hover h3 span,.recruit ul li .top:hover h3 em{color:#fff}

.sys_right_info .tm_info_ul2 p{ line-height: 1.5em;}
.sys_right_info .tm_info_ul li{ line-height: 1.5em;}
.sys_right_info .tm_img{ width: 24%;}
.sys_right_info .tm_con{ margin-left: 24%;}
.sys_right_info .tm_info{ margin-top:0px;}

		  .snav_list{ margin-right:12%; margin-top:5%; text-align: right;}
		  .snav_list p { display:inline-block; text-align: right; line-height:2em; width: 100%; }
		  .snav_list p  a{ display:inline-block;  color: #fff; font-size: 14px; opacity: 0.9; transition: all 0.3s;}
		  .snav_list p  a:hover{  opacity:1;}

.snav_list_on a{opacity:1!important;}
.index_ject_list{}
.aboutbox{font-style:normal; font-weight: normal;font-size:16px;color:#666;line-height:30px; width: 90%; margin:10px auto;}
.aboutbox strong{color:#0099ff}
.aboutbak{padding-top: 4%;}
 @media only screen and (max-width: 980px) {
	 .index_project{}
	 .index_ject_list{display:block;}
	 .index_ject_list .ject_mask{background-color:rgb(26 62 120 / 61%);}
	 .index_ject_list .ject_list_ul{ padding-top:0px!important;}
	 .snav_list{display:none;}
.recruit ul li .top{padding:15px}
.recruit ul li .top span{width:100%}
.recruit ul li .top label em{margin-left:10px}
.recruit ul li .web .text{padding:15px 0;line-height: 1.8em;}
.recruit ul li .web{padding:0 15px}
	 .recruit ul li .top span{margin-bottom:5px;}
.recruit ul li .web h3{margin-bottom:10px}
.recruit ul li .web p{line-height:26px}
.recruit ul li .top h3{white-space:normal;font-size:16px}
.recruit ul li .top label em{font-size:12px;}
	 
	 
	 .index_hz_list{ overflow: hidden;}
	 .pagess .page-status{display: none;}
	 .pagess .page-index{display: none;}
	 .pagess .page-pre{display: none;}
	 .pagess .page-next{display: none;}
	 .pagess .page-last{ display: none;}
	 
	 #news{ margin-top:5%; margin-bottom: 5%;}
	 #news .hot-news .item .info .brief{ font-size:12px;}
	 #news .hot-news .item img{ max-height:117px; width: 100%;}
	 .index_case_list li h3{ margin-top:0px;}
	 .index_case_list li p{ font-size:12px; }
	 
	 
	 .ject_list_ul{ display:block; width: 100%; padding-top:4%; padding-bottom: 3%;}
.ject_li{display:block; width: 100%; padding-bottom:30%; height: 0px; float: left; margin-right:0%; margin-bottom:2%;transition: all 1s;overflow: hidden;  border-radius: 5px;}
	 /*.ject_li:hover{padding-bottom:120%;}*/
.ject_li:hover .sec_texts p{ opacity:1;}
.ject_li:hover .ject_li_img{transform: scale(1.1);}
.ject_li:hover .sec_texts{ padding-top:8%;}
.ject_li:hover .ject_mask{ background-color: rgba(0,0,0,0.4);}
.ject_lis:hover .sec_texts{ padding-top:8%;}
	/* .ject_lis:hover{padding-bottom:120%;}*/
.ject_lis:hover .ject_mask{background-color: rgba(0,0,0,0.4);}
.ject_mask{ width:100%;padding-bottom:130.3%; height:100%; background-color: rgba(0,0,0,0); position: relative;transition: all 1s;}
.sec_texts{ position:relative; z-index: 999; color: #f8f8f8; padding-left:5%; padding-right:5%; text-align: center; padding-top:8%;  transition: all 1s;}
.sec_texts h3{ font-size:18px; line-height: 1.0em;}
.sec_texts span{font-size:12px; line-height: 1.8em;}
.ject_lis{padding-bottom:30%;}
.ject_lis .ject_mask{ padding-bottom:120%;}
.ject_lis .sec_texts{padding-top:1%;}
.sec_texts p{line-height: 1.7em;  margin-top: 1em; font-size: 14px; opacity: 0; transition: all 1s; text-align: justify;}
	 .ject3 .sec_texts p{ line-height: 1.5em;}
	 
	 
	 .news-detail .detail::before{ width:8%; margin-top: 5%; margin-bottom: 5%;}
	 .news-detail .detail{ margin-bottom: 8%;}
	 #imgsy{ line-height:1.8em; text-align: justify;}
	 .r_title{ margin-top:6%; margin-bottom:6%;}
	 .r_news_list_ul li{ padding-top:3%; padding-bottom: 0px;}
	 .r_news_list_ul{ padding-bottom:4%;}
	 .news_fh{clear:both; float: none; display: none;}
	 .news_next p{ display:block; overflow: hidden; text-overflow: ellipsis;white-space:nowrap;}
	 .anli_left .swiper-button-next,.anli_left .swiper-button-prev{ display:none;}
	 .ject_info::before{ margin-bottom:5%; margin-top: 5%; width: 8%; }
	 
	 .fc1{ display:none;}
	 .ject_info{width:100%; text-align: justify;font-size:14px; line-height: 1.8em;}
	 
	 .syslist_ul li{ float: left; width: 50%; margin-bottom: 12%;}
	 .syslist_ul li p{ line-height: 1em; color: #999; font-size: 10px; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	 .syslist_ul li h3{ line-height: 1.5em; color: #333; font-size: 16px;}
	 .syslist_ul li img{float: left; width:52px; margin-right: 10px; margin-top: -3px; opacity: 0.7;}
	 
	 .sys_box{ padding-bottom: 5%; background: url(../images/sys_right_bg.png) right bottom no-repeat; }
.sys_left{ width:100%; height: auto; background: url(../images/sy_nav_bottom_bg.jpg) bottom right no-repeat;float:none;}
.sys_nav{ float:none; padding-bottom: 2%; width:100%;background: url(../images/sys_nav_bg.png) right bottom no-repeat;height:auto;background-color: #1100ff;}
.snav_title{  color: #fff; padding-top:5%; text-align: center; margin-right: 0px;}
.snav_title h3{font-size: 18px;}
.snav_title p{ font-size:14px;}
.sys_right{ width:100%; float: none; margin: 0px; padding: 5%;}
.sys_right_title{ font-size:18px; line-height: 1.8em;}
.sys_right_title p{font-size:12px; color: #999; line-height: 2em;}
.sys_right_info{font-size: 14px; color: #666; line-height: 2em;}
	 .sys_right_info img{max-width:100%; height: auto!important;}
.sys_right_info::before{content:'';display: block; width: 40px; height: 2px; background-color: #1100ff; margin-bottom: 5%;}
	 
	 
	 
	 	.rabout_tmlist{ padding:5% 0px;}
	.tm_title{text-align:center; }
	 .tm_title img{ width:100%;}
	.tmli{ width:100%; margin-top:5%; background-color: #f3f4f6;}
	.tm_img{ display: inline-block;float: left; width:25%; padding-top:5%;}
	 .tm_img img{ width:100%;}
	.tm_con{ padding: 5% 5%; margin-left:25%;}
	.tm_name{font-size: 18px; color: #333; line-height: 2em;}
	.tm_position{font-size:12px; color: #999;}
	.tm_info{display: block;border-top:1px solid #e5e5e5;margin-top: 5%; padding-top: 5%; font-size: 12px; color: #666;}
	.tm_info_ul{ display: block; }
	.tm_info_ul li{ width: 100%; line-height:2em; float:none;}
	.tm_info_ul2 p{ width: 100%; line-height:2em; float:none;}
	 
	 
	 
	 .news_right{float:none; width: 100%; margin-left: 0px; padding: 5%; margin-top: 0px; padding-top: 0px;}
	 .news-detail{ width:100%; margin-left: 0px; float:none; margin-top: 6%; margin-bottom: 6%;}
	 #imgsy img{ max-width:100% !important; height: auto !important;}
	 .news-detail .title{ font-size:18px; line-height: 1.5em;}
	 
	 	.anli_con{ padding: 5% 0px; padding-top: 0px;}
	.anli_left{ width:100%;overflow: hidden; float:none;}
.anli_left_title{ font-size:20px;  font-weight: bold; color: #333; text-align: center; margin-top: 8%;}
.anli_left_box {position:relative;}

.anli_right{ width:100%; float:none; padding-right: 0%; font-size: 14px; line-height: 1.8em; color: #666;}
.anli_right div{ font-size:14px; margin-bottom: 1em; text-align:justify;}
.anli_top_line{border-top:1px solid #e5e9ef; height: 1px; margin-bottom:6%!important; margin-top: 6%; text-align: center;}
.anli_top_line div{display:block; width: 8%; left:45%; height: 2px;background-color: #1100ff; margin-top: -2px; padding-top: 0px; }
.ranli_banner{ display:none;}
	 
	 
.rnav{ background-color: #f3f4f6; width: 100%; padding: 0px 0%;}
.position{float:right; line-height: 68px; color: #999; display: none;}
.position a{color: #999;}
.position a:hover{color: #1100ff;}
.rnav_box{ }
.rnav_a{ height:42px; line-height:42px; width:24%;  font-size:14px; color: #333; text-align: center; display: inline-block;overflow: hidden;}
.rnav_a_on{ color: #fff; background-color: #1100ff;}
.rnav_a_on:hover{ color:#fff; background-color: #1100ff;}
	 
	.rcontact_con{ margin-top:-12%;position: relative;z-index: 9999;}
	.rc_title{ margin-bottom:8%;}
	.rc_title h3{font-size:24px; font-weight: bold; color: #fff;}
	.rc_title h3 span{ font-size:12px;font-weight: normal; color: #ccc;}
	.rcontact_con{ margin-bottom:4%;}
	.rc_con{ width:100%; background-color: #fff;}
	.rc_con1_title{}
	.rc_con1_title h3{ font-size:20px; color: #333; line-height:1.8em;font-weight: bold;}
	.rc_con1_title p{ font-size:12px; color:#ccc;}
	.rc_con1_line{ width:14px;height: 1px; border-top: 1px solid #ccc;  margin-top: 3%; margin-bottom: 3%;}
	.rc_con1{float:none; width:100%; box-sizing: border-box; padding:6% 3% 3% 6%;  background-color: #fff;}
	 .rc_con2{ padding-bottom:8%; padding-top: 3%;}
	.rc_con1_info{ font-size:14px; color:#555; line-height: 2em;}
	.rc_con3{ width:100%;float: right; background-color: #1100ff; padding:8% 3% 5% 5.2%; text-align: center;}
	 .rc_con3 .rc_con1_line{ display:inline-block; margin-top: 3%; margin-bottom: 3%;}
	.rc_con3_lx {}
	.rc_con3_lx span{font-size:14px; color:#fff;}
	.rc_con3_lx h3{font-size:26px; color: #fff; line-height: 1.8em;}
	.rc_con3_info{ color:#fff; font-size: 14px;}
	.rc_con3_info p{ color:#fff; font-size: 14px; margin-bottom: 0px; line-height: 1.8em;}
	.rc_con3_join { margin-top:5%; margin-bottom:0%;}
	.rc_con3_join a{ color:#fff; font-size: 16px;}
	.rc_con3_join a:hover{ opacity:0.8;}
	 .rabout_con{margin-bottom:5%; padding-top: 5%; font-size: 14px; line-height: 1.8em; text-align: justify;}
	 .rabout_con br:first-child{display:none;}
	 
	 
	 
	 .category .cates{ padding:0px 1.5em;}
	 
	 .b_left{ width:100%;}
	 .b_left h3{ font-size: 18px; margin-top: 3%; margin-bottom: 3%;}
	 .b_left p{display:block;padding-left:42px;line-height:52px;font-size:14px;color:#333; margin-bottom: 0px;}
	 
	 
	 .index_coop{padding-bottom:12%;}
	 .index_coop_topbg{ padding-top:6%; background-size: 40%;}
	 .icoop_ul{ margin-top:6%;}
	 .icoop_ul li{ width:50%; min-height:300px; box-sizing: border-box; float: left; margin-bottom: 3%;}
	 
	 
	 .wrapper:hover section:hover{width:82%;}
.wrapper:hover section:hover .sec_text{ opacity:1;}
.wrapper:hover section:hover::before{ background-color:rgba(0,0,0,0.5);}
.wrapper:hover section:not(:hover){width:3%}
	 .sec_text{margin-top: 15%; padding: 0px 8%;}
	 .sec_text span{ font-size:12px;}
	 
	 .index-service{ background-size:40%;}
	 
	 .system{ display:block; margin-top:6%; margin-left: -2%;}
.system li{ display:block; width:47%; height: auto;  margin-left: 2%;  margin-bottom: 3%; float: left;}
	 .system li:nth-child(2n+1){clear:both;}
.system li a{ display:block;padding: 6% 12%;background-color: #f3f4f6;transition: all 0.3s;}
.system li a:hover{background-color:#eee;}
	 .system li a img{ max-width:50%;}
.system li h3{ font-size:16px; color: #333; line-height: 1em;  margin-top: 2%; margin-bottom: 3.6%;}
.system li h3 span{ font-size:12px; color: #ccc; text-transform: uppercase;display: block; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.system li p{ font-size:12px; color: #666; line-height:1.5em;}
	 
	 
	 
	 #header #menu #nav .nav-item .item-a {
	font-size: 16px;
	font-weight:normal;
	color: #666;
	 }
	 
	 .logo1{display:none;}
	 .logo2{display:block;}
	 .itext{ font-size:12px;  text-align: center; padding: 0px 10px;}
	 .itext h3{ font-size:18px;}
	 #header{ padding:0px 3%;}
	 #header #logo{ max-width:60%; max-height: 100%;}
	 #header.on{ height: 40px; line-height: 40px;}
	 #header-search{ display:none;}
	 .banner .banner-btn{ display:none;}
	 .banner .swiper-pagination{ bottom:10px;}
	 .banner .swiper-pagination .swiper-pagination-bullet{ width:15px; height: 2px;}
	 .service_list h3{ font-size:16px; line-height: 3em; margin-top: -3em;}
	 .index-case{ padding-top:6%; padding-bottom: 6%;}
	 .index_case_list li{width:100%; margin-top: 3%; margin-left: 0px; margin-bottom:3%;}
	 .index_case_list li h3 a{ font-size:16px;}
	 .index-service{ padding-bottom:6%;	margin-top:6%;}
	 
	 .index-oper{ padding-top:8%; padding-bottom: 8%;}
	 .index-oper-left{position: relative; width:100%; padding-top:0px; text-align: center;}
.index-oper-left img{ position: relative; float: none; margin-bottom: 3%;}
.index-oper-right{ float:none; width:100%; margin-left: -1%; }
	 .index_about{ padding-top:10%; padding-bottom: 10%;}
	 .index_about_con{ margin-left:0px;}
	 .index_about_con h3{ font-size:24px; line-height:1.5em; color: #fff;}
.index_about_en{ font-size:12px; margin-top:1em;}
	 .index_about_info{ margin-top:1em; line-height: 1.8em;}
	 .about_btn{ margin-top:1em;}
	 
	 .index_news_list .item{ margin-top:3%;}

	
.footer-con{ margin-bottom:3%; padding-top:3%;}
.fc1{ width:100%; float: none; text-align: center;}
.fc2{ margin-left:0%; display: block; width: 62%;float: left; margin-top: 6%;}
.fc3{  width:100%; float: left; margin-top:10%;}
	 .fc3 h3{font-size:18px; margin-left: 0px;}
	 .f_nav{ text-align: center;}
.f_nav a{ margin-right:6%; font-size: 12px;}
.f_nav a:last-child{ margin-right:0px;}
.f_link{ margin-top:5%; margin-bottom: 5%; text-align: left;}
.fc2 h3{ font-size:20px;  color: #565656; font-weight: bold;}
.fc2 p{ font-size:12px;line-height:2em; margin-top: 5%;}
.f_ewm{ max-width:132px; width: 40%; display: inline-block; margin-left: 6%; text-align: center;} 
.f_ewm span{display: block; padding-top: 5px; color: #565656;}
.f_ewm img{ width:100%;}
	 .copyright .text-left{ text-align:center;}
	 
	 #about .service .box .item{ font-size: 12px;}
	 
.hide-980{display:none}
.block-980{display:block}
html.open-menu,body.open-menu{width:100%;height:100%;position:fixed;overflow:hidden}
#website.open-menu{left:-60%}
#header[id]{background-color:#fff;border-bottom:1px solid #e7e7e7}
#header.open-menu{left:-60%}
#header #menu.open-menu #nav{right:0;z-index:20}
#header #menu:hover #nav{-webkit-transition:all 300ms ease 0s;-moz-transition:all 300ms ease 0s;-ms-transition:all 300ms ease 0s;-o-transition:all 300ms ease 0s;transition:all 300ms ease 0s}
#header #menu #nav{width:60%;max-width:none;background-color:#fff;border-left:1px solid #eee;position:fixed;right:-60%;top:0;overflow-x:hidden;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-moz-align-items:flex-start;-ms-align-items:flex-start;-o-align-items:flex-start;align-items:flex-start;-webkit-align-content:flex-start;-moz-align-content:flex-start;-ms-align-content:flex-start;-o-align-content:flex-start;align-content:flex-start}
#header #menu #nav .menu-close{width:100%;height:60px;line-height:inherit;font-size:28px;color:#fff;background-color:#2270f1;padding-left:5%;padding-right:5%;text-align:right}
#header #menu #nav .row{position:relative;z-index:1}
#header #menu #nav .nav-item{width:100%;border-bottom:1px solid #ccc;text-align:left}
#header #menu #nav .nav-item.on{z-index:3}
#header #menu #nav .nav-item .item-a{height:45px;line-height:45px;font-size:16px;padding-left:7%;padding-right:7%;display:block}
#header #menu #nav .nav-item .sub-nav{width:60%;border-radius:0;margin-left:0;left:auto;right:-60%;top:60px;bottom:0;position:fixed;box-shadow:none;display:block;overflow-x:hidden}
#header #menu #nav .nav-item .sub-nav.open{right:0}
#header #menu #nav .nav-item .sub-nav .sub-title{height:45px;line-height:45px;font-size:18px;color:#fff;background-color:#ccc;padding-left:7%;padding-right:7%}
#header #menu #nav .nav-item .sub-nav .sub-title i{margin-right:10px}
#header #menu #nav .nav-item .sub-nav .sub-item{height:48px;line-height:45px;border-bottom:1px solid #ccc}
#header #menu #nav .nav-item .sub-nav .sub-item a{padding-left:7%;padding-right:7%}
#header #header-search{width:100%;max-height:none;position:relative;right:auto;top:auto}
#header #header-search .text{height:60px;font-size:16px;padding-left:7%;border-width:0 0 1px 0}
#header #header-search .submit{line-height:60px}
#header-blank{height:60px}
.banner{width:120%;margin-left:-10%}
.banner .banner-btn{width:20px}
.web-btn .button{width:30px;height:32px}
.web-btn .more{width:50px}
.web-name{font-size:20px}
.index-about .main .name{font-size:20px}
.index-about .main .brief{font-size:12px}
.index-about .main .brief br{display:none}
.index-product .product-box,.index-product .product-list{width:100%;max-width:850px;margin:0 auto;float:none}
.index-product .product-box{margin-bottom:3.191489%}
.index-product .product-list .item .info,#products .products-list .item .info{opacity:0 !important}
.index-product .product-list .item .info .url,#products .products-list .item .info .url{width:100%;height:100%;left:0;top:0;position:absolute;z-index:1}
.index-product .product-list .item .shadow,#products .products-list .item .shadow{display:none}
#products .products-list .item[class]{width:49%;margin-left:1.734%}
#products .products-list .item.f2{margin-left:0}
#product-detail .detail .img{width:100%}
#product-detail .detail .info{width:100%;height:auto;position:relative;left:auto}
#product-detail .detail .info .name{font-size:18px}
#product-detail .detail .info .title{font-size:16px}
#product-detail .detail .info .brief,#product-detail .detail .info .size{height:auto}
.team-list .item[class]{width:49%;margin-left:2%;margin-bottom:2%}
.team-list .item.f2{margin-left:0}
#news .news-list .item{padding:2%}
#news .news-list .item .info{width:70%}
#news .news-list .item .time{margin-right:0}
#news .news-list .item .time .date{font-size:40px}
#news .news-list .item .right{display:none}
#header #menu .change-lang{margin-right:10px}
}
 @media only screen and (max-width:768px){.service_list h3{font-size:14px;line-height:2.5em;margin-top:-2.5em}
.hide-768{display:none}
.block-768{display:block}
#header{height:40px;line-height:40px}
#header #menu #nav .menu-close{height:40px}
#header #header-search .text{height:40px}
#header #header-search .submit{line-height:40px}
#header-blank{height:40px}
.index-product .product-box .hd a{width:10px;height:10px}
.contact .contact-info .item{width:50%;margin-bottom:15px;text-align:left}
.contact .contact-info .item:last-child{width:100%}
.contact-form .text{width:100%}
.contact-form .submit{height:40px}
#news .hot-news .item[class]{width:49%;margin-left:2%;margin-bottom:3%}
#news .hot-news .item.f2{margin-left:0;clear:left}
#news .hot-news .item .info{padding-bottom:0}
#news .hot-news .item .info .title a{font-size:16px}
#news .news-list .item .time .date{font-size:30px}
#news .news-list .item .info .title a{font-size:16px}
#msg-info .box .left{width:100%}
#msg-info .box .box-line{width:80%;height:1px;margin:5px 0}
#msg-info .box .right .title{font-size:18px}
#msg-info .box .right .brief{font-size:12px}
#follow .i{width:30px;height:30px;line-height:30px}
#follow .toTop{font-size:12px}
#follow .fa{font-size:16px}
}@media only screen and (max-width:360px){.contact .contact-info .item{width:100%}
}.pagination-wrapper{margin:20px 0;text-align:center}
.pagination{height:34px;text-align:center}
.pagination li{display:inline-block;height:34px;margin-right:5px}
.pagination li a{float:left;display:block;height:32px;line-height:32px;padding:0 12px;font-size:16px;border:1px solid #dddddd;color:#555555;text-decoration:none}
.pagination li a:hover{background:#f5f5f5;color:#0099ff}
.pagination li.thisclass{background:#09f;color:#fff}
.pagination li.thisclass a,.pagination li.thisclass a:hover{background:transparent;border-color:#09f;color:#fff;cursor:default}
@media screen and (max-width:768px){}

@media screen and (max-width:1480px){
	 .index_case_title h3{font-size: 22px; line-height: 1.5em;}
	.index_case_info{ padding:3%; padding-left: 4%;}
	.index_case_info .index_case_info_con{margin-top:3%;}
	.index-news .img{max-height:200px;}
	#news .hot-news .img img{max-height: 210px; width: 100%;}
	
}
@media screen and (max-width:1260px){
	.index_case_title h3{font-size:18px; line-height: 1.5em;}
	.index_case_info{ padding:3%; padding-left: 4%;}
	.index_case_info .index_case_info_con{margin-top:3%;}
	.index-news .img{max-height:180px;}
	
}

.bk_right_info img{max-width:100%;}

.imgf4{ position: relative; width: 100%;}
.imgf4 p{display:block; width: 23%;margin-right: 2.6%;float:left; margin-bottom: 2.6%; text-align: center;}
.imgf4 p:nth-child(4n){margin-right:0px;}
.imgf4 p img{width:100%; }
.imgf_title{clear:both; width: 100%!important;}

.imgf3{position:relative; width: 100%;}
.imgf3 p{display:block; text-align: center; width:31%; float: left; margin-right: 2.3%; text-align: center; margin-bottom: 3%;}
.imgf3 p img{width:100%;}

.imgf2{position:relative; width: 100%;}
.imgf2 p{display: block; width: 48.5%; margin-right: 3%; float:left; text-align: center; margin-bottom: 3%; }
.imgf2 p img{width:100%;}
.imgf2 p:nth-child(2n){margin-right: 0px;}
.imgf2 p span{ display:block; width: 100%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}

.wimgf2{position:relative; width: 100%;}
.wimgf2 p{display: block; width: 49%; margin-right:2%; float:left; text-align: center;}
.wimgf2 p img{width:100%;}
.wimgf2 p:nth-child(2n){margin-right: 0px;}
.wimgf2 p span{ display:block; width: 100%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}

.hot-news div:nth-child(4n+1){clear:left;}

@media screen and (max-width:980px){
.imgf4{ position: relative; width: 100%;}
.imgf4 p{display:block; width: 48.5%;margin-right: 3%;float:left; margin-bottom: 3%;text-align: center;}
	.imgf4 p:nth-child(2n){margin-right: 0px;}
.imgf_title{clear:both; width: 100%!important;}	
	
.imgf3 p{display:block; text-align: center; width:100%; float: left; margin-right:0%; text-align: center; margin-bottom: 3%;}
.imgf3 p img{width:100%;}	
	.hot-news div img{max-height:190px;}
}
.bankuai{margin-top: 0px;}

.bk_right{ margin-top:3%; padding: 0px 5%;}
.bk_right_title{margin-bottom:2%;}