@charset "utf-8";
/* CSS Document */

/*************关于我们*****************/
.n-about-bg{ background:url(../images/ab-img2.png) center center no-repeat; padding:50px 0px;}
.n-about-box{padding:30px 0; display:flex;align-items:center;}
.n-about-lf{ padding-top:20px; order:2;padding-top:40px; width:50%; float:left;}

.n-about-lf p {max-width:100%; font-size:16px; line-height:1.8;color:#666; text-indent:2em; margin-bottom:30px;}

.n-about-rf {filter:grayscale(0%);order:3;width:45%; float:right; margin-left:5%;}


.n_box{ padding:20px 0px;}

/*************产品中心**********************/
.pro_xzlb{overflow: hidden;display: block;}
.pro_xzlb li {float:left;width: calc(25% - 12px);margin: 15px 5px;margin-bottom:20px;overflow: hidden;position:relative;border:1px solid #f1f1f1;}
.pro_xzlb li img {width:100%; vertical-align:middle;}
.pro_xzlb li .jianj{ background:#144895; text-align:center; padding:12px 0px;color:#fff;font-size:14px; overflow:hidden; white-space:nowrap;
text-overflow: ellipsis;}
.pro_xzlb li:hover{-webkit-box-shadow: #666 0px 0px 10px;-moz-box-shadow: #666 0px 0px 10px;box-shadow: #666 0px 0px 10px;}

.pro_xzlb li span{position: absolute;
    left:0px;
    top: 0;
    width:100%;height: calc(100% - 45px);
     background:-webkit-linear-gradient(left,#fb9b00,#005da8);/* Safari 5.1 - 6.0 */
	background:-o-linear-gradient(right,#fb9b00,#005da8);/* Opera 11.1 - 12.0 */
	background:-moz-linear-gradient(right,#fb9b00,#005da8);/* Firefox 3.6 - 15 */
	background:linear-gradient(to right,#fb9b00,#005da8);/* 标准*/
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
   }

.pro_xzlb li:hover span{
	opacity: 0.5;
	filter: alpha(opacity=99);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
}



@media screen and (max-width:768px) {
 .pro_xzlb li {float:left;width: calc(50% - 12px);}
 .in_case .list { width: 48%;}
 .ppZzNl .left { width: 100%; float: left;}
 .ppZzNl .right { width: 100%;float: right;height: 350px;position: relative;}
}
@media screen and (max-width:640px) {
 .pro_xzlb li {float:left;width: calc(100% - 12px);}
 .in_case .list { width: 100%;}
 .in_case .list:nth-child(3) .cate { height: 180px;}
}

/***************新闻中心*****************************/
.fnews-list {overflow: hidden;margin-left:-25px; margin-top:20px;}
.fnews-items {width: 50%;float: left;padding-left: 25px;margin-bottom: 26px;box-sizing:border-box;}

.fnews-tit {font-size: 16px;font-weight: normal;line-height: 30px;color: #000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.fnews-date {display: block;margin-top: 6px;font-size: 14px;line-height: 1.5;color: #646464;}
.fnews-art {display: block;margin-top: 10px;font-size: 14px;line-height:24px; height:48px;color: #646464; overflow:hidden;}

/************联系我们****************/
.contact-bg{ position:relative; overflow:hidden; padding:60px 0px;}
.contact-bg:before {content: '';position: absolute; width: 100%;  height: 12.5rem; background: #f6f6f6; bottom: 0;left: 0;}
.contact-box{ position:relative;}
.contact-list{display:flex;/* margin-top:30px; */}
.contact-list li{float:left;width:33.333%;/* padding:40px 0px; */}
.contact-list li h3{/* margin-bottom:20px; */}
.contact-list li p{color: #999;}
.contact-box .map { height: 600px; box-sizing: border-box; border: 6px solid #dbdbdb;}

/************表单***************/
.n-mass-bg{ position:relative; overflow:hidden; padding:60px 0px; background:#f6f6f6 url(../images/massage_bg.jpg) center center no-repeat; background-size:cover;}

.input-box{ margin-top:30px;}
.input-box .input-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.input-box .input-b {
    height: 55px;
    line-height:55px;
    background: #fff;width: 32.1%;
    border: 1px solid #dbdbdb;
    box-sizing: border-box;
    padding: 0 15px;
}
.input-box .input-b span { color: #999;}
.input-box .input-b input { color: #333;width: 70%; border:none;}
.input-box .textarea { border: 1px solid #dbdbdb; box-sizing: border-box;margin-bottom:15px;box-sizing: border-box; padding: 0.25rem 0.55rem;background: #fff;}
.input-box .textarea p { color: #999;}
.input-box .textarea textarea {width: 100%;height: 220px; border:none;}
.input-box .input-b input::-webkit-input-placeholder { color: #909;}
.input-box .input-b input:-moz-placeholder {color: #909; opacity: 1;}

.input-box .input-bot .ri input { width: 160px;height:55px;line-height: 55px; text-align: center;  color: #fff;border:none;}
.input-box .input-bot .ri .sub_btn {background: #144895;margin-left: 15px;}
.input-box .input-bot .ri .reset_btn { background: #b5b5b5;}



@media screen and (max-width:768px) {
 .contact-list {display: flex;margin-top: 30px; flex-wrap: wrap}
 .contact-list li {  float: left;width: 100%; padding: 10px 0px;}
 .contact-list li h3 {margin-bottom: 5px;}
 .input-box .input-top { display: flex;  flex-wrap: wrap;}
 .input-box .input-b { width: 100%; margin-bottom:10px;}
 .input-box .input-bot .ri{ text-align:center;  width: 100%;}
}


/*****详细页*****/
.news-art-main{background: #f9f9f9;margin:0px auto;padding:5%;}
.art-tit h4{text-align: center;font-size:20px;font-weight: normal;line-height: 36px;padding-bottom: 20px;color: #333;}
.art-tit h5{text-align: center;font-size: 12px;font-weight: normal;line-height: 38px;color: #888;border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.art-tit h5 span{display: inline-block;width: 300px;}
.art-main{padding-top: 30px;padding-bottom: 40px;}
.art-main p{text-indent: 2em;font-size: 14px;line-height: 30px;color: #666;}

.art-back li{font-size: 14px;}
.art-footer-last{border-top: 1px solid #e2e2e2;padding-top: 6px;line-height: 30px;}
.art-footer-next{border-bottom: 1px solid #e2e2e2;padding-bottom: 6px;line-height: 30px;}
.art-footer-last a,.art-footer-next a {line-height: 30px;color: #555;}
.art-footer-last a:hover,.art-footer-next a:hover {color:#a59380;}


/********分页*********/
.text-center {text-align: center; border-top: 1px solid #ddd;}
.pagination{display: inline-block; padding-left: 0; margin:20px 0px 20px; border-radius: 4px; font-size: 12px;}
.pagination > li{display: inline;}
.pagination > li > a,
.pagination > li > span{position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #4d4d4d; text-decoration: none; background-color: #fff; border: 1px solid #ddd;}
.pagination > li:first-child > a,
.pagination > li:first-child > span{margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{z-index: 3; color: #000; background-color: #eee; border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{z-index: 2; color: #fff; cursor: default; background-color: #144895; border-color: #144895;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus{color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}