@charset "utf-8";

/* CSS Document */

.mainPage {
	margin: 0;
	padding: 0;
	/*去移动端点击阴影*/
	-webkit-tap-highlight-color: transparent;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* font-family: "";
	font-weight: 400; */
	padding-top: 7.81vw;
}
html,
body {
	-webkit-text-size-adjust: none;
}
em,
i,
s,
b,
u {
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}
form {
	display: block;
}
ul,
ol {
	list-style: none;
}
a {
	color: #333;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
a:hover,
a:active,
a:focus {
	text-decoration: none;
}
img {
	
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
	font-size: 100%;
	vertical-align: middle;
	outline: none;
}
/*去掉右下角斜线*/
textarea {
	resize: none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
	-moz-appearance: button;
}
input,
textarea {
	border: none;
	border-radius: 0;
	font-size:14px;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
input::-webkit-input-placeholder {
	color: #999;
}
input:-moz-placeholder {
	color: #999;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}
textarea::-webkit-input-placeholder{
	font-family: "myFont";
	color: #999;
}
input[type=number]{
	-moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input,
label {
	vertical-align: middle;
}
div:focus,
span:focus{
	outline: none;
}
strong,b{font-weight: bold;}
.clear{
	clear: both;
}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.tc{text-align: center;}
.Maximg img{
	width: 100%;
	height: 100%;
}
.maximg img{
	max-height: 100%;
	max-width: 100%;
}
.maxwimg img{
	width: 100%;
	height: auto;
	
}
.maxhimg img{
	width: auto;
	height: 100%;
}
.right-menu-fiexd img{box-shadow: 0px 0px 10px 0px rgba(27,27,27,0.1);
}
.aui-ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.aui-ellipsis-2{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.aui-ellipsis-3{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.aui-ellipsis-4{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}
.d-flex{ display: -moz-flex; 
    display: -ms-flexbox; 
    display: flex;}
.align-items-center{align-items:center;
    -webkit-align-items:center;
    box-align:center;
    -moz-box-align:center;
    -webkit-box-align:center;}
.justify-content-center{
    -webkit-justify-content:center;
    justify-content:center;
    -moz-box-pack:center;
    box-pack:center;
    -webkit--moz-box-pack:center;
}
.justify-content-space-between{
    -webkit-justify-content:space-between;
    justify-content:space-between;
    -moz-box-pack:space-between;
    box-pack:space-between;
    -webkit--moz-box-pack:space-between;
}
.justify-content-space-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
.flex-direction-column{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    flex-direction:column;
    -webkit-flex-direction:column;
}
.flex-wrap{ flex-wrap: wrap;}
._block{ display: block;}
.flex-end{ justify-content: flex-end;}
.flex-align-end{ align-items: flex-end;}
.marginR0{ margin-right: 0 !important;}

.header1{ padding: 11px 3% 0; -webkit-box-sizing: border-box;box-sizing: border-box; position: fixed; top: 0; left: 0; z-index: 100; width: 100%; background-color: #FFF;    box-shadow: 0px 4px 10px 0px rgba(0, 36, 117, 0.05);}
.header1 h1{width: 5.72vw; background-color: #D5682F; margin-bottom: 11px;}
.header1 h1 img{ max-width: 5.72vw;}
.navBar  .nav1,.navBar  .nav1 li{ height: 100%;}

.nav1>li{font-size: 1.15vw; margin-right: 2.6vw; }
.nav1>li>a::after{ content: ''; width: 100%; height: 2px; position: absolute; bottom: 0; left: 0; opacity: 0; transition: all .5s;}
.nav1>li.active>a::after,.nav1>li>a:hover::after{ opacity: 1;background-color: #D5682F; }
.nav1>li a{color: #292929; transition: all .5s;  position: relative;display: flex; justify-content: center; flex-direction: column; height: 100%;}
    .nav1 > li > a:hover, .nav1 > li.active>a {
        color: #D5682F;
        font-weight: bold;
    }
.third-nav > li > a:hover{
        color: #D5682F;
    }
	.third-nav-kind > li > a:hover{
        color: #D5682F;
    }
	.nav-kind > li > a:hover{
        color: #D5682F;
    }
.lanuage{ margin-left: 5.2vw;}
    .lanuage .fz {
        width: 90px;
        height: 25px;
        color: #444;
        background: url(/temp/html/images/ico2.png) no-repeat 70px center;
        cursor: pointer;
        position: relative;
        z-index: 99;
    }
    .lanuage .fzz {
        width: 90px;
        height: 25px;
        color: #444;
        background: url(/temp/html/images/ico2.png) no-repeat 70px center;
        cursor: pointer;
        position: relative;
        z-index: 99;
    }
.lanuage .fz span { font:14px/25px "微软雅黑"; color:#444; display:inline-block; margin-left:10px;}
.lanuage > ul { display: none;width:90px; height:auto; margin: 0 ; padding: 0; overflow:hidden; font:14px/25px "微软雅黑"; color:#444; background:#f4f4f4; position: absolute; }
.lanuage > ul li { width:90px; height:25px;}
.lanuage > ul li a { display:block; width:90px; height:25px; padding-left:10px;}
.lanuage li a:hover { background:#D5682F; color:#fff;}
.lanuage:hover > ul { display:block;}
.indexAbout{max-width: 62.5vw; margin: 0 auto;}
.indexAbout h2{font-weight: bold;
    font-size: 2.34vw;
    color: #D5682F; line-height: 180%;}
.indexAbout li{ margin-top: 0.78vw;}
.indexAbout li em{font-size: 1.88vw; 
    color: #292929; line-height: 2.6vw;}
    .indexAbout li p{font-size: 1.25vw; margin-top: 0.78vw;
        color: #292929;line-height: 200%;}
.brand p{font-size: 1.35vw; margin-top: 1.25vw; margin-bottom: 1.25vw;
    color: #00489E; }
.brandList a{display: block;float: left; width: 50%; text-align: center;}
.indexProduct{ margin-top: 7.56vw; max-width: 84.3vw; margin: 100px auto 0;}
.indexProduct h4{font-size: 1.88vw;
    color: #292929;}
.tabSwitch {margin-top: 4.17vw;}
.tabSwitch  li{width: 20.47vw;  position: relative;
    height: 11.98vw;border: 4px transparent solid; transition: all .5s linear; box-sizing: border-box;
    border-radius:10px; overflow: hidden;}
.tabSwitch  li a{width: 100%; height: 100%;  transition: all .5s;}
.tabSwitch  li.active{border: #D5682F 5px solid; }
.tabSwitch  li:hover a{ transform: scale(1.05); }
.tabSwitch  li a span{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);font-weight: bold;
    font-size: 1.56vw; width: 100%; text-align: center;
    color: #FFFFFF;}
.switchCheck{ margin-top: 15px;}
.switchList{ background-color: #E5E5E5;min-height: 30.73vw; border-radius: 10px; overflow: hidden; position: relative;}
.bgimg{ position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.introContent{ padding: 0 7.17vw;  position: relative; z-index: 10;}
.introContent em{ color: #D5682F; font-size: 1.98vw;font-weight: bold;}
.introContent  p{ font-size: 1.45vw; color: #292929;  max-width: 20.83vw; line-height: 160%; margin: 0.6vw 0;}
.introContent span{width: 7.81vw;margin-top: 2.25vw;
    height: 3.02vw; color: #fff; text-align: center;
    background: #D5682F; line-height: 3.02vw;
    border-radius: 10px; font-size: 1.25vw;}
	
	.introContent .more{width: 8.81vw;margin-top: 2.25vw;
    height: 3.02vw; color: #fff; text-align: center;
    background: #D5682F; line-height: 3.02vw;
    border-radius: 10px; font-size: 1.25vw;}
	.introContent :hover{cursor:pointer;}
.indexIndusty,.indexContact {margin-top: 7.55vw; max-width: 84.3vw; margin: 5.2vw auto 0;}
.indexIndusty h4{font-size: 1.98vw;
    color: #292929;
    line-height: 160%;}
.indexIndusty p{font-size: 1.15vw; margin-top: 15px;
    color: #595959; line-height: 180%;}
.industyList dl{width: 27.08vw;margin-top: 2.6vw; margin-right: 1.53vw; float: left;
    height: 39.06vw; background-color: #fff; box-shadow: 0px 4px 10px 0px rgba(0,36,117,0.2); position: relative;}
.industyList dd{ position: absolute; top: 0; left: 0; transition: all .5s; opacity: 0; width: 100%; height: 100%; z-index: 1;}
.industyList dt span{font-weight: bold;
    font-size: 2.19vw;
    color: #292929;}
.industyList dt{ padding: 7.81vw 2.60vw 0; height: 100%; position: relative; z-index: 2;}
.industyList dt ul{margin: 1.56vw 0; width: 70%;}
.industyList dt ul li{ float: left; width: 50%;font-size: 1.15vw; 
    color: #484848; line-height: 2.34vw;}
.industyList dl:hover dd{ opacity: 1; }
.industyList dl:hover{box-shadow: 0px 4px 20px 0px rgba(213, 104, 47,0.6);}
.makeCase,.makeCase a{ color: #D5682F;font-weight: bold;
    font-size: 1.15vw;}
.makeCase a {
    width: 7.81vw;
height: 3.125vw;
text-align: center;
line-height: 3.02vw;
border-radius: 10px;
border:2px solid #D5682F;
margin-top: 10px;
}
.indexContact .map{width: 42.19vw;
   background-color: #D5682F;}
.indexContact .message{ margin-left: 5.47vw;}
.indexContact .message span{font-size: 1.98vw; display: block;
    color: #484848;
    line-height: 2.34vw; margin-bottom: 20px;}
.indexContact .message p{font-size: 1.25vw;
    color: #484848;
    line-height: 2.34vw; margin-bottom: 1.56vw;}
.indexContact .message  img{width: 103px; display: block; margin-bottom: 5px;}
.indexContact .ewmBox{font-size: .94vw; 
    color: #484848;}  
.indexFooter{background: #D5682F; margin-top: 7.81vw; padding-top: 1.56vw;}
.min-width{max-width: 84.3vw; margin: 0 auto;}
.footerLogo{ width: 20.83vw;}
.fLogo {display: block; margin: 0 auto; max-width: 10.9vw;}
.fbrand{text-align: center;font-size: 20px; margin-top: 20px;
    color: #FFFFFF;}
    .fbrand p{ margin-bottom: 1.56vw;}
.footerNav{}
.fnavList{ margin-left: 4.17vw; margin-top: 35px;}
.fnavList b{font-weight: bold;
    font-size: 1.04vw;
    color: #FFFFFF; margin-bottom: 15px; display: block;}
.fnavList a{font-size: .94vw;
    color: #FFFFFF; line-height: 200%; display: block;}
.fnavList a:hover, .footcopyright a:hover{text-decoration: underline;}
.footcopyright{ margin-top: 2.6vw; padding-top: 2.6vw; padding-bottom: 90px; border-top: #E0814F 1px solid;font-size: .94vw;
    color: #FFFFFF; line-height: 180%; text-align: center;}
    .footcopyright a{ color: #fff;}
    .backimage{ background-repeat: no-repeat; background-size: cover;}

.dd-content {
		display: none;
		position: absolute;
		left: 0;width: 100%;
		top: 6.88vw;
		background: rgba(239, 239, 239, .96);
		padding: 30px 0 35px; transition: all .5s;
	}
		
		.dd-content::before {
			display: block;
			position: absolute;
			content: "";
			top: 0;
			left: 0;
			width: 100%;
			height: 20px;
			z-index: 1;
			pointer-events: none;background: linear-gradient(rgba(0, 0, 0, .08), rgba(255, 255, 255, 0));
			
		}
		.dd-content-inner {
			max-width: 66.67vw;
			margin: 0 auto;
			padding: 0 48px 0 0; position: relative;
		}
		.dd-content-inner .third-nav {
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			/* margin-left: -50px; */
			/* margin-bottom: -10px; */
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			padding-top: 10px;
		}
		.third-nav>li {
			padding-left: 50px;
			padding-bottom: 10px;
			width: 25%;
			line-height: 1.5;
			box-sizing: border-box;
		}
		.third-nav>li>a {
			text-decoration: none;
			position: relative;
			padding-left: 18px;
			display: inline-block;
		}
		.third-nav>li>a::before {
			display: block;
			position: absolute;
			content: "";
			top: .4em;
			left: 0;
			width: 8px;
			height: 8px;
			border-top: 2px solid #6d6e70;
			border-right: 2px solid #6d6e70;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			transition: -webkit-transform .2s;
			transition: transform .2s;
		}
		.dd-content-inner .close-btn{position:absolute;
			right:18px;
			top:20px;
			font-size:1rem;
			line-height:1;
			width:18px;
			height:18px;
			/* display:none; */
			overflow:hidden;
			padding:0;border: none;}
			.dd-content-inner .close-btn span {
				position: absolute;
				opacity: 0;
				left: 0;
				top: 0;
				width: 18px;
				height: 18px;
			}
			
			.dd-content-inner .close-btn::before {
				display: block;
				position: absolute;
				content: "";
				right: -2px;
				top: 8px;
				width: 23px;
				height: 2px;
				background: #706f67;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
			}
			.dd-content-inner .close-btn::after {
				display: block;
				position: absolute;
				content: "";
				left: 8px;
				top: -3px;
				width: 2px;
				height: 23px;
				background: #706f67;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
			}			
		.third-nav-kind{padding: 0;}
		.third-nav-kind li a{font-size: 1.04vw; margin-top: 15px; display: block;}
		.nav-kind>li{width: 25%; float: left;}
		.nav-kind>li a.navName{font-size: 1.15vw;}
		@media only screen and (min-width: 1000px) {
			.third-nav>li {
				width: 33%;
			}
			.third-nav>li>a {
				font-size: 16px;
			}
		}
		
		.introContent p>a:hover{
        color: #D5682F;
        font-weight: bold;
    }