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



/**********************banenr*********************/
.biao{height:331px;position:relative; overflow:hidden;}
.biao1{ height:331px; position:relative; z-index:12;}
.biao1{
	animation: biao1 13s linear 0s infinite alternate;
	-moz-animation: biao1 13s linear 0s infinite alternate;
	-webkit-animation: biao1 13s linear 0s infinite alternate;
	-o-animation: biao1 13s linear 0s infinite alternate;
}
@keyframes biao1
{
0%   {-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);}
100% {-webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);}
}

@-moz-keyframes biao1 /* Firefox */
{
0%   {-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);}
100% {-webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);}
}

@-webkit-keyframes biao1 /* Safari and Chrome */
{
0%   {-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);}
100% {-webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);}
}

@-o-keyframes biao1 /* Opera */
{
0%   {-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);}
100% {-webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);}
}

.biao2{ height:157px; padding-top:115px; position:relative; z-index:14; margin-top:-331px; }
.biao_bt{text-align:center; font-size:40px;font-family: cursive;color: #fff;}
.bnav{ margin-left:auto; margin-right:auto;}
.bnav a{ width:124px; position:relative; overflow:hidden; display:block; float:left; height:38px; margin:0 8px; }
.bnav a span{ width:120px; height:34px; cursor:pointer; border-radius:20px;}
.bnav a .b1{ position:absolute; top:0; left:0; height:34px; font-size:16px; line-height:34px; color:#0c0c0c; border:2px solid #333; }
.bnav a .b2{ position:absolute; top:38px; left:0; height:34px; font-size:16px; line-height:34px;  color:#FFF;border:2px solid #005ca2; background:#005ca2; }

.b1, .b2{ display:block; float:left; left:0;width:156px; height:40px; position:relative; cursor:pointer;}
.b1{border:1px solid #a2adc9; top:0px; }
.b1, .b2{
	-webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.bnav a:hover .b1{top:-38px; }
.bnav a:hover .b2{top:0; }


.n_box {padding: 25px 0px;overflow: hidden;}



/************产品中心**********************/
.pro_xzlb{overflow: hidden;display: block;}
.pro_xzlb li { float:left;width:307px; margin:10px 8px 20px 8px;overflow: hidden;position:relative; border:1px solid #f1f1f1;}
.pro_xzlb li img {width:307px;height:217px; 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:308px;height:217px;
     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)";
}

/******新闻中心*******/
.yb_news{width:1300px; margin:0 auto; margin-top:40px;}
.xwl li{ display:block; clear:both; background:#f0f0f0; margin-bottom:16px; padding:23px 30px 25px; position:relative; overflow:hidden;}
.xwl .ne-da{ display:inherit; margin-top:6px; float:left;background:url(../images/dabg1.png) left top no-repeat; width:120px; height:138px; text-align:center; padding-right:3px; padding-bottom:4px;}
.xwl .ne-da .da1{ display:block; padding-top:27px; line-height:56px; font-size:36px; color:#666;}
.xwl .ne-da .da2{ display:block; line-height:22px; font-size:12px; color:#666;}
.xwl .ne-jsk {display: block;margin-left: 145px;}
.xwl .ne-js-ti{ padding:5px 0px;}
.xwl .ne-js-js{ padding-top:8px; height:70px;font-size: 14px;line-height: 25px;}
.xwl .ne-js-line{ width:100%; height:1px; background:#d0d0d0;}
.xwl .ne-js-line2{ width:0%; height:1px; background:#2669B4;}
.xwl .ne-js-line2, .xwl .ne-js-ti, .ne-js-ti a, .da1, .da2{
	-webkit-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-moz-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-o-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);}	
.xwl li:hover .ne-js-line2{ width:100%;}
.xwl li:hover .ne-js-ti{ padding-left:8px;}
.xwl li:hover .da1, .xwl li:hover .da2{ color:#2669B4;}
.xwl li:hover .duo2{ background:#2669B4;} 
.xwl li:hover .duo2-1, .xwl li:hover .duo2-2{ top:-28px; color:#fff;}

.duo2 {display: block;width: 96px; height: 28px; text-align: center;line-height: 28px; font-size:12px; border-radius:20px;                                                                                                              nt-size: 12px;color: #fff; background: #8c8c8c; position: relative;overflow: hidden;}
.duo2 span { display: block;  position: relative; top: 0;}
.duo2, .duo2 span, .da1, .da2 {
    -webkit-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
    -moz-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
    -o-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
    transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);}
	
/*****详细页******/
.news-art-main{background: #f9f9f9;margin:0px auto;padding: 40px 90px 60px;}
.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-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: #2669b4;}




/**人才招聘*/
.renc{ width:100%; overflow:hidden;}
.job-block-items {float: left;width:33.3%;padding: 0 1.5% 48px 1%;box-sizing: border-box;}
.job-block-item {position: relative;background: #fff;text-align: center;padding: 46px 36px;box-sizing: border-box;top: 0;cursor: pointer;}
.job-block-item h4 {font-size: 20px;color: #000;}
.job-line {width: 54px;height: 3px;margin: 0 auto;padding: 34px 0;background: url(../img/tit-bg.jpg) repeat-x center;}
.jbi-main-pay {font-size: 14px;line-height: 30px;color: #2e2e2e;}
.jbi-main-req {padding-top: 30px;line-height: 30px;font-size: 14px;color: #858585;}
.jbi-main-req a {line-height: 30px;font-size: 14px;color: #858585;}
.job-see-more {display: block;width: 71px;height: 20px;margin: 0 auto;margin-top: 48px;font-size: 14px;background: url(../images/jsmbg.png) center center no-repeat;}
.job-see-more span {display: none;font-size: 14px;color: #404040;}
.job-block-item:hover {box-shadow: 0px 0px 11px #ebebeb;}
.job-block-item:hover .job-see-more {background: url(../img/jsmbg.png) right center no-repeat;}
.job-block-item:hover .job-see-more span {display: block;padding-right: 15px;}





/******在线留言*****/
.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 #2669b4; border-radius:5px;width:120px; height:42px; line-height:42px; color:#fff; background:#2669b4;outline:none; cursor:pointer;}



/***-------联系我们----------****/


.lxwm{ width:1200px; margin:20px auto; overflow: hidden;}
.lxwm1{ background:#2669b4; line-height:50px; font-size:30px; font-weight:bold; color:#FFF; float:left; width:330px; height:151px; padding-top:45px; border:2px #2669b4 solid; text-align:center;}
.lxwm1 span{ border:1px #fff dashed; text-transform:uppercase; padding:3px 10px; font-family:Arial; font-weight:normal; font-size:24px;}
.lxwm2{ background:url(../images/cont_bg.jpg) no-repeat; height:200px; width:866px; float:right; line-height:30px; box-sizing:border-box; font-size:14px; padding-left:97px;}
.lxwm2 span{ font-size:24px; font-weight:bold; display:block; padding-top:32px; padding-left:32px; padding-bottom:10px;}

.lxwm3{ width:1200px; margin:20px auto; overflow: hidden;}
.lxwm31{ background:#f5f5f5; width:50%; float:left; padding:20px; /* height:550px;*/box-sizing:border-box}
.lxwm31 li{border-bottom: dashed 1px #bdbdbd;padding-left: 45px;line-height: 60px;font-size: 14px;list-style: none;}

.lxwm31 li:nth-child(1){background: url(../images/icon_lx1.png) left center no-repeat;}
.lxwm31 li:nth-child(2){background: url(../images/icon_lx2.png) left center no-repeat;}
.lxwm31 li:nth-child(3){background: url(../images/icon_lx3.png) left center no-repeat;}
.lxwm31 li:nth-child(4){background: url(../images/icon_lx4.png) left center no-repeat;}
.lxwm31 li:nth-child(5){background: url(../images/icon_lx6.png) left center no-repeat;}


.lxwm32{ background:#eeeeee; width:55%; float:left; padding:20px; height:550px; box-sizing:border-box;}


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