*{ padding:0; margin:0;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#333;overflow-x:hidden;}
.w100{ width:100%;}
.w13{ width:1360px;}
.fl{float:left;}
.fr{ float:right;}
.both{ clear:both;}
.m0a{ margin:0 auto;}
a{ text-decoration:none; color:#333;}
a:hover{ text-decoration:none;}
td,div{ line-height:28px;}
ul,li,ol{ list-style:none;}

.top{ box-shadow:0px 2px 4px #ddd; position:fixed; top:0; background-color:#fff; z-index:9999;}
.head{ padding:0px 0; height:75px;}
.head .logo{ padding:10px 0;}
.quote{ padding-top:15px;}
.quote a{ width:143px; height:45px; line-height:45px; background-color:#ffff00; border-radius:8px; text-align:center; color:#222; display:inline-block; font-size:22px; box-shadow:0px 2px 4px #ccc;}
.quote a:hover{ text-decoration:none; background-color:#333; color:#fff;}

@charset "utf-8";
.nav_menu3,
.nav_menu3 ul,
.nav_menu3 ul li,
.nav_menu3 ul li a,
.nav_menu3 #menu-button {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:16px;}
.nav_menu3 #menu-button { margin-top: 100px;position: absolute;z-index: 99999;}
.nav_menu3:after,
.nav_menu3 > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.nav_menu3 #menu-button {display: none;}
.nav_menu3 {width: auto;/*line-height: 1;background: #ffffff;*/ height:75px; margin-right:20px;}
#menu-line{position: absolute;top: 0;left: 0;height: 3px;background: #000;-webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;-ms-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
.nav_menu3 > ul > li {float: right;}
.nav_menu3.align-center > ul {font-size: 0;text-align: center;}
.nav_menu3.align-center > ul > li {display: inline-block;float: none;}
.nav_menu3.align-center ul ul {text-align: left; box-shadow:0px 2px 4px #666;}
.nav_menu3.align-right > ul > li {/*float: right;*/}
.nav_menu3.align-right ul ul{text-align: right;box-shadow:0px 2px 4px #666;}
.nav_menu3 > ul > li > a{padding: 0px 30px; height:75px; line-height:75px;text-decoration: none;text-transform: uppercase;color:#333;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease;}
.nav_menu3 > ul > li:hover > a{color: #333; font-weight:bold;/*background: #2EAFBB;*/}
.nav_menu3 > ul > li.nav-has-sub > a{padding-right: 25px;}
.nav_menu3 > ul > li.nav-has-sub > a::after{position: absolute;top: 33px;right: 10px;width: 4px;height: 4px;border-bottom: 1px solid #333;border-right: 1px solid #333;content: "";-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: border-color 0.2s ease;-moz-transition: border-color 0.2s ease;-ms-transition: border-color 0.2s ease;-o-transition: border-color 0.2s ease;transition: border-color 0.2s ease;}
.nav_menu3 > ul > li.nav-has-sub:hover > a::after {border-color: #333;}
.nav_menu3 ul ul {position: absolute;left: -9999px;}
.nav_menu3 > ul > li > ul {}
.nav_menu3 li:hover > ul {left: auto;}
.nav_menu3.align-right li:hover > ul{right: 0;}
.nav_menu3 ul ul ul {margin-left: 100%;top: 0;/*border-left:#8ECB8D 1px solid;*/}
.nav_menu3.align-right ul ul ul{margin-left: 0;margin-right: 100%;}
.nav_menu3 ul ul li{height: 0;-webkit-transition: height .2s ease;-moz-transition: height .2s ease;-ms-transition: height .2s ease;-o-transition: height .2s ease;transition: height .2s ease;}
.nav_menu3 ul li:hover > ul > li{height: 37px; border:1px solid #ddd; border-top:0;}
.nav_menu3 ul ul li a {padding: 10px 10px; text-align:left;width: 190px;background: #fff;text-decoration: none;color: #333;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease;/*border-top: 1px solid #8ECB8D;*/}
.nav_menu3 ul ul li:hover > a,
.nav_menu3 ul ul li a:hover{color: #333;font-weight:bold;/*background: #299DA7;*//*border-top: 1px solid #8ECB8D;*/}
.nav_menu3 ul ul li.nav-has-sub > a::after{position: absolute;top: 25px;right: 10px;width: 4px;height: 4px;border-bottom: 1px solid #fff;border-right: 1px solid #fff;content: "";-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: border-color 0.2s ease;-moz-transition: border-color 0.2s ease;-ms-transition: border-color 0.2s ease;-o-transition: border-color 0.2s ease;transition: border-color 0.2s ease;}
.nav_menu3.align-right ul ul li.nav-has-sub > a::after{right: auto;left: 10px;border-bottom: 0;border-right: 0;border-top: 1px solid #dddddd;border-left: 1px solid #dddddd;}
.nav_menu3 ul ul li.nav-has-sub:hover > a::after{border-color: #333;}
.nav_menu3 > ul > li.selected{ /*background-color:#2EAFBB;*/}
.nav_menu3 > ul > li.selected a{color:#333;}
.nav_menu3 > ul > li.selected:hover a::after{ color:#333; font-weight:bold;}
.nav_menu3 > ul > li.selected > a::after {border-bottom: 1px solid #333;border-right: 1px solid #333;}

.diyos{position:fixed;width:54px;right:0;top:50%;z-index:100;}
.diyos ul{list-style:none;margin:0;padding:0;}
.diyos ul li{width:54px;height:54px;background:#111;float:left;position:relative;margin:1px 0 0 0;}
.diyos ul li:hover{background:#333;}
.diyos ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;color:#fff;font:14px/54px "Microsoft Yahei";overflow:hidden;letter-spacing:0px;}
.diyos ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;}
.diyos ul li.sideewm{width:54px;height:54px;line-height:54px;display:inline-block;}
.diyos ul li .sideewmshow{width:150px;position:absolute;top:0;left:-151px;z-index:120;display:none;}
.diyos ul li.sideewm:hover .sideewmshow{display:block;}
.diyos ul li img{float:left;}

.mt75{margin:75px auto 0 auto;}
.ban{}
.ban img{ display:block;}
.swiper-container{width: 100%;height: 100%;}
.swiper-slide{text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.s1{ padding:50px 0;}
.s1 .left{ width:50%;}
.s1 .left h2{ font-size:20px; color:#111; line-height:30px; margin-bottom:15px;}
.s1 .left .info{}
.s1 .left .info p{ font-size:18px; color:#666; margin-bottom:15px;}
.s1 .left .info ul{}
.s1 .left .info ul li{ font-size:18px; line-height:35px; color:#666; list-style-position:inside; list-style-type:disclosure-closed;}
.s1 .left .info ul li::marker{ color:#ffff00;}

.s1 .right{ width:45%; border:10px solid #f7f9fb; padding:1% 1%; text-align:center;}
.s1 .right .img1{margin-bottom:8px;display: grid;grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));gap:2%;}
.s1 .right .img1 div{box-shadow:0 2px 4px #ddd;}
.s1 .right .img1 div img{transform: scale(1);transition: all .4s linear;}
.s1 .right .img1 div:hover img{transform:scale(1.04);}
.s1 .right h3{ font-size:24px; margin-bottom:10px; margin-top:10px; line-height:30px;}
.s1 .right p{ font-size:16px; color:#666; margin-top:10px;}
.s1 .right p.p2{font-size:15px; color:#999; line-height:20px; margin-bottom:10px;}
.s1 .right p.p2 .suo{ width:18px; height:18px; display:inline-block;}
.s1 .right p.p2 .suo img{ display:block;}
.s1 .right a{box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.14);border-radius: 10px 10px 10px 10px;padding: 10px 20px; font-size:15px; background-color:#ffff00; display:inline-block; margin-top:10px; font-weight:bold;}
.bg2{ background-color:#f7f9fb;}
.s2{ padding:50px 0;}
.s2 .bt{ text-align:center; font-size:36px; color:#111; font-weight:600; margin-bottom:30px;}
.s2 .bt span{ color:#ffcc00;}
.s2 .btinfo{ text-align:center; font-size:18px; color:#666; margin-bottom:30px;}
.s2 .list{display: grid;grid-template-columns: repeat(auto-fill, minmax(325px, 1fr));gap: 20px;}
.s2 .list .item{background-color:#fff; box-shadow:0 2px 4px #ddd;}
.s2 .list .item dl{}
.s2 .list .item dl dt{ overflow:hidden;}
.s2 .list .item dl dt img{transform: scale(1);transition: all .4s linear;}
.s2 .list .item dl dt:hover img{transform:scale(1.04);}
.s2 .list .item dl dd{ margin-bottom:20px; padding:0 10px; border-top:1px solid #eee;}
.s2 .list .item dl dd h3{ text-align:center; line-height:50px; overflow:hidden; height:50px; font-size:22px; color:#333;}
.s2 .list .item dl dd p{ text-align:center; font-size:18px; color:#666;}
.bg3{ background-color:#ffff00;}

.foot{ padding:40px 0;}
.foot .f1{ width:420px;}
.foot .f1 p{color:#333; font-size:18px; margin-bottom:10px;}
.foot .f1 .share{ text-align:left;}
.foot .f1 .share a{ width:40px; height:40px; display:inline-block; margin-left:10px;}
.foot .f1 .share a:hover{}
.foot .f1 .share a img{ border-radius:50%;}
.foot dl{ width:310px;}
.foot dl dt{text-align:left; font-size:24px; font-weight:bold; margin-bottom:15px;}
.foot dl dd{ line-height:30px;}
.foot dl dd a{ color:#333; font-size:18px;}
.f4{ width:320px; text-align:center;}
.f4 .cbt{ text-align:left; font-size:24px; font-weight:bold; margin-bottom:15px;}
.ctxt{ margin-bottom:10px;}
.ctxt input{ border:1px solid #ffcc00; border-radius:4px; line-height:38px;background: rgba(255,255,255,0.8); width:100%; text-indent:10px;}
.cbtn input{ width:110px; height:40px; background-color:#ffcc00; color:#333; border-radius:5px; border:none;box-shadow:0 2px 4px #333; font-size:16px; font-weight:bold; cursor:pointer;}
.cbtn input:hover{ background-color:#333; color:#fff;}

.about{ padding:50px 0 0 0;}
.about .bt{text-align:center; font-size:36px; color:#111; font-weight:600; margin-bottom:30px;}
.about .a1{ font-size:16px; color:#333;}
.about .a1 img{ display:block; margin-top:20px;}
.a3{padding:15px 0;}
.a3 dl{float:left; text-align:center;}
.a3 dl dt{ width:40%; float:left; text-align:right; padding-top:10px;}
.a3 dl dt i{ font-size:40px; color:#666;}
.a3 dl dd{ width:58%; float:right; text-align:left; font-size:20px; padding-left:2%; font-weight:bold;}

.a4{padding:20px 0;}
.a4 dl{float:left; text-align:center; margin:0 43px;}
.a4 dl dt{float:left; text-align:right; padding-top:10px;}
.a4 dl dt i{ font-size:40px; color:#666;}
.a4 dl dd{float:right; text-align:left; font-size:20px; padding-left:15px; font-weight:bold;}

.alist{display: grid;grid-template-columns: repeat(auto-fill, minmax(317.5px, 1fr));gap: 30px;}
.alist .aitem{background-color:#fff; box-shadow:0 2px 4px #ddd; border-radius:20px; overflow:hidden;}
.alist .aitem img{ border-radius:20px;transform: scale(1);transition: all .4s linear;}
.alist .aitem:hover img{transform:scale(1.04);}

.alist1{display: grid;grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));gap: 15px;}
.alist1 .aitem1{background-color:#fff; box-shadow:0 2px 4px #ddd; border-radius:10px; overflow:hidden;}
.alist1 .aitem1 img{ border-radius:10px;transform: scale(1);transition: all .4s linear;}
.alist1 .aitem1:hover img{transform:scale(1.04);}

.lx{ padding:50px 0;}
.lx .left{ width:48%; font-size:18px; line-height:35px;}
.lx .left p,.lx .left div{font-size:18px; line-height:35px;}
.lx .right{width:45%; border:10px solid #f7f9fb; padding:1% 1%; text-align:center;}
.lx .right p{ font-size:18px; line-height:35px;}

.quote1{border:10px solid #f7f9fb; padding:1% 1%; text-align:center; width:600px;}
.quote1 p{ font-size:18px; line-height:35px;}

.clist{display: grid;grid-template-columns: repeat(auto-fill, minmax(426.66px, 1fr));gap: 40px; margin-bottom:20px;}
.clist .citem{background-color:#fff; box-shadow:0 3px 8px #ddd;}
.clist .citem dl{}
.clist .citem dl dt{ overflow:hidden;}
.clist .citem dl dt img{transform: scale(1);transition: all .4s linear;}
.clist .citem dl dt:hover img{transform:scale(1.04);}
.clist .citem dl dd{ margin-bottom:20px; padding:0 15px;}
.clist .citem dl dd h3{ text-align:center; line-height:50px; overflow:hidden; height:50px; font-size:22px; color:#333;}
.clist .citem dl dd p{ text-align:center; font-size:18px; color:#666;}
.clist .citem dl dd ul{ margin-top:8px;}
.clist .citem dl dd ul li{font-size:14px;color:#666; list-style-position:inside; list-style-type:disclosure-closed;}
.clist .citem dl dd ul li::marker{ color:#333;}

.clist1{display: grid;grid-template-columns: repeat(auto-fill, minmax(317.5px, 1fr));gap: 30px; margin-bottom:20px;}
.clist1 .citem1{background-color:#fff; box-shadow:0 3px 8px #ddd;}
.clist1 .citem1 dl{}
.clist1 .citem1 dl dt{ overflow:hidden;}
.clist1 .citem1 dl dt img{ border-bottom:1px solid #f5f5f5; box-sizing:border-box;transform: scale(1);transition: all .4s linear;} 
.clist1 .citem1 dl dt:hover img{transform:scale(1.04);}
.clist1 .citem1 dl dd{ margin-bottom:20px; padding:0 10px;}
.clist1 .citem1 dl dd h3{ text-align:left; line-height:50px; overflow:hidden; height:50px; font-size:22px; color:#333;}
.clist1 .citem1 dl dd p{ text-align:left; font-size:18px; color:#666;}

.tab{ margin-bottom:50px;}
.tab h3{ font-size:20px; margin-bottom:10px;}
.tab ul{display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;z-index: 1;justify-content:space-between;}
.tab ul li{flex-basis: 0%;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;margin-bottom: 0;float: none;display: inline-block; min-width:20%;}
.tab ul li a{line-height:40px; border:1px solid #ddd; text-align:center; display:inline-block; width:100%; color:#333; box-sizing:border-box; font-weight:bold; font-size:16px;}
.tab ul li a:hover{ background-color:#ffff00;}
.tab .left{ width:49%;}
.tab .right{ width:49%;}
.tab ul li a.cur,.tab ul li a.curr{background-color:#ffff00;}
.tinfo{ border:1px solid #ddd; padding:20px 20px; margin-top:10px; min-height:350px;box-shadow:0px 4px 8px #ddd;}

/*Sheet Metal*/
.sm{ padding:50px 0;}
.sm .left{ width:48%;}
.sm .left h3{text-align:center; line-height:50px; overflow:hidden; height:50px; font-size:22px; color:#333; margin-bottom:10px;}
.sm .left .info1{text-align:left; font-size:18px; color:#666;}
.sm .right{ width:48%;}

.smlist{ padding:25px 0;}
.smlist h3{font-size:20px; margin-bottom:10px;}
.smlist .left{ float:right; width:40%;}
.smlist .right{ float:left; width:58%; font-size:18px;}
.smlist .right p,.smlist .right div{ margin-bottom:8px;}
.smbg .left{ float:left; width:40%;}
.smbg .left img,.smlist .left img{box-shadow:0px 4px 8px #999; transform: scale(1);transition: all .4s linear;}
.smbg .left:hover img,.smlist .left:hover img{transform:scale(1.04);}
.smbg .right{ float:right; width:58%;}

.tab1{}
.tab1 ul{ border-bottom:2px solid #ddd; width:100%; clear:both;}
.tab1 ul li{ float:left;border:1px solid #ddd; border-left-width:0px;}
.tab1 ul li:first-child{border-left-width:1px;}
.tab1 ul li a{ line-height:40px;  text-align:center; display:inline-block; width:100%; color:#333; box-sizing:border-box; padding:0 20px; font-weight:bold;}
.tab1 ul li a:hover{background-color:#ffff00;}
.tab1 ul li a.cur{background-color:#ffff00;}

.tinfo1{ padding:25px 25px; box-shadow:0px 4px 8px #ccc; margin-top:10px;}
.tinfo1 .left{ width:22%;}
.tinfo1 .left img{box-shadow:0px 3px 6px #ddd;transform: scale(1);transition: all .4s linear;}
.tinfo1 .left:hover img{transform:scale(1.04);}
.tinfo1 .right{ width:75%; text-align:left; font-size:16px;}

.ws{padding:40px 0 40px 0;}
.ws h3{font-size:20px; margin-bottom:10px;}
.ws .wslist{display: grid;grid-template-columns: repeat(auto-fill, minmax(317.5px, 1fr));gap: 30px; margin-bottom:20px;}
.ws .wslist .item{box-shadow:0px 3px 6px #ddd; overflow:hidden;}
.ws .wslist .item img{transform: scale(1);transition: all .4s linear;}
.ws .wslist .item:hover img{transform:scale(1.04);}
.ws .wslist .item p{ text-align:center; line-height:40px; height:40px; width:100%; background-color:#f5f5f5;}

/*Aerospace*/
/*.i2{ padding:50px 0; display:grid;grid-template-columns:1fr 2fr;gap: 40px;}*/
.i2{padding:50px 0;}
.i2 .left{font-size:20px; font-weight:bold;width:38%;word-wrap: break-word; word-break: normal;}
.i2 .right{ width:60%;}
.i2 .list3{display: grid;grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));gap: 16px; margin-bottom:16px;}
.i2 .list3{}
.i2 .list3 .item3{ padding:20px 20px;background-color:#fff;box-shadow:0px 3px 6px #ddd;}
.i2 .list3 .item3 h3{font-weight:bold; font-size:18px; margin-bottom:8px;}
.i2 .list3 .item3 .info3{}

.i3{ padding:50px 0;}
.i3 .left1{ width:29.5%;}
.i3 .left1 img{box-shadow:0px 3px 6px #ddd;}
.i3 .right1{ width:68%; text-align:left;}
.i3 .right1 h3{ font-size:20px; margin-bottom:10px;}
.i3 .right1 .iinfo{ font-size:18px; color:#666; line-height:30px;}

.i3 .left2{ width:35%; font-size:20px; font-weight:bold; line-height:30px;word-wrap: break-word; word-break: normal;}
.i3 .right2{ width:63%; text-align:left;}
.i3 .right2 div,.i3 .right2 p{font-size:16px;}
.i3 .right2 ul{ display:inline-block; width:33.33%; float:left;margin-top:10px;}
.i3 .right2 ul li{font-size:18px; line-height:35px; color:#666; list-style-position:inside; list-style-type:disclosure-closed;}
.i3 .right2 ul li::marker{ color:#333;}

.i3 .left3{ width:35%; font-size:20px; font-weight:bold; line-height:30px;}
.i3 .right3{ width:63%; text-align:left;}
.i3 .right3 div,.i3 .right3 p{font-size:16px;}
.i3 .right3 ul{ display:inline-block; width:50%; float:left; margin-top:10px;}
.i3 .right3 ul li{font-size:18px; line-height:35px; color:#666; list-style-position:inside; list-style-type:disclosure-closed;}
.i3 .right3 ul li::marker{ color:#333;}

.w1{ width:98%;}
.w2{ width:100%;}
.ctxt1{ height:50px; line-height:50px; text-indent:8px; border:2px solid #69727d; border-radius:4px; font-size:16px;}
.ctext1{border:2px solid #69727d; border-radius:4px; line-height:30px; font-family:Arial, Helvetica, sans-serif; padding:8px 8px; box-sizing:content-box; font-size:16px; padding:1% 1%; width:97.1%;}
.cbtn1{ width:100%; background-color:#FFFF00; color:#000; border-radius:4px; border:none; line-height:40px; height:40px; font-weight:bold; font-size:14px;box-shadow:0px 3px 6px #ddd;}
.cbtn1:hover{ cursor:pointer; background-color:#FC0;}
.ubtn{ line-height:30px; height:30px; padding:0 10px; border:none; background-color:#CCC; cursor:pointer;}