.mine.page-content{background: #f5f5f5;padding-bottom: 0}
.page-content{padding-bottom:0;}
.page-content{background: #f5f5f5;}
.theirs.none,.none{display: none;}
.bg-fff{background: #fff;}

.about {background: #fff;}
.about .about-nav{text-transform:uppercase; position: relative; z-index: 9; height: 90px; margin-top: -33px; }
.about .about-nav a{float: left; }
.about .about-nav a div{box-shadow: 0 5px 5px 0 #f3f3f3; height: 65px;  background: #fff; position: relative; width: 171px;  color: #353535; text-align: center; padding-top:30px;}
.about .about-nav a div p{ color: #858585;margin-top: 5px; transform:scale(0.65);}
.about .about-nav a div b{ position: absolute; right: 0; top:36px; background: #e1e1e1; width: 1px; height: 20px; }
.about .about-nav a.atthis{ height: 99px; }
.about .about-nav a.atthis div{ box-shadow: 0 0 0 0 transparent;  padding-top: 35px; height: 53px; background: #fd7d22; color: #fff; margin-top:-7px; }
.about .about-nav a.atthis b{display: none;}
.about .about-nav a.atthis p{color:#fff; transform:scale(1);}

.about .intro {clear: both; overflow: hidden; padding:100px 0 50px;}
.about .intro .tu{float: left; width: 447px; height: 447px;}
.about .intro .tu li{float: left; position: relative; width: 111.5px;cursor:pointer; height: 111px; background: #d7d7d7;}
.about .intro .tu li.bg1{background: #e9e9e9;}
.about .intro .tu li.bg2{background: #ababab;}
.about .intro .tu li.bg3{background: #acacac;}
.about .intro .tu li div{position: relative;z-index: 10;overflow: hidden;}
.about .intro .tu li div img{width: 100%; height: 100%;  }
/*.about .intro .tu li .img1{position: absolute;top: 0;left: 0; z-index: 9; width: 100%;height: 100%;opacity: 1;z-index: 10;transition: all .6s ease-out;filter: grayscale(0%);transform: rotateX(0deg) rotateY(0deg);backface-visibility: hidden;transform-style: preserve-3d;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}*/
.about .intro .tu li .img2{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: all .6s ease-out;transform: rotateY(180deg);}

.about .intro .tu li .img1-on {width: 100%;height: 100%;opacity: 0;transform: rotateY(180deg);backface-visibility: hidden;transform-style: preserve-3d;}
.about .intro .tu li .img2-on {width: 100%;height: 100%;opacity: 1;transform: rotateX(0deg) rotateY(0deg);z-index: 20;}

.about .intro .right{padding-left: 40px;}
.about .intro .right h1{ color:#353535; margin:40px 0 20px 0;}
.about .intro .right .text{position: relative;  height: 210px; overflow: hidden; color:#666; text-align:justify;}
.about .intro .right .text>div{position: absolute;width: 100%; top:0; left:0;}
.about .intro .right .btn{overflow: hidden; padding: 20px 0 0 0;}
.about .intro .right .btn a{float: left; margin-right:10px; width: 50px; height: 37px; border:1px solid #e1e1e1; background: transparent url(../images/arr_down.png) no-repeat center center; }
.about .intro .right .btn a.up{background-image: url(../images/arr_up.png)}
.about .intro .right .btn a:hover{background-image: url(../images/arr_down_at.png); border-color:#fd7d22;}
.about .intro .right .btn a.up:hover{background-image: url(../images/arr_up_at.png)}

.choose{overflow: hidden;}
.choose h1{ color: #353535; text-align:center; margin:41px 0;}
.choose h1 p{text-transform:uppercase; color: #999; margin-top: 10px;}
.choose ul{overflow: hidden; margin-right:-22px;margin-top:-29px;}
.choose ul li{float: left; text-align:center; margin:29px 22px 0 0; background:#fff; width: 383px; height: 258px; border:1px solid #ececec;}
.choose ul li img{padding-top: 45px;}
.choose ul li p{position: relative; padding-top: 25px;  color: #666;}
.choose ul li p span{position: absolute; width: 28px; height: 3px; background: #fd6e6a; left:50%; margin-left: -14px; bottom: -15px;}
.choose ul li p span.qy{background: #11cc88}
.choose ul li p span.yzs{background: #fdc12d}
.choose ul li p span.td{background: #a757b6}
.choose ul li p span.gj{background: #f59049}
.choose ul li p span.hp {background: #5890ff}

.tab-catalog-03{text-align:center; color:#353535;}
.tab-catalog-03 a{display: inline-block; height: 46px;color:#353535; margin:0 30px;}
.tab-catalog-03 a.atthis{position: relative; border-bottom: 2px solid #fd7d22; color:#fd7d22;}
.tab-catalog-03 a.atthis b{width: 5px; position: absolute; bottom: 0; left: 50%; margin-left: -2px; height: 4px; background: transparent url(../images/arr.jpg) no-repeat left top;}

.qy{overflow: hidden; background: #fff; margin-top: 60px;}
.qy h1{ color: #353535; text-align:center; margin:41px 0;}
.qy h1 p{ color: #999; margin-top: 10px;}
.qy .qy-cont {padding: 35px 0 55px 0;}

/*覆盖首页样式*/
.dgg-clock-bg h1{ color: #fff; text-align:center; padding-top: 40px;}
.dgg-clock-bg h1 p{text-transform:uppercase;  color: #fff; margin-top: 10px;}
.dgg-part1{margin-top:-140px; padding-bottom: 40px;margin-bottom: 0;}
.footer .bottom-nav {border-top:1px solid #ececec; width: 100%;}
.footer .bottom-nav ul{width: 1200px; margin:0 auto;}

.title-catalog-03{ color: #353535; text-align:center; margin:41px 0;}
.title-catalog-03 p{text-transform:uppercase;  color: #999; margin-top: 15px;}

/*大事件*/
.big{padding: 70px 0 60px 0; background: #fff;}
.big .flow{overflow: hidden; position: relative; }
.big .flow .line{position: absolute; left: 50%; margin-left:-1.5px; width: 3px; background: #ebeaea; height: 100%; }
.big .flow .line span{position: absolute; left: -7px; top:0; display: block; width: 15px; height: 15px; background:transparent url(../images/icon_arr_r.png) no-repeat left top;}
.big .flow .left{width: 580px; text-align:right; margin-top:30px; }
.big .flow .right{padding-left:620px;margin-top:30px;}
.big .flow h1{ width: 163px; position: relative; margin-bottom: 15px; height: 49px;  color:#fd7d22; background: transparent url(../images/bg_atthis.png) no-repeat left center;}
.big .flow h1 span{position: absolute; left: -27px; top:17px; display: block; width: 15px; height: 15px; background:transparent url(../images/icon_arr_r.png) no-repeat left top;}
.big .flow p{clear: both;  color: #666; background:transparent url(../images/icon_d.jpg) no-repeat left center; padding-left: 15px;}
.big .flow .right h1{text-indent: 42px; background-image: url(../images/bg_atthis_0.png) }
.big .flow .left h1{float: right; text-indent: 30px; text-align:left; }
.big .flow .left h1 span {right: -27px; left: auto; }
.big .flow .left p {background-position: right center; padding-right: 15px;}

.culture{background: #fff; padding: 30px 0 70px;}
.culture ul{padding-top:10px;}
.culture li{height: 285px; overflow:hidden;}
.culture li .left{width:600px; height: 285px; float: left;text-align:right;background: #fafafa url(../images/bg_sm_01.jpg) no-repeat right bottom;}
.culture li .right{overflow: hidden; height: 285px; background: #fafafa url(../images/bg_sm_01.jpg) no-repeat right bottom;}
.culture li h1{ color: #333;}
.culture li p{ color: #666;}
.culture li .right h1{padding:98px 0 0 77px;}
.culture li .right p{padding:20px 0 0 77px;}
.culture li .left h1{padding:98px 77px 0 0 ; }
.culture li .left p{padding:20px 77px  0 0 ;}
.culture li.yj .left{background: #f5f5f5 url(../images/bg_sm_02.jpg) no-repeat left bottom;}
.culture li.js .right{background: #f5f5f5 url(../images/bg_sm_03.jpg) no-repeat right bottom;}
.culture li.jzg .left{background: #f5f5f5 url(../images/bg_sm_04.jpg) no-repeat left bottom;}
.culture li.yz .right{background: #f5f5f5 url(../images/bg_sm_05.jpg) no-repeat right bottom;}


.honor{background: #fff; padding: 30px 0 20px;}
.honor ul{overflow: hidden;}
.honor ul li{width: 20%; float: left; text-align:center; padding-bottom:58px;}
.honor ul li img{padding:20px 18px; border:1px solid #ececec;}


.news{background: #fff; padding: 30px 0 20px;}
.news ul.newsList  li{overflow: hidden; height: 158px; margin-bottom:17px; width: 1158px; padding:20px; border:1px solid #e9e9e9;}
.news ul.newsList li:hover{box-shadow: 0 0 5px 5px #f1f1f1;}
.news ul.newsList li:hover .btn a {right: 0; }
.news ul.newsList li:hover .btn a i{display: block;opacity: 1;right: 35px; }
.news ul.newsList li img{float: left;}
.news ul.newsList li >a{float: left;}
.news ul.newsList li .btn{float: right; position: relative; width: 230px; text-align:right; padding-right:38px;}
.news ul.newsList li .btn .d{ color: #888; margin-top:30px;}
.news ul.newsList li .btn .m{ color: #888;margin-top:5px;}
.news ul.newsList li .btn a{position: absolute;transition: all 0.3s; right: 38px; margin-right: -20px; margin-top:10px; width: 107px; height: 35px; background:transparent url(../images/img_arr_r.png) no-repeat center center;}
.news ul.newsList li .btn a i{opacity: 0; transition: all 0.3s; position: absolute;display: none; float: left; width: 107px; height: 35px; background:#fd7d22 url(../images/img_more.png) no-repeat center center; }
.news ul.newsList li .btn a:hover{right: 0;  }
.news ul.newsList li .btn a:hover i{display: block;right: 35px; opacity: 1; }

.news ul li .hidden{overflow: hidden; padding-left:28px;}
.news ul li .hidden h1{ color:#333; padding-top:35px;}
.news ul li .hidden p{ color: #999;padding-top:20px;}

.pager{text-align:center; padding:30px 0;  color: #8f8f8f;}
.pager a{display: inline-block; *display: inline; *zoom:1; border:1px solid #e1e1e1; margin:0 2px; color:#8f8f8f;padding:0 10px; border-radius: 3px;}
.pager a:hover,.pager a.atthis,.pager li.active a{background: #fd7d22; color:#fff; border-color: #fd7d22;}

.contact{background: #fff; padding: 30px 0 20px;}
.contact .map ul{overflow: hidden; padding:30px 0;}
.contact .map ul li{float: left; margin-right:132px; background: transparent url(../images/icon_tel.jpg) no-repeat left center; padding-left:55px; width: 145px; color: #353535;}
.contact .map ul li p{ color: #666;}
.contact .map ul li.mail{ background-image: url(../images/icon_mail_1.jpg);}
.contact .map ul li.mj{background-image: url(../images/icon_mj.jpg);}
.contact .map ul li.join {margin-right:0;background-image: url(../images/icon_join.jpg);}

.contact .contact-list{width: 1200px; margin: 0 auto; overflow: hidden; padding-top: 20px;}
.contact .contact-list .item{float: left;width: 400px; height: 180px;}
.contact .contact-list .item.middle{padding-left: 40px; }
.contact .contact-list .item.last{width: 310px; padding-left: 40px;}
.contact .contact-list .item h3{padding-bottom: 10px; color: #353535;}
.contact .contact-list .item dl{padding-top:7px;  color: #666;}
.contact .contact-list .item dl dt{float: left; background:transparent url(../images/icon_add.jpg) no-repeat left center; padding-left:22px;}
.contact .contact-list .item dl.tel dt{background-image: url(../images/icon_phone.jpg); }
.contact .contact-list .item dl dd{overflow: hidden;}

#allmap{width: 1200px; height: 354px;}


/*team*/
.team {margin-bottom: 60px;padding-top:40px;}
.team .inner {margin: 0 auto;min-width: 1200px;width: 1200px}
.team ul {margin-right:-52px;font-size:0; width: 1252px;}
.team ul li {float: left;position: relative;margin-top: 35px;width: 248px;margin-right:65px;height: 335px;color: #303030;text-align: center;cursor:pointer;}
.team ul li .img-inner {overflow: hidden;width: 100%;height: 225px}
.team ul li .info {display: none}
.team ul li .img-inner img {margin-top: 5px;max-width: 100%; -webkit-transition: all .3s;transition: all .3s;-webkit-transform: matrix(1,0,0,1,0,0);-ms-transform: matrix(1,0,0,1,0,0);transform: matrix(1,0,0,1,0,0)}
.team ul li .name {margin-top: 15px;font-size: 16px}
.team ul li .job { color: #999;font-size: 12px;padding-top:5px;}
.team ul li .job em {position: relative;padding: 0 9px}
.team ul li .job em:after {position: absolute;top: 3px;left: -1px;display: block;width: 10px;height: 11px;border-left: 1px solid #bababa;content: ""}
.team ul li .job em:first-child:after {display: none}
.team ul li:hover {z-index: 1;box-shadow: 2px 3px 10px #dcdcdc}
.team ul li:after {position: absolute;left: 50%;display: block;margin-top: 10px;margin-left: -20px;width: 0;height: 39px;background: url(../images/icon-zs.png) no-repeat center;content: ""; opacity: 0;-webkit-transition: all .3s;transition: all .3s}
.team ul li:hover:after {width: 39px; opacity: 1}
.team ul li:hover img {margin-top: 12px;-webkit-transform: scale(1.01,1.01);-ms-transform: scale(1.01,1.01);transform: scale(1.01,1.01)}

/*弹窗*/
.popup-backdrop {position: fixed;top: 0;left: 0;z-index: 1024;display: none;overflow: hidden;width: 100%;height: 100%;background: #000;opacity: .4; 　filter:alpha(opacity=40); -webkit-user-select: none}
.popup-backdrop.first {z-index: -999;display: block;opacity: 0}
.popup-backdrop.active {display: block}


/* 团队弹窗 */
.slideBox{ width:950px; background:#fff; height:380px;  position:fixed; left: 50%; margin-left: -475px; top:50%; margin-top:-190px; z-index: 1028;}
.slideBox .bd{ position:relative; height:100%; width: 100%; z-index:0;   }
.slideBox .bd ul{height: 380px; overflow: hidden;}
.slideBox .bd li{ zoom:1; vertical-align:middle;overflow: hidden; }

.slideBox .close {position: absolute; top: 0; right: 0;z-index: 100;display: block;  width: 40px; height: 40px; background: #f3f3f3 url(../images/close.png) no-repeat center;cursor: pointer}
.slideBox .close:hover {background: #e5e5e5 url(../images/close.png) no-repeat center}

.slideBox .prev,
.slideBox .next{ position:absolute; left:-25px; top:50%; margin-top:-20px; display:block; width:50px; height:40px; background:transparent url(../images/left.png) left top no-repeat; filter:alpha(opacity=100);opacity:1;   }
.slideBox .next{ left:auto; right:-25px; background:transparent url(../images/right.png) left top no-repeat; }
.slideBox .prevStop,.slideBox .nextStop{  background-image:url(../images/left_disab.png); }
.slideBox .nextStop{background-image:url(../images/right_disab.png);  }


.swiper-left {position: relative;float: left;padding: 10px;width: 300px;height: 360px}
.swiper-left>div.inner {overflow: hidden;width: 300px;height: 235px;text-align: center}
.swiper-left>div.inner img {max-width: 100%}
.swiper-left .name {color: #353535;text-align:center; margin-top:10px;}
.swiper-left .job {color: #999; text-align:center;}
.swiper-left .web {position: absolute;bottom: 10px;left: 10px;color: #ddd;font-size: 14px}
.swiper-right {float: right;padding-right: 20px;padding-left: 40px;width: 570px;height: 380px;background: #fff;color: #474747;font-size: 14px;line-height: 40px}
.swiper-right .title-h3 {margin-top: 25px;color: #474747;font-size: 18px;color:#353535;font-weight: normal;line-height: 30px}
.swiper-right .title-h3 em {display: block;margin-bottom: 15px;color: #b9b9b9;font-size: 14px}
.swiper-right .title-h3 em:after {display: block;margin-top: 20px;width: 68px; height: 1px;background: #ebebeb;content: ""}
.swiper-right .info {overflow-x: hidden;height: 220px;}

/*地图*/
#allmap{width: 1200px; height: 354px;}
#map{width: 800px;margin:0 auto; position: relative;}
#ChinaMap{padding-right:100px;padding-left:10px;padding-bottom:10px;margin:0px auto;padding-top:10px;position:relative;text-align:center;}
#tiplayer{padding-right:5px;padding-left:5px;z-index:1000;min-height:1em;background:#000;max-width:370px;padding-bottom:5px;color:#fff;padding-top:5px;position:absolute;text-align:left;word-wrap:break-word;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.ToolTip{padding-right:5px;padding-left:5px;z-index:1000;min-height:1em;background:#000;max-width:350px;padding-bottom:5px;color:#fff;padding-top:5px;position:absolute;text-align:left;word-wrap:break-word;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.ToolTip{border-right:#c5b270 1px solid;padding-right:15px;border-top:#c5b270 1px solid;padding-left:15px;background:#fffbd6;padding-bottom:0px;border-left:#c5b270 1px solid;color:#bb861c;line-height:30px;padding-top:0px;border-bottom:#c5b270 1px solid;top:30px;}

#tiplayer{padding:5px 10px 10px 10px;}
#tiplayer h1{ color: #fff;}
#tiplayer h1 b{float:left; width: 6px; height: 6px; margin-top:15px; margin-right:3px; border-radius: 50%; background:#ff9871;}
#tiplayer p{ color: #fff; padding-left:9px;}

.tl{position: absolute; left: 50%;margin-left: -280px; margin-top:-100px;  color:#858585;}
.tl .fg span{background:#d8e3fb; margin-right:15px; width: 36px; height: 10px; display: inline-block; *display: inline;*zoom:1;}
.tl .wfg span{background:#e9edf5;margin-right:15px; width: 36px; height: 10px; display: inline-block; *display: inline;*zoom:1;}
/*修改版本 2018/4/26*/
.about .intro{
    position: relative;
}
.about .intro .right>.tit{
    text-align: center;
    margin: 0 0 55px 240px;
}
.about .intro .right h1{
    margin: 0;
}
.about .intro .right{
    position: relative;
    z-index: 10;
    width: 846px;
    margin-top:-30px;
}
.about .intro .right>.tit>span{
    font-size: 12px;
    color:#999;
    text-transform:uppercase;
}
.about .intro .right>.text{
    width: 786px;
    height: 413px;
    background:#f5f5f5;
    padding: 30px;
    color:#666;
    font-size: 12px;
    line-height: 30px;
    animation: bounceInLeft 1.5s ease-in-out 1s both 1 normal;
}
.about .intro .right>.text>p{
    margin-bottom: 15px;
}
.about .intro>.pic{
    position: absolute;
    top:170px;
    right: 0;
    width: 395px;
    animation: bounceInRight 1.5s ease-in-out 1s both 1 normal;
}
.about .intro>.pic>img{
    width: 100%;
}
.choose{
    height: 782px;
    background: url(../images/new-bg.jpg) center top no-repeat;
    position: relative;
    overflow: hidden;
}
.choose h1{
    margin: 55px 0;
}
/*banner start*/
.picScroll-left{
    background: #fff;
    text-align: center;
    overflow: hidden;
    padding: 60px 0;
}
.picScroll-left h1{
    
    color:#353535;
    margin-bottom:30px;
}
.picScroll-left h1>p{
    font-size: 14px;
    color:#999;
    padding: 10px 0;
}
.picScroll-left .bd{
    height: 210px;
}
.picScroll-left .bd ul li{
    display: inline-block;
    float: left;
    margin: 0 7px;
    width: 290px;
    height: 210px !important;
}
.picScroll-left .bd ul li.clone{
    height: 210px;
}
.picScroll-left .bd ul li>img{
    width: 290px;
    height: 210px !important;
    display: block;

}
.picScroll-left .hd>ul>li{
    width: 12px;
    height: 12px;
    line-height: 12px;
    font-size: 10px;
    color: #c0c0c0;
    background:#c0c0c0;
    border-radius: 50px;
    display: inline-block;
    margin-left: 5px;
}
.picScroll-left .hd>ul>li.first{
    margin-left: 0;
}
.picScroll-left .hd>ul{
    margin-top: 30px;
}
.picScroll-left .hd>ul>li.on{
    color:#fd7d22;
    background:#fd7d22;
}
.picScroll-left{
    position: relative;
}
.picScroll-left>div>a{
    width: 50px;
    height: 50px;
    line-height: 48px;
    text-align: center;
    background-color: #bdbdbd;
    position: absolute;
    top:250px;
}
.picScroll-left>div>a:hover{
    background-color: #fd7d22;
}
.picScroll-left>div>a.prev{
    left: 111px;
}
.picScroll-left>div>a.next{
    right:93px;
}
.choose ul li{
    position: relative;
    transition: All .45s;
    -webkit-transition: All .45s;
    -moz-transition: All .45s;
    -o-transition: All .45s;
}
.choose ul li:hover{
    box-shadow: 0 0 10px #ddd;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
/*.choose ul li img{*/
    /*transition: All 1s ease-in-out;*/
    /*-webkit-transition: All 1s ease-in-out;*/
    /*-moz-transition: All 1s ease-in-out;*/
    /*-o-transition: All 1s ease-in-out;*/
/*}*/
/*.choose ul li:hover img{*/
    /*transform: scale(1.2);*/
    /*-webkit-transform: scale(1.2);*/
    /*-moz-transform: scale(1.2);*/
    /*-o-transform: scale(1.2);*/
    /*-ms-transform: scale(1.2);*/
/*}*/
.choose ul li:hover p.p1{
    color:#fd6e6a;
}
.choose ul li:hover p.p2{
    color:#11cc88;
}
.choose ul li:hover p.p3{
    color:#fdc12d;
}
.choose ul li:hover p.p4{
    color:#a757b6;
}
.choose ul li:hover p.p5{
    color:#f59049;
}
.choose ul li:hover p.p6{
    color:#5890ff;
}
.about .intro .right>i.hjm{
    width: 42px;
    height: 44px;
    line-height: 44px;
    font-size: 18px;
    color:#fff;
    background:#fd7d22;
    text-align: center;
    font-style: normal;
    position: absolute;
    top:337px;
    right: -20px;
    animation: bounceInLeft 1.5s ease-in-out 1s both 1 normal;
}