@charset "utf-8";

.ny_banner{}
.ny_banner .text{position: relative; padding-top: 120px; color: #FFF;}
.ny_banner .text h1{ font-size: 42px;line-height: 50px;font-weight: bold; margin: 10px 0;}
.ny_banner .text p{font-size: 22px;}

/* 搜索 */
.searchbg{background: #f8f8f8;height: 70px;line-height: 70px;}
.form-key{float: left; width: 900px;}
.form-key h2{float: left; width: 80px; font-weight: bold; font-size: 16px;color: #555;}
.form-key .key{float: left; width: 820px;}
.form-key .key a{font-size: 15px; padding: 0 7px;color: #999;}
.form-key .key a:hover{color: #e86d1f;}
.search{float: left;width: 290px; background-color: #fff;border-radius: 50px;height: 40px;border: 1px #d2d2d2 solid; margin: 13px 0;}
.search input{float: left;height: 30px;line-height: 30px; padding: 5px 20px;color: #999;width: 190px;}
.search button{float: left;background: url(../images/ss.png) no-repeat 10px;width: 40px;height: 40px;border: 0;cursor: pointer;}


/* 当前位置 */
.here{height: 60px;line-height: 60px;font-size: 15px;color: #999; padding-left: 30px;background: url(../images/address.jpg) no-repeat left;}
.here a{font-size: 15px;color: #999;}
.here a:hover{color: #e86d1f;}

.sublist{overflow: hidden; padding: 30px 0;}
.sublist ul{}
.sublist ul li{float: left;height: 60px;line-height: 60px;text-align: center; background: #FFF;width: 16.666666%;}
.sublist ul li a{color: #333; font-size: 17px;transition: all .3s;}
.sublist ul li a:hover{display: block; color: #FFF; font-size: 17px;background: #e86d1f;}
.sublist ul li.active{background: #e86d1f;color: #FFF;}
.sublist ul li.active a{color: #FFF;}

.boxbg{overflow: hidden; background: #f5f5f5;}
.pagebg{ background: #FFF; margin: 50px 0; padding: 30px;}

/* 应用领域 */
.caselist{overflow: hidden;}
.caselist ul{margin: 0;}
.caselist ul li{ float:left;width: 380px; padding-right: 30px;margin-bottom: 40px;}
.caselist ul li:nth-of-type(3n+0){padding-right:0;}
.caselist ul li .img{border:1px solid #e7e7e7; padding: 3px;position: relative; height: 245px; overflow: hidden;background: #FFF;border-bottom: 0;}
.caselist ul li .img img{max-width:100%;height: 100%; top: 0; left: 0;right: 0; bottom: 0;position:absolute; margin:auto;transition: all 0.6s;}
.caselist ul li .img img:hover{transform: scale(1.2);}
.caselist ul li h2{overflow:hidden;font-size: 16px; font-weight: normal; height: 60px; line-height: 60px;background: #FFF;border:1px solid #e7e7e7;border-top: 0; padding: 8px; position: relative;}
.caselist ul li h2::after{
	content: '';
    position: absolute;
    right: 26px;
    top: 28px;
    transition: 0.5s;
    display: block;
    width: 24px;
    height: 26px;
    background: url(../images/jia.png) no-repeat center;
    transform: rotate(0deg);
    color: #3cb1b9;}
	
.caselist ul li:hover h2::after { background: url(../images/jia1.png) no-repeat center;transform: rotate(180deg);}

/*新闻资讯*/
.newslist{}
.newslist ul{}
.newslist ul li a {display: block;border-bottom: 1px solid #e5e5e5;padding: 30px 0;overflow: hidden;-webkit-transition: all 0.5s;transition: all 0.5s;}
.newslist ul li .img {float: left;width: 250px; margin-right: 30px;}
.newslist ul li .img img{max-width: 100%;}
.newslist ul li .text {float: left; width: calc((100% - 460px)); position: relative;padding-right: 180px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.newslist ul li .text h4 {font-size: 20px;position: relative;padding: 20px 0 10px 0;}
.newslist ul li .text p {overflow: hidden;color: #999;}
.newslist ul li .date {position: absolute;right: 30px;top: 0;}
.newslist ul li .date span {display: block;font-family: Impact;color: #ccc;font-size: 22px;margin-bottom: 20px;}
.newslist ul li .date i {border-left: 1px solid #e5e5e5;text-align: right;line-height: 20px;font-size: 0;display: block;}
.newslist ul li .date i:before {
	content: '→';
	color: #999;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	vertical-align: middle;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size: 20px;
	display: block;
	text-align: center;
}
.newslist ul li a:hover {padding-left: 30px;}
.newslist ul li a:hover .text {padding-right: 150px;}
.newslist ul li a:hover .date i:before {-webkit-transform: translateX(10px);transform: translateX(10px);}



/*联系我们*/
.contact{overflow: hidden; margin-bottom: 50px;}
.contact h2{font-size: 36px; margin: 20px 0;color: #e86d1f;} 
.contact ul{}
.contact ul li{float: left; width: 50%; padding: 25px 0; font-size: 18px; border-bottom: 1px solid #E7E7E7;}
.contact ul li i{float: left; font-size: 38px; margin-right: 10px;}


/*在线留言*/
.message{}
.message ul{}
.message ul li{clear: both;overflow: hidden; margin: 20px 0;}
.message ul li span{float: left; width: 80px; font-size: 17px;height: 50px;line-height: 50px;}
.message ul li input{float: left;  width: calc(100% - 80px); border: 1px solid #E7E7E7; height: 34px;line-height: 34px; padding: 8px; border-radius: 5px;}
.message ul li textarea{float: left;  width: calc(100% - 80px); height: 180px; border: 1px solid #E7E7E7;padding: 8px;border-radius: 5px;}
.message ul li .yzm{ width: 120px;}
.message ul li .btns{ background: #ca0018;font-size: 16px; border-radius: 5px; color: #FFF; width: 150px; height: 50px; line-height: 50px; text-align: center; border: 0; margin-left: 80px;}

/*详情页*/
.Details{overflow: hidden; padding: 30px 0;}
.Details h1{ text-align: center; font-size: 28px; line-height: 58px; margin-bottom: 15px;}
.Details dt{ text-align: center; line-height: 50px; border-bottom: 1px solid #E7E7E7;border-top: 1px solid #E7E7E7; margin-bottom: 30px;color: #999;}
.Details_content{line-height: 28px;}
.Details_content img{max-width: 100%;}