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


/*********分类**********/
.zhnav{ height:56px; background:#F4F4F4; position:relative; z-index:1 !important;}
.menu{   margin-top: 9px;}

.menu li{ display:block; float:left; }
.menu a{ padding:10px 25px; display:block; float:left; font-size:16px; background:#fff; color:#4b4b4b; text-align:center; border-radius:20px; margin-right:8px;}
.menu a:hover{  background:#0282d9; color:#FFF;}

.menu a.menn{  background:#0282d9; color:#FFF;}

.return{height:26px; font-size:12px; color:#9f9f9f; line-height:26px; text-align:right; padding: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;}
.n_box img { max-width:100%;}
.n_box p{ line-height:2; color:#333; font-size:16px;}

.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;
}
/***************新闻中心*****************************/
.xwlb1{ display:block; overflow:hidden; margin:30px 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:990px; overflow:hidden;}
.dneti{ line-height:38px; font-size:14px; color:#010101;}
.dneti a, .dneti a:visited{ color:#010101;}
.dnejs{ display:block; line-height:30px; color:#6d6d6d; font-size:12px; height:77px;}
.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:#0282d9; }
.xwlb1 li:hover .nduo{ background:#0282d9; color:#FFF; border-color:#0282d9; 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);	}}


/*************产品**********************/
.pro_xzlb{overflow: hidden;display: block;}
.pro_xzlb li {float:left;width: 383px;margin: 10px 5px 30px 10px;margin-bottom:20px;margin-top:px;overflow: hidden;position:relative;border:1px solid #f1f1f1;}
.pro_xzlb li img {width: 100%;height: 260px;vertical-align:top;border-bottom:none;}
.pro_xzlb li .jianj{ background:#f6f6f6; text-align:center; padding:12px 0px;color:#333; }
.pro_xzlb li .jianj h3{ color:#535353; font-weight:normal; font-size:16px; line-height:1.5;}
.pro_xzlb li .jianj p{font-size:12px; line-height:1;color:#535353; text-transform:uppercase;}
.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:hover .jianj{background:#fff;}
.pro_xzlb li:hover .jianj h3{ color:#007d75;}

.pro_xzlb li span{
    position: absolute;
    left:0px;
    top: 0;
    width: 100%;
    height: 260px;
    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)";
}



/**********技术************/
.zplb{ display:block; overflow:hidden; margin-bottom:30px; margin-top:38px;}
.zplb dd{ position:relative;float:left;width: 389px;height:250px;margin-bottom: 20px;border:1px solid #eee;border-bottom:2px solid #2d97df;margin-right: 16px;padding: 20px;box-sizing:border-box;}
.zplb dd:nth-child(3n){ margin-right:0px;}

.zp-ti{ margin-bottom:12px; line-height:32px; font-size:20px; color:#0a0a0a;font-weight: bold;}
.zp-bz{ display:block; overflow:hidden; margin-bottom:10px;  line-height:24px; font-size:14px; color:#545454;}
.zp-bz span{padding-left:20px; font-weight: bold;background:url(../images/zpb1.png) center left no-repeat;}


.zp-jr{ position:absolute; bottom:25px; left:20px; width:80px; height:30px; background: url(../images/zpj1.png) left center no-repeat;}

.zplb dd:hover .zp-ti{ text-indent:6px; color:#0282d9;}
.zplb dd:hover .zp-jr{background: url(../images/zpj2.png) left center no-repeat;left:30px;}


.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;}


/*****详情页µ*****/
.news-art-main{background: #f9f9f9;margin:0px auto;padding:40px;}
.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{font-size: 14px;line-height: 30px;color: #555;}
.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;}


/******l留言馈*****/
.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 .button{border:1px solid #0282d9; border-radius:5px;width:120px; height:42px; line-height:42px; color:#fff; background:#0282d9;outline:none; cursor:pointer;}

/***----------人才招聘----------****/

.recruits-list {min-height: 400px;padding-bottom:40px; overflow:hidden;}
.recruits-list .recruits-nav {float: left;width: 300px; }
.recruits-list .recruits-nav-name {font-size: 24px;color: #fff;line-height:80px;padding-left:35px;background: #0282d9; }
.recruits-list .recruits-nav-a {display: block;position: relative;font-size: 16px;line-height:40px;color: #666;padding: 15px 35px;border-bottom: 1px solid #fff;background: #f4f4f4;transition-duration: .5s; }
.recruits-list .recruits-nav-a:before {left: 0;top: 50%;transform: translateY(-50%);content: "";display: block;width: 5px;height: 0;transition-duration: .5s;background: #0282d9;position: absolute; }
.recruits-list .recruits-nav-a:hover, .recruits-list .recruits-nav-a.cur {background: #fff; }
.recruits-list .recruits-nav-a:hover:before, .recruits-list .recruits-nav-a.cur:before {height: 100%; }

.recruits-list .recruits-info { float:right;width: calc(100% - 324px);background: #f4f4f4; }
.recruits-list .recruits-info-contents {padding: 1rem 1.2rem 1rem;transition-duration: .3s; }
.recruits-list .recruits-position-name {font-size: 20px;line-height:2;color: #444;}
.recruits-list .recruits-para-wrap {border-bottom: 1px solid #e6e6e6;padding-bottom:10px; overflow:hidden;}
.recruits-list .para-item { float:left;font-size: 14px;line-height: 24px;color: #444;position: relative;padding-left: 30px; }
.recruits-list .para-item:before {position: absolute;content: "";display: block;width: 1px;height: 16px;background: #cfcfcf;left: 15px;top: 4px; }
.recruits-list .para-item:first-child {padding-left: 0; }
.recruits-list .para-item:first-child:before {display: none; }

.recruits-list .recruits-bot-item {font-size: 18px;padding-top: 30px; }
.recruits-list .recruits-bot-h5 {color: #444; font-size: 18px;line-height: 34px;}
.recruits-list .recruits-bot-detial {color: #888; line-height:2;font-size: 15px;}
.recruits-list .recruits-bot-detial p{color: #888; line-height:2;font-size: 15px;}

.recruits-list .recruits-a {display: block;margin-top: 42px;width: 120px;height: 40px;line-height: 40px;color: #fff;font-size: 14px; text-align: center;background: #0282d9;transition-duration: .3s; }
.recruits-list .recruits-a:hover {background: #0282d9 url(../img/recruits-a.png) no-repeat right 18px center; }


.join-bd div.kuang{display:none;}
.join-bd div.thisclass:first-child{ display:block;}



@media only screen and (max-width:767px ) {	

.recruits-list .recruits-nav {float: left;width: 100%; margin-bottom:10px;}
.recruits-list .recruits-info {
    float: right;
    width: 100%;
    background: #f4f4f4;
}
.recruits-list .recruits-info-contents {padding: 1rem 0.5rem 1rem;transition-duration: .3s; }
.recruits-list .para-item:before { display:none;}
.recruits-list .para-item {padding-left:0px; padding-right:20px; }
}


/****联系我们******/
.contact-second .tel{/background:#FFF;}
.contact-second .tet{background:#0282d9;padding: 22px 25px;overflow:hidden;}
.contact-second .bj{ line-height:32px; font-size:22px; color:#ffffff;}
.contact-second .ad1{height:34px;padding: 18px 25px;background:#fff;} 
.contact-second .ad2{height:34px;padding: 18px 25px;background:#e9e9e9;}
.contact-second .ad12{float:left;padding-left:18px;width: 380px;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; */}

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