﻿.header{background: rgba(255,255,255,0.8);position: absolute;top: 0px;height: 80px;width: 100%;}
.center{width:1200px;margin:0 auto;}
.header h1{line-height:75px;float: left;}
.header h1 img{vertical-align:middle;}

.head .nav{float:right;margin: 20px 0px 0px 0px;}
.head .nav ul>li {float: left;margin: 0 0 0 47px;padding: 0 16px 0 0;font-size: 18px;position: relative;cursor: pointer;display: none}
.head .nav ul>li>i.arrow{width:15px;height:15px;background: url("../images/d.png") right 8px no-repeat;display:inline-block;position: absolute;right: 0px;top: 8px;}
.head .nav ul>li.on {background-image: url("../images/dd.png");}
.head .nav ul>li>a{height: 40px;display: block;line-height: 40px;color: #333;font-size: 18px;}
.head .nav ul>li:first-child.on {background-image: none;}
.head .nav ul>li:first-child.on>a {color: #424242;}
.head .nav ul>li:hover>a,
.head .nav ul>li.on>a {color: #105cb6;}
.head .nav ul>li>ul {position: absolute;background: #fff;top: 39px;left: 50%;/* margin-left: -70px; */box-shadow: 0px 0 1px 0px rgba(0, 0, 0, 0.15);display: none;width: max-content;transform: translateX(-50%);}
.head .nav ul>li:last-child ul {margin-left: 0px;/* left: -57px; */}
.head .nav ul>li.on>ul {/* display: block; */}
.head .nav ul>li>ul li {line-height: 35px;height: 35px;text-overflow: ellipsis;white-space: nowrap;padding: 0 20px 0 10px;font-size: 14px;border-top: 1px solid #e0e0e0;position: relative;margin: 0px;float: none;}
.head .nav ul>li>ul li a {display: block;}
.head .nav ul>li>ul li:hover {background: #eee;}
.head .nav ul>li>ul li:hover>a {color: #333;}
.head .nav ul>li>ul li.active {background: #eee;}
.head .nav ul>li>ul li.active>a {color: #333;}
.head .nav ul>li>ul li:first-child {border-top: 0;}
.head .nav ul>li>ul li a:before {content: '';display: none;width: 4px;height: 4px;background: #e5e5e5;position: absolute;top: 21px;left: 14px;}
.head .nav ul>li>ul li:hover a:before {background: #fff;}
.head .nav ul>li.home{display:none;}
.head .nav ul>li>ul li:hover dl{display:block;}
.head .nav ul>li>ul li dl a{color:#333;}
.head .nav ul>li>ul li dl dd:hover a{color:#105cb6;}
.head .nav ul>li>ul li dl dd.active a{color:#105cb6;}
.head .nav ul>li>ul li dl{position:absolute;right: -170px;background:#fff;width: 170px;top: 0px;text-align: center;display:none;}
.head .nav ul>li>ul li.more i.opens{background: url(../images/r_on.png) right center no-repeat;padding: 0px 10px 0px 0px;width: 22px;height: 35px;display:block;position:absolute;right: 5px;top: 0px;background-size: 7px;}



.banner{margin: 0px 0px 0px 0px;overflow: hidden;}
.banner img{width: 100%;}
.Mbanner{display: none;}
.Mbanner img{width:100%;}


.engineer{margin:40px 0px 0px 0px;}
.engineer .navlist a{width: 380px;height: 65px;line-height: 65px;background: #f3f3f3;color: #333333;font-size: 18px;font-weight: bold;display: block;float: left;margin: 0px 30px 0px 0px;text-align: center;}
.engineer .navlist a:last-child{margin:0px;}
.engineer .navlist a.on{color:#fff;background:#105cb6;}
.engineer .sort{margin:40px 0px 0px 0px;}
.engineer .sort .p1{font-size:18px;color:#333333;font-weight:bold;}
.engineer .sort .sort1{background:#f3f3f3;padding: 20px 100px 0px 100px;position: relative;margin: 18px 0px 0px 0px;font-size: 0px;}
.engineer .sort a{font-size:18px;color:#333333;font-weight:bold;margin: 0px 60px 22px 0px;width: 20px;display: inline-block;text-align: center;}
.engineer .sort a.all{position:absolute;left: 40px;top: 20px;width: 35px;}
.engineer .sort a:nth-child(14n){margin-right:0px;}
.engineer .sort a:last-child{margin-right:0px;}
.engineer .sort a.on{color:#ed1c24}
.engineer .sort a.null{color:#999999;cursor: none;}

.engineer .member{margin:30px 0px 0px 0px;}
.engineer .member li{background:#f7f7f7;padding:20px;box-sizing:border-box;width:380px;margin:0px 30px 30px 0px;float:left;}
.engineer .member li:nth-child(3n){margin-right:0px;}
.engineer .member li .Img{width:150px;height:210px;float:left;overflow:hidden;}
.engineer .member li .Img img{width:100%;height:100%;transition:0.5s all ease;}
.engineer .member li .words{width: 170px;height:210px;float:right;}
.engineer .member li .title{font-size:24px;color:#333333;font-weight:bold;margin:15px 0px 0px 0px;}
.engineer .member li .p2{color:#333333;font-size:14px;margin:25px 0px 0px 0px;}
.engineer .member li .more{width:100px;height:33px;background:#105cb6;font-size:14px;display:block;color:#fff;line-height:33px;text-align:center;margin: 28px 0px 0px 0px;}
.engineer .member li:hover .more{font-weight:bold;}
.engineer .member li:hover .title{color:#105cb6;}
/*.engineer .member li:hover img{transform:scale(1.2);}*/
.pages{text-align:center;margin:10px 0px 50px 0px;}
.pages{text-align:center;} span{display: none;}
.pages a{width:38px;height:38px;border:1px solid #cccccc;display:inline-block;line-height:38px;text-align:center;border-radius:5px;font-size:18px;color:#cccccc;margin:0px 4px;box-shadow: 0px 2px 6px 3px #eee;}
.pages a:nth-child(2){font-size:0px;position:relative;top:-8px;background:url(../img/icon-prev.png) center center no-repeat;}
.pages a:last-child{font-size:0px;position:relative;top:-8px;background:url(../img/icon-next.png) center center no-repeat;}
.pages a.currentpage{color:#fff;background:#105cb6}


.engineerInfo{padding:80px 0px 20px 0px;}
.engineerInfo .engineerInfo1{background:url(../img/bg1.png) #f2f2f2 center bottom no-repeat;}
.engineerInfo1L{width:600px;float:left;padding:80px 0px 55px 0px;}
.engineerInfo1L dd{font-size:16px;color:#333333;float:left;width:285px;margin:0px 0px 25px 0px;}
.engineerInfo1L dd label{font-weight:bold;}
.engineerInfo1 .name{font-size:30px;color:#105cb6;font-weight:bold;margin:0px 0px 45px 0px;}
.engineerInfo1R{width:125px;float:right;margin: 55px 0px 0px 0px;}
.engineerInfo1R img{max-width:100%;}
.engineerInfo2 .name1{font-size:24px;color:#105cb6;font-weight:bold;margin:50px auto 35px;text-align:center;}
.engineerInfo2 li{width:585px;height:260px;float:left;background:#f2f2f2 url(../img/icon-a1.png) 505px 12px no-repeat;padding:35px 40px;box-sizing:border-box;border-top:2px solid #105cb6;margin:0px 0px 30px 0px;}
.engineerInfo2 li:nth-child(2n){float:right;}
.engineerInfo2 li .title{font-size:18px;color:#333333;font-weight:bold;margin:0px 0px 15px 0px;}
.engineerInfo2 li .p4{font-size:16px;color:#333333;margin:0px 0px 10px 0px;}


.project{position: relative;width:1200px;margin:0 auto;min-height: 440px;}
.project .name1{font-size:24px;color:#105cb6;font-weight:bold;margin:50px auto 35px;text-align:center;}
.project form{margin:50px 0px 40px 0px;}
.project form input[type='text']{width: 545px;height:46px;line-height:44px;border:1px solid #105cb6;text-indent:20px;color:#333;font-size:14px;float:left;box-sizing:border-box;}
.project form input[type='text']::placeholder{color:#999;}
.project form input.btn{width:110px;height:46px;color:#fff;font-size:20px;background:#105cb6;float:left;cursor: pointer;}
.project select{height:46px;color:#333333;font-size:14px;width: 250px;margin:0px 0px 0px 20px;appearance: none;background: url(../img/icon-a4.png) #f3f3f3 220px center no-repeat;border: 0;text-indent: 20px;outline: none;}


.project ul{min-height:200px;}
.project li{width:585px;height:260px;float:left;background:#f2f2f2 url(../img/icon-a1.png) 505px 12px no-repeat;padding:35px 40px;box-sizing:border-box;border-top:2px solid #105cb6;margin:0px 0px 30px 0px;}
.project li:nth-child(2n){float:right;}
.project li .title{font-size:18px;color:#333333;font-weight:bold;margin:0px 0px 15px 0px;}
.project li .p4{font-size:16px;color:#333333;margin:0px 0px 10px 0px;}
.project .projectlist1{position:absolute;left: -9.8vw;width:175px;/* position:fixed; */top:50%;transform:translateY(-50%);box-sizing:border-box;z-index: 99999999;}
.project .projectlist1 a{display:block;color:#777777;font-size:16px;margin:0px 0px 20px 0px;position:relative;padding: 0px 0px 0px 30px;}
.project .projectlist1 a .icon{width: 11px;height: 11px;position:absolute;left:0px;top: 6px;background: url(../img/icon-a2.png) center center no-repeat;}
.project .projectlist1 a.on .icon{background: url(../img/icon-a3.png) center center no-repeat;}
.project .projectlist1 a:hover .icon{background: url(../img/icon-a3.png) center center no-repeat;}
.project .projectlist1 a .icon:after{position:absolute;content:'';height:30px;border-left:1px solid #d7d7d7;top:11px;left:50%;}
.project .projectlist1 a:last-child .icon:after{display:none;}
.project .projectlist1 a:hover{font-weight:bold;color:#105cb6;}
.project .projectlist1 a.on{font-weight:bold;color:#105cb6;}


.projectInfo .name2{color:#333333;font-size:24px;text-align:center;margin:40px 0px 25px 0px;font-weight:bold;}
.projectInfo dl{border-top:2px solid #105cb6;padding: 20px 0px 50px 0px;}
.projectInfo dl dd{padding: 20px 0px 20px 58px;font-size: 18px;color: #333333;float: left;width: 565px;border-bottom: 1px solid #ebebeb;position: relative;box-sizing: border-box;}
.projectInfo dl dd .icon{height:32px;width:32px;background:#e6e6e6;display:block;text-align:center;line-height: 30px;border-radius:50%;position: absolute;left: 0px;top: 20px;}
.projectInfo dl dd .icon img{vertical-align:middle;}
.projectInfo dl dd:nth-child(2n){float:right;}
.projectInfo dl dd label{font-size:20px;color:#535353;font-weight:bold;}





/*footer*/
.footer {background: #f4f4f4;}
.foot{width:1140px;margin:0 auto;padding: 0px 0px 15px 0px;}
.foot1{border-bottom: 1px solid #e7e7e7;padding:0px 0px 20px 0px;}
.foot1L{width:250px;float:left;}
.foot1L h1 a{display:block;width:100%;}
.foot1L img{max-width:100%;}
.foot1L .p1{font-size:16px;color:#333333;margin: 10px 0px 27px 0px;}
.foot1L .share a{margin:0px 7px 0px 0px;}
.foot1L .code{width:150px;}
.foot1R li{float:left;margin:0px 88px;padding:25px 0px 30px 0px;text-align: center;}
.foot1R li .a1{font-size:20px;color:#333333;}
.foot1R li .two a{display:block;font-size:16px;color:#666666;margin:17px 0px 0px 0px;}
.foot1R li .two a:hover{color:#105cb6;}
.foot1R li .a1:hover{color:#105cb6;}
.foot2{padding:25px 0px 5px 0px;}
.foot2L{float:left;}
.foot2_1{margin:20px 0px 0px 0px;}
.foot2_1 a{font-size:14px;color:#666666}
.foot2_1 a:after{content:'';display:inline-block;width:2px;height:14px;background:#949494;margin:0px 15px 0px 20px;position:relative;top:2px;}
.foot2_1 a:last-child:after{display:none;}
.foot2R{float:right;}
.foot2R img{max-width:100%;}
.copyright{color:#666666;font-size:14px;margin:17px 0px 0px 0px;}
.copyright a{color:#666;word-break: break-word;}
.foot2_1 a:hover{color:#105cb6;}

.head h1 img{max-width:100%;max-height: 100%;}
.head .nav>ul>li.active>a{color:#105cb6;}

#top {width: 57px;height: 57px;position: fixed;right: 0;bottom: 180px; background: #105cb6 url("../images/top.png") center no-repeat;cursor: pointer;border-radius: 50%;z-index: 999;}



@media(max-width:1550px){
    .project{width:100%;}
    .project .center{width:1100px;}
    .project form input[type='text']{width: 490px;height: 44px;}
    .project form input.btn{width:105px;height: 44px;}
    .project select{width:240px;margin:0px 0px 0px 10px;height: 44px;}

    .project li{width: 537px;background: #f2f2f2 url(../img/icon-a1.png) 470px 12px no-repeat;}
    
    .project .projectlist1{left: 3px;width: 70px;}
    .project .projectlist1 a{font-size: 13px;padding:0px 0px 0px 15px;}
    .project .projectlist1 a .icon{width:10px;height:10px;background-size:cover;}
    .project .projectlist1 a:hover .icon{background-size:cover;}
    .project .projectlist1 a.on .icon{background-size:cover;}

    .projectInfo dl dd{width: 525px;padding: 20px 0px 20px 50px;}


    
}













@media(max-width:1024px){
    body{min-width: unset;}
    .center{width: 95%;}
    .project .center{width: 95%;}
    .head{height: 60px;padding: 0px 0px 10px 0px;}
    .header .top{display:none;}
    .head h1{margin: 0px;max-width: 30%;line-height: 60px;}
    .head h1 img{max-height:40px;}
    .head .search{display:inline-block;width: 25px;height: 25px;background:url(../images/icon-search.png) center center no-repeat;background-size: 21px;float: right;margin: 22px 0px 0px 0px;}
    .head .open{display:inline-block;width: 25px;height: 25px;background:url(../images/icon-open.png) center center no-repeat;background-size: cover;float: right;margin: 22px 0px 0px 15px;}
    .head .nav{position:absolute;width:100%;float: none;margin: 0px 0px 0px -2.5%;top: 60px;background: #fff;padding: 10px 0px 170px 0px;display: none;height: calc(100vh - 250px);overflow-y: scroll;}
    .head .nav .a{margin:0px;position:absolute;width: 94%;left:3%;}
    .head .nav>ul{width: 100%;float: none;margin: 0 auto;}
    .head .nav>ul>li{float:none;margin: 0px;border-bottom:1px solid #ddd;background: none;background-size: 16px;width: 100%;padding: 0px;}
    
    .head .nav .a1{bottom:0px;}
    .head .nav .a2{bottom:40px;}
    .head .nav .a3{bottom:80px;}
    .head .nav .a4{bottom:120px;}
    .head .nav ul{float: none;}
    .head .nav ul>li{float: none;border-top: 1px solid #ddd;margin: 0px;padding: 0px;}
    .head .nav ul>li>a{line-height: 40px;display: inline-block;text-indent: 12px;height: 40px;}
    .head .nav ul>li.home{display:block;border-top:1px solid #ddd;}
    .head .open.close{background: url(../images/icon-close.png) center center no-repeat;background-size: 20px;}
    .head .nav ul>li>i{background:unset;}
    .head .nav li.down>i.arrow{width: 22px;height:40px;background:url("../images/icon-down.png") 96% 17px no-repeat;display:block;position:absolute;right: 3%;top: 0px;background-size: 20px;}
    .head .nav ul>li>ul{position: relative;top: 0px;margin: 0px;left: 0px;width: 100%;transform: unset;padding: 0px;}
    .head .nav ul>li>ul li{height: auto;line-height: 36px;background:#f4f4f4;width:100%;padding: 0px;text-indent: 3%;}
    .head .nav ul>li>ul li a:before{display:none;}
    .head .nav ul>li>ul li a{text-indent: 0px;height: 35px;line-height: 35px;}
    .head .nav ul>li.up i.arrow{background:url(../images/icon-up.png) center center no-repeat;background-size:20px;}
    .head .nav ul>li:last-child ul{margin:0px;left: 0px;}
    .footer{width: 100vw;}
    .foot{width:94%;padding: 20px 0px;}
    .foot1L{width: 30%;}
    .foot1R{width: 70%;float: right;}
    .foot1R ul{width:100%;}
    .foot1L .p1{font-size:10px;margin: 10px 0px 15px 0px;}
    .foot1R li{margin: 0px 0px 0px 5px;margin-left: calc((100% - 210px)/3);padding: 0px;}
    .foot1R li .a1{font-size:14px;display: block;margin: 0px 0px 11px 0px;text-align: left;}
    .foot1R li .two a{font-size:10px;margin: 6px 0px 0px 0px;text-align: left;}
    .foot2L{width: 78%;}
    .foot2_1{margin:0;}
    .foot2R{width: 20%;text-align: right;}
    .foot2R img{max-height:45px;}
    .foot2{padding: 15px 0px 0px 0px;}
    .foot2_1 a{font-size:12px;}
    .foot2_1 a:after{margin:0px 2px 0px 7px;height:12px;}
    .copyright{font-size:10px;word-break:break-word;margin: 10px 0px 0px 0px;}
    .foot1L .share a{margin:0px 5px 0px 0px;}
    .foot1L .share img{max-width: 30px;}

    
    #top{width:35px;height: 35px;}  
    .head .nav>ul>li>ul li.more{background: url(../images/r_on.png) 96% 10px no-repeat;}
    .head .nav>ul>li>ul li.more{background: url(../images/r_on.png) 96% 10px no-repeat;}  
    .head .nav_ul{height: calc(100vh - 260px);overflow-y: scroll;}
    .head .nav li .two_nav li.more1>i.oepns{width: 22px;height:40px;background:url("../images/d.png") 96% 17px no-repeat;display:block;position:absolute;right: 3%;top: 0px;background-size: 20px;}
    .head .nav li.more1>i.opens{width: 22px;height:40px;background:url("../images/icon-down.png") 96% 17px no-repeat;display:block;position:absolute;right: 3%;top: 0px;background-size: 20px;}
    .head .nav ul>li>ul li.more i.opens{background: url(../images/icon-down.png) center center no-repeat;padding: 0px;right: 10px;background-size: 15px;}
    .head .nav ul>li>ul li dl{position:unset;width:100%;left:0px;transform:translateX(0px);text-align:left;}
    .head .nav ul>li>ul li dd{border-top:1px solid #ddd;}
    .head .nav ul>li>ul li dd a{text-indent:25px;display:block;}
    .head .nav ul>li>ul li a.two_a{display:inline-block;}


    .project{width: 100%;padding: 0px 0px 0px 80px;box-sizing: border-box;}
    .project .projectlist1 a{font-size:12px;padding: 0px 0px 0px 12px;}
    .project .projectlist1 a .icon{width:8px;height:8px;top: 5px;}
    .projectInfo .name2{font-size:16px;margin:25px 0px 10px 0px;}
    .projectInfo dl dd{padding: 10px 0px 10px 26px;float:left;width:100%;font-size:12px;}
    .projectInfo dl dd .icon{width: 20px;height: 20px;line-height: 18px;top: 10px;}
    .projectInfo dl dd .icon img{max-width: 8px;}
    .projectInfo dl dd label{font-size: 13px;}

    .header{height: 60px;}
    .engineerInfo{padding: 60px 0px 0px 0px;}

    .engineerInfo .engineerInfo1{padding:20px 0px 0px 0px;}
    .engineerInfo1R{float:none;margin: 0px 0px 0px 0px;}
    .engineerInfo1L{width:100%;float:none;padding: 20px 0px 10px 0px;}
    .engineerInfo1 .name{font-size:20px;margin:0px 0px 20px 0px;}
    .engineerInfo1L dd{margin:0px 0px 15px 0px;font-size:14px;}
    .engineerInfo2 .name1{font-size: 18px;margin: 30px auto 20px;}
    .engineerInfo2 li{width:100%;float: none;margin: 0px 0px 20px 0px;height: auto;padding: 15px 15px;}
    .engineerInfo2 li .title{font-size: 16px;margin: 0px 0px 12px 0px;}
    .engineerInfo2 li .p4{font-size:14px;margin:0px 0px 6px 0px;}
    .engineerInfo2 li:nth-child(2n){float:none;}

    .project form{margin:20px 0px 20px -80px;font-size: 0px;}
    .project form input[type='text']{width: calc(100% - 240px);height: 35px;line-height: 32px;text-indent: 6px;font-size: 11px;}
    .project form input.btn{width: 35px;height:35px;font-size: 11px;}
    .project select{width: 99px;height:35px;margin: 0px 0px 0px 3px;text-indent: 4px;font-size: 11.5px;padding: 0px 7px 0px 0px;box-sizing: border-box;background: url(../img/icon-a4.png) #f3f3f3 90px center no-repeat;background-size: 8px;}
    .project li{width:100%;float: none;margin: 0px 0px 15px 0px;height: auto;padding:10px;}
    .project li .title{font-size: 16px;margin: 0px 0px 12px 0px;}
    .project li .p4{font-size:14px;margin:0px 0px 6px 0px;}
    .project li:nth-child(2n){float:none;}

    .pages a{width: 24px;height: 24px;line-height: 22px;margin: 0px 0px;font-size: 12px;box-sizing: border-box;}
    .pages a:nth-child(2){top: -5px;background-size: 7px;}
    .pages a:last-child{top: -5px;background-size: 7px;}

    .engineer{margin:30px 0px 0px 0px;}
    .engineer .navlist a{width: 32%;font-size: 16px;margin: 0px 2% 0px 0px;height: 40px;line-height: 40px;}
    .engineer .sort{margin:25px 0px 0px 0px;}
    .engineer .sort .p1{font-size:16px;}
    .engineer .sort .sort1{padding:10px 20px 0px 50px;}
    .engineer .sort a{font-size:14px;width:15px;margin: 0px 15px 15px 0px;}
    .engineer .sort a:nth-child(14n){margin: 0px 20px 20px 0px;}
    .engineer .sort a.all{left:10px;top:10px;}
    .engineer .member{margin:20px 0px 0px 0px;}
    .engineer .member li{width:100%;float: none;margin: 0px 0px 15px 0px;padding: 15px;}
    .engineer .member li:nth-child(2n){float: none;}
    .engineer .member li .Img{width:100px;height:auto;}
    .engineer .member li .words{width:calc(100% - 120px);height: auto;}
    .engineer .member li .title{margin:0px;font-size:18px;}
    .engineer .member li .p2{font-size:12px;margin:15px 0px 0px 0px;}
    .engineer .member li .more{width:70px;height:30px;line-height:30px;font-size:12px;margin:20px 0px 0px 0px;}

    .banner{padding: 60px 0px 0px 0px;}








    
}






















