.map .head .navbox .navList a:nth-child(4),
.newsinfo .head .navbox .navList a:nth-child(5){color: #fff!important;}
.map .head .navbox .navList a:nth-child(4)::before,
.map .head .navbox .navList a:nth-child(4)::after,
.newsinfo .head .navbox .navList a:nth-child(5)::after,
.newsinfo .head .navbox .navList a:nth-child(5)::before{transform: scale(1);}
.navoutwrap .navboxs{width: 1000px;}









.box1{overflow: hidden;}
.box1 .wrap{width: 1200px;margin: 126px auto 94px auto;}
.box1 .wrap li{padding: 40px 0;transition: all .3s;border-bottom: 1px solid #E5E5E5;}
.box1 .wrap li a{display: block;}
.box1 .wrap li .left{width: 300px;height: 220px;overflow: hidden;float: left;}
.box1 .wrap li .left img{width: 100%;}
.box1 .wrap li .right{background: url(../images/product-05.png) no-repeat right center;float: left;margin-left: 60px;width: 760px;padding-right: 40px;box-sizing: border-box;overflow: hidden;}
.box1 .wrap li .right .tl{margin-top: 22px;font-size: 18px;line-height: 18px;color: #444;margin-bottom: 20px;}
.box1 .wrap li .right .te{line-height: 24px;height: 72px;overflow: hidden;color: #888;}
.box1 .wrap li .right .tamp{margin-top: 20px;}
.box1 .wrap li .right .tamp .time,
.box1 .wrap li .right .tamp .looknum{float: left;padding-left: 28px;color: #888;line-height: 24px;}
.box1 .wrap li .right .tamp .time{background: url(../images/news-07.png) no-repeat left center;margin-right: 30px;}
.box1 .wrap li .right .tamp .looknum{background: url(../images/news-08.png) no-repeat left center;}
@media screen and (min-width: 1024px){ .box1 .wrap li:hover{margin-left: -30px;}.box1 .wrap li:hover .right{background: url(../images/product-04.png) no-repeat right center;}}
@media screen and (min-width: 100px) and (max-width: 1024px){.box1{background: #f0f2f5;overflow: hidden;}.box1 .wrap{width: 90%;margin: 44px auto 0 auto;}.box1 .wrap li{padding: 0 0 22px 0;margin-bottom: 22px;}.box1 .wrap li:last-child{margin-bottom: 0;}.box1 .wrap li a{display: block;}.box1 .wrap li .left{width: 100%;height: auto;float: none;}.box1 .wrap li .right{height: auto;background: url(../images/product-05.png) no-repeat right center;float: none;margin-left: 0;width: 100%;}.box1 .wrap li .right .tamp{margin-top: 18px;}.box1 .wrap li .right .tl{margin: 24px 0 8px 0;font-size: 16px;line-height: 18px;}.box1 .wrap li .right .te{height: auto;font-size: 14px; height: 48px; overflow: hidden;}




}

.case-box {
    width: 92%;
    max-width: 1200px;
    margin: 100px auto;
	overflow: hidden;
}




.case-box ul {
    width: 103%;
}
.case-box ul li{
	width: 22%;
	margin:0 3% 60px 0;
	float: left;
	position: relative;
	top: 0;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
}
.case-box ul li:hover{
	top: -10px;
}
.case-box ul li a{
	display: block;
	width: 100%;
	height: 100%;
	box-sizing:border-box;
	padding: 5% 5%;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1)
}
.case-box ul li a .pic{
	width: 100%;
	overflow: hidden;
}
.case-box ul li a .pic img{
	display: block;width: 100%;
}
.case-box ul li a .box{padding: 30px 0 25px;}
.case-box ul li a .box h3{
	font-size: 22px;
	color: #333333;
	line-height: 32px;
	font-family: '微軟正黑體';
	font-weight: bold;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	text-align: center;
}
.case-box ul li:hover a .box h3{
	color: #097bc8
}
.case-box ul li a .box .more{
	font-size: 16px;
	line-height: 36px;
	color: #888888;
	background: url(../../img/img23.png) center right no-repeat;
}

@media (max-width:767px){
	
	
	
	
	.case-box ul{width: 100%}
	
	.case-box ul li {
    width: 45%;
    margin: 2.5%;
}
	
	
}


.box3{background: #f0f2f5;overflow: hidden;}
.box3 .wrap{width: 1200px;padding: 80px 96px;box-sizing: border-box;margin: 66px auto 144px auto;background: #fff;overflow: hidden;}
.box3 .wrap .title{margin: 0px 0 50px 0;background: url(../images/use-06.png) no-repeat;background-position: left center;padding-left: 53px;font-size:20px;color: #333;line-height: 40px;}
.box3 .wrap .content{padding: 30px 0px;line-height: 2;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}

.box3 .wrap .content .tl{color: #005ba0;font-size: 16px;}
.box3 .wrap .content .tl span{color: #666;font-size: 14px;}
.box3 .wrap .content .txt{color: #666;}
.box3 .wrap .pagewrap2{margin: 68px 0 68px 0;}
.box3 .wrap .pagewrap2 .left{float: left;width: 858px;color: #4D4D4D;}
.box3 .wrap .pagewrap2 .left a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;-ms-text-overflow: ellipsis;display: block;font-size: 14px;line-height: 14px;margin-bottom: 22px;}
.box3 .wrap .pagewrap2 .left a:last-child{margin-bottom: 0;}
.box3 .wrap .pagewrap2 .right{width: 150px;height: 50px;display: block;text-align: center;line-height: 50px;background: #005ba0;color: #fff;margin: auto}
.box3 .wrap .pagewrap2 .right:hover{opacity: .8;}

.box2 .tlbox .etl{color: #ddd;font-size: 48px;line-height: 48px;font-family: Bebas;margin-bottom: 30px;}
.box2 .tlbox .ctl{color: #333;font-size: 32px;line-height: 32px;}
.box2 .tlbox {
    margin-top: 99px;margin-bottom: 50px;
    text-align: center;
}


.news_details_top {
    height: auto;
    overflow: hidden;
    
    margin-bottom: 20px;
}
.news_details_top p {
   padding: 20px 0 10px;
    line-height: 26px;
	border-bottom: 1px dashed #f2f2f2;
}

.news_details_top p  {
    overflow: hidden;
}

.fl{float: left}

.fr{float: right}




@media (max-width:767px){
	
	
	.box3 .wrap{width:100%;padding: 20px 20px;}
	.box3 .wrap .content p img{width:100%}
		.case-box ul li a .box h3{
		font-size: 18px;
		font-weight: normal;
	    line-height: 32px;
	}
	.case-box ul li a .box .more,.ninfor .details, .ninfor .details p,.ninfor .fot .left p{
		font-size: 14px;
    	line-height: 26px;
	}
	.case-box ul li a .box{padding: 25px 0 20px;}
	.profile-box .title{padding: 45px 0 ;}
	.profile-box .mbox1 .tit{
		font-size: 16px;
		line-height: 30px;
		width: 100%;
		padding-top: 0%;
	}

	
	
	
	
	
	
	
	
	
	
	
}