﻿/*
-----------------[全屏视频背景]--------------*/
#background_video {
  position: absolute;
  top: 50%; left: 50%;z-index: -2;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  object-fit: cover;
  height: 100%; width: 100%;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}

#video_cover {
  position: absolute;left:0;top:0;z-index: -3;
  width: 100%; height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

/*
-----------------[公用]--------------*/
/* 内页ban */
.ban{
    overflow: hidden;
    height: 420px;
    margin-top: 100px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.ban .left{
    margin-top: 174px;
    padding-right: 87px;
    float: left;
    background: url(../images/icon07.png) no-repeat right center;
}
.ban h2{
    text-transform: uppercase;
    float: left;
    font-size: 36px;
    line-height: 36px;
    font-family: 'Arial';
    font-weight: bold;
    color: #fff;
}
.ban span{
    margin-left: 30px;
    float: right;
    font-weight: normal;
    font-size: 30px;
    color: #fff;
}

.ban em{
    margin-top: 197px;
    padding-bottom: 13px;
    float: right;
    font-size: 14px;
    color: #fff;
    background: url(../images/bg04.jpg) no-repeat right bottom;
}
/* 内页ban end */

/* 内页ban2 */
.ban2{
    margin-top: 100px;
}
.ban2 *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
}
.ban2 .slider-box{
    text-align: center;
    background-color: #232222;
}
.ban2 .slider-nav{
    margin: 0 auto;
    width: 460px;

}
.ban2 .slider-nav .pic{
    position: relative;
    padding-top: 59%;
    margin-right: 2px;
}
.ban2 .slider-nav .pic img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ban2 .slider-nav .item span{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ban2 .slider-nav .item.on span{
    border: 6px solid  #ff8c33;
}

/*dots*/
.ban2 .slider-for{position: relative;}
.ban2 .slider-for .slick-dots{
    position: absolute;
    bottom: 13px;
    right: 50%;
    margin-right: -45px;
}
.ban2 .slider-for .slick-dots li{
    float: left;
    margin: 0 5px;
    padding: 0;
}
.ban2 .slider-for .slick-dots button{
    width: 10px;
    height: 10px;
    font-size: 0;
    padding: 0;
    border: none;
    cursor: pointer;
    border-radius: 50%;
    background-color: #fff;
}
.ban2 .slider-for .slick-dots .slick-active button{
    width: 24px;
    height: 10px;
    border-radius: 15px;
}
/*dots end*/
/*箭头*/
.ban2 .slider-box{
    position: relative;
}
.ban2 .slider-box .slick-slider{
    position: static;
}
.ban2 .slider-box .slick-prev,.ban2 .slider-box .slick-next{
    position: absolute;
    bottom: 50%;
    margin-bottom: -11px;
    border: 0;
    background: none;
    overflow: hidden;
    width: 13px;
    height: 23px;
    font-size: 0;
    line-height: 0;
    z-index: 999;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
}
.ban2 .slider-nav .slick-prev{
    left: 3%;
    background: url(../images/ico-prev.png);
}
.ban2 .slider-nav .slick-next{
    right: 3%;
    background: url(../images/ico-next.png);
}
/*箭头 end*/
/* 内页ban2 end */

/* 面包屑 */
.cur{
    padding: 19px 0 23px;
    text-align: right;
    font-size: 12px;
    color: #969595;
    border-bottom: 2px solid #e5e5e5;
}
.cur em{
    padding-left: 23px;
    background: url(../images/icon09.png) no-repeat left center;
}
.cur a{
    color: #969595;
    padding-right: 12px;
    background: url(../images/icon08.png) no-repeat right center;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.cur a:hover{color: #ff8c33;}
.cur span{color: #232222;}
/* 面包屑 end */
/* 内页导航 */
.snv{
    
}
.snv ul{
    margin-left: -34px;
}
.snv ul{*zoom:1; } .snv ul:after,.snv ul:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }

.snv li{
    float: left;
    margin-left: 34px;
}
.snv li a{
    position: relative;
    padding-top: 21px;
    display: inline-block;
    color: #7b7a7a;
    font-size: 14px;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.snv li a:after{
    content: '';
    opacity: 0;
    position: absolute;
    top: -4px;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    height: 6px;
    background-color: #ff8c33;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.snv li.on a:after,.snv li:hover a:after{
    opacity: 1;
}
.snv li.on a,.snv li:hover a{
    font-weight: bold;
    color: #232222;
}
/* 内页导航 end */
/* 视频弹窗 */
.video-ind{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    display: none;
    background-color: rgba(0,0,0,.5);
}
.video-ind .box{
    position: absolute;
    top: 20%;
    right: 15%;
    bottom: 15%;
    left: 15%;
}
.video-ind video{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 14;
    background-color: #000;
}
.video-ind .btn-close{
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background-image: url(../images/close.png);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: auto 18px;
    background-size: auto 18px;
    z-index: 50;
    opacity: 0;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.video-ind .btn-close:hover{
    opacity: 1;
    background-color: #000;
}
.video-ind .box h4{
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 15;
    color: #fff;
    font-weight: normal;
    font-size: 18px;
}
/* 视频弹窗 end*/
/* 联系我们 */
.box-cont2{
    padding-top: 55px;
    border-top: 2px solid  #e5e5e5;
}
/* 联系我们 end */
/* 页码 */
.pages-box{text-align: center;}
.pages{
    overflow: hidden;
    margin: 59px 0 129px;
    display: inline-block;
}
.pages ul{
    font-family: 'Arial';
    float: left;
}
.pages li{
    margin-right: 13px;
    float: left;
}
.pages .pages-prev a,.pages .pages-next a{
    background-repeat: no-repeat;
    background-position: center;
}
.pages .pages-prev a{background-image: url(../images/ico-prev2.png);}
.pages .pages-prev:hover a{background-image: url(../images/ico-prev2_on.png);}
.pages .pages-next a{background-image: url(../images/ico-next2.png);}
.pages .pages-next:hover a{background-image: url(../images/ico-next2_on.png);}
.pages a{
    font-weight: bold;
    display: inline-block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    border: 1px solid  #d3d3d3;
    font-size: 18px;
    color: #232222;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.pages li.on a,.pages a:hover{
    border: 1px solid  #262729;
    background-color: #262729;
    color: #fff;
}

.pages span{
    margin: 0 10px 0 8px;
    line-height: 40px;
    float: left;
    font-size: 12px;
    color: #232222;
}
.pages .page-to{
    font-family: 'Arial';
    float: left;
}
.pages input{
    margin-left: 10px;
    width: 38px;
    height: 38px;
    border: 1px solid #d3d3d3;
}
.pages .inp{
    text-align: center;
    padding: 0 7px;
}
.pages .btn{
    font-weight: bold;
    background: none;
    font-size: 14px;
    color: #232222;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.pages .btn:hover{
    color: #fff;
    background-color: #262729;
}
/* 页码 end */

/*
-----------------[02关于日月-01公司简介]--------------*/
.m-abstract{margin-top: 87px;font-family: "SourceHanSansK-Regular";}

.m-abstract h1{
    margin-bottom: 41px;
    text-align: center;
    font-size: 30px;
    color: #232222;
}
.m-abstract .pic{
    padding: 0 131px;
}
.m-abstract .txt{
    margin: 51px 0 133px;
    padding: 0 207px;
    line-height: 24px;
    font-size: 14px;
    color: #232222;
}

.pop-video{
    position: relative;
}
.pop-video .pic{line-height: 0;}
.pop-video .btn-play{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -60px;
    margin-left: -60px;
    width: 120px;
    height: 120px;
    background: url(../images/play.png) no-repeat center;
}

.m-culture{
    padding-top: 93px;
}
.m-culture h3{
    font-weight: bold;
    text-align: center;
    font-size: 30px;
    color: #232222;
}

.ul-txt1{
    margin: 77px 56px 0;
    overflow: hidden;
    border-bottom: 2px solid  #e5e5e5;
}
.ul-txt1 li{
    text-align: center;
    margin-bottom: 82px;
    float: left;
    width: 33.33%;
    color: #232222;
}
.ul-txt1 .li1{margin-bottom: 132px;}

.ul-txt1 span{
    font-weight: bold;
    display: inline-block;
    padding-bottom: 1px;
    font-size: 18px;
    border-bottom: 6px solid  #ff8c33;
}
.ul-txt1 p{
    margin-top: 21px;
    font-size: 14px;
}

.m-culture .info{
    margin: 70px 261px 243px;
    font-size: 14px;
    color: #232222;
}

.m-culture .info .box{
    overflow: hidden;
    margin-bottom: 24px;
}

.m-culture .info span{
    float: left;
    width: 11%;
}
.m-culture .info .box2 span{
    width: 14%;
}
.m-culture .info .box2 p{
    width: 86%;
}
.m-culture .info p{
    width: 89%;
    float: left;
    line-height: 24px;
}

/*
-----------------[02关于日月-02组织架构]--------------*/
.m-culture2{
    padding-bottom: 176px;
    text-align: center;
}
.m-culture2 h4{
    font-size: 30px;
    color: #232222;
    margin: 92px 0 93px;
}

/*
-----------------[02关于日月-03资质荣誉]--------------*/
.m-honer{
    overflow: hidden;
    padding-bottom: 200px;
}
.m-honer h3{
    text-align: center;
    margin: 92px 0 73px;
    font-size: 30px;
    color: #232222;
}
/*
-----------------[03生产基地]--------------*/
.m-workshop{
    border-bottom: 2px solid  #e5e5e5;
}
.m-workshop2{border: none;margin-bottom: 73px;}
.g-tit2{
    margin: 72px 0 51px;
    font-size: 30px;
    color: #232222;
}
.ul-imgtxt1{
    margin-left: -113px;
    overflow: hidden;
}
.ul-imgtxt1 li{
    margin-bottom: 57px;
    float: left;
    width: 33.33%;
}
.ul-imgtxt1 .box{margin-left: 113px;}

.ul-imgtxt1 .box .pic{
    overflow: hidden;
    position: relative;
    height: 0;
    padding-top: 67%;
}
.ul-imgtxt1 .box img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ul-imgtxt1 .box img:hover{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05); 
    -ms-transform: scale(1.05); 
    -o-transform: scale(1.05); 
    transform: scale(1.05);
}

.ul-imgtxt1 h4{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 14px 0 17px;
    font-size: 20px;
}
.ul-imgtxt1 h4 a{
    color: #232222;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ul-imgtxt1 h4 a:hover{color: #ff8c33;}
.ul-imgtxt1 p{
    line-height: 24px;
    font-size: 14px;
    color: #a9a9a9;
}

/*轮播弹窗*/
.pop-slider{
    position: fixed;
    top: -100%;
    opacity: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.9);
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
    z-index: -1;
}

.pop-slider .pop-box{
    position: absolute;
    top: 20%;
    right: 25%;
    left: 25%;
}
.pop-slider.show{
    top: 0;
    opacity: 1;
    z-index: 12;
}
.pop-slider .pop-box2{position: relative;}
.pop-slider .slider-box{position: relative;}
.pop-slider .slick-dots{
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -36px;
    text-align: center;
}
.pop-slider .slick-dots li{
    width: auto;
    float: none;
    display: inline-block;
    margin: 0 4px;
    padding: 0;
}
.pop-slider .slick-dots button{
    width: 16px;
    height: 16px;
    font-size: 0;
    padding: 0;
    cursor: pointer;
    border-radius: 50%;
    background: none;
    border: 2px solid  #fff;
}
.pop-slider .slick-dots .slick-active button{
    background-color: #fff;
}

.pop-slider .slick-prev,.pop-slider .slick-next{
    position: absolute;
    bottom: 0;
    border: 0;
    background: none;
    overflow: hidden;
    width: 65px;
    height: 65px;
    font-size: 0;
    line-height: 0;
    z-index: 999;
    cursor: pointer;
    border: 2px solid #fff;
    background-repeat: no-repeat;
    background-position: center center;
}
.pop-slider .slick-prev{
    right: 126px;
    background-image: url(../images/ico-prev.png);
}
.pop-slider .slick-next{
    right: 63px;
    background-image: url(../images/ico-next.png);
}

.pop-slider .slider-box .pic{
    height: auto;
    position: relative;
    padding-top: 67%;
}
.pop-slider .pic img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ul-imgtxt1 .pop-slider h4{
    margin-top: 42px;
    width: 300px;
    overflow: hidden;
}
.pop-slider h4 a{
    color: #fff;
}
.pop-slider .btn-close{
    position: absolute;
    right: 0;
    z-index: 10;
    bottom: 0;
    width: 61px;
    height: 61px;
    border: 2px solid #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/close.png);
}

.m-pic1.qj .ul-pic1 .pic{
    background-color: #E9E8E8;
}
.m-pic1.qj .ul-pic1 img{
    top: 50%;
   left: 50%;
   width: auto;
   height: auto;
   max-width:  80%;
   max-height: 80%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}
.m-pic1.qj .pop-slider .slider-box .pic img{
   top: 50%;
   left: 50%;
   width: auto;
   height: auto;
   max-width: 80%;
   max-height: 80%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}
/*轮播弹窗 end*/
/*
-----------------[04解决方案-01列表]--------------*/
.m-pic1{
    padding: 40px 0 26px;
    border-bottom: 2px solid  #e5e5e5;
}
.m-pic2{padding: 0 0 69px;border: none;}
.m-pic1 h3{
    margin: 90px 0 50px;
    font-size: 30px;
    color: #232222;
}
.ul-pic1{overflow: hidden;margin-left: -67px;}
.ul-pic1 li{
    float: left;
    width: 25%;
    margin-bottom: 33px;
}
.ul-pic1 .box{margin-left: 67px;}
.ul-pic1 .pic{
    overflow: hidden;
    position: relative;
    height: 0;
    padding-top: 87%;
}
.ul-pic1 img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}
.ul-pic1 img:hover{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05); 
    -ms-transform: scale(1.05); 
    -o-transform: scale(1.05); 
    transform: scale(1.05);
}
.ul-pic1 h4{
    height: 60px;
}
.ul-pic1 h4 a{
    margin-top: 19px;
    font-size: 20px;
    color: #232222;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
    display:block;
     display:-webkit-box;
     overflow: hidden;
     -webkit-line-clamp:2;
     -webkit-box-orient:vertical;
}
.ul-pic1 a:hover{color: #ff8c33;}

/*弹窗*/
.ul-pic1 .pop-slider img{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.pop-slider .pop-box3{
    position: absolute;
    top: 15%;
    right: 30%;
    left: 30%;
}
.ul-pic1 .pop-slider .slick-dots{bottom: 150px;}
.ul-pic1 .pop-slider .slick-prev,.ul-pic1 .pop-slider .slick-next{bottom: 129px;}
.ul-pic1 .pop-slider .btn-close{bottom: 129px;}

.pop-slider .info h3{
    margin: 0;
    border-bottom: 2px solid #303030;
}
.pop-slider .info h3 a{
    display: block;
    overflow: hidden;
    width: 340px;
    line-height: 104px;
    font-size: 20px;
    color: #fff;
	display:block;white-space:nowrap;
     overflow:hidden; text-overflow:ellipsis;
}
.pop-slider .info h3 a:hover{color: #ff8c33;}
.pop-slider .info p{
    overflow: hidden;
    height: 72px;
    margin-top: 36px;
    line-height: 24px;
    font-size: 14px;
    color: #999;
}
/*弹窗 end*/

/*
-----------------[05工程案例-01列表]--------------*/
.ul-list3{overflow: hidden;padding-top: 47px;}
.ul-list3 li{
    float: left;width: 25%;position: relative;
}
.ul-list3 li:hover{
    box-shadow: 0 0 20px rgba(0,0,0,.4);
}
.ul-list3 .pic{
    height: 0;
    padding-top: 93.75%;
    position: relative;z-index: 1;
}
.ul-list3 .pic img{
    display: block;width: 100%;height: 100%;
    position: absolute;left: 0;top: 0;
}
.ul-list3 li .txt{
    position: absolute;left: 0;top: 0;z-index: 2;
    width: 100%;height: 100%;
    background: rgba(38,39,41,.95);
    font-size: 14px;color: #fff;line-height: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 64px 54px 0;
    opacity: 0;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}
.ul-list3 li:hover .txt{
    opacity: 1;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.ul-list3 .m-btn2{
    position: absolute;right: 0;bottom: 0;
}
.ul-list3 span{
    display: block;
    font-family: "Arial";font-size: 80px;color: #fff;line-height: 1;font-weight: 900;
    margin-bottom: 47px;
}
.ul-list3 .txt h3{
    font-size: 30px;color: #fff;line-height: 36px;font-weight: normal;
    margin-bottom: 17px;
}
.ul-list3 .txt p{
    height: 72px;overflow: hidden;
    opacity: .6;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 60)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
}

.ul-list3 .more{
    display: block;
    padding-top: 93.75%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/t-icon1.png);
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ul-list3 .more:hover{
    opacity: 0.7;
    background-image: url(../images/t-icon1_on.png);
}
.ul-list3 .more2{
    display: none;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    width: 240px;
    line-height: 40px;
    border-radius: 25px;
    border: 2px solid  #232222;
}
.ul-list3 .more2:hover{
    border: 2px solid  #ff8c33;
}
/*
-----------------[05工程案例-02详情]--------------*/
.m-wall{
    padding: 86px 0 75px;
    overflow: hidden;
}
.m-wall .txt-l{
    padding-bottom: 7px;
    float: left;
    width: 68%;
    border-right: 2px solid  #e9e9e9;
}
.m-wall .txt-l .box{
    padding-right: 86px;
    font-weight: bold;
    line-height: 24px;
    font-size: 14px;
    color: #232222;
}
.m-wall h3{
    margin: 18px 0 55px;
    font-size: 30px;
    color: #232222;
}
.m-wall .txt-r{
    float: right;
    width: 31%;
}
.m-wall .txt-r .box{
    margin-top: 20px;
    padding-left: 51px;
}
.m-wall .txt-r p{
    margin-bottom: 0;
    line-height: 30px;
    color: #9d9d9d;
}
.m-wall .txt-r span{
    font-family: '思源黑体 CN';
    font-weight: bold;
    display: inline-block;
    width: 91px;
    color: #3d3d3d;
}

.m-wall .return{
    margin-top: 99px;
    text-align: center;
    display: block;
    height: 66px;
    line-height: 66px;
    background-color: #262729;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.m-wall .return span{
    display: inline-block;
    font-weight: normal;
    font-size: 16px;
    color: #fff;
    padding-left: 22px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../images/t-icon2.png);
}
.m-wall .return:hover{
    background-color: #ff8c33;
}

.m-aboutpro{
    border-top: 2px solid  #e5e5e5;
}
.m-aboutpro h3{
    margin: 63px 0 22px;
    font-size: 30px;
    color: #232222;
}
.ul-pic2{
    margin-bottom: 154px;
    overflow: hidden;
}
.ul-pic2 li{
    float: left;
    width: 25%;
}
.ul-pic2 .pic{
    position: relative;
    height: 0;
    padding-top: 94%;
    overflow: hidden;
}
.ul-pic2 img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ul-pic2 img:hover{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05); 
    -ms-transform: scale(1.05); 
    -o-transform: scale(1.05); 
    transform: scale(1.05);
}

/*
-----------------[06新闻资讯-01列表]--------------*/
.box-news2{padding: 0;}
.box-news2:after,.box-news2:before{display: none;}

.box-news2 .ul-list2{padding: 78px 0 16px;}
.box-news2 .ul-list2 .con:hover{
    top: 0;
    z-index: 3;
    box-shadow: 0 0 30px rgba(0,0,0,.2);
}
/*
-----------------[06新闻资讯-02详情]--------------*/
.m-text1{
    text-align: center;
}
.m-text1 h1{
    margin-top: 106px;
    font-size: 36px;
    color: #232222;
}

.m-text1 .info{
    border-bottom: 2px solid  #e8e8e8;
    padding-bottom: 23px;
}
.m-text1 .info span{
    font-family: 'Arial';
    font-size: 12px;
    color: #7b7a7a;
}

.m-text1 .pic{
    margin: 56px 228px 57px;
}
.m-text1 .txt{
    font-weight: normal;
    text-align: left;
    padding: 0 228px 44px;
    line-height: 30px;
    font-size: 14px;    
    color: #232222;
    border-bottom: 2px solid  #e8e8e8;
}

.m-text1 .pn{
    margin: 31px 0 169px;
    overflow: hidden;
}
.m-text1 .pn p{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 48%;
}
.m-text1 .a-prev{
    float: left;
}
.m-text1 .a-next{
    float: right;
}
.m-text1 .pn i{
    display: inline-block;
    width: 38px;
    height: 38px;
    border: 1px solid  #232222;
    background-color: #232222;
    background-position: center;
    background-repeat: no-repeat;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.m-text1 .pn p:hover i{background-color: #fff;border: 1px solid  #d3d3d3;}
.m-text1 .a-prev i{margin-right: 24px;float: left;background-image: url(../images/ico-prev2_on.png);}
.m-text1 .a-next i{margin-left: 24px;float: right;background-image: url(../images/ico-next2_on.png);}
.m-text1 .a-prev:hover i{background-image: url(../images/ico-prev2.png);}
.m-text1 .a-next:hover i{background-image: url(../images/ico-next2.png);}

.m-text1 .pn a{
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%;
    float: left;
    line-height: 40px;
    font-size: 16px;
    color: #232222;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.m-text1 .a-prev a{
    text-align: left;
    float: left;
}
.m-text1 .a-next a{
    float: right;
    text-align: right;
}
.m-text1 .pn a:hover{
    color: #ff8c33;
}

/*
-----------------[07人力资源]--------------*/
.m-idea{
    padding: 0 159px;
    text-align: center;
    border-bottom: 2px solid  #e8e8e8;
}
.m-idea h3{
    margin: 106px 0 45px;
    font-size: 36px;
    color: #232222;
}

.m-idea .txt{
    text-align: left;
    margin: 40px 0 71px;
}
.m-idea .txt span{
    font-weight: bold;
}
.m-idea p{
    margin-bottom: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #232222;
}

.m-recruit{padding: 0 160px;}

.m-recruit h3{
    margin-top: 77px;
    text-align: center;
    font-size: 36px;
    color: #232222;
}

.m-recruit .box{
    z-index: 1;
    position: relative;
}
.m-recruit .box:after{
    z-index: 1;
    content: '';
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin-top: -1px;
    height: 2px;
    background-color: #e1e1e1;
}
.ul-recruit{
    margin: 71px -54px 129px -73px;
}
.ul-recruit{*zoom:1; }
.ul-recruit:after,.ul-recruit:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.ul-recruit li{
    float: left;
    width: 33.33%;
}
.main{position: relative;}
.ul-recruit li:hover .info{
    box-shadow: 0 0 30px rgba(0,0,0,.2);
}
.ul-recruit .info{
    z-index: 2;
    position: relative;
    top: 1px;
    padding: 27px 0 90px 29px;
    margin-left: 73px;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
    cursor: pointer;
}
.ul-recruit h4{
    color: #3d3d3d;
    font-size: 24px;
}
.ul-recruit span{
    margin-top: 10px;
    display: block;
    font-size: 14px;
    color: #8b8b8b;
}
.ul-recruit .m-btn2{
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 46px;
    height: 46px;
}
.ul-recruit li:hover .m-btn2{
    display: block;
}

/*招聘弹窗*/
.pop-info{
    z-index: 12;
    position: fixed;
    top: -200%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
}
.pop-info.show{top: 0;}
.pop-info .pop-box{
    width: 735px;
    position: absolute;
    top: 15%;
    left: 45%;
    margin-left: -290px;
    background-color: #fff;
}

.pop-info .tit{position: relative;}
.pop-info .autobox{
    height: 533px;
    overflow: auto;
}

.pop-info .autobox::-webkit-scrollbar {width:5px;height:1px;}
.pop-info .autobox::-webkit-scrollbar-button{display: none;}
.pop-info .autobox::-webkit-scrollbar-track-piece{background:#fff;}
.pop-info .autobox::-webkit-scrollbar-thumb{background:#232222;border-radius: 5px;}
.pop-info h3{
    margin: 0;
    text-align: left;
    line-height: 60px;
    padding-left: 31px;
    font-size: 18px;
    color: #fff;
    background-color: #232222;
}
.pop-info .tit .btn-close{
    position: absolute;
    top: 19px;
    right: 30px;
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/close.png);
}

.pop-info .desc{
    overflow: hidden;
    padding: 0 31px;
}
.pop-info .desc2{
    margin-top: 22px;
    border-top: 2px solid  #e9e8e8;
}
.pop-info h4{
    margin-top: 25px;
    font-size: 30px;
    color: #232222;
}
.m-recruit-b .pop-info .pop-box{
    top: 55%;left: 50%;margin-left: 0;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.ul-recruit .pop-info span{
    font-weight: bold;
    margin-top: 9px;
    float: left;
    width: 60%;
    font-size: 14px;
    color: #232222;
}

.pop-info .desc2 h4{
    margin-top: 35px;
    font-family: '思源黑体 CN';
    font-size: 18px;
    color: #232222;
}
.pop-info .desc2 p{
    font-weight: bold;
    margin-top: 15px;
    font-family: 'Adobe 黑体 Std';
    font-size: 14px;
    line-height: 24px;
    color: #232222;
}

.ul-recruit .pop-info .desc2 .delivery{
    margin: 50px 0 47px;
    text-align: center;
    display: block;
    width: 145px;
    line-height: 45px;
    font-size: 16px;
    color: #fff;
    background-color: #ff8c33;
}
/*招聘弹窗 end*/


.ul-honor{
    overflow: hidden;
    margin-right: -50px;
}
.ul-honor li{
    float: left;
    width: 25%;
    margin-bottom: 20px;
}
.ul-honor .inner{
    margin-right: 50px;
}
.ul-honor .pic{
    height: 220px;
    line-height: 220px;
    text-align: center;
    background-color: #f6f6f6;
    position: relative;
}
.ul-honor .pic a{display: block;}
.ul-honor .pic img{ 
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 90%;
    max-height: 90%;
}
.ul-honor p{
    padding-top: 15px;
    font-size: 18px;
    color: #232323;
    text-align: center;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}