@charset "utf-8";
/*
	MBTXW.COM Copyright (C)2008-2099 www.mbtxw.com
	Author: mbtxw.com, QQ:536205792.
    Special note: do not modify this document without permission.
*/
/*关于我们横幅*/
.about-banner {position:relative;width:100%;height:100vh;overflow:hidden;}
.about-banner .bg-video {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;}
.about-banner .m-a {position:relative;z-index:2;}
.about-banner .banner-title {padding-top:22%;text-align:center;}
.about-banner .banner-title h2 {font-size:68px;color:#fff;letter-spacing:8px;padding-bottom:39px;}
.about-banner .banner-title li {font-size:32px;color:#fff;}

/*公司介绍*/
.company-intro {background:#ffffff url(../images/extend/about-bgd.jpg);background-position:center center;background-size:cover;background-repeat:no-repeat;padding-top:100px;padding-bottom:80px;}
.company-intro .intro-info {clear:both;margin-bottom:60px;}
.company-intro .intro-info ul li {font-size:18px;line-height:48px;text-indent:2em;color:#333;}


/*数字统计*/
.company-intro .dynamic-number {overflow:hidden;padding:36px 0;box-shadow:0 8px 16px rgb(0 0 0 / 10%);border-radius:15px;}
.company-intro .dynamic-number li {float:left;width:20%;font-size:20px;color:#555;line-height:50px;text-align:center;}
.company-intro .dynamic-number li .num {font-size:48px;color:#f20000;line-height:50px;padding:5px;}

/*企业文化*/
.company-culture {background:url(../images/banner/banner-01.jpg)no-repeat center fixed;background-size:cover;height:600px;padding-top:130px;}
.company-culture1 {background-image:url("../images/banner/banner.jpg")no-repeat center fixed;background-size:cover;width:100%;height:600px;padding-top:130px;}
.company-culture h2 {text-align:center;margin-bottom:120px;color:#FAFAFA;font-size:52px;}
.company-culture .culture-box {margin-left:-30px;}
.company-culture .culture-box div {float:left;margin-left:30px;width:513px;height:110px;border-radius:10px;text-align:center;padding:38px 0;box-shadow: 0 2px 8px 4px rgba(1,1,2,0.2);}
.company-culture .culture-box div b {font-size:36px;margin-bottom:18px;display:block;}
.company-culture .culture-box div p {font-size:20px;color:#333;padding:0 30px;}
.company-culture .culture-box .div-mission {background:url("../images/extend/about-bga.png") no-repeat center;background-size:cover;}
.company-culture .culture-box .div-vision {background:url("../images/extend/about-bgb.png") no-repeat center;background-size:cover;}
.company-culture .culture-box .div-values {background:url("../images/extend/about-bgc.png") no-repeat center;background-size:cover;}
.company-culture .culture-box div:hover {box-shadow:0px 6px 12px 0px rgba(0,0,0,0.15);transform:translateY(-8px);}

/*公司实力*/
.company-power {background:#ffffff url("../images/extend/about-bge.png");background-position:center center;background-size:100%;padding:80px 0 160px 0;overflow:hidden;}
.company-power h2 {text-align:center;margin-bottom:30px;color:#333;font-size:52px;}
.company-power .advantage {padding-top:50px;overflow:hidden;}
.company-power .advantage ul {float:left;width:533px;cursor:pointer;}
.company-power .advantage ul p {background-color:#778592;height:176px;line-height:38px;font-size:16px;color:#FFFFFF;padding:20px 30px 20px 30px;}
.company-power .advantage ul:hover p {background-color:#929DA7;}
.company-power .advantage ul:first-child p {border-radius:0 0 0 10px;}
.company-power .advantage ul:last-child p {border-radius:0 0 10px 0;}

.company-power .advantage ul .s1 {height:0;width:0;content:"";position:absolute;left:-20px;top:50%;border-width:10px;border-style:dashed solid dashed dashed;border-color:transparent #778592 transparent transparent;}
.company-power .advantage ul .s2 {height:0;width:0;content:"";position:absolute;right:-20px;top:50%;z-index:2;border-width:10px;border-style:dashed dashed dashed solid;border-color:transparent transparent transparent #778592;}
.company-power .advantage ul .s3 {height:0;width:0;content:"";position:absolute;left:50%;top:-19px;border-width:10px;border-style:dashed dashed solid dashed;border-color:transparent transparent #778592 transparent;}
.company-power .advantage ul:hover .s1 {border-color:transparent #929DA7 transparent transparent;}
.company-power .advantage ul:hover .s2 {border-color:transparent transparent transparent #929DA7;}
.company-power .advantage ul:hover .s3 {border-color:transparent transparent #929DA7 transparent;}
.company-power .advantage ul span {background-color:rgba(225,225,225,0.8);text-align:center;width:100%;height:40px;line-height:40px;position:absolute;top:176px;left:0;font-size:16px;font-weight:bold;color:#000000;} 
.company-power .advantage ul .li-text {height:215px;position:relative;} 
.company-power .advantage ul .li-img1 {background:url('../images/extend/experience.jpg') no-repeat;height:215px;position:relative;border-radius:8px 0 0 0;}
.company-power .advantage ul .li-img2 {background:url('../images/extend/advanced.jpg') no-repeat;height:215px;position:relative;} 
.company-power .advantage ul .li-img3 {background:url('../images/extend/good-faith.jpg') no-repeat;height:215px;position:relative;border-radius:0 8px 0 0;} 
em#statistics2::after {content:attr(data-to);display:inline-block;}


/*联系单页横幅*/
.contatc-banner {position:relative;background-image:url("../images/banner/banner-02.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover;width:100%;height:100vh;}
.contatc-banner .contatc-box {padding-top:228px;}
.contatc-banner .contatc-box .ul-left {float:left;font-size:20px;}
.contatc-banner .contatc-box .ul-left .left-tel {padding-bottom:20px;overflow:hidden;font-weight:800;}
.contatc-banner .contatc-box .ul-left .left-tel p {float:left;padding-right:30px;font-family:'aliFangYuan',sans-serif;}
.contatc-banner .contatc-box .ul-left .left-tel a {color:#b9dfff;border-bottom:1px solid;font-family:'aliFangYuan',sans-serif;}
.contatc-banner .contatc-box .ul-left .left-address {font-family:'aliFangYuan',sans-serif;}
/*单页横幅内容*/
.webpage-banner-mask {position:absolute;width:100%;background:-webkit-gradient(linear, 0 0, 0 bottom, from(transparent), to(#000));height:360px;z-index:90;bottom:0px;color:#FFF;font-size:12px;font-style:normal}


/*网站地图*/
.site-map {margin:auto;width:100%;clear:both;padding:16px 0 8px 0;margin-bottom:10px;}
.site-map .mapbox {background:#FFFFFF;font-size:14px;box-shadow:0 1px 6px rgba(0,0,0,.35);*border:1px solid #d5d5d5;border:1px solid #d5d5d5\9;padding-bottom:10px;border-radius:5px;overflow:hidden;min-height:calc(100vh - 137px - 165px - 20px);}
.site-map .mapbox .mapnav {padding:15px;line-height:28px;text-transform:capitalize;}
.site-map .mapbox .mapnav i {font-style:normal;padding:0 6px;color:#666;font-family:simsun;}
.site-map .mapbox .opencurren {line-height:41px;height:41px;color:#ffffff;font-size:14px;background-color:#efefef;color:#505050;border-left:8px solid #f20000;margin-left:-8px;cursor:pointer;border-radius:5px 0 0 5px;}
.site-map .mapbox .opencurren span {margin-right:15px;}
.site-map .mapbox .opencurren strong {text-align:left;margin-left:15px;font-weight:bold;text-transform:capitalize;}
.site-map .mapbox .opencurren i {font-style:normal;font-weight:bold;padding:0 6px;font-family:simsun;}
.site-map .mapbox .bigclass {padding:20px 20px 20px 23px;line-height:36px;overflow:hidden;}
.site-map .mapbox .bigclass li {float:left;width:16.66%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.site-map .mapbox .columnbox {line-height:41px;height:41px;color:#ffffff;font-size:14px;background-color:#efefef;color:#505050;border-left:8px solid #F20000;margin-left:-8px;cursor:pointer;border-radius:5px 0 0 5px;}
.site-map .mapbox .columnbox span {margin-right:5px;}
.site-map .mapbox .columnbox strong {text-align:left;margin-left:15px;font-weight:bold;text-transform:capitalize;}
.site-map .mapbox .screening {padding:10px 20px 20px 22px;overflow:hidden;}
.site-map .mapbox .screening p {line-height:32px;font-size:14px;}
.site-map .mapcatalog {position:relative;overflow:hidden;zoom:1;padding:8px 20px 5px 20px;margin:8px 0 8px  0;border-right:#E8E8E8 1px dotted;}
.site-map .mapcatalog .more {position:absolute;right:20px;top:3px;display:inline-block;border-radius:5px;border:#E8E8E8 1px solid;width:70px;color:#A0A0A0;height:22px;line-height:21px;background:url('../images/icon/mro_arrow.png') right 8px no-repeat;padding:0 12px 0 10px;}
.site-map .mapcatalog .more.actived {background-position:right -7px;color:#F20000;}
.site-map .mapcatalog .divcatalog {display:inline;overflow: hidden;}
.site-map .mapcatalog .divcatalog ul {overflow:hidden;display:block;padding:5px 14px 0 0;zoom:1;}
.site-map .mapcatalog .divcatalog li {float:left;display:block;cursor:pointer;margin-right:1.5%;width:23.5%;height:30px;line-height:30px;overflow:hidden;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.site-map .mapcatalog .divcatalog .pcw {width:100%;float:left;}
.site-map .mapcatalog .divcatalog .pcw.close{height:86px;overflow: hidden;}
.site-map .mapcatalog .divcatalog em {padding:0 3px;color:#E8E8E8;}
.site-map .mapbox .abc-box {padding:3px;}





.L1 {display:inline-block;width:26px;font-size: 16px !important;text-align:center;text-transform:uppercase;}
.L1:hover {background:#F20000;width:26px;color:#FFFFFF !important;border-radius:5px;}
.L2 {background:#F20000;color:#FFFFFF;padding:16px 12px 10px 12px;font-weight:bold;text-transform:uppercase;border-radius:5px 5px 0 0;}

/*从下到上兼容*/
@-webkit-keyframes bounceInTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    20% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
/*从下到上*/
@keyframes bounceInTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    20% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
/*从右到左兼容*/
@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
/*从右到左*/
@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}
/*从左到右兼容*/
@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
/*从左到右*/
@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}