header.fixed { position:fixed; top:0;  width:100%; z-index: 10000; height:170px;
    background: #091830;
    background: -moz-linear-gradient(top,  #091830 0%, #0f3f69 100%);
    background: -webkit-linear-gradient(top,  #091830 0%,#0f3f69 100%);
    background: linear-gradient(to bottom,  #091830 0%,#0f3f69 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#091830', endColorstr='#0f3f69',GradientType=0 );
}
header .logo { margin:35px 0;}
header .w { height:140px; display: flex; justify-content: space-between; padding: 0; align-items: center;}
.w{width: 1200px; margin: 0 auto;}
.right-links p{ text-align: right;}
.right-links a{ color: white;}
.a_txt{display:none}
.moblie_head{ display: none;}

.nav{ width: 1200px; margin: 0 auto;}
.nav .nav_list{display: flex; position:relative; justify-content:space-between;  height:30px;  z-index:9999;}
.nav li{height:30px;  line-height:30px; z-index: 1000}
.nav li a{ display:block; line-height:30px; font-size:16px; color: #fff; text-transform: uppercase;}
.nav li a:hover{ text-decoration:underline;}
.nav li.active .submenu{display:block; }
.nav li .submenu{display:none;position:absolute;top:30px;left:0%; width: 1200PX; background-color: #091830; 
    -webkit-box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 30%);}
.nav li .submenu{ z-index:9999; overflow: hidden;}
.nav li .subcon{ display: flex; justify-content: space-between; padding: 20px;}
.nav li .subnav{width: 66%; columns: 2; }
.nav li .subnav a{ text-align: left; display: block; font-size: 14px; text-transform:capitalize}
.nav li .subimg{ width: 34%;}
.nav li .subimg img{ width: 100%;}
.h100{ height: 170px;}
.swiper-slide a{ display: block; position: relative; max-height: 540px; }
.swiper-slide p{ position: absolute; display: block;  z-index: 1000; left: 20%; top: 50%; transform: translateY(-50%); width:550px; background-color: rgba(0,35,102,0.75); padding:40px; box-sizing: border-box; color:#ffffff; font-size:45px; line-height:45px; }

.Best{ padding: 30px 0;}
.Best .item{ display: block; margin: 10px;}
.Best .item img{ width: 100%; height: 200px;}
.Best .item span{ display: block; text-align: center; height: 100px; background-color: #e7e7e8; padding: 20px 10px; color: #002366; font-size: 20px; line-height: 20px;}
.Best .owl-buttons{ height: 50px; margin-top: -50px; }
.Best .owl-buttons div{ width: 50px; height: 50px; }
.Best .owl-buttons .owl-prev{ position: absolute; left:-50px; top:50%; margin-top: -25px; background: url(../images/left.png) center center no-repeat;}
.Best .owl-buttons .owl-prev:hover{ opacity: .5;}
.Best .owl-buttons .owl-next{ position: absolute; right:-50px; top:50%; margin-top: -25px;  background: url(../images/right.png) center center no-repeat;}
.Best .owl-buttons .owl-next:hover{opacity: .5;}
.Best .owl-pagination { display: none;  }

.product ul{ margin: 0 -15px;}
.product ul li{ margin-bottom: 30px;}
.product ul li a{ display: block; position: relative; height: 250px; overflow: hidden;}
.product ul li a::after{content: '';position: absolute;left: 0; top: 0; width: 100%;height: 250px;background-color: rgba(0,0,0,0.5);z-index: 2;}
.product ul li a img{ position:absolute; left: 0; top: 0; width: 100%; height: 250px; z-index: 1;}
.product ul li a h3{ position:absolute ; z-index: 3; font-weight: normal; width: 100%; text-align: center; top: 40%; left: 50%; text-align: center; transform: translate(-50%,-50%); font-size: 36px; color: white;}
.product a img{-webkit-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out;}
.product a:hover img{-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1)}
.product ul li a:hover::after{background-color: rgba(0,0,0,0.1);}
		
.expertise ul{ margin: 0 -15px;}
.expertise ul li{ margin-bottom: 30px;}
.expertise ul li a{ display: block; position: relative; height: 350px; overflow: hidden;}
.expertise ul li a::after{content: '';position: absolute;left: 0; top: 0; width: 100%;height: 350px;background-color: rgba(0,0,0,0.5);z-index: 2;}
.expertise ul li a img{ position:absolute; left: 0; top: 0; width: 100%; height: 350px; z-index: 1;}
.expertise ul li a h3{ position:absolute ; z-index: 3; font-weight: normal; width: 100%; text-align: center; top: 40%; left: 50%; text-align: center; transform: translate(-50%,-50%); font-size: 36px; color: white;}
.expertise a img{-webkit-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out;}
.expertise a:hover img{-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2)}
.expertise ul li a:hover::after{background-color: rgba(0,0,0,0.1);}

.indexcon ul{ display: flex; align-items: center;}
.indexcon-con{ text-align: right;}
.share-project {
    background-image: url(/upload/index/share-projects.jpg);
    background-size: cover; margin-top: 20px;
    height: 300px;
    padding-left: 50px; display: flex; align-items: center;
}
.share-project .display h1 {
    color: #ffffff;
    font-size: 46px;
    line-height: 47px;
    font-weight: normal;
}
.display p {
    font-size: 1.3rem;
    font-style: italic;
}
/* 内页 */
.banner { height:300px; background-size: cover; padding:1px; display:flex; align-items: flex-end; background-position: center center;}
.banner h1 { color:#ffffff; text-shadow: 3px 3px 10px #030303; padding-bottom: 30px;}
.breadcrumb{ padding: 0.75rem 1rem; margin-bottom: 1rem; margin-top: 1rem; list-style: none;background-color: #e9ecef;border-radius: 0.25rem;}
.breadcrumb span{ color: #CCC;}
.btn-default {background-color: #000000;color: #ffffff !important;font-size: 14px;font-weight: 600;display: inline-block;padding: 10px 20px;border-radius: 0;text-transform: uppercase; margin-top: 20px;}
.btn-default:hover{background-color: #000000;}
.lightgrey {background-color: #efefef;padding: 40px;margin: 40px 0 0 0;}
.lightgrey ul.row{ margin: 0 -15px;}
.lightgrey ul.row li{ margin-bottom: 30px;}
.lightgrey ul.row li a{ display: block; position: relative; height: 250px; overflow: hidden;}
.lightgrey ul.row li a::after{content: '';position: absolute;left: 0; top: 0; width: 100%;height: 250px;background-color: rgba(0,0,0,0.5);z-index: 2;}
.lightgrey ul.row li a img{ position:absolute; left: 0; top: 0; width: 100%; height: 250px; z-index: 1;}
.lightgrey ul.row li a h3{ position:absolute ; z-index: 3; width: 100%; text-align: center; top: 40%; left: 50%; text-align: center; transform: translate(-50%,-50%); font-weight: normal; font-size: 36px; color: white;}
.lightgrey ul.row a img{-webkit-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out;}
.lightgrey ul.row a:hover img{-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1)}
.lightgrey ul.row li a:hover::after{background-color: rgba(0,0,0,0.1);}
.item-images img{ width: 100%;}
.item-content h1{ font-weight: bold; color: #002366; }
.openimage img{ max-width: 550px; }
.openimage ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
.openimage ul li{list-style-type: disc;}

.search form{ display: flex; justify-content: left;}
.inp_text {background-color: #eaeaea; width: 80%; max-width: 500px; padding-left: 10px; line-height: 40px; height: 40px; overflow: hidden; border: none }
.inp_button { background-color: #000; color: white; border: none;  height: 40px; padding: 0 20px; cursor: pointer }

.cbanner{height: 550px;background-size: cover;display: flex;align-items: center;background-position: center center;position: relative;}
.bannertext{width: 520px;background-color: rgba(0,35,102,0.75);padding: 40px;z-index: 2;position: relative;}
.bannertext h1 {color: #ffffff;font-size: 45px;line-height: 45px;}
#map { width:auto;   height:350px;  position:relative;  }
#map svg { position:absolute;left:0; top:0;  width:100%;  height:100%;  }
#map path {  fill:#999;  stroke-width:0.8;  stroke:#ffffff;  cursor:pointer;  }
#map path:hover {  fill:#002366;  }
/* 底部 */
.help { background-color:#fcaf17; padding:40px 0; margin-top:40px;}
.help .w{ display: flex; justify-content: space-between; color: white;}
.helpcontact h1 { color:#09182f; font-size:45px; text-transform: uppercase; line-height:45px;  margin-bottom: 20px; }
.helpcontact h2 a {font-weight: bold; color:#09182f; font-size:36px; line-height:45px; letter-spacing: -0.02em; }
.help ul{ display: flex;}
.help ul li{ width: 100px; text-align: center; margin: 0 10px;}
.help ul li a h3{color:#09182f; }
		
footer {
    background: -moz-linear-gradient(left,  #09182f 0%, #0f3f69 100%);
    background: -webkit-linear-gradient(left,  #09182f 0%,#0f3f69 100%);
    background: linear-gradient(to right,  #09182f 0%,#0f3f69 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09182f', endColorstr='#0f3f69',GradientType=1 );
    position:relative;
    padding:40px 0 0 0;
}
footer .logo { margin-bottom: 20px;}
footer .footernav{ display: flex; justify-content: space-between; line-height: 150%;}
footer .footernav h3{ display: block; font-weight: bold; color: white; margin-bottom: 10px;}
footer .watermark { position:absolute; height:100%; width: 600px; background-position: bottom; background-image: url(../images/uawatermark.png); right:0; bottom:0;  z-index: 1; background-repeat: no-repeat;}
footer .row { position:relative; z-index:2;}
footer p { font-size:14px;}
footer p a{ text-transform: capitalize;}
footer p, footer a:link, footer a:visited { color:#ffffff; }
footer p:first-of-type { text-transform: uppercase;}


footer .social-icon { padding:12px; border-radius:50px; width:50px; height:50px; background-color: #ffffff; display:inline-block; margin-right:10px; z-index: 2; position:relative; }
footer .social-icon img { width:25px; height:25px; filter: invert(9%) sepia(28%) saturate(1490%) hue-rotate(179deg) brightness(99%) contrast(102%);}
footer p small a { font-size:12px !important;}


@media screen and (max-width: 1024px) and (min-width: 0px){
	.fixed{display:none}
	.h100{ height: 45px;}
	.w{ width: 100%;}
	.moblie_head{ display: block; height:45px;background:#002366;position:fixed;top:0px;left:0px;width:100%;z-index:9999;}
	.moblie_head .w{ display: flex; height:45px; padding: 0 10px; justify-content: space-between; align-items: center;}
	.moblie_head .lf{padding-top:0px; }
	.moblie_head .lf img{height:24px}
	.moblie_head .rg{ padding-top:4px; }
	.moblie_head .rg a img{height:16px;vertical-align:top}
	.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
	.a_txt .div1{position:absolute;width:100%;height:100%;background:#002366;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
	.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
	.a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:@color;height:100%;z-index:100;right:-80%}
	.a_txt .div3 ul{padding-left:5%;padding-right:5%}
	.a_txt .div3 ul li{border-bottom:1px solid rgba(255,255,255,.1)}
	.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
	.a_txt .div3 ul li .a_js2{background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
	.a_txt .div3 ul li .a_js2_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
	.a_txt .div3 ul li .a_txt2{display:none}
	.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}
	
	
	.swiper-slide p{ left: 10%; width:80%; padding: 10px; font-size:25px; line-height:25px; }
	.Best .owl-buttons{ display: none;}
	.video a img{ max-width: 100%;}
	.indexcon ul{ display: block;}
	.indexcon-con{ text-align: left;}
	.help .w{ display: block;}
	.helpcontact h1 {text-align: center; }
	.helpcontact h2 {text-align: center; }
	footer .footernav{ flex-wrap: wrap;}
	footer .footernav>div{ width: 50%;}
	.openimage img{ max-width: 100%; }
	
}