.pagecontent .pagebox{ padding-top:100px; padding-bottom:150px;}

.pageBanner{ position:relative; padding-top: 132px;}
.pageBanner .imgDiv {width: 100%; height: 350px;}
.bg_tu01 { background:url(../images/n_b_1.jpg) no-repeat center;}
.bg_tu02 { background:url(../images/n_b_2.jpg) no-repeat center;}
.bg_tu03 { background:url(../images/n_b_3.jpg) no-repeat center;}
.bg_tu04 { background:url(../images/n_b_4.jpg) no-repeat center;}
.bg_tu05 { background:url(../images/n_b_5.jpg) no-repeat center;}
.bg_tu06 { background:url(../images/n_b_6.jpg) no-repeat center;}
.bg_tu07 { background:url(../images/n_b_7.jpg) no-repeat center;}
.bg_tu08 { background:url(../images/n_b_8.jpg) no-repeat center;}
.pageBanner .botDiv{ position: absolute; left: 50%; margin-left: -40%; bottom: 0px; width: 80%; height: 70px; background: #fff;}
.pageBanner .botDiv:after{ content: ''; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 3px; background: #efefef; }
.pageNav{ height: 70px; padding-left: 50px;}
.pageNav li{ float: left; margin-right: 42px; font-size: 14px; font-weight: bold;}
.pageNav li a{ display: block; height: 70px; line-height: 70px; color: #525252; position: relative;}
.pageNav li em{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 3px; background: #0075cf; display: none; z-index: 2; }
.pageNav li .aNow em, .pageNav li a:hover em{ display: block; }
.pageBanner .rightDiv{ position: absolute; right: 0px; top: 0px; width: 3.78rem; height: 70px; background: #f3f5fa; }
.pageBanner .rightDiv:after{ content: ''; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 3px; background: #dee8ee; z-index: 2;}
.pageBanner .layer{ position: absolute; left: 0px; top: 55%; width: 100%; z-index: 2; text-align: center;}
.pageBanner .layer .name{ margin: 0 auto;  font-size: 34px; color: #fff; width: 500px; margin-bottom: 25px;}
.pageBanner .layer .nameImg{ font-size: 18px; color: #fff;font-family:Times New Roman, serif }




.pageNow{ padding-left: 34px; line-height: 70px; }
.pageNow a{ color: #666; background: url(../images/nimg5_1.png) left center no-repeat; background-size: 5px; padding: 0 12px 0 19px;}
.pageNow a:hover{ color: #0075cf; }
.pageNow em{ background: url(../images/nimg5_1.png) left center no-repeat; background-size: 5px; padding-left: 13px; color: #666;}
.pageNow img{ padding-right: 12px; position: relative; top: -2px;}

.pageBannerTel{ display:none; position: relative; padding-top: 53px;}
.pageBannerTel .imgDiv img{ width:100%;}
.pageBannerTel .txt{ text-align: center; position: absolute; left: 50%; margin-left: -1.05rem; top: 50%; margin-top: -0.64rem; width: 2.1rem; height: 1.28rem; background: url(../images/nimg210Bg.png) center no-repeat; background-size: 2.1rem; font-size: 0.36rem; color: #fff; line-height: 1.28rem;}


.pageBox{ position: relative;}
.grayBg{ position: absolute; left: 0px; top: 0px; width: 100%; height: 4.2rem; background: #f7f7f7; z-index: 1; }
.treflip{ width: 80%;  background: #fff; padding: 0.84rem 0 1.1rem; margin: 0 auto; position: relative; z-index: 2;}
.treflip2{ padding: 0.84rem 0 0;}
.treflip3{ padding: 0;}

.pageTitle{ padding-bottom: 0.3rem; }
.pageTitle .title1{ font-size: 0.36rem; color: #0075cf; font-family: medium; text-transform: uppercase; }
.pageTitle .title2{ font-size: 0.22rem; color: #3f3f3f; font-weight: bold; }

.pageTitleTel{ height:0.98rem; background:#0075cf; position:relative; display:none;}
.sideTitleTel{ width:100%; height:0.98rem; position:absolute; left:0px; top:0px;}
.sideTitleTel .con{ font-size:0.3rem; height:0.98rem; line-height:0.98rem; position:relative; padding-right:10px;}
.sideTitleTel .con a{ color: #fff; display:block; height:0.98rem; padding-left:0.2rem; background:url(../images/limg65_1.png) right center no-repeat; background-size: 0.65rem;}
.sideTitleTel .con.on a{ background:url(../images/limg65_1on.png) right center no-repeat; background-size: 0.65rem; }
.sideTitleNav{ position:absolute; top:0.98rem; z-index:10; width:100%; background:#fff; display:none; box-shadow:0 1px 5px rgba(35,25,25,0.2); -moz-box-shadow:0 1px 5px rgba(35,25,25,0.2); -webkit-box-shadow:0 1px 5px rgba(35,25,25,0.2);}
.sideTitleNav li{ font-size: 0.26rem; height:0.82rem; border-bottom:#d7d7d7 solid 1px;}
.sideTitleNav li a{ display:block; height:0.82rem; line-height:0.82rem; padding-left:0.4rem; color:#666;}
.sideTitleTel .con em{ display:block; color:#fff; padding-left: 0.4rem;}
/*banner结束*/

.bannerTel{ display: none; }


/*slider-position*/
.sub_position{ line-height: 70px; border-bottom: 1px solid #e5e5e5;}
.sub_slide{ width: 70%;margin:0 0 -1px;}
.sub_slide a{ display: inline-block; position: relative; font-size: 16px; padding: 0 40px;}
.slider_line{ display: none; position: absolute; bottom:0; width: 100%; height:2px; background-color: #fff;}
.sub_slide a.cur{ color: #fff; background: #0075cf;}
.sub_slide a.cur .slider_line{ display: block;}
.position{ background: url("../images/position_icon.png") no-repeat left; background-size: 19px 19px; padding-left: 24px;}
.position a,.position span{ color: #888; font-size: 12px;}
.position a{ padding: 0 5px;}
.position span{ color: #55565a; margin-left: 5px;}

.sub_slide.inv_sub_slide a{margin-right:5%;}

.cont_box{ padding:60px 0 80px 0; background: #f4f4f4;}
.cont_box .berg{background: #fff; padding: 4% 5%; }
.cont_box .berg_p{background: #fff; padding: 3% 3%; }
.pad0{}
.t_name{ color:#232323; margin-bottom: 50px; }
.t_name h2{ color:#232323; font-size: 36px;line-height: 1;}
.t_name h2 span{font-size: 18px; color:#999; font-weight: normal;  float: right;}
.t_name h3{ color:#787878; font-size: 18px; margin-top: 25px;  line-height: 1;font-weight: normal;}
.n_page_c{width:100%;}
.n_page_c img{max-width: 100%; height: auto;}

.n_page_cp{width:100%; background: #fff; padding-top: 30px; padding-bottom: 30px; margin-top: 20px;}
.n_page_cp img{max-width: 100%; height: auto;}

.n_page_left{ width:65%; float: left;}
.n_page_right{ width:30%; float: right;}
.n_page_right img{ width:100%; height: auto;}

.n_page_l_menu{width:20%; float: left;  }
.n_page_l_menu ul{width:100%; float: right;}
.n_page_l_menu li{ width:100%; height: 55px; background: #2a2e39;color:#fff; line-height: 55px; text-indent: 25px; margin-bottom: 0px;}
.n_page_l_menu li a{ color:#fff; display: block}
.n_page_l_menu li:nth-child(2n) {background:#323642}
.n_page_l_menu li:hover{ background: #0075cf; color:#fff;}
.n_page_l_menu li:hover a{ color:#fff;}
.n_page_l_menu li.act{background: #0075cf; color:#fff;}
.n_page_l_menu li.act a{color:#fff;}

.n_p_box_list ul{width:100%}
.n_p_box_list ul li{width:17%; float: left; padding: 20px 0;  text-align: center; background: #232323; margin: 0 1.5% 25px 1.5%; color: #fff}
.n_p_box_list ul li:hover{background: #0075cf; color:#fff;}

.n_p_box{ width:76%; float: right; background: #fff;}
.n_p_box .name{ width:100%; height: 55px; background: #0075cf; color:#fff; text-align: center; padding-left: 15px; padding-right: 15px; line-height: 55px; font-size: 20px;}
.n_p_box .name span{ float:right}
.n_p_box .detailed{padding:30px 15px;}
.n_p_box .detailed img{max-width: 100%; height: auto; }

/*
-----------------[05 关于我们——荣誉资质]--------------*/

.n-main{width:100%; margin: 0 auto;}
.cs-lst {
  width:100%;
  padding-top: 0px;
  padding-bottom: 0px; }
  .cs-lst li {
    width: 25%;
	margin:0px 0% 10px 0%; text-align: center;
	float:left;}
.cs-lst01 li{width: 30%;
	margin:0px 1.5% 10px 1.5%; text-align: center;float:left;}
    .cs-lst li:hover .img img {
      transform: scale(1.1); }
    .cs-lst li:hover .cnt h2 {
      color: #e8001b; }
    .cs-lst li .img {
      width: 100%;
      overflow: hidden; }
      .cs-lst li .img img {
        transition: 300ms; }
    .cs-lst li .cnt {
      background-color: #fff;
      height: 94px;
      padding-top: 46px;
      text-align: center; }
      .cs-lst li .cnt h2 {
        color: #333;
        font-size: 20px;
        line-height: 30px; }
      .cs-lst li .cnt p {
        color: #999;
        font-family: Arial;
        font-size: 12px;
        line-height: 18px; }
		
		
.gallery2{width:272px; height:auto; margin:0 auto 40px auto;transition: 300ms;background-color:#fff; border: 1px solid #eee;}
.gallery2 .img_box{ width:270px; height:203px; line-height:0px; margin:0 auto; text-align:center;vertical-align:middle;display:table-cell;}
.gallery2 .img_title{width:100%; text-align:center; padding:10px 0px;color: #57493d;font-size: 14px;line-height: 26px;background-color:#eee;transition: 300ms; display: inline-block;
  white-space: nowrap; 
  width: 100%; 
  overflow: hidden;
  text-overflow:ellipsis;}
.gallery2 .img_title a{color: #666;}
.gallery2:hover{background-color:#fafafa;color:#FFF;}
.gallery2:hover .img_title{background-color:#0075cf; color:#FFF}
.gallery2:hover .img_title a{color: #fff;}


.gallery3{width:368px; height:auto; padding: 15px 15px 5px 15px; margin:0 auto 40px auto;transition: 300ms;background-color:#fff; border: 1px solid #eee;}
.gallery3 .img_box{ width:338px; height:229px; line-height:0px; margin:0 auto; text-align:center;vertical-align:middle;display:table-cell;}
.gallery3 .img_title{width:100%; text-align:center; padding:10px 0px;color: #57493d;font-size: 14px;line-height: 32px;transition: 300ms; display: inline-block;
  white-space: nowrap; 
  width: 100%; 
  overflow: hidden;
  text-overflow:ellipsis;}
.gallery3 .img_title a{color: #666;}
.gallery3:hover{background-color:#fafafa;color:#0075cf;}
.gallery3:hover .img_title{ color:#0075cf}
.gallery3:hover .img_title a{color: #0075cf;}

.m-back{ height: 55px;color:#333;line-height: 55px;font-size: 18px;text-align: center;border-bottom: 1px dashed #cfcfcf;position: relative;}
.m-back span{  font-size: 14px; padding-right: 15px; padding-left: 15px; background: #59c7e2; position: absolute;right: 0;}.m-back span a{color:#fff;}
.m-prev{display: block;position: absolute;height: 90px;color:#fff;width: 49px;color: #fff;font-size: 14px;background-color: #232323;text-align: center;top: 250px;left: -8%; z-index: 99; background:url(../images/jiant_l.png) no-repeat left;}
.m-prev:hover{color: #fff;}
.m-next{display: block;position: absolute;height: 90px;color:#fff;width: 49px;color: #fff;font-size: 14px;background-color: #232323;text-align: center;top: 250px;right: -8%;z-index: 99; background:url(../images/jiant_r.png) no-repeat right;}
.m-next:hover{color: #fff;}
.m-section4{padding: 0px 0 0px 0;margin-top: 0px;}
.m-details{ position: relative; width: 95%; margin: 0 auto;}
.m-details dl{overflow: hidden;padding: 3% 0px 20px; }
.m-details dt{float: left;width: 100%;position: relative;}
.m-details dd{width: 100%;color: #888;font-size: 14px; float: left;}
.m-details .pic{ float: left;overflow: hidden; width:50%;background: #fff; }
.m-details .pic img{width: 100%;margin: 0px auto;height:auto; padding:0;}
.m-details .slider .item{outline: 0;  padding-bottom:00px; }
.m-details .slick-dots{text-align: center; position: absolute; bottom: 0px; }
.m-details .slick-dots li{display: inline-block;margin: 0 6px; width: 48px; height: 3px; background: #eaeaea; }
.m-details .slick-dots button{display: none; width: 48px;height: 3px;background-color: #bfbfbf;border: none;text-indent: -9999em;outline: 0;cursor: pointer;}
.m-details .slick-dots li.slick-active {background-color: #c79f66;}
.m-details .txt{ margin-top: 30px;}
.m-details .txt h3{color: #fff;font-size: 18px;margin:65px 0 31px; padding: 10px; font-weight: normal; border-bottom: 6px solid #f5f5f5; background: #0075cf; font-weight: normal;}
.m-details .txt img {max-width: 100%; height: auto;}
.m-details  table{ width:100%;  overflow-x: scroll;}
.m-details  table td{ padding:8px;}

.m-details .p_txt{width:42%;float: left;margin-left: 5%;max-height: 400px; overflow: hidden;}
.m-details .p_txt h2{font-size: 20px; padding-bottom: 10px; border-bottom: 1px solid #e9e9e9; color:#0075cf; margin-bottom: 20px;}

.view_pic_t{display:none;}



#MagnifierWrap{position: relative;width: 542px; border: 5px solid #f5f5f5; float: left; padding: 20px;}

.MagnifierMain{position: relative;width: 500px;height: 376px;text-align:center;vertical-align:middle;display:table-cell;}
.MagnifierDrag{position: absolute;top:0;left: 0;background-color: #ccc; opacity: 0.4;filter:alpha(opacity = 40);cursor: move;}

.MagnifierPop{position: absolute;top:0;overflow: hidden; }
.MagnifierImg{position: absolute;top:0; left: 0; } 

@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}

@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}


/*-----------------[新闻动态]--------------*/
.news1{ background:#fff;}
.news1 li{ padding-bottom:50px; margin-bottom:50px; border-bottom:1px #eee solid; }
.news1 li .imgDiv{ float:left; width:21%; border:1px #eee solid; overflow:hidden;}
.news1 li .imgDiv img{ width:100%; height: 190px; transition:ease 0.3s; -webkit-transition:ease 0.3s; -moz-transition:ease 0.3s; -o-transition:ease 0.3s;}
.news1 li .imgDiv:hover img{ transform:scale(1.2); -webkit-transform:scale(1.2);}
.news1 li .text{ float:left; width: 70%; padding:0 1% 0 4%; background:url(../images/ico18_1hr.png) no-repeat right center;}
.news1 li .morebox{ float:left; width:125px; padding-left:50px;}
.news1 li .morebox .more{ display:block; margin-top:70px; width:125px; height:40px; line-height:40px; text-indent:20px; font-size:14px; color:#8b8b8c; background:#f5f5f5; background-size:100% 100%;}
.news1 li .morebox .more:hover{ background:#817465; color:#fff; box-shadow:0 0 15px rgba(20,167,83,0.5);background-size:100% 100%;}
.news1 li .text h3{ font-weight:inherit; font-size:18px; color:#333; padding-bottom:15px; margin-bottom:15px; background:url(../images/ico2_1hr.png) no-repeat left bottom; height: 25px; overflow: hidden;}
.news1 li .text h3 a{ color:#333;}
.news1 li .text h3 a:hover{ color:#000;}
.news1 li .text p{ font-size:14px; color:#8b8b8c; line-height:1.8; height:100px;}
.news1 li .text .time{ font-size:13px; color:#8b8b8c;}
/*
-----------------[文章详细页]--------------*/
.projectshow1{width: 95%; margin: 0 auto;}
.projectshow1 .title{ text-align:center; padding-bottom:15px; margin-bottom:30px;   }
.projectshow1 .title h1{ font-weight:inherit; font-size:24px; color:#333; padding-bottom:10px;}
.projectshow1 .title .time{ font-size:14px; color:#8b8b8c;text-align: center; width: 100%;border-bottom:1px #ddd dotted; border-top:1px #ddd dotted; padding: 7px 0; margin-top: 15px;}
.projectshow1 .title .time span{ padding:0 10px;float: none;}
.projectshow1 .contentbox .text h2{ font-size:14px; color:#ec6c21; padding-bottom:20px;}
.projectshow1 .contentbox .text p{ font-size:14px; color:#666;line-height:2;}
.projectshow1 .contentbox img{ max-width:100%; height: auto;}

.detailsshare{ position:relative; padding-top:30px;}
.detailsshare .share{ height:47px;  border-bottom:1px #ddd dotted; }
.detailsshare .share em{ font-size:14px; color:#8d8d8d; line-height:27px; float:left; font-style:normal}
.detailsshare .share li{ float:left; margin-left:10px;}
.detailsshare .bottomDiv{ padding-top:20px;}
.detailsshare .bottomDiv a{ font-size:14px; color:#333;}
.detailsshare .bottomDiv em{ font-size:14px; color:#333; font-weight:bold; font-style:normal}
.detailsshare .bottomDiv a:hover{ color:#e50010;}
.detailsshare .bottomDiv .left{ float:left;}
.detailsshare .bottomDiv .left .getDiv{ padding-bottom:10px;}
.detailsshare .bottomDiv .right{ float:right; margin-top:10px;}
.detailsshare .bottomDiv .right .backbtn{display:block; font-size:14px; text-align:center; color:#8b8b8c; line-height:40px; width:120px; height:40px; border:1px #eee solid;}
.detailsshare .bottomDiv .right .backbtn:hover{ color:#fff; background-color:#ec6c21; border:1px #ec6c21 solid;}
.detailsshare .flshare{ float:right; width:242px;}

/*联系我们*/
.contact-box{ background:#ededed;}
.address{ margin-bottom:0px;width: 95%; margin: 0 auto; padding-top: 20px; margin-bottom: 20px;}
.address h2{ color:#333; font-size:30px; line-height:normal; padding-bottom:18px; display:inline-block; padding-right:250px; border-bottom:1px solid #595757; margin-bottom:36px;}
.address span{ display:block; font-size:16px; margin-bottom:10px;}
.address span a{ color: #787878}
.mapwr{ border:3px solid #383635;width: 90%; margin-left: 3%; margin-bottom: 50px;}
.map{ width:100%; height:510px;}
.anchorBL{ display:none !important;}
.contact-list{ margin-top:70px;}
.contact-info{ padding:48px 0 0 50px; width:470px; height:189px; background:#fff; box-shadow:0 2px 2px #d6d6d6; float:left; transition:430ms; margin-right:88px; margin-bottom:48px;}
.contact-info:nth-child(2n+2){ margin-right:0;}
.contact-info h3{ color:#595757; font-size:24px; line-height:normal; font-weight:normal; margin-bottom:25px; transition:368ms;} 
.contact-info p{ color:#595757; transition:368ms; font-size:16px; margin-bottom:3px;}
.contact-info p a{ color:#595757; display:inline-block; padding-right:30px; position:relative;}
.contact-info p a b{ display:block; width:17px; height:25px; background:url(../images/map1.png) center no-repeat; position:absolute; right:0; top:0px;}
.contact-info:hover{ background:#eb6123;}
.contact-info:hover h3{ color:#fff;}
.contact-info:hover p{ color:#fff;}
.contact-info:hover p a{ color:#fff;}
.contact-info:hover p a b{ background:url(../images/map2.png) center no-repeat;}
.contact-info p a:hover b{ animation:0.88s linear; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: BOUNCE; animation-name: BOUNCE;  -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-iteration-count: infinite;}
.addleft{ float:left;} 
.footer-right{ float:right;}
.address .footer-right{ margin-top:0px;}
.eq{ margin-bottom:0px; text-align:right;}
.eq-info{ display:inline-block;}
.eq-info:nth-child(1){ margin-right:50px;}
.eq-info img{ display:block; width:150px; height:150px;}
.eq-info span{ display:block; text-align:center; margin-top:18px; line-height:normal; color:#6c6c6c;}


.ul-list9{padding: 0px 0 70px;}
.ul-list9 li{border-bottom: 1px solid #ddd;}
.ul-list9 a{display: block;position: relative;color: #333;font-size: 14px;height: 53px;line-height: 53px;overflow: hidden;padding-right: 63px;}
.ul-list9 span{display: block;float: left;overflow: hidden;height: 53px;overflow: hidden;}
.ul-list9 .span1{width: 52%;}
.ul-list9 .span2{width: 17%;}
.ul-list9 .span3{width: 18%;}
.ul-list9 .span4{width: 10%;}
.ul-list9 i{display: block;width: 28px;height: 28px;position: absolute;right: 36px;top: 50%;margin-top: -14px;background: url(../images/gicon13.png) no-repeat center center;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.ul-list9 a:hover{color: #1768b4;}
.ul-list9 a:hover i{background: url(../images/gicon13-2.png) no-repeat center center;}


.recruitment-info{ background-color: #f2f2f2; padding: 30px 5%; margin-bottom: 40px;}
.recruitment-info h3 { font-size: 24px;font-weight:normal; color: #000; margin-bottom: 10px;}
.recruitment-info .t { font-size: 16px; font-weight: bold; }
.recruitment-info a { color: #cc0000; }
.recruitment-info .email { font-size: 15px; margin: 0 8px 0 11px; position: relative; }
.recruitment-info .email:before { content: ""; position: absolute; left: 0; right: auto; width: 100%; height: 0px; background: #999; bottom: -3px; transition: 400ms; -webkit-transition: 400ms; }
.recruitment-info .email:hover:before { width: 0; right: 0; left: auto; }

.hrList{ margin: 10px 0px 50px; font-size: 14px;}
.hrList .hspan{ text-align:center;cursor:pointer; width: 16%; display: block; float: left; height: 50px; line-height: 50px;}
.hrList .hspan1{ text-align: left; padding-left: 5%; width:31%;}
.hrList .hrdt{ background-color: #1768b4; color: #fff;}
.hrList dd{ margin-bottom: 3px; position: relative; background-color: #fff;}
.hrList .hrdt{ height: 50px; overflow: hidden;}
.hrList .hrT{ background-color: #f2f2f2; color:#666666;}
.hrList .hrT .hspan{ line-height: 50px; height: 50px;}
.hrList .ib{ width:16px; height:16px; margin: 17px auto 0px; display: block; position:relative; transition:400ms;-webkit-transition:400ms;}
.hrList .ib i{ display:block; background-color:#999999;}
.hrList .ib .ic1{ width:2px; height:16px; margin-left:7px;}
.hrList .ib .ic2{ width:16px; height:2px; position:absolute; left:0; top:50%; margin-top:-1px;}
.hrList .hrB{ border: 1px solid #383635; display: none;}
.hrList .hrCon{ width: 91%; margin: 0px auto; padding:30px 0px 50px; overflow: hidden;}
.hrList dd.active .hrT,.hrList dd:hover .hrT{ background-color:#383635; color: #fff;}
.hrList .active .ib i,.hrList dd:hover .ib i{ background-color: #fff;}
.hrList .active .ib{transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(90deg);}
.hrList .active .ib .ic2{ display: none;}
.join-box-btn{ padding-top: 30px;}
.join-box-btn .btn{ float: left; display: block; background-color: #f15921; color: #fff; padding: 10px 40px; font-size: 14px;}
.join-box-btn .btn:hover{ background-color: #333333; color: #fff;}