@charset "utf-8";
*{margin: 0 auto;padding: 0;}
ul li{list-style: none;}
a{text-decoration: none;}
input{outline: none;}
button {outline:none;}
body{min-width: 1263px;background: #FFFFFF;position: relative;}
body{font-family: "Noto Sans SC";}
input{border: none;}
.clearfix:after{ content: ""; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
.wrapper{width: 100%;}

/* header */
.header{max-width: 1440px;min-width: 1263px;height: 99px;}
.header .logo{float: left;width: 29.305%;height: 2.552vw;position: relative;margin-top: 25px;min-height: 44px;}
.header .logo img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 100%;min-height: 100%;}
.header .nav{float: right;width: auto;height: 100%;}
.header .nav a{float: left;width: auto;height: 100%;font-size: 16px;color: #666666;margin-left: 74px;line-height: 99px;font-weight: bold;position: relative;}
.header .nav a::after{content: '';display: block;width: 0;height: 2px;position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;background: #33445F;transition: .5s;}
.header .nav a:first-child{margin-left: 0;}
.header .nav a:hover{color: #33445f;}
.header .nav a:hover::after{width: 100%;}

/* banner */
.banner{width: 100%;overflow: hidden;position: relative;}
.banner img{display: block;width: 100%;}

/* 列表 */
.h{width: auto;text-align:center;padding-top: 70px;}
.h .title{font-size: 30px;color: #333333;padding-bottom: 5px;}
.h .ftitle{font-size: 14px;color: #666666;text-transform: uppercase;}

/* 历程 */
.yearBg{width: 100%;height: 204px;background: #f8f8f8;}
.year{max-width: 1440px;height: 100%;}
.year .list{float: left;width: 25%;height: 100%;text-align: center;padding-top: 65px;box-sizing: border-box;}
.year .list .p48{display: inline-block;width: auto;font-size: 48px;color: #33445F;position: relative;}
.year .list .p48 span{font-size: 16px;color: #666666;position: absolute;top: 0;right:0;transform: translateX(100%);}
.year .list .p16{font-size: 16px;color: #666666;}

/* 产品中心 */
.product{max-width: 1440px;padding-bottom: 58px;}
.product .item{width: 100%;height: auto;text-align: center;padding: 35px 0;}
.product .item a{display: inline-block;width: auto;padding: 0 20px;border-right: 1px solid #e9e9e9;font-size: 14px;color: #999999;}
.product .item a:last-child{border-right: none;}
.product .item .active{font-weight: bold;color: #33445F;}
.itembody{width: 100%;}
.itembody .list{float: left;width: 32.5%;height: 0;margin-right: 1%;position: relative;border: 1px solid #e9e9e9;overflow: hidden;margin-bottom: 20px;padding-top: 22.71%;}
.itembody .list:nth-child(3n){margin-right: 0!important;}
.itembody .list .pro{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 100%;min-height: 100%;}
.itembody .list .textImg{position: absolute;width: 100%;height: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, .7);overflow: hidden;padding: 0 20px;box-sizing: border-box;transition: .5s;}
.itembody .list .textImg img{float: right;width: auto;margin: 36px 0 0 0;}
.itembody .list .textImg .text{position: absolute;top: 50%;left: 20px;transform: translateY(-50%);}
.itembody .list .textImg .text .p20{font-size: 20px;color: #fff;}
.itembody .list .textImg .text .p16{font-size: 16px;color: #fff;font-weight: 100;}
.itembody .list:hover .textImg{height: 100%;}


/* 公司简介 */
.companyBg{max-width: 100%;height: 38.385vw;padding: 60px 0;background: url(../images/jjBg.jpg)no-repeat center;min-width: 1263px;box-sizing: border-box;background-size: 100%;min-height: 492px;}
.companyBg .le{max-width: 1440px;height: 100%;min-width: 1263px;}
.company{display: block;width: 60.8%;height: 100%;background: #fff;margin-left: 0;padding-left: 40px;box-sizing: border-box;}
.company .h{float: left;width: 26.37%;text-align: left;}
.company .content{float: right;width: calc(100% - 26.37%);}
.company .content .img{width: 120.66%;height: 11.25vw;border: 1px solid #fff;position: relative;min-height: 146px;margin-top: 4.5416vw;margin-bottom: 1.08vw;}
.company .content .img img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 97.4%;height: 92.13%;}
.company .content .textImg{width: 100%;padding-right: 115px;box-sizing: border-box;}
.company .content .p20{font-size: 20px;color: #333333;padding-bottom: 20px;}
.company .content .p14{font-size: 14px;color: #999999;padding-bottom: 30px;}
.company .content .textImg img{display: block;margin-left: 0;}

/* 案例展示 */
.case{max-width: 1440px;min-width: 1263px;padding-bottom: 70px;}
.case .content{width: 100%;overflow: hidden;padding-top: 55px;}
.case .content .list{float: left;width: 32.5%;height: 315px;position: relative;overflow: hidden;margin-bottom: 13px;margin-right: 1.2%;}
.case .content .list:nth-child(3n){margin-right: 0;}
.case .content .list .img{width: 100%;height: 100%;position: absolute;top: 0;z-index: 9;transition: .5s;overflow: hidden;}
.case .content .list .img img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% ,-50%);width: 100%;min-height: 100%;}
.case .content .list .bg{width: 100%;height: 73px;background-image: linear-gradient(to top, rgba(0,0,0,.9),rgba(0,0,0,0));position: absolute;bottom: 0;z-index: 10;}
.case .content .list .bg .p24{font-size: 24px;color: #fff;line-height: 73px;text-indent: 20px;white-space:nowrap;text-overflow:ellipsis;width: 100%;overflow: hidden;}
.case .content .list .f{width: 92px;height: 33px;background: #33445F;position: absolute;left: 50%;transform: translateX(-50%);bottom: 20px;}
.case .content .list .f img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% ,-50%);width: auto;}
.case .content .list:hover .img{height: 80%;}

/* 新闻中心 */
.newsBg{width: 100%;height: auto;padding-bottom: 70px;background: #f8f8f8;}
.news{max-width: 1440px;min-width: 1263px;}
.news .content{padding-top: 55px;padding-bottom: 113px;}
.news .content .list{float: left;width: 32.5%;height: 272px;background: #eeeeee;margin-right: 1.2%;padding: 100px 42px 0;box-sizing: border-box;position: relative;transition: .5s;}
.news .content .list .time{width: 86px;height: 87px;background: #2d2d2d;position: absolute;top: -10px;left: 42px;transition: .5s;}
.news .content .list .time .p20{font-size: 20px;color: #fff;text-align: center;padding: 20px 0 0;transition: .5s;}
.news .content .list .time .p16{font-size: 16px;color: #fff;text-align: center;transition: .5s;}
.news .content .list .text .p20{font-size: 20px;color: #333333;text-align: center;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;width: 100%;padding-bottom: 25px;transition: .5s;}
.news .content .list .text .smalltext{font-size: 14px;color: #666666;transition: .5s;text-align: justify;display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;width: 100%;}
.news .content .list:hover .time{background: #fff;}
.news .content .list:hover .time p{color: #33445F;}
.news .content .list:hover{background: #33445F;}
.news .content .list:hover .text p{color: #FFFFFF;}
.news .content .list:nth-child(3n){margin-right: 0;}
.news .more{display: block;width: 92px;height: 33px;background: #33445F;position: relative;}
.news .more img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% ,-50%);width: auto;}

/* footer */
.footerBg{width: 100%;background: #33445f;padding: 75px 0 80px;}
.footer{max-width: 1440px;min-width: 1263px;}
.footer .le{float: left;width: 44%;}
.footer .le .text{width: 100%;overflow: hidden;}
.footer .le .text .name{font-size: 20px;color: #fff;padding-bottom: 35px;}
.footer .le .text .list{width: 100%;overflow: hidden;padding-bottom: 17px;}
.footer .le .text .list .img{float: left;width: 19px;height: 17px;position: relative;padding-right: 13px;}
.footer .le .text .list img{display: block;height: auto;width: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);}
.footer .le .text .list .p14{float: l;font-size: 14px;color: #fff;line-height: 17px;}
.footer .le .text .copy{width: 100%;font-size: 12px;color: #a2a2a2;padding-top: 45px;}
.footer .le .text .copy a{color: #a2a2a2;}


.footer .ri{float: left;width: calc(100% - 44%);overflow: hidden;}
.footer .ri .h{float: left;padding-top: 0;text-align: left;}
.footer .ri .h p{color: #fff;}
.footer .ri form{float: right;width: 73.29%;}
.footer .ri form input{display: block;width: 100%;height: 38px;border: 1px solid #666666;background: none;box-sizing: border-box;margin-bottom: 9px;text-indent: 28px;font-size: 14px;color: #FFFFFF;padding: 0 5px;}
.footer .ri form textarea{display: block;width: 100%;height: 115px;border: 1px solid #666666;background: none;box-sizing: border-box;resize: none;margin-bottom: 28px;text-indent: 28px;font-size: 14px;color: #FFFFFF;line-height: 20px;padding: 10px 5px 0;}
.footer .ri form button{display: block;width: 139px;height: 38px;border: 1px solid #666666;background: none;box-sizing: border-box;margin-left: 0;font-size: 14px;color: #FFFFFF;cursor: pointer;}
.footer .ri form .posi{width: auto;height: auto;position: relative;}

::-webkit-input-placeholder { 
/* WebKit browsers */ 
color: #fff; 
} 
:-moz-placeholder { 
/* Mozilla Firefox 4 to 18 */ 
color: #fff; 
} 
::-moz-placeholder { 
/* Mozilla Firefox 19+ */ 
color: #fff; 
} 
::-ms-input-placeholder { 
/* Internet Explorer 10+ */ 
color: #fff; 
}

/* 面包屑 */
.bread{max-width: 1440px;min-width: 1263px;height: 0px;position: relative;}
.bread .bg{width: 100%;height: 66px;background: #33445F;transform: translateY(-100%);position: absolute;top: 0;z-index: 10;}
.bread .bg .text{float: right;overflow: hidden;height: 100%;}
.bread .bg a{float: left;height: 100%;width: 50px;position: relative;}
.bread .bg a img{display: block;position: absolute;top: 50%;transform: translateY(-50%);}
.bread .bg .name{float: left;width: auto;height: 100%;text-align: center;line-height: 66px;font-size: 16px;color:#FFF;border-left: 1px solid #455b80;padding: 0 32px;}

/* 公司介绍 */
.subCompany{max-width: 1440px;min-width: 1263px;padding: 90px 0 80px;}
.subCompany .title{font-size: 40px;color: #435269;text-align: center;padding: 0 50px;font-weight: bold;}
.subCompany .ftitle{font-size: 20px;color: #435269;text-align: center;}
.subCompany .content{width: 100%;height: auto;padding-top: 65px;position: relative;}
.subCompany .content .le{float: left;width: 41.66%;position: relative;}
.subCompany .content .le .bg{display: block;width: 87.5%;height: 366px;background: #e5e5e5;margin-left: 0;}
.subCompany .content .le .img{width: 87.5%;height: 366px;position: absolute;top: 13px;left: 13px;overflow: hidden;}
.subCompany .content .le .img img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);}
.subCompany .content .ri{float: right;width: calc(100% - 41.66%);}
.subCompany .content .ri .text{font-size: 16px;color: #000;text-indent: 32px;line-height: 36px;}

/* 资质 */
.qualification{max-width: 1440px;min-width: 1263px;padding-bottom: 150px;}
.qualification .title{font-size: 40px;color: #435269;text-align: center;font-weight: bold;position: relative;}
.qualification .title::before{content: '';display: block;width: 42.2%;height: 1px;background: #33445f;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.qualification .title::after{content: '';display: block;width: 42.2%;height: 1px;background: #33445f;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.qualification .ftitle{font-size: 44px;color: rgba(67,82,105,.16);text-align: center;font-weight: bold;text-transform: uppercase;}
.qualification .content{font-size: 16px;color: #000;text-indent: 32px;line-height: 36px;padding-top: 40px;}
.qualification .content img{display: block;max-width: 100%;margin: 10px 0;}


/* 产品中心 */
.subProduct{max-width: 1440px;padding-bottom: 175px;}
.subProduct .item{width: 100%;padding: 64px 0;text-align: center;}
.subProduct .item a{display: inline-block;width: 165px;height: 53px;background: #e5e5e5;font-size: 20px;color: #33445f;font-weight: bold;line-height: 53px;}
.subProduct .item .active{background: #33445F;color: #fff;}

/* 详情 */
.productDetails{max-width: 1440px;padding: 87px 0 210px;}
.productDetails .text{float: right;width: 50%;padding-left: 40px;box-sizing: border-box;padding-top: 40px;}
.productDetails .title{font-size: 30px;color: #455B80;font-weight: bold;padding-bottom: 25px;margin-left: 10%;}
.productDetails .p18{font-size: 18px;color: #333333;padding-bottom: 15px;}
.productDetails .p18:last-child{margin-right: 0;}
.productDetails .img{float: right;width: 468px;height: 327px;position: relative;}
.productDetails .img img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 100%;min-height: 100%;}
.productDetails .content{width: 100%;font-size: 16px;color: #333;line-height: 28px;text-indent: 32px;padding-top: 25px;text-align: justify;padding-bottom: 30px;}
.productDetails .content img{display: block;max-width: 100%;margin: 20px 0;}




/* 案例展示 */
.subDisplay{max-width: 1440px;padding: 87px 0 210px;}
.subDisplay .list{float: left;width: 32.5%;height: 0;padding-top: 21.74%;position: relative;overflow: hidden;margin-right: 1.2%;margin-bottom: 34px;}
.subDisplay .list:nth-child(3n){margin-right: 0;}
.subDisplay .list .img{display: block;width: 100%;min-height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: all .5s;}

.subDisplay .list .text{width: 100%;height: 73px;background-image: linear-gradient(to top, rgba(0,0,0,.9),rgba(0,0,0,0));position: absolute;bottom: 0;z-index: 10;}
.subDisplay .list .text .name{font-size: 24px;color: #fff;line-height: 73px;text-indent: 20px;white-space:nowrap;text-overflow:ellipsis;width: 100%;overflow: hidden;}
.subDisplay .list .f{display: block;position: absolute;top: 50%;right: 20px;transform: translateY(-50% );width: auto;}
.subDisplay .list:hover .img{transform: scale(1.2);}

/* 详情 */
.caseDetails{max-width: 1440px;padding: 87px 0 210px;}
.caseDetails .title{font-size: 30px;color: #000000;font-weight: bold;padding: 20px 100px 0;text-align: center;}
.caseDetails .img{width: 470px;height: 315px;position: relative;overflow: ;}
.caseDetails .img img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);}
.caseDetails .content{font-size: 16px;color: #333;line-height: 28px;text-indent: 32px;padding-top: 25px;text-align: justify;padding-bottom: 30px;}
.caseDetails .content img{display: block;max-width: 100%;margin: 20px 0;}



/* 新闻中心 */
.subNews{max-width: 1440px;padding: 87px 0 210px;}
.subNews .list{float: left;width: 23.8%;margin-right: 1.3%;border: 1px solid #d6e8ff;margin-bottom: 30px;transition: .5s;}
.subNews .list:nth-child(4n){margin-right: 0;}
.subNews .list .img{width: 100%;height: 0;padding-top: 65%;position: relative;overflow: hidden;}
.subNews .list .img img{display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;min-height: 100%;transition: .5s;}
.subNews .list .text{width: 100%;padding: 24px 19px 40px;box-sizing: border-box;height: 162px;}
.subNews .list .text .name{display: block;font-size: 16px;color: #000;line-height: 24px;font-weight: bold;height: 48px;padding-bottom: 10px;}
.subNews .list .text .smalltext{font-size: 14px;color: #939090;text-align: justify;line-height: 20px;}
.subNews .list:hover .img img{transform: scale(1.1);}
.subNews .list:hover{box-shadow: 0 5px 10px #d6e8ff;}

/* 详情 */
.newsDetails{max-width: 1440px;padding: 87px 0 210px;}
.newsDetails .title{font-size: 30px;color: #000000;font-weight: bold;text-align: center;padding: 0 100px 20px;}
.newsDetails .time{font-size: 16px;color: #999;text-align:center;}
.newsDetails .content{font-size: 16px;color: #333;line-height: 28px;text-indent: 32px;padding-top: 45px;text-align: justify;padding-bottom: 30px;}
.newsDetails .content img{display: block;max-width: 100%;margin: 20px 0;}


/* 联系我们 */
.subContact{max-width: 1440px;padding: 87px 0 210px;height: 444px;}
.subContact .le{float: left;width: 40.07%;position: relative;height: 100%;}
.subContact .le .text{width: 100%;overflow: hidden;}
.subContact .le .text .name{font-size: 32px;color: #33445f;padding-bottom: 35px;}
.subContact .le .text .list{width: 100%;overflow: hidden;padding-bottom: 25px;}
.subContact .le .text .list .img{float: left;width: 22px;height: 21px;position: relative;padding-right: 18px;}
.subContact .le .text .list img{display: block;height: auto;width: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);}
.subContact .le .text .list .p14{float: left;font-size: 18px;color: #000000;line-height: 21px;}
.subContact .le .text .pic{width: 73%;height: 0;padding: 13.54%;position: absolute;overflow: hidden;bottom: 0;}
.subContact .le .text .pic img{display: block;position: absolute;top:50%;left: 50%;transform: translate(-50% , -50%);width: 100%;min-height: 100%;}
.subContact .map{float: right;width: 58.2%;height: 100%;}
.subContact .map form{width: 100%;height: 100%;}






@media only screen and (min-width: 1280px) and (max-width: 1360px) {
    .subCompany .content .le .bg{width: 460px;height: 320px;}
    .subCompany .content .le .img{width: 460px;height: 320px;}
    }


@media screen and (max-width: 1280px) {

    .company .content .img{margin-top: 58px;margin-bottom: 14px;}
}