@CHARSET "UTF-8";
/*公共部分*/

@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/helveticaneuemed.eot');
  src: url('../fonts/helveticaneuemed.eot') format('embedded-opentype'), url('../fonts/helveticaneuemed.woff2') format('woff2'), url('../fonts/helveticaneuemed.woff') format('woff'), url('../fonts/helveticaneuemed.ttf') format('truetype'), url('../fonts/helveticaneuemed.svg') format('svg');
}

body{font-family: "Helvetica","Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;font-size:14px;color: #333; margin: 0; padding:0}
div{margin:0 auto; padding:0;}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p{margin:0; padding:0; border:none; list-style-type:none;}
.block{width:1200px;  margin:0 auto;}
.index_body .block{width:1200px;   margin:0 auto;}
.table td,.table th{ padding:5px;}
ul,li{list-style:none;}
a,a:hover{text-decoration:none;}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border:0;
}
.f_l{float:left;}
.f_r{float:right;}
.pl-0{padding-left:0}
.pr-0{padding-right:0}
.pt-0{padding-top:0}
.pb-0{padding-bottom:0}
.pb-10{padding-bottom:10px}
.pt-10{padding-top:10px}
.pl-10{padding-left:10px}
.pr-10{padding-right:10px}
.p-5{padding:5px}
.p-10{padding:10px}
.mt10{margin-top:10px;}
.hide{display:none;}
.bt{border-bottom:1px solid #ddd;}

.clearfix:after, .clearfix:before{
	display: table;
	content: "";
	overflow: hidden
}
.clearfix:after {
	clear: both
}
.clearfix {
	zoom: 1
}

.fn-blue {
    color: #ff651b;
}
.fn-blue:hover {
    color: #ff651b;
}
.container{
	padding-left:0;
	padding-right:0;
}

/* top */
.pc-top{
	height:40px;
	line-height:40px;
	background:rgb(238, 238, 238);
}
.pc-header{
	height:100px;
}
.pc-logo{
	padding:10px 10px 10px 0;
	display:inline-block;
}
.pc-logo img{
	/* width: 177px; */
	height: 60px;
	padding-top: 10px;
}
.pc-logo .pc-logo-val{
	margin-left: 200px;
}
.pc-logo p{
	font-weight:700;
	font-size: 34px;
	line-height:1.5em;
}
.pc-logo span{
	font-size:18px;
	line-height:1.5em;
}
.pc-tel{
	display:inline-block;
	padding:10px 0 10px 10px;
}
.pc-tel-val{
	padding:10px 10px 10px 40px;
}
.pc-tel-val p{
	line-height:1.5em;
}
.pc-tel-val span{
	color: rgb(247, 150, 70);
    font-size: 24px;
}
.pc-nav{
	background:url('../images/nav_bg.jpg') repeat-x;
	height:50px;
}
.pc-nav a{
	display:inline-block;
	width:14.2%;
	float:left;
	text-align:center;
	line-height:50px;
	height:50px;
	color:#fff;
}
.pc-nav a:hover,.pc-nav a.on{
	background:rgb(249, 103, 0);
}

.mobile-top{
	position:fixed;
	width:100%;
	left:0;
	top:0;
	height:50px;
	line-height:50px;
	-webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
	background:#1976d2;
	z-index:9999;
}
.mobile-top.cur{
	left:60%;
}

.mobile-top-icon{
	width: 30px;
    height: 30px;
	margin:10px;
	float:left;
	position:relative;
}
.lcitem{
    position: absolute;
    left: 0;
    top: 0;
    transform: translateZ(0) rotate(0);
    transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s;
    -webkit-transform: translateZ(0) rotate(0);
    -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;
    width: 30px;
    height: 30px;
}
.lcitem .rect {
    width: 30px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 46%;
    transition: transform .2s ease .2s;
    -webkit-transition: -webkit-transform .2s ease .2s;
}
.lcitem .rect.top {
    transform: translate3d(0,-6px,0);
    -webkit-transform: translate3d(0,-6px,0);
}
.lcitem .rect.bottom {
    transform: translate3d(0,6px,0);
    -webkit-transform: translate3d(0,6px,0);
}
.mobile-top.cur .lcitem {
    transform: translateZ(0) rotate(45deg);
    transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s;
    -webkit-transform: translateZ(0) rotate(45deg);
    -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;
}
.mobile-top.cur .lcitem.bottom {
    transform: translateZ(0) rotate(-45deg);
    -webkit-transform: translateZ(0) rotate(-45deg);
}
.mobile-top.cur .lcitem .rect {
    transition: transform .2s ease .2s;
    transform: translate3d(0,0,0);
    -webkit-transition: -webkit-transform .2s ease .2s;
    -webkit-transform: translate3d(0,0,0);
}

.mobile-top-title{
	margin:0 50px;
	text-align:center;
	color:#fff;
	font-size: 16px;
    font-weight: 700;
	height:50px;
	overflow:hidden;
}

.mobile-menu{
	position:fixed;
	width:60%;
	left:-60%;
	top:0;
	height:100%;
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
	background:#1e88e5;
	z-index:9999;
}
.mobile-menu.cur{
	left:0;
}
.mobile-menu a{
	display:block;
	padding-left:15%;
	height:65px;
	line-height:65px;
	color:#fff;
	border-bottom: 1px solid #666;
	border-bottom-color: #2196f3;
}
.mobile-footer{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	-webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
	background:#1976d2;
	height:45px;
	text-align:center;
	line-height:45px;
	z-index:9999;
}
.mobile-footer.cur{
	left:60%;
}
.mobile-footer img{
	height:30px;
}


.m-tel{
	border-top:10px solid rgb(238, 238, 238);
	margin-top:50px;
	height:90px;
	padding:10px;
	background:#fff;
	padding-top:20px;
}
.m-tel p{
	font-size: 1.3rem;
    line-height: 150%;
}

.m-tel span{
    color: rgb(247, 150, 70);
    font-size: 1.8rem;
    line-height: 150%;
}



/* index top-product */
.top-product{
	padding:20px 0 10px 0;
}

.top-product h4{
	text-align:center;
	font-size:28px;
	font-weight:700;
}
.top-product p{
	font-size:28px;
	font-weight:100;
	text-align:center;
}
.product-menu{
	padding-left:0;
	padding-right:0;
}
.product-menu-title,.product-menu-title-m{
	background:rgb(13, 138, 230);
	padding-left:15px;
	height:50px;
	line-height:50px;
	font-size:18px;
    font-weight: bold;
	color:#fff;
}
.show-menu-box{
	height:0px;
	overflow:hidden;
	-webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
}
.show-menu-box.m-show{
	height:400px;
}
.show-menu-box a{
	margin-top:15px;
	display:block;
	height:48px;
	line-height:48px;
	border:1px solid #eee;
	color:#333;
	padding-left:20px;
}
.product-menu a{
	margin-top:15px;
	display:block;
	height:48px;
	line-height:48px;
	border:1px solid #eee;
	color:#333;
	padding-left:20px;
}
.product-menu a:hover{
	color:rgb(13, 138, 230);
	border-color:rgb(13, 138, 230);
}

.product-item{
	padding-bottom:10px;
}
.product-item a{
	display:block;
	background:#f8f8f8;
	
	-webkit-transition:all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.product-item a:hover{
	box-shadow: 3px 6px 20px rgba(0, 0, 0, 0.3);
}
.product-item img{
	width:100%;
	margin:10px 0;
	height:285px;
}
.product-item div{
	text-align:center;
	font-size: 16px;
	padding: 5% 5%;
	color:#000;
}

.index-service{
	margin-top:15px;
}
.index-service .container{
	background:#eee;
	padding-top:10px;
	padding-bottom:10px;
}
.index-service-img{
	padding-left:10px;
	padding-right:10px;
}
.index-service-img img{
	width:100%;
}
.index-service-title{
	font-size: 36px;
    color: rgb(64, 151, 229);
}
.index-service-title em{
    color: rgb(127, 127, 127);
	font-style:normal;
}
.index-service-title span{
    font-size: 22px;
    color: rgb(127, 127, 127);
}
.index-service-list{
}
.index-service-list p{
	font-size:16px;
	font-weight:700;
	color:#696969;
	line-height:40px;
	max-width:560px;
}
.index-service-list p.index-service-lsit-strong{
	font-size:18px;
}

.index-ad-1{
	margin:10px 0;
}
.index-ad-1 img:nth-child(2){
	width:100%;
	height: 80px;
	object-fit: cover;
}
.index-ad-1 img {
width:100%;
	object-fit:cover
}



.reason-img {
	padding:15px 0;
}
.reason-img img{
	width:100%;
}
.reason-title em{
	font-size: 30px;
	line-height: 45px;
	font-weight:bold;
}
.resson-value{
	padding:15px 0 50px 0;
}
.resson-value p{
	/* text-indent:55px; */
}
.index-case-title{
	width:100%;
}


.case-item{
	padding-left:5px;
	padding-right:5px;
}
.case-item a{
	display:block;
	border:10px solid #f7f7f7;
	border-bottom:0;
	background:#f7f7f7;
	margin-bottom:3%;
	-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
	color:#333;
}
.case-item a:hover{
	border:10px solid #1e88e5;
	border-bottom:0;
	background:#1e88e5;
	color:#fff;
}
.case-item-img{
	width:100%;
	padding:10% 0;
	background:#fff;
}
.case-item-img img{
	width:100%;
	height:300px;
}
.case-item-title{
	height:3em;
	line-height:3em;
	text-align:center;
}



.index-news-title{
	font-size:28px;
	font-weight:700;
	height:60px;
	margin-top:10px;
	text-align:center;
}

.index-news-menu{
	text-align:center;
	height:68px;
	overflow-x: scroll;
}
.index-news-menu .new-menu-box{
    width: 560px;
    height: 68px;
}
.index-news-menu a{
	margin:10px;
	padding:10px 40px;
	text-align:center;
	color:#333;
	float:left;
	display:inline-block;
	font-size:20px;
	background:rgb(216, 216, 216);
}
.index-news-menu a.on,.index-news-menu a:hover{
	background:rgb(13, 138, 230);
	color:#fff;
}

.news-1-item{
}
.news-1-item .news-1-item-box{
	border:1px solid #eee;
	margin-bottom: 10px;
}
.news-1-item:hover .news-1-item-box{
	border:1px solid #ffc905;
	margin-bottom: 10px;
}
.news-1-item:hover span{
	display:inline-block;
	background:#ffc905;
}
.news-1-info{
	padding: 5% 5% 5%;
	text-align: center;
}
.news-1-time{
	font-size:14px;
	color: #999;
}
.news-1-title{
	color: #333;
	height: 18px;
	font-size:18px;
	font-weight:700;
}
.news-1-brief{
    line-height: 22px;
    height: 50px;
    margin:5% auto;
    font-size:14px;
    color: #999;
}
.news-1-item span{
	display:inline-block;
	height:35px;
	line-height:35px;
	width:100%;
	text-align:center;
	background:#eee;
	color:#333;
}
.news-1-item:hover span{
	background:#ffc905;
}

.news-2-info,.news-3-info{
    padding-top: 20px;
}
.news-2-title,.news-3-title{
	color:#333;
	font-size:16px;
}
.news-2-item:hover .news-2-title,.news-3-item:hover .news-3-title{
	color: #1976d2;
}

.news-2-time,.news-3-time{
    font-size: 12px;
    padding: 11px 0 26px 0;
	color:#666;
}
.news-2-brief,.news-3-brief{
	color:#999;
	height:44px;
	line-height:22px;
	overflow:hidden;
	font-size:12px;
	margin-top: 26px;
}
.news-2-border,.news-3-border{
	height:1px;
	line-height:1px;
	width:100%;
	overflow:hidden;
	background:#999;
}
.news-2-border2,.news-3-border2{
	height:1px;
	line-height:1px;
	width:0;
	overflow:hidden;
	background:#1976d2;
	-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.news-2-item:hover .news-2-border,.news-3-item:hover .news-3-border{
	width:0;
}
.news-2-item:hover .news-2-border2,.news-3-item:hover .news-3-border2{
	width:100%;
}
.index-news-cat-2,.index-news-cat-3{
	display:none;
}
.news-1-item img,.news-2-item img,.news-3-item img{
	width:100%;
	height:270px;
}




.index-about-title{
	font-size:28px;
	font-weight:700;
	height:60px;
	margin-top:10px;
	text-align:center;
}
.index-about-val img{
	width:100%;
}
.index-about-t{
    font-size: 30px;
	font-weight:bold;
	padding:10px 0;
}
.links{
	padding:10px 0;
}
.links .links-list{
	margin-left:100px;
}
.links .links-list a{
	display:inline-block;
	height:50px;
	line-height:50px;
	margin:0 15px;
	float:left;
}




.footer-nav{
	background:rgb(7, 167, 239);
	height:80px;
}
.footer-nav a{
	display:inline-block;
	width:14%;
	float:left;
	height:80px;
	line-height:80px;
	text-align:center;
	color:#fff;
	position:relative;

}
.footer-nav a:before{
	content: '';
	height:3px;
	width:0;
	position:absolute;
	left:50%;
	top:0;
	-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.footer-nav a:hover:before,.footer-nav a.on:before{
	width:100%;
	left:0;
	background:rgb(249, 103, 0);
}
.footer-border{
	height:5px;
	line-height:5px;
	overflow:hidden;
	background:rgb(7, 167, 239);
	margin: 10px 0;
}
.footer{
	padding:10px 0;
}
.footer div{
	padding: 0px 0;
}
.about{
	padding:50px 0 80px 0;
}
.about-title p{
	background-color: rgb(255, 255, 255);
    color: rgb(51, 51, 51);
}
.about-title h3{
    background-color: rgb(255, 255, 255);
    font-size: 24px;
    color: rgb(13, 138, 230);
}
.about-info p{
	line-height:1.5em;
	padding:10px 0 20px 0;
	color:#333;
	font-size: 16px;
}
.about-img img{
	width:100%;
}
.news-list{
	padding:30px 0;
}
.news-menu{
	text-align:center;
	padding:10px;
	height:60px;
}
.news-menu a{
	margin:10px;
	padding:10px 40px;
	text-align:center;
	border-radius:20px;
	color:#333;
	font-size:20px;
	background:rgb(216, 216, 216);
}
.news-menu a:hover,.news-menu a.on{
	background:rgb(13, 138, 230);
	color:#fff;
}
.news-item{
	display:inline-block;
	margin-bottom:15px;
}
.news-item div{
    transition: all .3s ease-out 0s;
    cursor: pointer;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    background: #fff;
    -moz-box-shadow: 0px 6px 30px rgba(51, 51, 51, .15);
    -webkit-box-shadow: 0px 6px 30px rgba(51, 51, 51, .15);
    box-shadow: 0px 6px 30px rgba(51, 51, 51, .15);
	padding: 20px 20px 68px 20px;
    text-align: left;
    font-size: 12px;
	position:relative;
}
.news-item div img{
	width:100%;
	margin-bottom:20px;
	height:210px;
}
.news-item:hover div{
	top:-5px;
}
.news-item .news-item-title{
    font-size: 16px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-item .news-item-time{
    font-size: 12px;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    margin: 12px 0 20px 0;
}
.news-item .news-item-brief{
    height: 54px;
    line-height: 18px;
	color:#666;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.case-list-title{
	margin:15px 0;
	text-align:center;
    font-size: 28px;
	color:#333;
}
.case-list{
	margin-bottom:20px;
}

.service,.connect{
	margin:20px 0;
}
.connect-title,.service-title{
	font-size: 24px;
	height:40px;
	border-bottom:1px solid #eee;
}
.connect-info,.service-info{
	padding:10px;
}
.product .product-item img{
	height:185px;
}

.show{
	margin-top:15px;
	padding:10px;
}
.show-title h1{
	font-size: 20px;
	color: #333;
	line-height: 1.5em;
	margin-right: 8px;
	text-align: center;
}

.show-info{
	width:70%;
	margin:0 atuo;
	margin-top:10px;
	margin-bottom:10px;
}

.show-op{
	margin:10px 0;
}
.show-op a{
	display:inline-block;
	width: 18%;
    height: 38px;
	background:#eee;
	border:1px solid #999;
	color:#333;
	text-align:center;
	line-height:38px;
}
.other-news{
	height:40px;
	margin:20px 0;
}
.other-news a{
	color:#333;
}
.next-news{
	float:right;
}

.show-brief{
	padding:10px 0;
	font-size:12px;
	color:#999;
}
.new-val img{
	max-width:100%;
}

/*pager*/
.pager{
	margin:10px;
	text-align:center;
	height:50px;
	clear:both;
}
.pager a,.pager span{
	margin-top:9px;
	display:inline-block;
	height:30px;
	line-height:30px;
	padding:0 10px;
	margin-right:10px;
	border:1px solid rgb(13, 138, 230);
	cursor:pointer;
	background:#fff;
	color:#666;
}

.pager a:hover{
	text-decoration:none;
	background:rgb(13, 138, 230);
	color:#fff;
	border-color:rgb(13, 138, 230);
}

.pager span{
	background:rgb(13, 138, 230);
	color:#fff;
	border-color:rgb(13, 138, 230);
}
.links{padding:10px 0;}
.links b{display:inline-block;height:40px;line-height:40px;float:left;text-align:center;padding:5px;margin-right:10px;}
.links a{display:inline-block;height:40px;line-height:40px;float:left;text-align:center;margin-right:10px;}
.links img{height:40px;}


@media only screen and (max-width: 992px) {
   .index-news-menu
    {
        width: 100%;
        height: auto;
    }
    .m-head .m-logo img{
        filter:grayscale(1) brightness(200) ;
    }

    .index-news-menu .new-menu-box
    {
        width: 100%;
        height: auto;
    }

    
    .index-news-menu a{
        width: 28%;
        padding: 10px 1%;
    }
	.product-item img{
		height:180px;
	}
	.reason-img{
	    display: none;
	}
	
	.case-item-img img{
		height:auto;
		max-height:300px;
	}
	.top-product-list{
		padding-left:0;
		padding-right:0;
	}
	.product-item{
		padding-left:2px;
		padding-right:2px;
	}
	.reason-title em{
		font-size: 22px;
		line-height: 35px;
	}
	.index-about-t{
		font-size:24px;
	}
	.footer{
		margin-bottom: 10px;
		min-height: 297px;
	}
	.next-news{
		float:left;
		margin:5px 0;
	}
	.show-info{
		width:100%;
	}
	.news-menu{
		text-align:center;
		padding:10px;
		height:30px;
	}
	.news-menu a{
		margin:5px;
		padding:5px 10px;
		text-align:center;
		border-radius:15px;
		color:#333;
		font-size:14px;
		background:rgb(216, 216, 216);
	}

	.new-val img{
		max-width:100%;
		height:auto
	}
	.news-item div img{
		height:auto;
	}
	.new-val div,.new-val p,.new-val ul,.new-val li,.new-val img{
		max-width:100%;
		text-indent:0!important;
	}
	.product-menu{display:block!important;margin-bottom: 30px;}
}