#nav{width: 100%; left: 0;top: 0;background-color: #FFFFFF;z-index: 9999;z-index: 9999;}
#nav .box{position: relative;}
.nav-dd{float: left;position: relative;height: 76px;margin: 0 22px;}
.nava{display: block;line-height:76px;position: relative;}
.nav-sub{position: absolute;width:250px;left: 50%; background-color: #f9fafb;opacity: 0;top: 120%;height: 0px;overflow: hidden;margin-left: -125px;}
.nav-sub a:hover{background-color: #efefef;}
.nav-dd:hover .nav-sub{display: block;opacity: 1;top: 100%;height: auto;}
.nav-dd:hover::before,.on.nav-dd::before{height: 3px;background-color: #262626;content: '';display: block; width:100%;position: absolute;left: 0%; bottom: 0;}
.sub-a{display: block;font-size: 18px; line-height:56px;}
.logo{display: block;max-width: 45%;position: absolute;left: 0; top: 0; height: 100%; align-items: center;}
.logo .img2{display: none;}
.logo .cell{display: table-cell;align-items: center;height: 76px; vertical-align: middle;}
.lange{width: 114px; line-height: 36px; text-align: center;margin-top: 20px; cursor: pointer;}
.lange::before{content: '';display: block;width: 99%;height: 100%;left: 0;top: 0;border: 1px solid #DDDDDD;position: absolute;z-index: -1;}
.lange::after{content:'';display:inline-block;vertical-align: middle;border-top: 6px solid #333; border-left: 6px solid transparent;border-right: 6px solid transparent; margin-left: 10px;}
.lange-sub{border: 1px solid #DDDDDD; position: absolute;left: 0;top: 100%;width: 100%;background-color: #FFFFFF;border-bottom: none;display: none;}
.lange a{display: block;line-height:40px;border-bottom: 1px solid #DDDDDD;}
.lange:hover .lange-sub{display: block;}


#banner .arrow{top: 50%;background-color: #a2a2a2;width: 40px; height: 66px;margin-top: -33px;background-position: center;background-repeat: no-repeat; z-index: 980;}
#banner .prev{background-image: url(../images/le1.png);left: 0;}
#banner .next{background-image: url(../images/ri1.png); right: 0;}

.h-tit{margin-bottom: 30px;}
.h-line{background-color: #303030;width: 60px;height: 2px;margin: 20px auto 0;}
.h-tit-p1{font-size: 30px;}
.h-tit-p2{font-size: 18px; color: #626262;margin-top:20px;}

.main1{padding: 116px 0 80px}
.m1-list .imga{width: 49%;}
.m1-list .dd1{padding-bottom: 54%;}
.m1-list .dd2{padding-bottom: 30%;}
.m1-list .dd3{margin-top:2%;padding-bottom: 22%;}
.m1-list .imgW{position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 1;}
.m1-list .div{position: absolute;left: 0;bottom: 0;background-color: rgba(0,0,0,.5); color: #FFFFFF;z-index: 9;right: 0; padding: 20px 0;}
.m1-list .p2{margin-top: 10px;}
.h-more{width: 154px;line-height: 40px;text-align: center;border: 1px solid #ccc;display: inline-block;vertical-align: middle;margin-top: 20px;}
.main2{padding-bottom: 120px;}
.main2 .cell{width: 50%;}
.main2 video{width: 100%;}
.main2 .np{padding-left: 30px; line-height:25px;max-height: 375px;}


.cp-box{padding: 90px 0;}
.ny-nav{background-color: #393939;}
.ny-nav a{color: #FFFFFF;line-height: 44px;margin-right: 40px;}
.ny-nav b{margin-right: 5px;}
.cp-list .imga{float: left;width: 33%;border: 1px solid #DDDDDD;border-right: none;border-bottom: none;margin: -1px 0 0 -1px;padding: 50px 0 20px;}
.cp-list .np{line-height: 30px; height: 60px;margin: 0 10px;}
.cp-list .imgW{height: 210px;}
.cp-list img{max-width: 100%;max-height: 100%;}

.ny-ban{height: 650px;background-position: center;background-size: cover;background-repeat: no-repeat;width: 100%;}
.technology-main1{padding: 100px 0;}
.technology-main1 .h-tit-p1{font-size: 45px;}
#productNumber{padding: 10px 0;}
#productNumber b{font-size: 36px;line-height:1;}
#productNumber i{font-style: normal;font-size: 72px;}
#productNumber li{float: left;width: 20%;padding: 50px 0 20px;border-left: 1px solid #ededed;cursor: pointer;margin-left: -1px;}
#productNumber li:hover{box-shadow: 0 0 10px #DDDDDD;}
.technology-tip1{color: #636363;max-width: 890px;width: 100%;line-height: 1.6;margin-top: 40px;}
#productNumber li:first-child{border-left: none;}
#productNumber p{line-height:30px; height: 60px; overflow: hidden;padding: 0 5px;}

.technology-main2{background-color: #f3f3f3; padding: 60px 0;}
.technology-list2 dd{float: left;width: 23%; margin: 0 0.8%;border: 1px solid #FFFFFF; text-align: center;padding: 40px 0 20px;}
.technology-list2 img{width: 160px; height: 160px;margin: 0 auto; display: block;}
.technology-list2 .ntit{margin: 30px 5px 10px;}
.technology-list2 .np{line-height: 24px; height: 148px;padding: 0 10px;word-break:break-all;text-align: left;}
.technology-list2 dd:nth-child(even){background-color: #FFFFFF;border: 1px solid #EDEDED;}

.technology-main3{ padding: 60px 0 30px;}
.technology-list3 .cell{width: 50%;}
.technology-list3 .p1{margin-bottom:30px;}
.technology-list3 .div{padding:0 40px 0 0;word-break:break-all;}
.technology-list3 dd{padding: 50px 0;}
.technology-list3 dd:nth-child(odd) .div{padding-left: 40px;padding-right: 0;}
.technology-list3 .np{line-height:36px;}

.technology-main4{background-size: 100%;background-position:bottom center;background-repeat: no-repeat;background-image: url(../images/2-bg1.jpg);background-color: #ebebeb;padding: 70px 0 110px; min-height: 660px;}
.num-list{text-shadow: 0 0 10px #797979;color: #FFFFFF;}
.num-list .line{width: 200px;box-shadow: 0 0 10px #797979;height: 1px;background-color: #FFFFFF;}
.num-list .p1{font-size: 60px;margin-bottom:10px;}
.num-list .p2{margin-left: 6px;margin-bottom:40px;}

.technology-main4 .h-tit{max-width: 1020px;}
.ab-nav{background-color: #f5f5f5;overflow: hidden;border-bottom: 1px solid #f5f5f5;font-size: 18px;}
.ab-nav .on{background-color: #FFFFFF;}
.ab-nav a{float: left;max-width: 200px;line-height:60px; text-align: center;width: 100%;}

.pro-list .cell{width: 50%;}
.pro-list .np{word-break:break-all;}
.pro-list .p1{font-size: 60px;}
.pro-list .p2{font-size: 36px;margin: 10px 0;}
.pro-list .line{width: 60px; height: 2px;background-color: #333333; margin:20px 0;}
.pro-list .div{max-width: 370px;margin: 0 auto; padding: 20px;}
.pro-list .bgct{color: #FFFFFF;}
.pro-list .bgct .line{background-color: #FFFFFF;}
.pro-list .bgct .div{max-width: 500px;margin: 0; padding: 200px 0;}
.certifications-list{padding-top: 100px;}
.certifications-list dd{overflow: hidden; margin-bottom: 100px !important;padding: 20px;padding-left: 40px;}
.certifications-list .dd1{width: 74%;margin: 0 auto;}
.certifications-list .dd1 .imgW{width: 40%;margin: 0 5%;margin-top: 0 !important;}
.certifications-list .imgW{float: left;width: 32.5%;margin: 0 -4%;}
.certifications-list .imgW img{box-shadow: 0 0 10px #DDDDDD;margin-bottom: 15px;}

.certifications-list .imgW:nth-child(odd){margin-top: 56px;}
.certifications-list .ntit{text-align: center;margin: 0 20px;}

.about-list dd:nth-child(even) .div{padding-left: 40px !important; padding-right: 0 !important;}
.about-list dd:nth-child(odd) .div{padding-right: 40px !important; padding-left: 0 !important;}
.about-list .p1{margin: 0;}
.about-list .h-line{margin: 25px 0;}

.about-main2{background-color: #e6e6e6; padding: 70px 0 0;}
.ab-tit{font-size: 36px;color: #303030; max-width: 860px;margin-bottom:40px;}
.ab-list2{width: 110%; padding-bottom: 110px;}
.ab-list2 .imga{width: 29%;margin: 0 2% 0 0;}
.ab-list2 .ntit{margin: 20px;}
.about-main2-box .box{position: relative;z-index: 20;}
.about-main2-box::after{content: '';display: block;position: absolute;width: 100%;height: 100%;top: 60%;background-color: #FFFFFF;z-index: 10;}
.about-main4{padding: 80px 0 130px;background-size: cover;background-repeat: no-repeat;background-position: center;background-image: url(../images/2-bg4.jpg);color: #FFFFFF;}
.about-main4 .ab-tit{color: #FFFFFF;max-width: 1300px;margin: 0 auto;font-size: 24px;min-height: 200px;}
.about-main4 a{width: 195px; line-height: 46px;background-color: #FFFFFF;}
.ab-p2{font-size: 36px;margin: 50px 0;}
.about-main4 .btn1{background-color: #2f2f2f; color: #FFFFFF;}
/* 04bussiness */
.bus-main1{padding: 40px 0;}
.bus-main1 .p2{color: #7b7b7b;}
.bus-main1 dd{width: 27%;margin: 0 6% 0 0;}

.bus-main2{background-color: #f6f6f6;}
.bus-main2 .cell{width: 50%;}
.bus-main2 .div{padding:0 90px;margin: 20px 0;}
.bus-main2 .ico{width: 65px;position: absolute;left: 0; top: 0;}
.bus-main2 .p2{color: #909090;}
.bus-main3{padding: 50px 0;}
.bus-main3 .cell{width: 33%;}
.bus-main3 .dd3{width: auto;}
.bus-flex{display: flex;justify-content: space-between;}
.bus-flex dd{padding: 10px 0;}

.bus-main4{padding-bottom: 110px;}
.bus-main4 .form{box-shadow: 0 0 10px #CCCCCC;padding: 50px 190px 80px;display: block;}
.bus-main4 .text{font-size: 16px;background-color: #f7f7f7;min-height: 46px;width: 90%; padding: 0 5%;display: block;}
.bus-main4 dd{width: 32%;}
.bus-main4 .dd2{margin: 0 2%;}
.bus-main4 dt{padding-top: 20px;}
.bus-main4 dt .text{padding: 0 2%;width: 96%;border: none;}
.bus-main4 dt textarea.text{height: 120px;padding: 10px 2%;}
.bus-main4 .btn{margin: 70px auto 0;width: 100%;max-width: 480px;background-image: url(../images/btn-bg.png);background-position: center;line-height: 60px;color: #FFFFFF;cursor: pointer;}

.concat-box{margin-top: -60px; padding-bottom: 80px;}
.concat,.concat .w1{box-shadow: 0 0 10px #DDDDDD;}
.concat{padding: 60px 115px; background-color: #FFFFFF;}
.concat a{width: 156px; line-height: 40px;margin: 0 16px;}
.concat .btn1{background-color: #383838;color: #FFFFFF;}
.concat .btn2{border:1px solid #383838;}
.concat .line{width: 100%; height: 1px;background-color: #383838;margin: 40px 0;}
.concat .w1{width: 42%;}
.concat .w2{width: 56%;}
.concat .h2{line-height: 70px;color: #FFFFFF;background-color: #303030;}
.table{width: 100%;}
iframe{width: 100%; height: 444px;}
.concat dd{padding:30px 30px 30px 150px;border-top: 1px solid #EDEDED;}
.concat .dd1{padding-left: 169px;}
.concat .ico{position: absolute;left: 45px;top: 23px;line-height: 32px;}
.concat-bottom{background-size: cover;background-image: url(../images/5-bg.jpg); padding: 30px 0;}
.concat-btn{width: 272px;height: 58px; background-image: url(../images/btn.png);margin-left: 20px;}


#footer{background-color: #2a2a2a;background-image: url(../images/ft-bg.png);background-size: 55% 100%;background-repeat: no-repeat;background-position: 0 center;padding: 40px 0;}
#footer *{color: #FFFFFF;}
#footer .box{max-width: 1320px;}
#footer .ft-w1{width: 50%;}
#footer .ft-w2{width: 40%;}
#footer .a,#footer .a1{display: block;}
#footer li{float: left;margin-right: 30px;}
#footer .a1{margin-top: 20px;}
#footer .p1{margin-bottom: 20px;}
#footer::after{content:'';display: block;width: 100%;height: 1px;background-color: #FFFFFF;margin-top: 20px;}

.arrow{position: absolute;cursor: pointer;}
.cell{display: table-cell;vertical-align: middle;}
.location{line-height: 50px; border-bottom: 1px solid #F75A53; background-color: #f5f5f5;}
.location .box *{display: inline-block;vertical-align: middle;}
.location .bgle{background-image: url(../images/ico-location.png);padding-left:20px;}
.re{position: relative;}
.padd{padding: 90px 0;}
.red1{color: #f75a53;}
.bg1{background-color: #F75A53;color: #FFFFFF;}
.none{display: none;}


.detail-main1{padding: 60px 0;}
#ban{height: 488px; overflow: hidden;}
/* #ban .swiper-slide{height: 134px !important;} */
#ban .div{margin: 5px auto; width: 112px; height: 112px;border: 1px solid #ededed;}
#ban .on .div{border-color: #000000;}
#ban img{max-width: 100%; max-height: 100%;}
.detail{border-top: 1px solid #DDDDDD;}
.detail-w1{width: 50%;}
.main_img{width: 400px; height: 400px;}
#deban{position: relative; padding: 50px 0; margin-left: 40px;}
#deban .prev{background-image: url(../images/ico1.png);top: 0;}
#deban .next{background-image: url(../images/ico2.png); bottom: 0;}
#deban .arrow{width: 40px; height: 40px;background-position: center;background-repeat: no-repeat;border: 1px solid #DDDDDD; left: 50%;margin-left: -20px;}
.detail-w2 .div{display: table-cell ;width: 600px;height: 590px;vertical-align: middle;}
.MagicZoom{margin: 0 auto;}
.MagicZoom img{max-width: 1000%;display: block;margin: 0 auto;}
.detail-w3{width: 500px;}
.detail-w3 .p2{padding: 10px 0 20px; border-bottom: 1px solid #ededed;margin-bottom: 30px;}

.detail-main2{padding: 60px 0;border-top: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED;}
.detail-main2 .w1{color: #999999;}
.detail-main2 dl{padding: 30px 0 0;}
.detail-main2 dd{width: 23%;padding: 10px 0;}

.detail-main3 {padding: 70px 0;}
.detail-main3 .p1{padding-bottom: 20px; border-bottom: 2px solid #333333;margin-bottom: 30px;}
/*.detail-main3 .div{max-width: 1000px;}*/