<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
address,caption,cite,code,dfn,em,th,var,i,b{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onFocus=this.blur())}
sub,sup{/* vertical-align:baseline */}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none}
input[type="submit"],input[type="button"]{ cursor:pointer;}
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
a{text-decoration:none;cursor: pointer; color:#777}
a:hover{text-decoration:none}
body,th,td,button,input,select,textarea{ font-family: Arial,"MicrosoftYaHei";font-size:13px;color:#777;}
body{min-width: 1200px;}
.layout{ width:1200px; margin:0 auto; clear:both}
.fl{ float:left}
.fr{ float:right}
.tc{text-align: center;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.clearfix{*zoom:1;}/*为了兼容ie*/
.overflow1{
    white-space: inherit;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.overflow3{
    white-space: inherit;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.overflow2{
    white-space: inherit;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.block_d{height: 130px;}
.leftImg img,.New_list .pic img,.idx2 .idxImg img,.idx2 .idxImg1 img,.idx2 .idxImg2 img,.idx2 .idxImg3 img,.contactUs .con-fr .con-ul li img,.position .mapImg img,.newslist&gt;ul&gt;li .news-pic img,.case img{width: 100%;background-position: center;background-repeat: no-repeat;position:relative;display:block;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;background-size: cover;}
.leftImg:hover img,.New_list .idxul:hover .pic img,.project .pro-box li:hover img,.material .mat-box&gt;ul li:hover img,.honor ul li:hover img,.case:hover img,.mat-case .mat-tt2:hover img{
    webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;}
/*初始化*/
.header .nav{height:130px;position: fixed;top: 0;left: 0;z-index: 1000;width: 100%;background-color: #ffffff;box-sizing: border-box;font-size: 0;}
.logo{padding: 4px 0 18px;margin-left: 25px;height: 94px;width: 94px;}
.logo a{display: inline-block;vertical-align: middle;line-height: 1;}
.logo img{width: 100%;height: 100%;}
.nav-list{display: block;width: calc(100% - 172px);box-sizing: border-box;position: relative;}
.nav-list .list-one{text-align:center;padding:35px 0 30px;width:11.08%;font-size:16px;display: inline-block;vertical-align: top;position: relative;}
.nav-list .list-one a{color:#333;display: block;}
/*.nav-list .list-one:hover,.nav-list .list-one.on{background-color:#e50012;}*/
.nav-list .list-one:hover a span,.nav-list .list-one.on a span{color: #e50012;}
.nav-list .list-one:hover .icon,.nav-list .list-one.on .icon{background-position: right center;}
.nav-list .list-one .icon{display:block;width:23px;height: 25px;margin: 0 auto 18px;background-position: left center;
    background-size: auto 100%;-webkit-background-size: auto 100%;}
.nav-list .list-one:nth-of-type(1n) .icon{background-image: url("../images/icon1.jpg");}
.nav-list .list-one:nth-of-type(2n) .icon{background-image: url("../images/icon2.jpg");}
.nav-list .list-one:nth-of-type(3n) .icon{background-image: url("../images/icon3.jpg");}
.nav-list .list-one:nth-of-type(4n) .icon{background-image: url("../images/icon4.png");}
.nav-list .list-one:nth-of-type(5n) .icon{background-image: url("../images/icon5.jpg");}
.nav-list .list-one:nth-of-type(6n) .icon{background-image: url("../images/icon6.jpg");}
.nav-list .list-one:nth-of-type(7n) .icon{background-image: url("../images/icon7.jpg");}
.nav-list .list-one:nth-of-type(8n) .icon{background-image: url("../images/icon8.jpg");}

.nav .nav-list .list-box{
    position: absolute;
    top: 104%;
    min-width: 150px;
    background: #fff;
    display: none;
    z-index: 999999;
    box-shadow: -1px 3px 5px rgba(000, 000, 000, 0.3)
}
.nav .nav-list .list-box a{
    white-space: nowrap;
    color: #555555;
    font-size: 14px;
    line-height: 35px;
    text-align:left;}
.nav-list .list-box li a:hover{
    color: #e50012;}
/*.nav-list .list-box li{border-bottom: 1px dashed #e5e5e5;}*/
.nav-list .list-box li{text-align: left;padding: 10px 25px 10px 25px;}
/*.nav-list .list-box li{transition: all ease .3s 0s;*/
    /*-moz-transition: all ease .3s 0s;*/
    /*-webkit-transition: all ease .3s 0s;}*/
.nav-list .list-box li:nth-of-type(2n){
    background: #FAFAFA;
}

.nav-list .searchIcon{background: url("../images/sousuo.png") no-repeat center/cover;display:inline-block;width: 18px;height: 17px;}
.nav-list .search{border-right:1px solid #e5e5e5;border-left:1px solid #e5e5e5;padding: 55px 0;}
.nav-list .search:hover{background: none;}
form.search_form { display: none; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; line-height: 1; }
form.search_form .search_bg { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
form.search_form span {display: block; position: absolute; top: 20%; left: 50%; width: 600px; height: 60px; overflow: hidden; margin-left: -300px; margin-top: -30px; background: #fff; border-radius: 10px; font-size: 0; }
form.search_form input[type='text'] { display: inline-block; vertical-align: top; width: 540px; height: 100%; padding: 15px 20px; border: none; background: transparent; box-sizing: border-box; font-size: 16px; color: #666; line-height: 30px; }
form.search_form button{ display: inline-block; vertical-align: top; width: 60px; height: 100%; border: none; background: #ED2836; font-size: 24px; color: #fff; }
form.search_form button i{display: inline-block;vertical-align: middle;width: 18px;height: 17px;}
.banner{width: 100%;position: relative}
.banner img{width: 100%;}
.banner p{position: absolute;top: 50%;transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);margin-left: 75px;line-height: 30px;color: #333333;font-size: 18px;}
.banner p.engp{color: #ffffff;}
.banner p em{font-size: 24px;margin-right: 6px;}
.banner p span{margin-left: 6px;}
.center .about-us{background: no-repeat center/cover;width: 100%;}
.center .about-us .leftImg{width: 538px;padding: 78px 0;}
.center .about-us .right{width: calc(100% - 612px);padding-top: 121px;}
.about-us .right i{display: block;font-family: '775-CAI978';font-size: 42px;font-weight: bold;font-stretch: normal;line-height: 30px;letter-spacing: 1px;color: #000000;opacity: 0.2;padding-bottom: 27px;}
.about-us .right em{display: block;font-size: 26px;line-height: 30px;color: #000000;padding-bottom: 35px;}
.about-us .right .tt3{font-size: 14px;line-height: 30px;color: #666666;}
.about-us .rgbottom{border-top: 1px solid #e5e5e5;margin-top: 80px;}
.about-us .rgbottom p{display: inline-block;font-size: 14px;color: #666666;padding-top: 27px;}
.about-us .rgbottom span{display: inline-block;width: 38px;height: 11px;margin-top: 27px;background: no-repeat;}
.about-us .rgbottom a:hover span,.main-business .tt5:hover em{transform:scale(1.15) translate(-10px,0);}
.main-business{position: relative;background-color: #f7f7f7;background-repeat: no-repeat;}
.main-business .bus-box{padding-top: 142px;background: no-repeat center/cover;}
.main-business .bus-box .layout{width: calc(100% - 680px);margin-left: 680px;padding-bottom: 185px;}
.main-business i{display: block;font-family: '775-CAI978';font-size: 42px;line-height: 30px;letter-spacing: 1px;color: #ffffff;margin-bottom: 24px;}
.main-business .tt4{color: #ffffff;margin-bottom: 43px;}
.main-business span{font-size: 18px;}
.main-business em{font-size: 24px;}
.main-business .tt5{width: 94px;height: 50px;background-color: #e50012;border-radius: 25px;line-height: 50px;color: #ffffff;font-size: 14px;padding: 0 26px;white-space: nowrap;}
.main-business .tt5 em{display: inline-block;width: 38px;height: 11px;margin-left: 30px;background: no-repeat center/cover;}
.bus-det{background-color: #ffffff;padding: 62px 0 72px 0;margin-top: -140px;box-shadow: 0px 3px 27px 0px rgba(0, 0, 0, 0.1);}
.bus-det .tt1{padding: 0 70px 45px 58px;color: #e50012;font-size: 24px;}
.bus-det .tt1 span{font-size: 16px;letter-spacing: 1px;padding-left: 25px;}
.bus-det .tt2{padding: 0 70px 0 58px;font-size: 16px;line-height: 30px;color: #666666;}
.main-business .swiper-button{display: inline-block;position: absolute;z-index: 2;top:220px;}
.main-business .prev,.main-business .next{background: #ffffff url(../images/icon11.png) no-repeat center/cover;background-size: 14px 26px;border-radius: 100%;width: 58px;height: 58px;}
.main-business .prev.swiper-button-disabled,
.main-business .next.swiper-button-disabled{background: transparent url(../images/icon13.png) no-repeat center/cover;background-size: 14px 26px;border: solid 2px #e3e3e3;opacity: 1;}
.main-business .prev{left: 0;}
.main-business .next{right: 0;background:#fff url(../images/icon14.png) no-repeat center/cover; background-size: 14px 26px;}
.main-business .next.swiper-button-disabled{background: url(../images/icon12.png) no-repeat center/cover; background-size: 14px 26px;}
.main-business .prev:hover,.main-business .prev.swiper-button-disabled:hover{
    background: #ffffff url(../images/icon11.png) no-repeat center/cover;
    background-size: 14px 26px;
}
.main-business .next:hover,.main-business .next.swiper-button-disabled:hover{
    background:#fff url(../images/icon14.png) no-repeat center/cover;
    background-size: 14px 26px;
}
.news-center{ padding-bottom: 60px;padding-top: 84px;background-color: #f7f7f7;}
.news-center i{display: block;font-family: '775-CAI978';font-size: 42px;font-weight: bold;line-height: 30px;letter-spacing: 1px;color: #000000;opacity: 0.2;text-align: center;padding-bottom: 27px;}
.news-center em{display: block;font-size: 26px;line-height: 30px;color: #000000;text-align: center;}
.New_list .content{font-size: 0;box-sizing: border-box;margin-right: -39px;}
.New_list .idxul{padding-top: 43px;width: calc(33.33% - 39px);display: inline-block;margin-right: 39px;box-sizing: border-box;overflow: hidden;}
.New_list .idxul:nth-of-type(3n){margin-right: 0;}
.New_list .idxul .txt h3{font-size: 16px;line-height: 30px;padding-top: 25px;padding-bottom: 23px;color: #333333;}
.New_list .idxul .txt h4{font-size: 14px;line-height: 24px;color: #999999;}
.New_list .idxul p{text-decoration: underline;font-size: 14px;line-height: 30px;color: #666666;display: block;margin-top: 45px;}
.New_list .idxul:hover p{color: #e50012;}
.New_list .idxul:hover .txt h4{color: #666;}
.New_list .idxul:hover .txt h3{font-weight: bold;}
.New_list .pic{width:100%;height: 240px;}
.news-center .toMore{width: 93px;border-radius: 50px;border: solid 2px #999999;font-size: 14px;color: #666666;padding: 20px 81px 20px 22px;white-space: nowrap;position: relative;margin: 53px auto 0;}
.news-center .toMore:hover{background-color: #e50012;border: none;color: #FFFFFF;}
.news-center .toMore:hover:after{background: url("../images/icon10.png") no-repeat;right: 40px;}
.news-center .toMore:after{width: 38px;height: 11px;position: absolute;top: 0;right: 24px;top: 20px;content: '';background: url("../images/icon15.png") no-repeat;}
.footer{width: 100%;height: 60px;line-height: 60px;background-color: #222222;}
.footer .footfl li {display: inline-block;font-size: 14px;line-height: 30px;}
.footer .footfl li a{  color: #a9a9a9;}
.footer .footfl .li:after{content:"";width: 2px;height: 15px;display: inline-block;margin: 0 10px;vertical-align: middle;background-color: #a9a9a9;}
.footer .footfr{font-size: 14px;color: #a9a9a9;}
.footer .footfr span{margin-right: 23px;}
/*首页2*/
.banner .swiper-pagination-bullet:last-child{margin: 0!important;}
.banner .swiper-pagination-bullet{margin:0 20px 0 0!important;background-color: #FFFFFF;opacity: 1;width: 13px;height: 13px}
.banner .swiper-pagination-bullet-active{background-color: #e50012;}
.idx2{background-color: #f0f0f0;width: 100%;padding-top: 35px;padding-bottom: 40px;}
.idx2 .idx-li{background-color: #ffffff;padding-top: 30px;width: 540px;padding-bottom: 37px;}
.idx2 .idx-li.fl{padding-bottom: 20px;}
.idx2 .idx-li.fl .idxImg{margin-bottom: 23px}
.idx2 .idx-li:nth-of-type(2n){width: calc(100% - 566px);}
.idx2 .idx-li .tt{margin-left: 20px;line-height: 24px;color: #999999;font-size: 14px;}
.idx2 .idx-li .tt:before{content: '';background: url("../images/icon16.png") no-repeat center/cover;width: 24px;height: 24px;display: inline-block;vertical-align: top;}
.idx2 .idx-li .tt.tt3:before{background: url("../images/icon17.png") no-repeat center/cover;}
.idx2 .idx-li .tt i:after{content: '';background: url("../images/icon14.png") no-repeat center/cover;width: 6px;height: 12px;display: inline-block;vertical-align: center;margin-left: 10px;}
.idx2 .idx-li .tt em{font-size: 20px;color: #333333;margin-right: 6px;margin-left: 10px;}
.idx2 .idx-li .tt span{margin-left: 6px;}
.idx2 .idx-li .tt i{margin-right: 20px;float: right;}
.idx2 .idx-li .tt i:hover{color:#e50012;}
.idx2 .idx-li .tt i:hover:after{background: url("../images/icon23.png") no-repeat center/cover;}
.idx2 .idxImg{width: 500px;margin: 32px auto 29px;}
.idx2 .idx-li .tt2{font-size: 14px;line-height: 30px;color: #666666;margin: 0 42px 0 20px;}
.idx2 .idxImg1,.idx2 .bottomImg{overflow:hidden;width: 600px;margin: 32px auto 0;position: relative;}
.idx2 .idxImg2,.idx2 .idxImg3{overflow: hidden;}
.idx2 .idxImg1:hover img,.idx2 .idxImg2:hover img,.idx2 .idxImg3:hover img{
    transform: scale(1.15);-webkit-transform: scale(1.15);-ms-transform: scale(1.15);-o-transform: scale(1.15);-moz-transform: scale(1.15)}
.idx2 .idxImg1:hover .idxtex,.idx2 .idxImg2:hover .idxtex,.idx2 .idxImg3:hover .idxtex{
    transform: translateX(10px);transform:translateX(10px);
    -webkit-transform: translateX(10px);-ms-transform: translateX(10px);
    -o-transform: translateX(10px);-moz-transform: translateX(10px);}
.idx2 .idxtex{position: absolute;top: 0;margin: 39px 0 0 38px;}
.idx2 .idxtex.idxtex2{margin: 23px 0 0 20px;}
.idx2 .idxtex .tt4{font-size: 16px;font-weight: bold;margin-bottom: 19px;color: #ffffff;}
.idx2 .idxtex .tt5{font-family: 'ITCAvantGardeStd-XLt';font-size: 24px;line-height: 24px;color: #ffffff;opacity: 0.18;}
.idx2 .idxtex .tt5 em{display: block;}
.idx2 .bottomImg{margin: 0 auto;}
.idx2 .idxImg2{width: 254px;}
.idx2 .idxImg3{width: calc(100% - 254px);}
/*联系我们-商业合作*/
.contactUs{background-color: #f7f7f7;width: 100%;padding-bottom: 40px;}
.contactUs.address{padding-bottom: 68px;}
.contactUs.cultureBox{padding-bottom: 55px;}
.contactUs.news{padding-bottom: 79px;}
.contactUs.notice{padding-bottom: 87px;}
.contactUs .con-fl{width: 230px;padding-top: 58px;}
.contactUs .con-fl .tt1{color: #ffffff;width: 100%;font-size: 18px;display: block;padding: 0;background-color: #e50012;margin-bottom: 20px;}
.contactUs .con-fl .tt1 em{display: block;padding: 17px 26px 15px 26px;}
.contactUs .con-fl li{width: 100%;border-top: 1px solid #e8e8e8;color: #444444;font-size: 16px;line-height: 30px;font-weight: 600;}
.contactUs .con-fl li p{display: block;padding: 21px 0 23px 30px;}
.contactUs .con-fl li:hover p,.contactUs .con-fl li.on:hover p{
    background: #e50012;
    color: #fff;
}
.contactUs .con-fl li.on p{color:#e50012;}
.contactUs .con-fl li i{background: url("../images/icon20.png") no-repeat center/cover;width:5px;height:7px;background-size: 100% auto;display: inline-block;vertical-align: middle;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;margin-right: 11px;}
.contactUs .con-fl li:hover i,.contactUs .con-fl li.on:hover i{background: url("../images/icon22.png") no-repeat center/cover;}
.contactUs .con-fl li.on i{background: url("../images/icon19.png") no-repeat center/cover;}
.contactUs .con-fl li:last-child{border-bottom: 1px solid #e8e8e8;}
.contactUs .con-fr{width: calc(100% - 281px);padding-top:82px;}
.contactUs .con-fr .tt2{padding-bottom: 32px;border-bottom: 1px solid #e5e5e5;}
.contactUs .con-fr .tt2 i{background: url("../images/icon18.png") no-repeat center/cover;width: 14px;height: 13px;background-size: 100% auto;display: inline-block;vertical-align: middle;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;margin-right: 8px;line-height: 30px;}
.contactUs .con-fr .tt2 em{font-size: 14px;color: #888888;}
.contactUs .con-fr .tt2 span{margin: 0 5px;}
.contactUs .con-fr .tt2 em.on {color: #444444;}
.contactUs .con-fr .con-ul{font-size: 0;margin-right: -12px;margin-top: 34px;}
.contactUs .con-fr .con-ul li{display: inline-block;width: calc(25% - 14px);margin-right: 12px;border: 1px solid #cccccc;margin-bottom: 13px;}
.contactUs .con-fr .con-ul li.on,.contactUs .con-fr .con-ul li:hover{border-color:#e50012;}
.position{padding-bottom: 28px;}
.position .tt3{margin-top: 25px;margin-bottom: 33px;font-size: 24px;line-height: 40px;color: #e50012;}
.position .mapImg{width: 100%;}
.position .con-box{box-shadow: -3px 0px 15px 0px rgba(0, 0, 0, 0.05);}
.position .con-box ul{font-size: 0;box-sizing: border-box;}
.position .con-box li{width: 100%;background-color: #ffffff;border-bottom: 1px solid #f7f7f7;}
.position .con-box li p{width: calc(50% - 1px);padding: 18px 0 20px 0;display: inline-block;font-size: 16px;color: #666666;position: relative;}
.position .con-box li p em,.position .con-box li p i{display: block;line-height: 24px;padding-left: 82px;}
.position .con-box li p span{width: 28px;position: absolute;height: 28px;vertical-align: middle;background: no-repeat;background-size: contain;-moz-background-size: contain;-webkit-background-size: contain;left: 35px;top: 50%;transform: translateY(-50%);}
.position .con-box li p i{color: #000000;}
.position .con-box li p:first-child{border-right: 1px solid #f7f7f7;}
/*联系我们-人才招聘*/
.job-box{margin-top: 25px;}
.job-box .list-box ul{display: table;width: 100%;text-align: center;box-sizing:border-box; }
.job-box .list-box ul li{display: table-cell;text-align: left;width: 25%;}
.job-box .list-box .ta-title{height: 60px;line-height: 60px;color:#fff;background: #777777;font-size: 16px; padding: 0 48px;}
.job-box .list-box .ta-body{padding: 20px 48px 24px 48px;font-size: 14px;color: #333333;cursor: pointer;border-top: 1px solid #f6f6f6;background-color: #ffffff;position: relative;transition: all ease .2s 0s;-moz-transition: all ease .2s 0s;-webkit-transition: all ease .2s 0s;}
.job-box .list-box .ta-body:after{content: '';background: url(../images/jiahao.png) no-repeat center;width: 14px;height: 14px;position: absolute;right: 48px;top:50%;margin-top: -5px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transition: all ease .2s 0s;-moz-transition: all ease .2s 0s;-webkit-transition: all ease .2s 0s;}
.job-box .intro-box{background-color: #fcfcfc; width: 100%; padding: 40px 40px 48px; overflow: hidden; box-sizing:border-box; font-size: 14px; color: #333333; display: none; text-align: left;}
.job-box .intro-box .strong{font-size: 16px; margin-bottom: 27px; }
.job-box .on .ta-body,.job-box .list-box .ta-body:hover{background-color: #e50012;color: #ffffff;}
.job-box .on .ta-body:after{  background: url(../images/jianhao.png) no-repeat center;}
.job-box .intro-box span{color: #e50012;}
.job-box .int-lf{float: left;width: 50%;padding-right: 2%;}
.job-box .int-rg{margin-left: 50%;padding-left: 6%;}
.job-box .email{display: inline-block;width: 150px;height: 50px;border-radius: 25px;line-height: 50px;font-size: 14px;color: #fff;text-align: center;background-color: #e5453c;margin-top: 42px;transition: all ease .2s 0s;-moz-transition: all ease .2s 0s;-webkit-transition: all ease .2s 0s;}
.job-box .email:hover{background-color: #e50012;}
.job-box .list-box:last-of-type{border-bottom: 1px solid #f2f2f2;}
.popup{ position: fixed; width: 580px; height: 290px; background: #fff; left:50%; margin-left: -290px; top:50%; margin-top: -145px; z-index: 999999; font-size: 14px; line-height: 20px; color: #333; box-shadow: 1px 1px 50px rgba(0,0,0,.3); display: none; border-radius: 10px; overflow: hidden; }
.popup .po-tp{ height: 56px; line-height: 56px; text-align: center; font-size: 16px; }
.popup .po-tp .close{ width: 22px; height: 22px; display: inline-block; position: absolute; right: 20px; top:20px; cursor: pointer; background: url(../images/icon-close.png) no-repeat center; }
.popup .con-box{  padding: 10px 20px; text-align: center;  }
.popup .con-box p{ padding-bottom: 10px; word-wrap: break-word; font-size: 18px; color: #333; }
.popup .con-box h3{font-size: 28px;color: #333;margin-bottom: 30px;}
.popup .button{display: inline-block;margin: 50px 10px 0;width: 160px;line-height: 40px;background: #e5453c;color: #fff;font-size: 14px;border-radius: 40px;transition: all ease .2s 0s;-moz-transition: all ease .2s 0s;-webkit-transition: all ease .2s 0s;}
.popup .button:hover{background: #e50012;}
.gray{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.4);top:0;left: 0;display: none;z-index: 99999;}
.page{text-align: center;margin-top: 48px;}
.page .first{padding: 9px 16px;background-color: #e50012;border-radius: 15px;color: #ffffff;font-size: 14px;}
.page .first.last{margin-left: 10px;}
.page p:hover{color: #e50012;}
.page p.on{background-color: #e50012;border-radius: 15px;padding: 10px 15px;color: #ffffff;margin-left: 10px;margin-right: 20px}
.page p{display: inline-block;font-size: 12px;color: #999999;margin-right: 34px;}
/*关于我们-企业文化*/
.culture{padding-top: 55px;}
.culture .ctitle{font-size: 15px;line-height: 38px;color: #444444;}
.culture .cul-ul{font-size: 0;box-sizing: border-box;margin-right: -25px;margin-top: 43px;}
.culture .cul-ul li{display: inline-block;width: calc(33.33% - 25px);margin-right: 25px;position: relative;}
.culture .culImg img{width: 100%;}
.culture .cul-ul li p{position: absolute;font-size: 20px;line-height: 36px;color: #ffffff;top: 0;margin-top: 38px;margin-left: 25px;margin-right: 17px;}
.culture .cul-ul li p em,.culture .cul-ul li p i{display: block;}
.culture .cul-ul li p i{font-size:16px;line-height: 30px;}
/*企业新闻-企业动态*/
.newslist&gt;ul&gt;li{padding: 24px 0;border-bottom: 1px solid #dddddd;}
.newslist&gt;ul&gt;li a{display: block;}
.newslist&gt;ul&gt;li .news-pic{width: 240px;overflow: hidden;}
.newslist&gt;ul&gt;li .news-pic img{width: 100%;}
.newslist&gt;ul&gt;li:hover img{transform: scale(1.15);}
.newslist&gt;ul&gt;li:hover{margin:0 10px;}
.newslist&gt;ul&gt;li:hover .txt h3{color:#e50012;}
.newslist&gt;ul&gt;li .txt{width: calc(100% - 263px);margin-top: 6px;}
.newslist&gt;ul&gt;li .txt h3{font-size: 18px;font-weight: bold;color: #333333;margin-bottom: 23px;}
.newslist&gt;ul&gt;li .txt p{font-size: 14px;line-height: 20px;color: #666666;text-indent: 2em;margin-bottom: 24px;}
.newslist&gt;ul&gt;li .txt span{font-size: 14px;color: #999999;}
/*企业新闻-企业公告*/
.NoticeList{padding-top: 10px;}
.NoticeList&gt;ul{padding-bottom: 27px;}
.NoticeList&gt;ul&gt;li{height: 54px;line-height: 54px;border-bottom: 1px solid #e5e5e5;}
.NoticeList&gt;ul&gt;li a{display: block;}
.NoticeList&gt;ul&gt;li .info{width: 700px;font-size: 16px;color: #666666;}
.NoticeList&gt;ul&gt;li .info i{content: ".";display: inline-block;width: 3px;background-color: #636363;height: 3px;margin-right: 12px;vertical-align: middle;}
.NoticeList&gt;ul&gt;li:hover .info i{background-color: #e50012;}
.NoticeList&gt;ul&gt;li .date{font-size: 14px;color: #999999;}
.NoticeList&gt;ul&gt;li:hover .info{color: #e50012;font-weight: bold;}
.NoticeList&gt;ul&gt;li:hover .date{color: #e50012;}
/*企业新闻-资料下载*/
.NoticeList .load{background: url("../images/load.png") no-repeat center/cover;width: 22px;height: 20px;background-size: 100% auto;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-o-background-size: 100% auto;margin: 14px 35px 19px 0;}
.NoticeList&gt;ul&gt;li:hover .load{background: url("../images/load2.png") no-repeat center/cover;}
/*工程-介绍*/
.tt2 .button{display: inline-block;float: right;margin-top: -12px;}
.tt2 .button p{display: inline-block;float: right;width: 100px;font-size: 16px;height: 40px;color: #fff;line-height: 40px;text-align: center;background-color: #999999;}
.tt2 .button p.on,.tt2 .button a:hover p{background-color: #e50012;}
.tt2 .button a:last-child p{margin-right: 10px;}
.manageLake{padding-top: 44px;}
.manageLake .info{text-align: center;line-height: 34px;border-bottom: 1px dashed #dddddd;}
.manageLake .info .title{font-size: 26px;color: #333333;}
.manageLake .info .pulish-time{font-size: 14px;color: #999999;padding-bottom: 20px;}
.com-intro{line-height: 34px;}
.com-intro .desc{font-size: 14px;color: #666666;text-indent: 2rem;margin-top:36px;margin-bottom: 31px;}
.com-intro .main-tech{font-size: 20px;color: #e50012;font-weight: bold;}
.com-intro .steptt{color: #333333;font-size: 16px;font-weight: bold;margin-top: 30px;}
.com-intro .step-intro{margin-bottom: 23px;}
.com-intro .step img{width: 100%;}
.com-intro .step-img2{font-size: 0;margin-right: -11px;margin-top: 10px;}
.com-intro .step-img2 img{width: calc(50% - 11px);margin-right: 11px;}
/*工程-案例*/
.manageLake-det{padding-top: 25px;}
.case{margin-top: 20px;overflow: hidden;}
.case:hover{transform: translate(0,-10px);}
.case:hover .case-text{background-color: #d80012;color: #FFFFFF;}
.case:hover .case-text .case-tt{color: #FFFFFF;}
.case img{width: 100%;}
.case .case-text{background-color: #ffffff;width: calc(100% - 65px);padding: 42px 33px 47px 32px;line-height: 34px;color: #666666;font-size: 14px;}

.case .case-text .case-tt{color: #333333;font-size: 16px;font-weight: bold;}
/*业绩展示*/
.page.honerPage{margin-top: 36px;}
.honor{width: 100%;}
.honor ul{padding-top: 26px;font-size: 0;margin-right: -20px;}
.honor ul li{display: inline-block;width:calc(33.33% - 20px);margin-right: 20px;box-sizing: border-box;margin-bottom: 40px;}
.honor ul li img{padding: 30px 35px;box-sizing: border-box;max-width: 100%;}
.honor ul li a{display: block;border: 1px solid #e5e5e5;overflow: hidden;}
.honor .honor-tt{font-size: 16px;line-height: 47px;color: #333333;text-align: center;font-weight: bold;}
.honor ul li:hover .honor-tt{color: #e50012;}
/*服务-介绍*/
.service-intro .tech1{padding-top: 35px;}
.service-intro .tech1 h3,.service-intro .tech1 h4{font-size: 20px;color: #333;font-weight: bold;}
.service-intro .tech1 p,.service-intro .tech1 h4 span{font-size: 14px;color: #666666;line-height: 34px;}
.service-intro .tech1 h4{font-size: 16px;margin-top: 20px;}
.service-intro .tech1 p i{content: ".";display: inline-block;width: 3px;height: 3px;background-color: #e50012;margin: 0 6px 4px;}
.service-intro .serImg1 img{width: 100%;margin-top: 10px;}
.service-intro .serUl{font-size: 0;margin-right: -20px;}
.service-intro .serUl li{width: calc(33.33% - 20px);margin-right: 20px;display: inline-block;box-sizing: border-box;margin-top: 25px}
.service-intro .serUl li img{width: 100%;}
.service-intro .serUl li p{font-size: 14px;color: #333333;margin: 18px 0 10px 0;text-align: center;}
/*服务-案例*/
.project,.material{margin-top: 43px;}
.project .pro-tt{font-size: 20px;color: #333333;margin-bottom: 30px;font-weight: 600}
.project .pro-box&gt;ul{font-size: 0;margin-right: -17px;}
.project .pro-box li{width: calc(33.33% - 17px);margin-right: 17px;box-sizing: border-box;display: inline-block;overflow: hidden;margin-bottom: 13px;}
.project .pro-box li img{width: 100%;}
.project .pro-box li p{background-color: #FFFFFF;width: 100%;text-align: center;font-size: 16px;color: #333333;padding: 16px 0;}
.project .pro-box li span{font-size: 14px;color: #666666;display: block;}
.project .pro-box li:hover p{background-color: #e50012;color: #ffffff;}
.project .pro-more{width: 230px;height: 50px;background-color: #e50012;line-height: 50px;text-align: center;color: #FFFFFF;font-size: 16px;display: block;margin: 30px auto 27px;}
/*材料-列表*/
.material .mat-box&gt;ul{margin-right: -15px;font-size: 0;}
.material .mat-box&gt;ul li{display: inline-block;width: calc(33.33% - 15px);margin-right: 15px;box-sizing: border-box;overflow: hidden;margin-bottom: 15px;}
.material .mat-box&gt;ul li img{width: 100%;overflow: hidden;}
.material .mat-box&gt;ul li .mat-txt{background-color: #FFFFFF;padding: 5px 15px 0;color: #333333;font-size: 16px;}
.material .mat-box&gt;ul li .mat-txt p{line-height: 50px;border-bottom: solid 1px #e5e5e5;font-weight: bold;}
.material .mat-box&gt;ul li .mat-txt a{display: block;padding: 15px 0;color: #666666;font-size: 14px}
.material .mat-box&gt;ul li .mat-txt a i{display: inline-block;background: url("../images/icon21.png") no-repeat top;width: 14px;height: 10px;float: right;margin-top: 5px;}
.material .mat-box&gt;ul li:hover span{background-color: #e50012;}
.material .mat-box&gt;ul li:hover .mat-txt p{color: #e50012;}
.material .mat-box span{height: 8px;width: 100%;display: block;background-color: #e6e6e6;}
.mat-intro{margin-top: 37px;}
.mat-intro p{font-size: 14px;line-height: 34px;color: #666666;}
.mat-intro .mat-img img{width: 100%;margin: 14px 0 28px;}
.mat-intro .desc h4{font-size: 16px;color: #333333;font-weight: bold;}
.mat-intro .desc i{content: ".";display: inline-block;width: 3px;height: 3px;background-color: #e50012;margin: 0 6px 4px;}
/*材料-案例*/
.mat-case{margin-bottom: 27px;}
.mat-case .mat-tt{font-size: 16px;color: #333333;font-weight: bold;}
.mat-case p{color: #666666;font-size: 14px;line-height: 34px;}
.mat-case .mat-tt2{margin-top: 22px;font-size: 0;overflow: hidden}
.mat-case .mat-tt2:hover{transform: translate(0,-10px);}
.mat-case .mat-tt2 img{width: 100%;}
.mat-case .mat-pp{background-color: #ffffff;padding:42px 20px;}
/*.mat-case .mat-tt2:hover .mat-pp{background-color: #e50012;}*/
/*.mat-case .mat-tt2:hover .mat-pp p,.mat-case .mat-tt2:hover .mat-pp span{*/
    /*color: #FFFFFF;}*/
.mat-case .mat-pp span{color: #333333;font-weight: 600;}
/*企业新闻-详情页*/
.newsDet{padding-top: 30px;}
.newsDet img{margin: 30px 0;width: 100%;}
.newsDet .artical{margin-top: 50px;font-size: 14px;color: #666666;}
.newsDet .artical p:first-child{margin-bottom: 38px;}
.newsDet .artical a:hover span{color: #e50012;text-decoration: underline;}
/*企业新闻-公司简介*/
.com-intro{
    padding-top: 55px;
    width:100%;overflow:hidden; _zoom:1;
}
.com-intro p{
    font-size: 15px;
    line-height: 34px;
    color: #333333;
}
.com-intro .conIntro-img{
    float:right;clear:right;margin:0 0 15px 27px;
}
/*20190721*/
.contactUs .page a:first-child {
    padding: 9px 16px;
    background-color: #e50012;
    border-radius: 15px;
    color: #ffffff;
    font-size: 14px;
}

.page a:hover {
    color: #e50012;
}


.contactUs .page a:nth-child(2) {
    display: none;
}

.contactUs .page a:last-child {
    padding: 9px 16px;
    background-color: #e50012;
    border-radius: 15px;
    color: #ffffff;
    font-size: 14px;
}

.contactUs .page a:nth-last-child(2) {
    padding: 9px 16px;
    background-color: #e50012;
    border-radius: 15px;
    color: #ffffff;
    font-size: 14px;
}

.contactUs .page .paginator .on {
    background-color: #e50012;
    border-radius: 15px;
    padding: 10px 15px;
    color: #ffffff;
    margin-left: 10px;
    margin-right: 20px;
}
.wp-a {
    padding-top: 27px;
    width: 100%;
    color: #666;
    line-height: 34px;
}

    .wp-a * {
        font-size: inherit;
        color: inherit;
        line-height: inherit;
    }

    .wp-a img {
        max-width: 100%;
    }

.wp-box {
    width: 100%;
    overflow: hidden;
}

.wp-list {
    width: 934px;
    font-size: 0;
    padding-bottom: 42px;
}

.wp-box.show-all .wp-item {
    display: inline-block;
}

.wp-box.show-all .wp-less {
    display: block;
}

.wp-box.show-all .wp-more {
    display: none;
}

.wp-item {
    display: none;
    vertical-align: top;
    width: 296px;
    margin-right: 15px;
    margin-bottom: 15px;
}

    .wp-item.show {
        display: inline-block;
    }

.wp-p {
    width: 100%;
}

.wp-c {
    width: 100%;
}

.wp-d {
    width: 100%;
    background-color: #fff;
    font-size: 16px;
    color: #333;
    text-align: center;
    padding: 13px 5px;
    line-height: 26px;
    transition: all .3s;
    box-sizing: border-box;
}

.wp-item:hover .wp-d {
    background-color: #e50012;
    color: #fff;
}

.wp-more {
    display: block;
    width: 230px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #e50012;
    font-size: 16px;
    color: #fff;
    margin: 0 auto;
    cursor: pointer;
}

.wp-less {
    display: none;
    width: 230px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #666;
    margin: 0 auto;
    cursor: pointer;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.wp-b {
    position: relative;
    overflow: hidden;
}

    .wp-b img {
        display: block;
        transform: scale(1.001);
        vertical-align: top;
        transition: all 0.5s ease 0s;
    }

    .wp-b:hover img {
        transform: scale(1.07);
        transition: all 0.5s ease 0s;
    }

    div.pswp__caption__center{text-align: center;}

.header{position: relative;z-index: 100;}
.h-sch{display: none;width: 260px;height: 80px;padding: 25px;position: fixed;right: 50%;top: 130px;margin-right: -600px;z-index: 1001;background-color: #fff;box-sizing: border-box;}
.h-sch *{box-sizing: border-box;}
.h-form{width: 100%;font-size: 0;}
.h-m{width: 180px;height: 30px;line-height: 30px;border: 1px solid #ccc;vertical-align: top;background-color: transparent;font-size: 14px;color: #333;padding: 0 10px;}
.h-n{width: 30px;height: 30px;border: 1px solid #ccc;background-color: transparent;border-left: none;background-image: url(../images/sousuo.png);background-repeat: no-repeat;background-position: center center;font-size: 0;cursor: pointer;}
.h-opa{display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background-color: rgba(0,0,0,0.5);z-index: 1000;cursor: pointer;}
.header.search-state .h-sch{display: block;}
.header.search-state .h-opa{display: block;}
.header.search-state .h-a{position: relative;}
.nav-list .search{cursor: pointer;}


/*  */
.extra-link{position: absolute; top: 5px; right: 14%;font-size: 14px;}
.extra-link a{text-decoration: underline;}
.modal{ 
    position: fixed; z-index: 999;
    left: 0; top: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}
.modal_main{
    position: absolute;
    z-index: 19891016;
    width: 750px;
    height: 466px;
    margin-left: -375px;
    top: 241px;
    left: 50%;
}
.modal_hd{
    background: #eee;
    line-height: 35px;
    position: relative;
    border-bottom: 1px solid #D5D5D5;
}
.modal_hd .modal_hd_text{
    color: #000;
    padding-left: 20px;
}
.modal_hd .close-btn{
    position: absolute; right: 10px; top: 0px;cursor: pointer;
}
.modal_bd{
    background: #fff;
    padding: 20px;
}
.modal_bd .need{
    color: red;
}
.modal_bd label{
    width: 90px; display: inline-block;
}
.modal_bd .form-item{
    margin-bottom: 10px;
}
.modal_bd .form-item textarea,
.modal_bd .form-item input{
    vertical-align: middle;
}
.modal_bd .form-item input{
    height: 25px;
}
.modal_bd .form-item .button22{
    background: #e50012;
    color: #fff;
    width: 100px;
    height: 30px;
    border: none;
}

.wa-map{width: 100%;}
.wa-map img{width: 100%;}</pre></body></html>