@charset "utf-8";
/* CSS Document */
body,div,p,table,tr,th,td,form,input,textarea,fieldset,blockquote,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd{margin:0;padding:0}
body{font-size:14px;line-height:1.5;text-align:left;font-family:Microsoft YaHei,Tahoma,Helvetica,Arial,sans-serif;margin:0 auto;overflow-x:hidden;color:#333;line-height:24px; background:#fff;}
ul,ol,li{list-style:none;margin:0;padding:0;}
h1{font-size:28px;font-family:Microsoft YaHei;}
h2{font-size:40px;font-family:Microsoft YaHei;}
h3{font-size:18px;font-family:Microsoft YaHei;font-weight:normal;}
h4{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;}
h5{font-size:16px;font-family:Microsoft YaHei;font-weight:normal;}
h6{font-size:14px;font-family:Microsoft YaHei;font-weight:normal;}
i,p{font-style:normal;}
img{border:none;}
input{vertical-align:middle}
input,select,textarea{font-size:12px}
.clear{clear:both;height:0;overflow:hidden;display:block}
.none{display:none;}
a{text-decoration:none;color:#333;}
.width{width:100%;margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.w1200{ width:1220px; margin:0 auto;}

body{height:100%;}
	.fl{float:left;}
	.fr{float:right;}
	.clear{clear:both;height:0;font-size: 1px;line-height: 0px;}
    .flexslider{width:100%;height:auto;margin:0;padding:0;overflow:hidden;}
	.flexslider img{width:100%;}	
	.indexproduct{margin:20px 0;padding:40px 0;margin-top:50px}
	.mainbusiness{clear:both;margin-top:70px;padding-bottom:40px;}
		.mainbusiness .caption h5{color:#000;text-align:center;font-size:35px;}
		.mainbusiness .caption p{color:#666;text-align:center;font-size:14px;}
		.business{margin-top:80px;}
		.indexmar{margin-top:20px;}
		.indexmar h5{font-size:25px;line-height:50px;}
	.gray{background:#f3f4f6;}
	.indexpro_left h4{height:45px;font-size:20px;color:#5695ce;}
	.indexpro_left h5{font-size:16px;line-height:30px;color:#333;clear:both;}
	.indexpro_left h6{height:45px;line-height:45px;}
	.indexpro_left h6 a{color:#5695ce;font-size:14px;}
	.bttop{background:url(../images/bbg.jpg) no-repeat center top;padding:50px 0 40px 0;}
		.btcont{padding:20px;text-align:center;width:100%;}
		.btcont h6{color:#fff;text-align:center;line-height:70px;font-size:26px;}
		.btcont p{color:#fff;text-align:center;line-height:30px;font-size:14px;}
	.footer{}
		.footertop{background:#363f4d;padding:20px 0;}
		.footerbt{background:#2a313d;padding:30px 0;line-height:30px;color:#6d8299;text-align:center;}
	.box{box-shadow:0 0 20px rgba(0,0,0,.5);border-radius:6px;overflow:hidden;background:#ffffff;padding:0;margin:10px;}
		.box div {width:100%}
		.box .boximg img{display:block;width:100%;margin:}
		.box div{display:block;margin:0;text-align:left;padding:10px;font-size:14px;color:#666;line-height:25px;}
		.box div h5{font-size:16px;color:#333;text-align:center;margin:0;padding:0;}
	.innernav{width:400px;margin:0 auto;border-bottom:1px solid #ccc;height:50px;line-height:50px;margin-bottom:70px; overflow-y:hidden;overflow-x: hidden;;-webkit-overflow-scrolling:touch;}
		.innernav a{display:block;width:25%;float:left;text-align:center;}
	.divpro div div{font-size:16px;text-align:center;border:2px solid #0719a6;border-radius:60px;width:120px;height:120px;line-height:120px;margin:10px auto;-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;}
	.divpro div div:hover{background:#352e75;color:#fff;border:2px solid #352e75;-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg); }
	.prosp div h5{height:50px;line-height:40px;font-size:20px;}
	.prosp div h5 div{width:50px;border-top:4px solid #c70827;}
	.prosp div h6{height:50px;line-height:25px;font-size:14px;}
	.prosp div p{margin-top:20px;}
	.navitems ul li a{color:#5d8286;font-size:14px;}
	#plist{width:100%;margin:100px auto;}
	#plist li{width:380px;height:auto;margin-right:20px;margin-bottom:50px;float:left; position:relative;z-index:10;overflow:hidden; transition:all 500ms}
	#plist li .mask{width:380px;height:auto;overflow:hidden;position:absolute;left:0;top:-300px;z-index:20;transition:all 500ms;background:#0da7e0;opacity:.5}
	#plist li img{width:380px;height:auto;}
	#plist li div.casebox{padding:15px; position:relative; z-index:11}
	#plist li h3{font-size:16px;font-family:"microsoft yahei";height:30px;line-height:30px;}
	#plist li span{font-size:14px;font-family:"microsoft yahei";line-height:30px;}
	#plist li .csbg{width:380px;height:130px;background:#0da7e0;position:absolute;left:0;bottom:-130px;z-index:5;transition:all 500ms;padding-bottom:10px;}
	#plist li:hover {color:#fff;}
	/*#plist li:hover .mask{top:0px;}*/
	/*#plist li:hover .csbg{bottom:0px;}*/
	/*#plist li:hover .csbg a{color:#fff;}*/
	#plist a{font-size:14px;text-decoration:none;}
	@media only screen and (min-width:1200px) {
		.logo{position:fixed;padding-top:5px;padding-bottom:5px;width:100%;height:50px;z-index:10000;}
		.logocenter{width:1200px;margin:0 auto;height:40px;}
		.headbg{background:#363f4d;}
		.headerleft{width:30%;float:left;padding-top:-5px;line-height:40px;}
			.headerleft img{width:120px;margin-left:5px;}
		.headerright{width:70%;float:right;}
			.pcmenu ul{float:right;}
			.pcmenu ul li{float:left;height:40px;line-height:40px;padding:0px 15px;}
			.pcmenu ul li a{color:#fff;text-decoration:none;}
		.sjj_nav{display:none;}
		.pcmenu{display:block;}
		.sp_nav{display:none;}		
		.mainbusiness .caption{margin:0 auto;width:1200px;}
		.maincont{width:1200px;margin:0 auto;padding-top:20px;}
		.business{width:1200px;margin:0 auto;padding-top:40px;}
		.indexpro{width:1200px;margin:0 auto;padding-top:40px;}
			.indexpro_left{width:50%;text-align:left;}
			.indexpro_right{width:50%;text-align:right;}
		.box{width:280px;}	
		.link{padding-top:20px;padding-bottom:20px;width:1200px;border-bottom:1px solid #ccc;margin:0 auto;text-align:center;}
			.link p:first-child{font-size:14px;color:#fff;}
			.link p:last-child{font-size:14px;color:#365a86;}
            .link p a{color:#fff;font-size:12px;font-family:"microsoft yahei"}
		.footer_nav{width:1200px;margin:20px auto;}
		.navitems{width:20%;float:left;margin:20px auto;}
			.navitems .fcust{font-size:24px;color:#4fb1f7;line-height:45px;}
			.navitems .femail{font-size:14px;color:#5d8286;line-height:25px;}
			.navitems p{color:#fff;font-size:16px;}
			.navitems ul{margin-top:15px;}
			.navitems ul li{height:25px;line-height:25px;color:#5d8286;font-size:14px;}
	}
	@media only screen and (max-width:768px) {
		.logo{background:#17253c;border-bottom:1px solid #ccc;width:100%;height:100%;z-index:10000;position:fixed;height:45px;padding-top:5px;}
		.divslider{margin-top:45px;}
		.floatclear{clear:both;width:100%;text-align:center;}
		.mainbusiness{clear:both;margin-top:10px;padding-bottom:40px;}
		.business{width:80%;margin:0 auto;padding-top:20px;margin:0 auto;}
		.maincont{width:100%;margin:0 auto;padding:10px 15px 20px 15px;}
			.pronav{overflow-x:auto;}
		.innernav{border-bottom:none;}
		.logocenter{margin:0 auto;height:40px;}
		.indexpro{margin:0 auto;padding-top:40px;}
			.indexpro_left{text-align:center;}
			.indexpro_right{text-align:center;}			
			.indexpro_right img{width:100%;}
		.headerleft{width:30%;float:left;padding-top:5px;}
			.headerleft img{width:120px;margin-left:5px;padding-top:0;}
		.headerright{width:70%;float:right;}
			.pcmenu{display:none;}
			.sjj_nav{display:block;}
			.sp_nav{display:block;}	
		.footer_nav{margin:20px auto;}
		.link{padding-top:20px;padding-bottom:20px;border-bottom:1px solid #ccc;margin:0 auto;text-align:center;}
			.link p:first-child{font-size:14px;color:#fff;text-align:center;}
			.link p:last-child{font-size:14px;color:#365a86;text-align:center;}
            .link p a{color:#fff;font-size:16px;font-family:"microsoft yahei"}
		.navitems{margin:20px auto;}
			.navitems .fcust{font-size:24px;color:#4fb1f7;line-height:45px;}
			.navitems .femail{font-size:14px;color:#5d8286;line-height:25px;}
			.navitems p{color:#fff;font-size:16px;text-align:center;}
			.navitems ul{margin-top:15px;}
			.navitems ul li{height:25px;line-height:25px;color:#5d8286;font-size:14px;text-align:center;}
			#pageinfo{display:none;}
		#plist{width:100%;margin:100px auto;}
		#plist li{width:100%;height:auto;margin-right:20px;margin-bottom:50px;float:left; position:relative;z-index:10;overflow:hidden; transition:all 500ms}
		#plist li .mask{width:100%;height:auto;overflow:hidden;position:absolute;left:0;top:-300px;z-index:20;transition:all 500ms;background:#0da7e0;opacity:.5}
		#plist li img{width:100%;height:auto;}
		#plist li div.casebox{padding:15px; position:relative; z-index:11}
		#plist li h3{font-size:16px;font-family:"microsoft yahei";height:30px;line-height:30px;}
		#plist li span{font-size:14px;font-family:"microsoft yahei";line-height:30px;}
		#plist li .csbg{width:100%;height:130px;background:#0da7e0;position:absolute;left:0;bottom:-130px;z-index:5;transition:all 500ms}
		/*#plist li:hover {color:#fff;}*/
		/*#plist li:hover .mask{top:0px;}*/
		/*#plist li:hover .csbg{bottom:0px;padding-bottom:10px;}*/
		/*#plist li:hover .csbg a{color:#fff;}*/
		#plist a{font-size:14px;text-decoration:none;}
	}
	.divslider{height:100%;}
	.producttype .type-order{border-top:1px solid #e4e4e4;border-right: 1px solid #e4e4e4;border-left: 1px solid #e4e4e4;}
	.producttype .type-order{border-color:#e4e4e4;}
	.producttype .type-order>div{background:#e5e5e5;border-bottom:1px solid #ededed;}
	.producttype .type-order>div{background:;border-color:#e4e4e4;color:#333333;}
	.producttype .type-order ul{background: #fafafa;}
	.producttype .type-order ul{padding:0;margin:0;background: #fafafa;}
	.producttype .type-order ul li{height:40px;line-height:40px;}
	.producttype .type-order .attr-name{height:40px;line-height:40px;white-space: nowrap;position:relative;overflow: hidden;text-align:center;}
	.producttype .type-order .attr-value{padding-left:20px;}
	.producttype .type-order .attr-value a{color:#505e73;color:#333333;}
	.producttype .type-order .attr-value a:hover,.para_search_met_16_1 .type-order ul li.para_select_option a{color:#4fb1f7;color:;}
	.inline-block {float:left;}
	.software{font-size:16px;line-height:45px;}
	
	.newslist .met-news-list {  background:#fff;background:#ffffff;border: none; }
	.newslist .met-news-list li { padding: 50px 0; }
	.newslist .met-news-list li h4 { margin: 0 0 20px; font-size: 22px; }
	.newslist .met-news-list li h4 a { color: #555555; color: #505e73; -webkit-transition: all .25s ease-out; transition: all .25s ease-out; }
	.newslist .met-news-list li h4 a:hover { color: #4fb1f7; color: ; }
	.newslist .met-news-list li p { font-size: 16px; }
	.newslist .met-news-list li p.des { color: #505e73; color: ; margin-bottom: 10px; }
	.newslist .met-news-list li p.des { color: #505e73; color: ; }
	.newslist .met-news-list li p.info { margin-bottom: 0px; font-size: 16px; color: #4fb1f7; color: #a3afb7; }
	.newslist .met-news-list li p.info span { margin-left: 10px; }
	.newslist .met-news-list li p.info span:first-child { margin: 0; }
	.newslist .met-news-list li p.info i { color: #4fb1f7; color: #a3afb7; }
	.newslist .met-news-list li p.info .btn { background: #4fb1f7; background: ; color: #fff; -webkit-transition: all .25s ease-out; transition: all .25s ease-out; }
	.newslist .met-news-list li p.info .btn:hover { opacity: .88; }
	.newslist .met-news-list li  i.dateicon{background:url(../images/date.png) no-repeat left center;width:24px;height:24px;}
	.newslist .met-news-list li  i.eye{background:url(../images/eye.png) no-repeat left center;width:24px;height:24px;}
    .caselist{top:0px;margin:0 auto;padding:0;margin-bottom:50px;}
	.aboutus a{text-decoration:none;color:#1b10f1;border-bottom:none;}
    .blockqq{float:left;}
	.indexnewslist a{font-size:16px;color:#333;text-decoration:none;}
	.indexnewslist div.row{padding:5px 0;}
	.indexnewslist a:hover{}

	.mealseries .item-content .item-list1>div{ transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; border: 1px #efefef solid;  margin: 10px 0; padding: 10px;}
	.mealseries .item-content .item-list1>div:hover{box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);text-decoration:none;}
	.mealseries .item-content .slick-slide {
		padding: 10px;
	}
	.mealseries .item-content>.item-list1{padding: 0 10px;}
	.mealseries .item-content>div .item-list1{width: 100%;padding: 0;}
	.mealseries .item-content .item-list1 h5 {font-size: 18px; color: #333;color:;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;line-height:45px; }
	.mealseries .item-content .item-list1 .gray{color:#999;height:5em;overflow: hidden;font-size:14px;margin-bottom:0;}
	.mealseries .item-content .item-list1 img {border-radius: 100px; object-fit: cover; max-height: 100%; }
	.mealseries .item-content .item-list1 a{text-decoration:none;border:none;}

.service_list_met_28_12.bgcolor{background:#ffffff; background:; position:relative; }
.service_list_met_28_12.bgimg{
	background: url() no-repeat top center;
	background-size: cover;
}

.service_list_met_28_12{padding:70px 0;}
.service_list_met_28_12 .title-box:after{display:block; clear:both; content:'';}
.service_list_met_28_12 .title-name h3.toptitle{
	margin: 0 0 14px 0;
	font-weight: bold;
	padding-left: 50px;
	border-left: 10px solid #3f87f5;
	color:#a3a3a3;
	font-size: 35px;
	line-height: 27px;
}
.service_list_met_28_12 .title-name h3.title{font-size:36px; font-weight:normal; margin:0; color:#060203; color:;padding-left: 60px;}

.service_list_met_28_12 .info-cut ul:after{display:block; content:''; clear:both;}
.service_list_met_28_12 .info-cut ul.info-cut-wraper>li{float:left; list-style:none; margin:0 0 20px 0;}
.service_list_met_28_12 .info-cut ul.info-cut-wraper>li .shadowbox{
	box-shadow:0 0 20px rgba(0,0,0,.2);
	border-radius: 6px;
	overflow: hidden;
	background: #ffffff;
	padding: 34px 40px;
}
.service_list_met_28_12 .info-cut ul.info-cut-wraper>li .shadowbox .imgbox{
	float: left;
	max-width: 20%;
}
.service_list_met_28_12 .info-cut ul.info-cut-wraper>li .shadowbox .imgbox img{
	max-width: 100%;
}
.service_list_met_28_12 .info-cut ul.info-cut-wraper>li .shadowbox .txtbox{
	float: left;
	max-width: 80%;
}
.service_list_met_28_12 .info-cut ul.info-cut-wraper>li .shadowbox .txtbox .desp{
	margin:0;
	height: 66px;
	overflow: hidden;
	color:#333333;
	color:;
}
.service_list_met_28_12 .info-cut ul.info-cut-wraper>li .shadowbox .txtbox h3 a{
	color:#060203;
	color:;
	font-size: 20px;
	font-weight: bold;
}
.service_list_met_28_12 .info-cut ul li .shadowbox:hover .txtbox h3 a{
	color:#ef544f;
	color:;
	-webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1) 0ms;
	transition: all .5s cubic-bezier(.165, .84, .44, 1) 0ms;
}
.service_list_met_28_12 .info-cut ul.info-cut-wraper>li{transition:transform .5s,box-shadow .5s; -moz-transition:transform .5s,box-shadow .5s; -ms-transition:transform .5s,box-shadow .5s; -o-transition:transform .5s,box-shadow .5s;
	-webkit-transition:transform .5s,box-shadow .5s;}
.service_list_met_28_12 .info-cut ul.info-cut-wraper>li:hover{transform:translateY(-5px); -moz-transform:translateY(-5px); -webkit-transform:translateY(-5px);
	-ms-transform:translateY(-5px); -o-transform:translateY(-5px);}
.service_list_met_28_12 .info-cut ul li .shadowbox .firstbox img{display:block; max-width:100%;}
.service_list_met_28_12 .info-cut ul li .shadowbox .txtbox h3{
	margin:0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.service_list_met_28_12 .info-cut ul li .shadowbox .lastbox{
	padding: 0 12px 20px 12px;
}

.service_list_met_28_12 .title-move .fa-chevron-left{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.service_list_met_28_12 .title-move .fa-chevron-right{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.service_list_met_28_12 .info-cut ul li a span.readnum{
	padding:0;
	display:inline-block;
	margin-left: 10px;
}
.service_list_met_28_12 .title-box .desc{
	font-size: 14px;
	font-weight: 300;
	padding-left: 60px;
	color:#333333;
	color:;
}