
/**********内页************/
.run_banner { position: relative;overflow: hidden;}
.run_banner  img {
    width: 100%;
    animation:scale_b 6s linear infinite alternate;
    position: relative;
    z-index: 0;
 }

/********内页分类***********/
.zhnav{ background:#FFF; position:relative; z-index:1 !important;}
.menu{}
.menu li{display:block; float:left; }
.menu a{ padding:0 15px; display:block; float:left; font-size:16px; color:#4b4b4b; line-height:46px; text-align:center;}
.menu a:hover{background:#0376C4; color:#FFF;}
.menu a.menn{ background:#0376C4; color:#FFF;}

.return{font-size:12px; color:#9f9f9f; line-height:26px; text-align:right; padding:10px 0;}
.return a{ font-size:12px; color:#9f9f9f; line-height:26px; display:block; float:left;}
.return span{ padding:0 7px;}


/**************关于我们*****************************/

.n_box{ padding:20px 0px;}
.n_box img{ max-width:100%;}
.qy_about{margin-top:10px; overflow:hidden;color:#333; font-size:18px; line-height:2.5;text-indent:2em;}
.qy_about_two{color:#333; font-size:18px; line-height:2.5; text-indent:2em;overflow:hidden; margin:40px auto;}

.zhu_si{width: 100%; overflow:hidden; margin-top:20px;}
.zhu_si li{ float:left;width:32.333%; margin:0px 0.5%;}
.zhu_si li .pic { width: 100%;height: 100%; overflow:hidden;}
.zhu_si li .pic img {width: 100%;height: 100%;}
.zhu_si li:hover .pic img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);transform-origin: 50% 50%;}

.zhu_si li .pic img{
    transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}

/***************新闻中心*****************************/
.fnews-list {overflow: hidden;margin-top:20px;}
.fnews-list li {width: 25%;float: left;padding:10px;margin-bottom: 10px;box-sizing:border-box;}
.fnews-list li .fnews-pic {display: block;width:100%;height:195px;overflow: hidden;}
.fnews-list li .fnews-pic img {width: 100%;vertical-align:middle; transition: all 0.4s linear;}

.fnews-list li .fnews-article {width: 100%;padding: 20px 16px; background:#fff;overflow: hidden;display:block;}
.fnews-tit {color: #000;font-size: 16px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.fnews-date {display: block;font-size: 14px;line-height: 30px;color: #646464;padding-left: 27px;background: url(../images/vie.png)no-repeat center left;}
.fnews-art{font-size: 14px;line-height: 1.8;color: #444;}
.fnews-list li:hover .fnews-pic img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);}
.fnews-list li .fnews-pic img{
    transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}


/*************产品中心**********************/
.pro_xzlb{overflow: hidden;display: block;}
.pro_xzlb li { float:left;width:25%;  margin-bottom:20px;overflow: hidden;position:relative;}
.pro_xzlb li a{margin:12px; overflow:hidden;display: block;position:relative;}
.pro_xzlb li img {width:100%; vertical-align:top;}
.pro_xzlb li .jianj{ background:#fff; text-align:center; padding:12px 0px;color:#333;font-size:16px;line-height:1.5;}
.pro_xzlb li .jianj h3{ color:#333;font-size:16px;line-height:1.5;}
.pro_xzlb li:hover a{-webkit-box-shadow: #666 0px 0px 10px;-moz-box-shadow: #666 0px 0px 10px;box-shadow: #666 0px 0px 10px;}
.pro_xzlb li:hover .jianj{background:#0376C4;color:#fff; }
.pro_xzlb li a span{position: absolute; left:0px; top: 0;width:100%;height:calc(100% - 48px);
     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;
    -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 a span{opacity: 0.6;}


@media screen and (max-width: 1200px){
.fnews-list li {width: 50%;}
.pro_xzlb li { float:left;width:33.3%;}

}
@media screen and (max-width: 640px){
.fnews-list li {width: 100%;padding:0px;}
.pro_xzlb li { float:left;width:50%;}
.pro_xzlb li a{margin:2px; overflow:hidden;display: block;position:relative;}

.menu a{ padding:0 10px; display:block; float:left; font-size:15px; color:#4b4b4b; line-height:36px; text-align:center;}
}

/*****详细页*****/
.news-art-main{background: #fff;margin:0px auto;padding:4% 5%;}
.news-art-main .art-tit h4{text-align: center;font-size:20px;font-weight: normal;line-height: 36px;padding-bottom: 20px;color: #333;}
.news-art-main .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;}
.news-art-main .art-tit h5 span{display: inline-block;width:50%;}
.news-art-main .art-main{padding: 4% 0px;}
.news-art-main .art-main p{font-size: 15px;line-height:1.8;color: #444;}
.news-art-main .art-main img{ max-width:100%;}

.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;}
.art-footer-back{padding-top: 26px;float: right;margin-top: -82px;margin-right: 20px;}
.art-footer-back a{display: block;position: relative;width: 116px;height: 40px;overflow: hidden;border: 2px solid #a59380;line-height:36px;text-align: center;box-sizing: border-box;color: #a59380;}
.art-footer-back a span{display: block;position: relative;top: 0;}
.art-footer-back a:hover span{background: #a59380;color: #fff;top: -100%;line-height:40px;}
.art-footer-back a:hover{border: 0 none;}


/****产品详细页*****/
.pro-art-main{background: #fff;margin:0px auto;padding:4% 2%;}
.pro-art-box{ overflow:hidden; margin-bottom:10px;}


.pro-art-img{ float:left; width:50%;}
.pro-art-img .preview {text-align: left;padding: 5px 0px;}
.pro-art-img .preview a {display: inline-block;margin: 5px;width: 14.75%;}
.pro-art-img .preview img {display: block;max-width: 100%;height: auto;}
.pro-art-img .active {border: 1px solid #f75014;box-shadow: 1px 1px 10px 0px rgb(248, 118, 20);}



.pro-art-text{ float:right; width:45%; padding-top:10%;}
.pro-art-text h4{font-size:30px; font-weight:bold;line-height:2;padding-bottom: 20px;color: #000;}
.pro-art-text h5{font-size:28px;line-height:1.5;color: #000;}
.pro-art-text p,.pro-art-text div{font-size:20px;line-height:1.7;color: #333;}

.pro-art-text .more{ background:#00509F; color:#fff;font-size:28px; padding:5px 25px; display: inline-block; border-radius:20px; margin-top:3%;}
.pro-art-text .more:hover{ background:#f65014;}


@media screen and (max-width: 769px){
.pro-art-img{ float:left; width:100%;}
.pro-art-text{ float:right; width:100%; padding-top:5%;}
}

/******在线反馈*****/
.massage{ width: 100%;max-width: 950px; margin:30px auto; border: 1px solid #ebebeb;position: relative; z-index: 2; padding: 22px 2%; background: #fff;box-shadow:0 0 10px rgba(221, 221, 221, 0.5);-webkit-box-shadow:0 0 10px rgba(221, 221, 221, 0.5); -moz-box-shadow:0 0 10px rgba(221, 221, 221, 0.5); border-radius:5px;}
.maintop{ width: 100%;max-width: 950px; height: 55px; line-height:55px; float: left; border-bottom: 1px solid #ebebeb; text-indent: 37px; color: #555555; margin-bottom: 10px; font-size:18px; background: url(../images/guest.png) left center no-repeat; overflow:hidden;}

.massage table td{ color:#666;}
.massage .input{ border:1px solid #ddd; margin:5px 0px; border-radius:5px; padding-left:5px; width: 100%;max-width:350px; height:35px; line-height:35px; outline:none;}
.massage textarea{ border:1px solid #ddd; margin:5px 0px; border-radius:5px; padding-left:5px; width: 100%;max-width:580px;line-height:35px;outline:none; resize:none;}
.massage .reset{border:1px solid #ddd; border-radius:5px;width:120px; height:42px; line-height:42px; color:#fff; background:#ddd;outline:none; cursor:pointer;}
.massage .button{border:1px solid #0376C4; border-radius:5px;width:120px; height:42px; line-height:42px; color:#fff; background:#0376C4;outline:none; cursor:pointer;}


/******联系我们*****/
.map{ background:url(../images/map.jpg) center top no-repeat; height:640px; margin-top:-4px; position:relative; z-index:0; padding-top:140px;}
.tel{ width:585px; background:#FFF;}
.tet{ background:#005da8; padding:22px 32px; overflow:hidden;}
.bj{ line-height:32px; font-size:22px; color:#ffffff;}
.ad1{ height:74px; padding:20px 30px; background:#fff;} 
.ad2{ height:74px; padding:20px 30px; background:#e9e9e9;}
.ad12{ float:left; padding-left:18px; width:480px; font-size:14px; color:#505050; line-height:34px; }

.contact-second{width: 100%;height:680px;position: relative;}
.contact-second .consec-map{position: absolute;top: 0px;left: 0px;z-index: 1;width: 100%;height:680px;}
.contact-second .consec-address{width: 1256px;margin: 0px auto;position: relative;}
.consec-address .consec-content{position: absolute;top: 80px;left:0;z-index: 3;width:585px;}


/********分页*********/
.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: #0376C4; border-color: #0376C4;}
.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;}
