/*-----------内页 -------------*/
.run_banner { position: relative;overflow: hidden; margin-top: 78px;}
.run_banner img {width: 100%; position: relative;z-index: 0;}


/********内页**********/
.zhnav{ overflow: hidden; background:#F4F4F4; position:relative; z-index:1 !important;}

.menu li{ height:56px; display:block; float:left; }
.menu a{ padding:3px 22px; display:block; float:left; font-size:16px; color:#4b4b4b; margin-top:10px; text-align:center; border-radius:20px;background:#FFF; margin-right:5px;}
.menu a:hover{  background:#2061b0; color:#fff;}
.menu a.menn{ background:#2061b0; color:#fff;}

.return{height:26px; font-size:12px; color:#9f9f9f; line-height:26px; text-align:right; margin: 15px 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;}



/*********************公司介绍******************************/
.about_title{ margin-bottom:20px; margin-top:30px;}
.about_title span{ font-size:30px; color:#c40e24; border-bottom:2px solid #c40e24;}

.about_one{ padding:30px 0px 30px; overflow:hidden;}
.about_one .lf{ width:780px;}
.about_one .lf p{ text-indent:2em; color:#262424; font-size:16px; line-height:1.8;}
.about_one .rf{ width:440px;}
.about_one .rf img{ margin-top:40px; max-width:100%;}

.about_three{ margin-bottom:30px;}
.about_three p{ text-indent:2em; color:#262424; font-size:16px; line-height:1.8;}


.qiye{ overflow:hidden;}
.qiye li{ width:33.33%; padding:10px; box-sizing:border-box; float:left; text-align:center;}
.qiye li .qym{ line-height:2;}
/********************荣誉资质***********************/
.shop{ display:block; margin-left:-10px; overflow:hidden;  margin-top:30px; margin-bottom:30px;}
.shop li{ display:block; box-sizing:border-box; float:left; width:305px; margin-left:10px; margin-bottom:19px; padding:6px; background:#f1f1f1; overflow:hidden; position:relative; color:#000;}
.shbg2{ position:absolute; width:100%; height:0; left:0; bottom:0; background:#2061b0; z-index:1;}
.shbg1{ position:relative; width:100%; height:100%;  left:0; top:0; z-index:4;}
.shop li:hover .shbg2{ height:100%;}
.shop li:hover{ color:#FFF;}

.sptu{ display:block; margin-bottom:6px; position:relative; width:293px; height:182px; }
.sptu img{ margin:0 auto; position:absolute; z-index:8; width:293px; height:182px;}

.spm{ line-height:30px; font-size:14px; text-align:center;}
.spm a{ color:#000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.shop li:hover .spm a{ color:#FFF;}




/*************产品中心**********************/
.cplb{display: block;overflow:hidden;margin-top:20px;}
.cplb li{display:block;float:left;width: calc(33.33% - 10px);background:#f0f0f0;margin-bottom:10px;padding: 5px 5px 10px 5px;box-sizing:border-box;margin: 5px;margin-bottom: 10px;}
.prtu{display:block;width: 100%;overflow:hidden;background:#FFF;padding:5px;}
.prtu img{ max-width:100%;}
.cplb li:hover .prtu img{ transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}
.prm{ padding-top:17px; margin-bottom:15px; text-align:center; line-height:22px; font-size:14px; color:#000;}
.prm a{ color:#000; display: block;}
.cplb .more{ display:block; width:104px; height:32px; margin:0 auto; background:url(../images/bobg.png) center center no-repeat; overflow:hidden; text-align:center; line-height:32px; color:#fff; font-size:12px;}
.cplb .more span{ display:block; top:0; position:relative;}
.cplb li:hover .more span{ top:-100%;}


.prtu img,.more span{
    transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}

.part-prev,.part-next {position: absolute; width: 47px;height: 47px; z-index:99;}
.part-prev a,.part-next a{display: block;height: 100%;}
.part-prev {background: url(../images/prev4.jpg) no-repeat;left: 0px;top: 455px;}
.part-next {background: url(../images/next4.jpg) no-repeat;right: 0px;top: 455px;}

.part-prev a{background: url(../images/prev4.jpg) no-repeat;}
.part-next a{background: url(../images/next4.jpg) no-repeat;}

.part-prev:hover {background: url(../images/prev4.jpg) no-repeat;left: 0px;top: 455px;}
.part-next:hover {background: url(../images/next4.jpg) no-repeat;right: px;top: 455px;}

.part-prev a.null{background: url(../images/prev3.jpg) no-repeat;}
.part-next a.null{background: url(../images/next3.jpg) no-repeat;}



/****************新闻资讯****************/	
.xwlb1{ display:block; overflow:hidden; margin:30px 0px 0px;}
.xwlb1 li{ display:block; margin-bottom:10px; position: relative;}
.xwlnr{ padding:35px; overflow:hidden; position: relative; z-index:6;}
.xwbei{position: absolute; right:0; top:0; width:100%; height:100%; background:rgba(193, 193, 193, 0.16); z-index:3;}
.xwbei2{ position:absolute; left:0; top:0; width:0%; height:100%; background:rgba(105, 196, 247, 0.1); z-index:3;}
.xwbei2, .xwbei{
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}
.xwlb1 li:hover .xwbei{ width:0%;}
.xwlb1 li:hover .xwbei2{ width:100%;}
.dnebg{ width:135px; height:auto; position:relative; z-index:7; top:12px;}
.neda{ width:104px; height:120px; position:relative; z-index:9; left:0; top:0; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#FFF;}
.nedabg{ width:104px; height:120px; position: absolute; z-index:8; left:0; top:0; background:url(../images/danbg1.png) center center no-repeat;}
.neda1{ display:block; padding-top:24px; line-height:46px; font-size:36px;}
.neda2{ display:block; line-height:20px; font-size:12px;}

.nedabg{
	-webkit-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94)}
.xwlb1 li:hover .nedabg{ background:url(../images/danbg2.png) center center no-repeat;
transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.xwlb1 li:hover .neda{ color:#6d6d6d;}

.dnetu{ width:228px; height:148px; margin-right:30px; overflow:hidden;}
.dnetu img{ width:228px; height:148px; -o-border-top-left-radius:25px; -webkit-border-top-left-radius:25px;-moz-border-top-left-radius:25px;border-top-left-radius:25px; -o-border-bottom-right-radius:25px; -webkit-border-bottom-right-radius:25px;-moz-border-bottom-right-radius:25px;border-bottom-right-radius:25px;}
.dnejsn{ width:calc(100% - 180px); overflow:hidden;}
.dneti{ line-height:38px; font-size:14px; color:#010101;}
.dneti a, .dneti a:visited{ color:#010101;}
.dnejs{display:block;line-height: 25px;color:#6d6d6d;font-size:12px;height:77px;overflow: hidden;}
.dnejs a{ display:block;} .dnejs a, .dnejs a:visited{ color:#6d6d6d;}
.nduo{ width:98px; height:30px; border:1px solid #d0d0d0;display:block; float:left; overflow: hidden; position:relative; line-height:30px; text-align:center; font-size:12px; color:#6b6b6b;} .nduo:visited{ color:#6b6b6b;}

.dneti a, .dnejs a , .nduo{
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}
.xwlb1 li:hover .dneti a, .xwlb1 li:hover .dnejs a{ color:#2061b0; }
.xwlb1 li:hover .nduo{ background:#2061b0; color:#FFF; border-color:#2061b0; top:-1px; left:1px;}
.xwlb1 li:hover .dnetu img{ 
animation:dnetu 4.5s linear 0s infinite alternate both;
-webkit-animation:dnetu 4.5s linear 0s infinite alternate both; 
-moz-animation:dnetu 4.5s linear 0s infinite alternate both; 
-o-animation:dnetu 4.5s linear 0s infinite alternate both;
}
@keyframes dnetu
{0% {transform: scale(1.0,1.0);-ms-transform: scale(1.0,1.0);-webkit-transform: scale(1.0,1.0);-o-transform:scale(1.0,1.0);-moz-transform: scale(1.0,1.0);} 
100%{transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);	}}
@-webkit-keyframes dnetu
{0% {transform: scale(1.0,1.0);-ms-transform: scale(1.0,1.0);-webkit-transform: scale(1.0,1.0);-o-transform:scale(1.0,1.0);-moz-transform: scale(1.0,1.0);} 

100%{transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);	}}
@-moz-keyframes dnetu
{0% {transform: scale(1.0,1.0);-ms-transform: scale(1.0,1.0);-webkit-transform: scale(1.0,1.0);-o-transform:scale(1.0,1.0);-moz-transform: scale(1.0,1.0);} 
100%{transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);	}}
@-o-keyframes dnetu
{0% {transform: scale(1.0,1.0);-ms-transform: scale(1.0,1.0);-webkit-transform: scale(1.0,1.0);-o-transform:scale(1.0,1.0);-moz-transform: scale(1.0,1.0);} 
100%{transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);	}}




/*****新闻详细内页******/
.news-art-main{background: #f9f9f9;margin:20px auto;padding: 40px 50px 60px;position:relative;}
.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-main img{ max-width:100%;}
.art-main div{ margin-bottom:2px;}

.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: #2061b0;}


/*******************人才招聘**************************/
.zplb{ display:block; margin-left:-14px; overflow:hidden; margin-bottom:30px; margin-top:38px;}
.zplb dd{ display:block; float:left; width:374px; height:283px;margin-bottom:15px; border:1px solid #eee; background:#FFF; border-bottom:2px solid #F1757F; margin-left:14px; padding:25px; box-sizing:border-box;}
.zp-ti{ margin-bottom:12px; line-height:32px; font-size:20px; color:#0a0a0a;font-weight: bold;}
.zp-bz{font-weight: bold; display:block; overflow:hidden; margin-bottom:12px; padding-left:20px; background:url(../images/zpb1.png) center left no-repeat; line-height:24px; font-size:14px; color:#545454;}
.zp-js{ display:block; height:112px; margin-bottom:8px; line-height:28px; font-size:14px; color:#545454;}
.zp-jr{ display:inline-block; width:80px; height:30px; background: url(../images/zpj1.png) left center no-repeat;}
.zp-state{ display:inline-block; height:30px; line-height:30px; font-size:16px; float:right;}
.zplb dd:hover .zp-ti{ text-indent:6px; color:#E60012;}
.zplb dd:hover .zp-jr{background: url(../images/zpj2.png) 20px center no-repeat;}
.zplb dd .zp-jr:hover{background: url(../images/zpj2.png) left center no-repeat;}

.zp-ti,.zp-jr{
    transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}


/******在线留言ˆ*****/
.massage{ width: 800px; margin:30px auto; border: 1px solid #ebebeb;position: relative; z-index: 2; padding: 22px 48px; 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: 800px; height: 55px; line-height:55px; float: left; border-bottom: 1px solid #ebebeb; text-indent: 37px; color: #555555; margin-bottom: 10px; font-size:20px; font-weight:normal; background: url(../images/guest.png) left center no-repeat; }

.massage table td{ color:#666;}
.massage .input{ border:1px solid #ddd; margin:5px 0px; border-radius:5px; padding-left:5px; 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: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 .submit{border:1px solid #009ae1; border-radius:5px;width:120px; height:42px; line-height:42px; color:#fff; background:#009ae1;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;}
.tel1{ width:500px; background:#FFF;}
.tet{ background:#2061b0; padding:16px 32px; overflow:hidden;}
.bj{ line-height:32px; font-size:22px; color:#ffffff;}
.ad1{ height:34px; padding:10px 20px; background:#fff;box-sizing: content-box;} 
.ad2{ height:34px; padding:10px 20px; background:#e9e9e9;box-sizing: content-box;}
.ad12{ float:left; padding-left:18px; font-size:14px; color:#505050; line-height:34px; }

.contact-second{width: 100%;height:640px;position: relative;}
.contact-second .consec-map{position: absolute;top: 0px;left: 0px;z-index: 1;width: 100%;height:640px;}
.contact-second .consec-address{width: 100%;margin: 0px auto;position: relative;max-width: 1250px;}
.consec-address .consec-content{position: absolute;top:100px;left:0;z-index: 3;width: 40%;}


/***-----------分页-----------****/
.text-center {text-align: center;border-top: 1px solid #e5e5e5; padding-top:20px; margin-bottom:10px;}
.pagination{display: inline-block; padding-left: 0; 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: #2061b0; border-color: #2061b0;}
.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;}



@media (max-width: 769px){	
.return { float:left;}	
.consec-address .consec-content{position: absolute;top:100px;left:0;z-index: 3;width:60%;}

}
@media (max-width: 425px){	
.menu a{padding: 3px 17px;font-size: 14px;}
.xwlnr{ padding:15px;}
.dnebg{ display:none;}
.dnejsn { width: calc(100% - 0px);overflow: hidden;}
.cplb li {width: calc(50% - 10px);}
.consec-address .consec-content{position: absolute;top:100px;left:0;z-index: 3;width:100%;}
	
.ad1{ height:34px; padding:10px 10px; background:#fff;box-sizing: content-box;} 
.ad2{ height:34px; padding:10px 10px; background:#e9e9e9;box-sizing: content-box;}	
.ad12{float:left;padding-left: 12px;font-size:14px;color:#505050;line-height:34px;}

}