/*
body{font-family: "微软雅é»'";}
ul li{list-style: none;}
a{text-decoration: none;}
a img {border: 0;}
input{b}*/
@charset "utf-8";
/* CSS Document */
/**{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-font-smoothing: subpixel-antialiased!important;}*/
* { /*-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;*/ outline: 0px dashed !important;}
* { -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; }
.ani, .ani * { transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .3s; -ms-transition-duration: .3s; -moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
from, div, dl, dd, dt, ol, ul, li, a, img, input, h1, h2, h3, h4, h5, h6, table, a, p, form, em, i { margin: 0; padding: 0; border: 0; font-weight: normal; }
ul, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, form, em, i { list-style-type: none; font-style: normal; }
body { 
	margin: 0 auto; padding: 0; 
	/*font: normal 16px Arial, "bell mt", "Microsoft YaHei", "SimHei", "SimSun", "Helvetica Neue"; font: normal 16px "SourceSansProRegular";*/ 
	font: normal 16px "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", "sans-serif"; 
	color: #333;
	/* word-break: break-all; text-align: justify; */ 
	/* width: 100%;  */
	overflow-x: hidden; 
	background-color: #fff; 
	margin: 0 auto;
	/* max-width: 1280px; */
	/* min-width: 200px; */

}
.YaHei { font-family: "Microsoft YaHei" }
/* img, li { vertical-align: top; } */
.img { display: block; }
img { max-width: 100%; }
.clear { clear: both; width: 0; height: 0; border: 0; margin: 0; padding: 0; visibility: hidden; font-size: 0; line-height: 0; }
.clearfix { zoom: 1; }
.clearfix:after { content: ""; display: block; clear: both; height: 0; }
/**:focus { outline: none; }*/
a { text-decoration: none; color: #333; }
header { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	background-color: #fff;
	height: 100%;
	max-height: 130px;
	min-height: 65px;
}
.logo { float: left; margin-left: 6%; padding: 23px 0; width: 148px; text-align: right; }
nav { float: left; /*width: calc(80% - 200px);*/width: 70%; padding: 0; margin: auto; }
/*nav li { float: left; width: 12.5%; position: relative; padding-bottom: 20px; }*/
nav li { 
	float: left; position: relative; padding: 0 0 20px 20px; 
}
nav li a { 
	position: relative; display: inline-block; padding: 0; text-align: center; 
	color: #333; 
	width: 100%;
}
nav li a::after { content: ""; position: absolute; bottom: -10px; left: 15%; width: 0; height: 0px; background-color: #f7cf7a; transition: all .3s; }
nav li a:hover, nav li a.focus { color: #f7cf7a; }
nav li a:hover::after, nav li a.focus::after { width: 70%; }
nav .sub-nav {
	position: absolute;
	background: #fff;
	padding-bottom: 20px;
	min-width: 180px;
	max-width: 300px;
	box-shadow: 0 0 5px #00000060;
	display: none;
	z-index: 24;
}
nav li:hover > .sub-nav, nav li > a.focus +.sub-nav {
	display: block;
}
nav li:hover > a > .arrow-down {
	transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
}
/* nav li:hover > a > .arrow-right {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
} */
nav .sub-nav.direction-down {
	top: 53px;
}
nav .sub-nav.direction-right {
	top: 0px;
	left: 180px;
}
nav .sub-nav li {
	padding: 0 20px;
	width: 100%;
	display: inline-block;
}
nav .sub-nav li a {
	text-align: left;
	font-size: 14px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 14px 5px 4px;
}
nav .sub-nav li a::after {
	left: 0;
	bottom: 0;
	width: 100%;
	border-bottom: 1px dashed #ccc;
	background: none;
}
nav .sub-nav li a:hover::after {
	background: none;
}
.nav-header{
	width: 100%;
}
.arrow-right, .arrow-down {
	/*display: inline-block;
	width: 0;
	height: 0;
	border-width: 4px;
	border-style: solid;
	border-color: transparent transparent transparent #888;
	transition: all .4s;*/
	display: inline-block;
	width: 6px;
	height: 9px;
	margin-left: 4px;
	transition: all .4s;
	-webkit-transition: all .4s;
	display: none;
	/* background-image: url("../i  g/productas.png"); */
}
.arrow-down {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
.indicator {
	display: none;
	vertical-align: bottom;
	width: 20px;
	height: 51px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 5px 21px;
}
.indicator.on {
	background-image: url("../img/on_white.png");
}
.indicator.off {
	background-image: url("../img/off_white.png");
}
.headershares { /*float: right; margin-right: 6%; padding: 15px 0 0; width: 150px;*/margin: 0;padding: 0; }
.headershares li { float: left; width: 33.33%; }
.headershares a { display: block; width: 30px; text-align: center; line-height: 30px; border-radius: 50%; background-color: #3e605f; }
.headershares a i { font-size: 14px; color: #fff; }
.headershares a:hover { background-color: #f7cf7a; }
/* .headershares .bd { padding: 3px 0 0 0; } */
.headershares .bd a { width: auto; text-align: left; background: none; border-radius: 0; font-size: 15px; line-height: 1.2; padding: 0;font-weight: bold;}
.inquiry-btn { position: fixed; right: 0; top: 60%; padding: 5px; background-color: #3e605f; color: #fff; font-size: 14px; line-height: 20px; text-align: center; cursor: pointer; display: none; }
.inquiry-alert { position: fixed; top: 0; left: 0; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); }
.inquiry-alert form { position: relative; width: 600px; padding: 30px 20px 20px; background-color: #3e605f; border-radius: 10px; }
.inquiry-alert input { margin: 10px auto; padding: 0 5px; font-size: 18px; width: calc(50% - 30px); height: 35px; }
.inquiry-alert span { width: 20px; text-align: center; font-size: 16px; color: #f00; }
.inquiry-alert textarea { width: calc(100% - 20px); height: 120px; margin: 10px auto; padding: 5px; resize: none; font-size: 18px; }
.inquiry-alert input.inqsub { display: block; background-color: #f7cf7a; color: #fff; }
.inq-hide { width: 30px; position: absolute; top: 0; right: 0; cursor: pointer; }
.yuyan { float: right; margin: 10px 20px 0 0px; height: 42px; position: relative; }
.yuyan .hd { width: 100px; height: 42px; line-height: 40px; text-align: center; border: 1px solid #d74b4a; border-radius: 42px; cursor: pointer; }
.yuyan .hd div.lang { display: inline-block; line-height: 40px; vertical-align: top; color: #333; min-width: 50px; text-align: left; }
.yuyan .hd i { width: 31px; height: 40px; display: inline-block; background-repeat: no-repeat!important; background-position: 50% 50%!important; margin-left: 5px; }
.yuyan .bd { position: absolute; border: 1px solid #d74b4a; background: #fff; width: 140px; border-radius: 0 0 5px 5px; left: -40px; top: 41px; display: none; z-index: 9; text-align: left; }
.yuyan .bd li { text-align: left; padding: 0 0 0 10px; }
.yuyan .bd li a { display: block; }
.yuyan .bd li a span { display: inline-block; line-height: 40px; vertical-align: top; color: #333; min-width: 50px; text-align: left; }
.yuyan .bd li a i { width: 31px; height: 40px; display: inline-block; background-repeat: no-repeat!important; background-position: 50% 50%!important; margin-left: 5px; }
.yuyan.on .hd { border-radius: 10px 10px 0 0; }
.yuyan.on .bd { display: block; }
/*====header====*/
.banner { margin-top: 130px; }
.banner .swiper-container { display: block; height: 450px; }
.banner .swiper-slide>a { position: relative; display: block; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.banner .swiper-pagination-bullet { width: 12px; height: 12px; background: #fff; opacity: 1; }
.banner .swiper-pagination-bullet-active { background: #f7cf7a; }
.banner .swiper-button-prev { background: url(../img/bannerL.png) no-repeat left 30px center rgba(62,96,95,.67); width: 140px; height: 140px; border-radius: 50% 0 0 50%; top: 50%; left: 100%; margin: -70px 0 0 -70px; }
.banner .swiper-button-prev:hover { margin-left: -90px; }
.banner .swiper-button-next { background: url(../img/bannerR.png) no-repeat right 30px center rgba(62,96,95,.67); width: 140px; height: 140px; border-radius: 0 50% 50% 0; top: 50%; right: 100%; margin: -70px -70px 0 0; }
.banner .swiper-button-next:hover { margin-right: -90px; }
/*====banner====*/
.main { margin: 0 auto; padding: 40px 0; width: 80%; max-width: 1460px;}
.main .title { position: relative; margin-bottom: 40px; padding-bottom: 30px; font-size: 30px; font-weight: bold; text-align: center; font-family: "bell mt"; color: #404040; }
.main .title::after { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -30px; width: 60px; height: 4px; background-color: #f7cf7a; }
.main1 .title { padding-bottom: 0; }
.main1 .title::after { display: none; }
.main1 p { margin: 0 auto; max-width: 1260px; font-size: 16px; line-height: 1.5; color: #404040; text-align: center; }
/*====main1====*/
.main2cont { width: 100%; margin: 0 auto; position: relative; }
.main2cont .swiper-button-prev { margin-left: -7%; width: 7%; }
.main2cont .swiper-button-next { margin-right: -7%; width: 7%; }
.main2cont ul { width: calc(100% - 30px); }
.main2cont li { width: 25%; }
.main2cont dl dt { width: 100%; height: 300px; border: 1px solid #e5e5e5; overflow: hidden; }
.main2cont dl dt a { display: block; width: 102%; height: 100%; margin-left: -1%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.main2cont dl dd a { display: block; padding: 15px 5px; font-size: 16px; text-align: center; color: #4c4c4c }
/*====main2====*/
.main3 { width: 100%; }
.main3s { position: relative; padding-bottom: 40px; }
.main3 ul li { width: 20%; }
.main3 ul li a { display: block; width: 100%; height: 650px; height: 450px; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.main3cont { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: rgba(62,96,95,.85); }
.main3cont i { font-size: 60px; color: #fff; display: none; }
.main3cont h2 { font-size: 30px; line-height: 40px; color: #fff; }
.main3s .swiper-pagination { padding: 30px 0 0; width: 100%; }
.main3s .swiper-pagination-bullet { margin: 0 3px; width: 12px; height: 12px; background: #3e605f; opacity: 1; }
.main3s .swiper-pagination-bullet-active { background: #f7cf7a; }
.main3 ul li:hover .main3cont { opacity: 0; }
/*====main3====*/
/* .main4 li { float: left; width: 32%; margin-right: 2%; } */
.main4 li{
	float: left;
	/* width: 30%; */
	margin-right: 0;
	/* width: 32%;  */
	width: calc(25% - 0px);
	height: auto;
	box-shadow: 0 0 16px rgba(23, 22, 21, 0.1);
	padding: 3%;
	/* margin: 1% 0 1% 1%; */
}
.Buiness-box li{
	float: left;
	/* width: 30%; */
	margin-right: 0;
	width: calc(25% - 0px); 
	height: auto;
	box-shadow: 0 0 16px rgba(23, 22, 21, 0.1);
	padding: 1%;
	/* margin: 1% 0 1% 1%; */
}
.main4 li:last-child { margin-right: 0; }
.main4 dt { width: 100%; height: 270px; overflow: hidden; }
.main4 dt a { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.main4 dd { padding: 40px 20px; background-color: #fafafa; }
.main4 dd h4 { margin-bottom: 15px; font-size: 16px; font-weight: bold; line-height: 25px; height: 25px; overflow: hidden; color: #333; }
.main4 dd p { font-size: 14px; line-height: 25px; height: 50px; overflow: hidden; color: 666; }
.main4 dd time { position: relative; display: block; margin: 20px 0; padding-top: 20px; font-size: 14px; color: #666; }
.main4 dd time::after { content: ""; position: absolute; top: 0; left: 0; width: 10px; height: 1px; background-color: #666; }
.main4 dd a { padding-right: 15px; font-size: 16px; line-height: 30px; color: #3e605f; background: url(../img/main4more.png) no-repeat right center; }
/* .main4 li:hover dt a { transform: scale(1.1); opacity: .8; } */
/*====main4====*/
footer { background-color: #333333; }
.footerT { padding: 50px 0; border-bottom: 1px solid #e5e5e5; background-color: #333333; }
.footerT li { float: left; width: calc(33% - 110px); padding-right: 3%; }
.footerT h3 { margin-bottom: 30px; font-size: 16px; font-weight: bold; color: #fff; }
.footerT a, .footerT p { display: block; padding: 5px 0; font-size: 14px; line-height: 20px; color: #f2f2f2; }
/* .footerT li:first-child { width: 330px; } */
.footerT a.footershare { float: left; padding: 0; margin: 10px 10px 0 0; width: 42px; text-align: center; line-height: 40px; border-radius: 50%; background-color: #3e605f; color: #fff; }
.footerT a.footershare i { font-size: 20px; color: #fff; }
.footerT a.footershare:hover { background-color: #f7cf7a; }
.footerB { padding: 20px 10%; background-color: #333333; }
.footerB p { float: left; font-size: 14px; line-height: 20px; color: #f2f2f2; padding: 5px 10px; }
.footerB p:nth-child(2) { margin-left: 20%; }
.footerB a { float: right; font-size: 14px; line-height: 20px; color: #f2f2f2; padding: 5px 10px; }
/*====footer====*/
.ejbanner { margin-top: 94px; width: 100%; height: 400px; background-size: cover; background-repeat: no-repeat; background-position: center center; text-align: center; color: #f7cf7a; display: flex; align-items: center; justify-content: center; }
.ejbannerh h3 { margin-bottom: 10px; font-size: 30px; font-family: "bell mt"; font-weight: bold; }
.ejbannerh p { font-size: 16px; font-family: "bell mt"; }
.ejnav { margin-top: 20px; }
.ejnav a { float: left; margin: 0 10px; width: 120px; line-height: 60px; text-align: center; font-size: 14px; border-radius: 10px; background-color: #3e605f; color: #fff; }
.ejnav a:last-child { margin-right: 0; }
.ejnav a.ejhov { background-color: #f7cf7a; }
.about { font-size: 16px; line-height: 1.5; color: #404040; }
.about p { padding: 5px 0; }
.about>h2 { margin-bottom: 30px; font-size: 30px; font-weight: bold; text-align: center; color: #404040; }
.about img { margin: 10px; }
/*====about====*/
.productL { float: left; width: 190px; }
.productL h2 { margin-bottom: 20px; padding-bottom: 20px; font-size: 30px; font-family: "bell mt"; border-bottom: 2px solid #3e605f; color: #3e605f; }
.productlist1 a { display: block; padding: 20px 10px 20px 20px; font-size: 16px; line-height: 20px; border-bottom: 1px dashed #ccc; background: url(../img/producta.png) no-repeat center left; color: #4c4c4c; }
.productlist1 li.hov>a { background-image: url(../img/productas.png); color: #fdce6a; color: #000!important; font-weight: bold; }
.productlist1 li>a { background-image: url(../img/off.png); }
.productlist1 li.hov>a { background-image: url(../img/on.png); }
.productlist1 li.hov .productlist2 { display: block; }
.productlist1 li .productlist2 a { background: url(../img/productas.png) no-repeat center left!important; }
.productlist1 .hd { position: relative; }
.productlist1 .hd a { background-image: url(../img/off.png); padding-left: 30px; }
.productlist1 .hd span { position: absolute; left: 0; top: 0; width: 30px; height: 100%; z-index: 2; cursor: pointer; }
.productlist1 .hd2 { position: relative; }
.productlist1 .hd2 a { background-image: none; padding: 20px 10px 20px 0; }
.productlist1 .hd2 span { position: absolute; left: 0; top: 0; width: 30px; height: 100%; z-index: 2; cursor: pointer; }
.productlist1 li.hov .hd a { background-image: url(../img/on.png); font-weight: bold; color: #000;}
.productlist2 { padding-left: 30px; display: none; }
.productR { float: right; width: calc(100% - 230px); }
.productRcplist li { float: left; width: 31%; margin: 10px 1%; }
.productRimg { width: 100%; height: 260px; overflow: hidden; }
.productRimg a { display: block; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.productRcplist li:hover .productRimg a { transform: scale(1.1); }
.productRcont a { display: block; padding: 5px 10%; height: 50px; font-size: 14px; line-height: 20px; text-align: center; color: #333; overflow: hidden; }
/*====product====*/
.productxqs { margin: 30px 0 60px; }
.productxqs h3 { margin-bottom: 40px; font-size: 20px; line-height: 30px; font-weight: bold; color: #3e605f; }
.productxq1 { font-size: 16px; line-height: 28px; color: #3e605f; }
.productxq2 { font-size: 16px; line-height: 28px; color: #4c4c4c; }
.productxq3L { float: right; margin-left: 30px; width: 70%; }
.productxq3 h3 { margin-bottom: 10px; }
.productxq3 h3 span { font-size: 16px; font-weight: normal; color: #4c4c4c; }
.productxq3 h3.productxq3lx { margin: 30px 0; padding-bottom: 20px; border-bottom: 1px solid #ccc; color: #f7cf7a; }
.productxq3L a { margin: 20px 0; display: block; width: 160px; text-align: center; line-height: 60px; border-radius: 10px; font-size: 16px; background-color: #3e605f; color: #fff; }
.productxq3R { float: left; width: calc(30% - 30px); }
.productxq3R img { display: block; border: 4px solid #3e605f; }
.productxqs h4 { margin-bottom: 10px; font-size: 16px; line-height: 30px; font-weight: bold; color: #3e605f; }
.productxq6, .productxq7 { font-size: 16px; line-height: 30px; color: #4c4c4c; }
.productxq8 {width: 100%;margin: 0px 0;border: 1px solid #eee;border: none!important;}
.productxq8 h3 { padding: 10px 2%; width: 100%; font-size: 16px; line-height: 30px; background-color: #3e605f; color: #fff; }
.productxq8 form {padding: 20px 0!important;}
.productxq8 input { margin: 10px 0; padding: 0 10px; width: 50%; height: 40px; border: 1px solid #d9d9d9; font-size: 15px; color: #333; }
/*.productxq8 textarea { margin: 10px 0; padding: 10px; width: 50%; height: 120px; font-size: 15px; line-height: 1.5; border: 1px solid #d9d9d9; color: #333; resize: none; font-family: Arial, Helvetica, sans-serif; }*/
.productxq8 textarea { font-family: Arial; margin: 10px 0; padding: 10px; width: 50%; height: 120px; font-size: 15px; line-height: 1.5; border: 1px solid #d9d9d9; color: #333; resize: none; }
.productxq8 input.productsub { display: block; margin: 20px 0 0; padding: 0; width: 50%; height: 40px; border-radius: 10px; border: none; font-size: 15px; background-color: #f7cf7a; color: #fff; }
/*====productxq====*/
.grade { padding: 70px 10%; background: url(../img/gradebg.png) repeat scroll top left; }
.grade table { border-collapse: collapse; }
.grade td { padding: 10px 10px; border: 1px solid #e6e6e6; }
.grade td.gradetd1 { width: 250px; font-size: 20px; font-weight: bold; text-align: center; line-height: 25px; font-family: "bell mt"; color: #3e605f; }
.grade td.gradetd2 { width: 250px; font-size: 16px; font-weight: bold; text-align: center; line-height: 25px; color: #4c4c4c; }
.grade td.gradetd3 { padding: 10px 20px; height: 80px; height: auto; font-size: 16px; line-height: 1.5; color: #4c4c4c; word-break: break-word; }
/*====grade====*/
.applicationfl { display: flex; flex-flow: row wrap; justify-content: center; }
.applicationfl li { flex: 0 1 25%; padding: 40px 15px; text-align: center; }
.applicationfl li i { font-size: 60px; color: #3e605f; }
.applicationfl li p { margin-top: 5px; font-size: 25px; line-height: 30px; height: 90px; overflow: hidden; font-family: "bell mt"; font-weight: bold; color: #3e605f; }
.applicationimg { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; overflow: scroll; }
.applicationimg li { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }
.applicationimgcont { max-height: 100%; padding: 10px; position: relative; }
.applicationimghide { position: absolute; top: 0; right: 0; margin: -10px -10px 0 0; cursor: pointer; }
.applicationimgcont>img { max-height: 100%; max-height: 700px; border: 10px solid #3e605f; }
/*====application====*/
.news ul { width: 1200px; margin: 0 auto; }
.news li { margin-bottom: 20px; }
.news dl { height: 260px; background-color: #f5f5f5; }
.news dt { float: left; width: 350px; height: 100%; overflow: hidden; }
.news dt div { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.news dd { float: left; width: calc(100% - 380px); padding: 30px 50px 10px 40px; overflow: hidden; }
.news dd h4 { font-size: 16px; font-weight: bold; line-height: 30px; height: 30px; overflow: hidden; color: #333; }
.news dd time { display: block; margin: 10px 0 10px; font-size: 14px; color: #292929; }
.news dd p { font-size: 14px; line-height: 25px; height: 75px; overflow: hidden; color: #666; }
.news dd a { display: block; margin-top: 10px; width: 150px; text-align: center; line-height: 50px; border-radius: 10px; font-size: 14px; background-color: #3e605f; color: #fff; }
.newsfy { margin: 0 auto; padding: 20px 0; width: 1200px; display: flex; flex-flow: row nowrap; justify-content: center; }
.newsfy a, .newsfy span.off { display: block; margin: 5px; padding: 10px 0; width: 45px; font-size: 16px; text-align: center; line-height: 25px; border-radius: 10px; background-color: #e6e6e6; color: #666; }
.newsfy a.newsfypn { width: 120px; }
.newsfy a:hover, .newsfy a.fenyeon { background-color: #3e605f; color: #fff; }
.newsfy span, .newsfy span a { display: inline-block; }
.newsfy span.off { }
/*====news====*/
.newsxq h3 { margin-bottom: 30px; font-size: 18px; text-align: center; color: #333; }
.newsxqcont { font-size: 14px; line-height: 28px; color: #4c4c4c; }
.newsxqlj { margin-top: 60px; padding: 20px 0; border-top: 1px solid #ccc; }
.newsxqlj a { display: block; padding: 5px; font-size: 16px; line-height: 30px; color: #333; }
.newsxqlj a:hover { color: #3e605f; }
/*====newsxq====*/
.contactTitle { max-width: 1400px; margin: 0 auto; padding: 0 0px 30px; font-size: 20px; font-weight: bold; color: #4c4c4c; }
.contactaddress { margin: 0 auto; width: 1400px; padding: 60px 0; border-bottom: 1px solid #f2f2f2; }
.contactaddresscont { float: left; padding-right: 50px; width: 650px; }
.contactaddresscont h3 { margin-bottom: 30px; font-size: 20px; font-weight: bold; color: #4c4c4c; }
.contactaddresscont p { padding: 10px 0; font-size: 16px; line-height: 25px; color: #4c4c4c; }
.contactaddressmap { float: right; width: calc(100% - 650px); max-width: 700px; }
.contactbd { width: 1000px; margin: 60px auto; }
.contactbd input { margin: 10px 0; padding: 0 20px; width: calc(50% - 10px); height: 60px; border: 1px solid #d9d9d9; font-size: 15px; color: #333; }
.contactbd textarea { margin: 10px 0; padding: 20px; width: 100%; height: 200px; font-size: 15px; line-height: 30px; border: 1px solid #d9d9d9; color: #333; resize: none; }
.contactbd input.contactsub { display: block; margin: 50px auto; padding: 0; width: 200px; height: 60px; border-radius: 10px; border: none; font-size: 15px; background-color: #3e605f; color: #fff; }

/*====contact====*/

@media (max-width: 1660px) {
	.nav-header{
		/* width: 1600px; */
	}
}

@media only screen and (max-width: 1480px) {
	.logo { float: left; margin-left: 5%; padding: 23px 0; width: 148px; text-align: right; }
	nav { float: left; width: calc(70% - 100px); padding: 0; }
	nav li { width: auto; padding: 0 9px 20px; }
	.headershares { /*float: right; margin-right: 5%; padding: 15px 0 0; width: 150px;*/margin: 0;padding: 0; }
	/*====header====*/
	.banner .swiper-container { height: 450px; }
	/*====banner====*/
	.main { width: 89%; }
	.main2cont dl dt { height: 260px; }
	.main3 ul li a { height: 450px; }
	.main3cont { padding: 10px; }
	.main3cont i { font-size: 50px; }
	.main3cont h2 { font-size: 26px; line-height: 30px; }
	/*====main3====*/
	.main4 dt { height: 200px; }
	.main4 dd { padding: 20px 10px; }
	/*====main4====*/
	.footerT { padding: 50px 0; }
	.footerT li { width: calc(33% - 80px); }
	/* .footerT li:first-child { width: 240px; } */
	.footerB { padding: 20px 2%; }
	.footerB p:nth-child(2) { margin-left: 10%; }
	/*====footer====*/
	.ejbanner { margin-top: 94px; width: 100%; height: 300px; background-size: cover; background-repeat: no-repeat; background-position: center center; }
	/*====anout====*/

	.productR { float: right; width: calc(100% - 230px); }
	/*====product====*/
	.grade { padding: 70px 5%; }
	.grade td.gradetd1, .grade td.gradetd1 { width: 200px; }
	/*====grade====*/
	.news ul, .newsfy { width: 100%; }
	/*====news====*/
	.contactaddress { width: 100%; }
	.contactaddresscont { padding-right: 20px; width: 620px; }
	.contactaddressmap { width: calc(100% - 620px); }


	/* 导航 */
	/* nav {
		height: 100%;
		margin: auto;
		display: table;
		float: left;
	} */
	/* nav .clearfix{
		display:table-cell; vertical-align:middle;
	} */
	nav .nav-header{
		padding: 0;
		margin: 0;
	}
	nav li{
		padding: 0;
		margin: 0;
	}
	
}

@media only screen and (max-width: 1280px) {
	.nav-header{
		/* width: 1600px; */
	}
	
}

@media only screen and (max-width: 1100px) {
	.Buiness-box li dt,.EnCase-box li dt,.Service-box li dt{ 
		height: 146px;
	}
}

@media only screen and (max-width: 640px) {
	header { position: fixed; top: 0; left: 0; width: 100%; height: 65px; background-color: #fff; z-index: 999; }
	.logo { float: left; margin: 0; padding: 20px 0 0 10px; width: 90px; }
	nav { position: fixed; top: 0; left: 0; float: none; margin-top: 0; margin-left: 0; width: 100%; height: 0; overflow: auto; background-color: #f7cf7a; -webkit-transition: background 0.35s linear, height 0.25s ease-in 200ms; -moz-transition: background 0.35s linear, height 0.25s ease-in 200ms; -ms-transition: background 0.35s linear, height 0.25s ease-in 200ms; -o-transition: background 0.35s linear, height 0.25s ease-in 200ms; transition: background 0.35s linear, height 0.25s ease-in 200ms; z-index: 999; }
	nav li a { display: block; color: #fff; margin: 0; padding: 0; width: 100%; text-align: left; outline: none; font-size: 16px; line-height: 50px; }
	nav li a::after { content: ""; position: absolute; bottom: -15px; left: 30%; width: 0; height: 2px; background-color: #f7cf7a; transition: all .3s; }
	nav li a:hover, nav li a.focus { color: #fff; }
	nav li a:hover::after, nav li a.focus::after { width: 0; }
	nav .sub-nav li a::after {
		border: none;
	}
	.nav-btn { position: fixed; top: 0; right: 0; display: block; width: 50px; height: 65px; background: url(../img/navbtn.png) no-repeat center center #f7cf7a; background-size: auto; z-index: 1111; }
	.nav-btn-on { background: none; background: url(../img/navbtn_on.png) no-repeat center center #f7cf7a; background-size: auto; }
	nav ul { padding: 50px 30px 20px; }

	.nav-on { height: 100%; background-color: #f7cf7a; }

	.yuyan { display: block; margin: 0; padding: 0; width: 100%; text-align: left; outline: none; font-size: 16px; height: 50px; }
	.yuyan .hd { border: none; cursor: pointer; width: 100%; border-bottom: 1px solid #fff; border-radius: 0; text-align: left; height: 50px; padding: 0; }
	.yuyan .hd div.lang { display: inline-block; color: #fff; line-height: 50px; }
	.yuyan .hd i { width: 31px; height: 40px; display: inline-block; background-repeat: no-repeat!important; background-position: 50% 50%!important; margin-left: 5px; }
	.yuyan .bd { position: static; border: none; background: transparent; width: 100%; border-radius: 0; display: none; text-align: left; padding: 0 0 0 20px; }
	.yuyan .bd li { text-align: left; padding: 0 0 0 10px; }
	.yuyan .bd li a { display: block; }
	.yuyan .bd li a span { display: inline-block; line-height: 50px; vertical-align: top; color: #fff; min-width: 50px; text-align: left; }
	.yuyan .bd li a i { width: 31px; height: 40px; display: inline-block; background-repeat: no-repeat!important; background-position: 50% 50%!important; margin-left: 5px; }
	.yuyan.on .hd { border-radius: 10px 10px 0 0; }
	.yuyan.on .bd { display: block; }

	nav li { float: none; display: block; width: 100%; border-bottom: 1px solid #fff; -webkit-transform: scale(1.1) translateY(-24px); -moz-transform: scale(1.1) translateY(-24px); -ms-transform: scale(1.1) translateY(-24px); -o-transform: scale(1.1) translateY(-24px); transform: scale(1.1) translateY(-24px); -webkit-transition: all .35s ease-out; -moz-transition: all .35s ease-out; -ms-transition: all .35s ease-out; -o-transition: all .35s ease-out; transition: all .35s ease-out; }
	.nav-on li { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none }
	nav>ul>li:nth-child(2) { transition-delay: 300ms, 300ms; }
	nav>ul>li:nth-child(3) { transition-delay: 350ms, 350ms; }
	nav>ul>li:nth-child(4) { transition-delay: 400ms, 400ms; }
	nav>ul>li:nth-child(5) { transition-delay: 450ms, 450ms; }
	nav>ul>li:nth-child(6) { transition-delay: 500ms, 500ms; }
	nav>ul>li:nth-child(7) { transition-delay: 550ms, 550ms; }
	nav>ul>li:nth-child(8) { transition-delay: 600ms, 600ms; }
	nav>ul>li:nth-child(9) { transition-delay: 650ms, 650ms; }
	/*====header====*/
	.headershares { /*float: left; margin-left: 20px; padding: 10px 0 0; width: 140px;*/margin: 0;padding: 0;position: absolute; right:11% !important}
	.headershares li { float: left; width: 33.33%; }
	.headershares a { display: block; width: 20px; text-align: center; line-height: 20px; border-radius: 50%; background-color: #3e605f; }
	.headershares a i { font-size: 16px; color: #fff; }
	.inquiry-btn { position: fixed; right: 0; top: 60%; padding: 5px; background-color: #3e605f; color: #fff; font-size: 14px; line-height: 20px; text-align: center; cursor: pointer; }
	.inquiry-alert { position: fixed; top: 0; left: 0; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); }
	.inquiry-alert form { position: relative; width: 90%; padding: 30px 10px 10px; background-color: #3e605f; border-radius: 15px; }
	.inquiry-alert input { margin: 5px auto; padding: 0 5px; font-size: 14px; width: calc(50% - 15px); height: 30px; }
	.inquiry-alert span { width: 10px; text-align: center; font-size: 16px; color: #f00; }
	.inquiry-alert textarea { width: calc(100% - 10px); height: 60px; margin: 5px auto; padding: 5px; resize: none; font-size: 14px; }
	.inquiry-alert input.inqsub { display: block; background-color: #f7cf7a; color: #fff; }
	.inq-hide { width: 30px; position: absolute; top: 0; right: 0; cursor: pointer; }
	/*====header====*/
	.banner { margin-top: 65px; }
	.banner .swiper-container { display: block; height: 220px; }
	.banner .swiper-slide>a { position: relative; display: block; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
	.banner .swiper-pagination-bullet { width: 12px; height: 12px; background: #fff; opacity: 1; }
	.banner .swiper-pagination-bullet-active { background: #f7cf7a; }
	.banner .swiper-button-prev { background: url(../img/bannerL.png) no-repeat left 12px center rgba(62,96,95,.67); background-size: 20%; width: 60px; height: 60px; border-radius: 50% 0 0 50%; top: 50%; left: 100%; margin: -30px 0 0 -30px; }
	.banner .swiper-button-prev:hover { margin-left: -40px; }
	.banner .swiper-button-next { background: url(../img/bannerR.png) no-repeat right 12px center rgba(62,96,95,.67); background-size: 20%; width: 60px; height: 60px; border-radius: 0 50% 50% 0; top: 50%; right: 100%; margin: -30px -30px 0 0; }
	.banner .swiper-button-next:hover { margin-right: -40px; }
	/*====banner====*/
	.main { margin: 0 auto; padding: 30px 0; width: 89%; }
	.main .title { position: relative; margin-bottom: 20px; padding-bottom: 10px; font-size: 24px; font-weight: bold; text-align: center; font-family: "bell mt"; color: #404040; }
	.main .title::after { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -30px; width: 60px; height: 4px; background-color: #f7cf7a; }
	.main1 .title { padding-bottom: 0; }
	.main1 .title::after { display: none; }
	.main1 p { margin: 0 auto; max-width: 1260px; font-size: 16px; line-height: 30px; color: #404040; text-align: left; }
	/*====main1====*/
	.main2cont { width: 86%; margin: 0 auto; position: relative; }
	.main2cont .swiper-button-prev { top: 40%; left: 0; margin-left: -7%; width: 7%; background-size: contain; }
	.main2cont .swiper-button-next { top: 40%; right: 0; margin-right: -7%; width: 7%; background-size: contain; }
	.main2cont ul { width: calc(100% - 10px); }
	.main2cont li { width: 50%; }
	.main2cont dl dt { width: 100%; height: 200px; border: 1px solid #e5e5e5; overflow: hidden; }
	.main2cont dl dt a { display: block; width: 102%; height: 100%; margin-left: -1%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
	.main2cont dl dd a { display: block; padding: 5px 0; font-size: 16px; text-align: center; color: #4c4c4c }
	/*====main2====*/
	.main3 { width: 100%; }
	.main3s { position: relative; padding-bottom: 20px; }
	.main3 ul li { width: 50%; }
	.main3 ul li a { display: block; width: 100%; height: 350px; background-size: cover; background-repeat: no-repeat; background-position: center center; }
	.main3cont { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: rgba(62,96,95,.85); }
	.main3cont i { font-size: 40px; color: #fff; }
	.main3cont h2 { font-size: 18px; line-height: 30px; color: #fff; }
	.main3s .swiper-pagination { padding: 10px 0 0; width: 100%; }
	.main3s .swiper-pagination-bullet { margin: 0 3px; width: 8px; height: 8px; background: #3e605f; opacity: 1; }
	.main3s .swiper-pagination-bullet-active { background: #f7cf7a; }
	/*====main3====*/
	.main4 li { float: left; width: 100%; margin-bottom: 15px; margin-right: 0; }
	.main4 li:last-child { margin-right: 0; }
	.main4 dt { width: 100%; height: 200px; overflow: hidden; }
	.main4 dt a { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
	.main4 dd { padding: 10px 5px; background-color: #fafafa; }
	.main4 dd h4 { margin-bottom: 10px; font-size: 16px; font-weight: bold; line-height: 25px; height: 100%; overflow: hidden; color: #333; }
	.main4 dd p { font-size: 14px; line-height: 25px; height: 100%; overflow: hidden; color: 666; }
	.main4 dd time { position: relative; display: block; margin: 10px 0; padding-top: 10px; font-size: 14px; color: #666; }
	.main4 dd time::after { content: ""; position: absolute; top: 0; left: 0; width: 10px; height: 1px; background-color: #666; }
	.main4 dd a { padding-right: 15px; font-size: 16px; line-height: 30px; color: #3e605f; background: url(../img/main4more.png) no-repeat right center; }
	/* .main4 li:hover dt a { transform: scale(1.1); opacity: .8; } */
	/*====main4====*/
	.footerT { display: none; }
	.footerB { padding: 10px 2% 5px; background-color: #333; }
	.footerB p { float: none; font-size: 14px; line-height: 20px; color: #f2f2f2; padding: 5px 0; }
	.footerB p:nth-child(2) { margin-left: 0; }
	.footerB a { float: none; font-size: 14px; line-height: 20px; color: #f2f2f2; padding: 5px 0; }
	/*====footer====*/
	.ejbanner { margin-top: 65px; width: 100%; height: 160px; background-size: cover; background-repeat: no-repeat; background-position: center center; }
	.ejbannerh h3 { margin-bottom: 5px; font-size: 24px; font-family: "bell mt"; font-weight: bold; }
	.ejbannerh p { font-size: 14px; font-family: "bell mt"; }
	.ejnav { margin-top: 10px; }
	.ejnav a { float: left; margin: 0 5px; width: 100px; line-height: 40px; text-align: center; font-size: 14px; border-radius: 10px; background-color: #3e605f; color: #fff; }
	.ejnav a:last-child { margin-right: 0; }
	.ejnav a.ejhov { background-color: #f7cf7a; }
	.about { font-size: 16px; line-height: 30px; color: #404040; }
	.about>h2 { margin-bottom: 10px; font-size: 20px; font-weight: bold; text-align: center; color: #404040; }
	.about img { margin: 5px 0; }
	/*====about====*/
	.productL { float: none; width: 100%; }
	.productlist1 a { display: block; padding: 15px 10px 15px 20px; font-size: 16px; line-height: 20px; border-bottom: 1px dashed #ccc; background: url(../img/producta.png) no-repeat center left; color: #4c4c4c; }
	.productlist1>li>a { padding: 20px 10px 20px 20px; }
	.productlist1 li.hov>a { background-image: url(../img/productas.png); color: #fdce6a; }
	.productlist1 li.hov .productlist2 { display: block; }
	.productlist2 { padding-left: 20px; display: none; }
	.productR { float: none; width: 100%; margin-bottom: 30px; }
	.productRcplist li { float: left; width: calc(50% - 5px); margin: 10px 0; }
	.productRcplist li:nth-child(even) { float: right; }
	.productRimg { width: 100%; height: 200px; overflow: hidden; }
	.productRimg a { display: block; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
	.productRcplist li:hover .productRimg a { transform: scale(1.1); }
	.productRcont a { display: block; padding: 3px 0; height: 46px; font-size: 14px; line-height: 20px; text-align: left; color: #333; overflow: hidden; }
	/* .productRimg a:hover{} */
	.productRcont a:hover{ color:#000;}
	/*====product====*/
	.productxqs { margin: 20px 0 30px; }
	.productxqs h3 { margin-bottom: 10px; font-size: 18px; line-height: 30px; font-weight: bold; color: #3e605f; }
	.productxq1 { font-size: 16px; line-height: 28px; color: #3e605f; }
	.productxq2 { font-size: 16px; line-height: 28px; color: #4c4c4c; }
	.productxq3L { float: none; margin-left: 0; width: 100%; }
	.productxq3 h3 { margin-bottom: 5px; }
	.productxq3 h3 span { font-size: 16px; font-weight: normal; color: #4c4c4c; }
	.productxq3 h3.productxq3lx { margin: 20px 0; padding-bottom: 10px; border-bottom: 1px solid #ccc; color: #f7cf7a; }
	.productxq3L a { margin: 10px 0; display: block; width: 160px; text-align: center; line-height: 60px; border-radius: 10px; font-size: 16px; background-color: #3e605f; color: #fff; }
	.productxq3R { float: none; margin-top: 20px; width: 100%; }
	.productxq3R img { display: block; border: 4px solid #3e605f; }
	.productxqs h4 { margin-bottom: 10px; font-size: 16px; line-height: 30px; font-weight: bold; color: #3e605f; }
	.productxq6, .productxq7 { font-size: 16px; line-height: 30px; color: #4c4c4c; }
	.productxq8 { width: 100%; margin: 0px 0; }
	.productxq8 h3 { padding: 5px 2%; width: 100%; font-size: 16px; line-height: 30px; background-color: #3e605f; color: #fff; }
	.productxq8 form { padding: 10px 2%; }
	.productxq8 input { margin: 5px 0; padding: 0 5px; width: 100%; height: 35px; border: 1px solid #d9d9d9; font-size: 14px; color: #333; }
	.productxq8 textarea { margin: 5px 0; padding: 5px; width: 100%; height: 80px; font-size: 14px; line-height: 25px; border: 1px solid #d9d9d9; color: #333; resize: none; }
	.productxq8 input.productsub { display: block; margin: 10px auto; padding: 0; width: 100%; height: 35px; border-radius: 10px; border: none; font-size: 15px; background-color: #f7cf7a; color: #fff; }
	/*====productxq====*/
	.grade { padding: 30px 2%; background: url(../img/gradebg.png) repeat scroll top left; background: none;/* overflow-x: scroll; */ }
	.grade table { border-collapse: collapse; }
	.grade td { padding: 5px; border: 1px solid #e6e6e6; }
	.grade td.gradetd1 { width: 80px; font-size: 16px; font-weight: bold; text-align: center; line-height: 20px; font-family: "bell mt"; color: #3e605f; }
	.grade td.gradetd2 { width: 80px; font-size: 14px; font-weight: bold; text-align: center; line-height: 20px; color: #4c4c4c; }
	.grade td.gradetd3 { padding: 5px; height: 100%; font-size: 12px; line-height: 20px; color: #4c4c4c; }
	/*====grade====*/
	.applicationfl { display: flex; flex-flow: row wrap; justify-content: center; }
	.applicationfl li { flex: 0 1 50%; padding: 20px 5px; text-align: center; }
	.applicationfl li i { font-size: 40px; color: #3e605f; }
	.applicationfl li p { margin-top: 5px; font-size: 18px; line-height: 25px; height: 50px; overflow: hidden; font-family: "bell mt"; font-weight: bold; color: #3e605f; }
	.applicationimg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
	.applicationimg li { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }
	.applicationimgcont { max-height: 100%; padding: 10px; position: relative; }
	.applicationimghide { position: absolute; top: 0; right: 0; width: 30px; margin: 0; cursor: pointer; }
	.applicationimgcont>img { max-height: 100%; max-height: 700px; border: 3px solid #3e605f; }
	/*====application====*/
	.news ul { width: 100%; margin: 0 auto; }
	.news li { margin-bottom: 10px; }
	.news dl { height: 100%; background-color: #f5f5f5; }
	.news dt { display: none; float: none; width: 100%; height: 260px; overflow: hidden; }
	.news dt div { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
	.news dd { float: none; width: 100%; padding: 15px 10px; overflow: hidden; }
	.news dd h4 { font-size: 16px; font-weight: bold; line-height: 30px; height: 100%; overflow: hidden; color: #333; }
	.news dd time { display: block; margin: 5px 0 10px; font-size: 14px; color: #292929; }
	.news dd p { font-size: 14px; line-height: 25px; height: 100%; overflow: hidden; color: #666; }
	.news dd a { display: block; margin-top: 10px; width: 120px; text-align: center; line-height: 40px; border-radius: 10px; font-size: 14px; background-color: #3e605f; color: #fff; }
	.newsfy { margin: 0 auto; padding: 10px 0; width: 100%; display: flex; flex-flow: row nowrap; justify-content: center; }
	.newsfy a, .newsfy span.off { display: block; margin: 2px; padding: 5px 0; width: 30px; font-size: 14px; text-align: center; line-height: 20px; border-radius: 10px; background-color: #e6e6e6; color: #666; }
	.newsfy a.newsfypn { width: 90px; font-size: 10px }
	.newsfy a:hover { background-color: #3e605f; color: #fff; }
	/*====news====*/
	.newsxq h3 { margin-bottom: 15px; font-size: 18px; text-align: center; color: #333; }
	.newsxqcont { font-size: 14px; line-height: 25px; color: #4c4c4c; }
	.newsxqlj { margin-top: 30px; padding: 10px 0; border-top: 1px solid #ccc; }
	.newsxqlj a { display: block; padding: 5px; font-size: 16px; line-height: 25px; color: #333; }
	.newsxqlj a:hover { color: #3e605f; }
	/*====newsxq====*/
	.contactaddress { margin: 0 auto; width: 100%; padding: 20px 0; border-bottom: 1px solid #f2f2f2; }
	.contactaddresscont { float: none; padding-right: 0; width: 100%; }
	.contactaddresscont h3 { margin-bottom: 10px; font-size: 20px; font-weight: bold; color: #4c4c4c; }
	.contactaddresscont p { padding: 3px 0; font-size: 16px; line-height: 30px; color: #4c4c4c; }
	.contactaddressmap { margin: 20px 0; float: none; width: 100%; max-width: 700px; }
	.contactbd { width: 100%; margin: 30px auto; }
	.contactbd input { margin: 5px 0; padding: 0 10px; width: 100%; height: 35px; border: 1px solid #d9d9d9; font-size: 15px; color: #333; }
	.contactbd textarea { margin: 5px 0; padding: 10px; width: 100%; height: 120px; font-size: 15px; line-height: 25px; border: 1px solid #d9d9d9; color: #333; }
	.contactbd input.contactsub { display: block; margin: 10px auto; padding: 0; width: 120px; height: 40px; border-radius: 10px; border: 1px solid #03abcc; font-size: 15px; background-color: #03abcc; color: #fff; }
	nav li {
		padding: 0;
	}
	nav li:hover > .sub-nav, nav li > a.focus +.sub-nav {
		display: none;
	}
	nav .sub-nav {
		position: static;
		width: 100%;
		padding: 0 0 0 20px;
		background-color: transparent;
		box-shadow: none;
		min-width: 0;
		max-width: 100%;
	}
	nav .sub-nav li {
		padding: 0;
	}
	nav .sub-nav li a {
		padding: 0 5px 0;
	}
	nav .sub-nav > li:nth-of-type(1) {
		border-top: 1px solid #fff;
	}
	nav .sub-nav > li:nth-last-of-type(1) {
		border-bottom: none;
	}
	.arrow-right, .arrow-down {
		display: none;
	}
	.indicator {
		display: inline-block;
	}

}

.messBox { }
.mess { padding: 0px 150px 0px; max-width: 1440px; margin: 0 auto; }
.mess h2 { text-align: center; font-weight: bold; font-size: 30px; color: #4c4c4c; padding: 0 0 20px; line-height: 1; font-family: "Times New Roman", Times, serif; }
.mess h3 { text-align: center; font-weight: bold; font-size: 20px; color: #cf000d; line-height: 1; }
.mess ul { padding: 20px 0 0 0; margin: 0 -10px; margin: 0 auto; width: 50%; min-width: 600px; }
.mess li { float: left; width: 100%; padding: 0 10px 10px; }
.mess li.last { width: 100% }
.mess .text { width: 100%; border: 1px solid #d9d9d9; height: 48px; line-height: 24px; font-size: 13px; padding: 0 20px; border-radius: 5px; background: none; color: #000!important; }
/*.mess .text2 { width: 100%; border: 1px solid #d9d9d9; line-height: 2; font-size: 13px; padding: 0 20px; min-height: 100px; resize: none; font-family: "Microsoft YaHei"; border-radius: 5px; background: none; color: #000!important;}*/
.mess .text2 { width: 100%; border: 1px solid #d9d9d9; font-family: Arial; line-height: 24px; font-size: 13px; padding: 0 20px; min-height: 100px; resize: none; border-radius: 5px; background: none; color: #000!important;}
.mess .btn { width: 200px; line-height: 50px; height: 50px; font-size: 15px; background: #3e605f; color: #fff; cursor: pointer; display: block; margin: 0 auto; border-radius: 5px; }


.mianbiaoxie { font-size: 13px; line-height: 20px; padding: 0 0px 0 10px; }
.mianbiaoxie a { }
.mianbiaoxie a:hover { color: #f7cf7a; }
.mianbiaoxie span { }
.proDetail_sub1 { padding: 0 0 30px; }
.proDetail_sub1 .hd {font-size: 20px;color: #3e605f;line-height: 1.2;border-bottom: 1px solid #999;padding: 0;margin-bottom: 20px;}
.proDetail_sub1 .hd .mbx{}
.proDetail_sub1 .hd .mbx a{
	font-size: 13px;
	line-height: 20px;
	/* padding: 0 10px 0 0px; */
}
.proDetail_sub1 .hd .mbx a:hover{color: #f7cf7a;}
.proDetail_sub1 .hd .h2{
	line-height: 1;
	padding: 7px 0 10px;
	font-size: 20px;
}
.proDetail_sub1 .bd { padding: 0 0 0 400px; }
.proDetail_sub1 .bd .left { float: left; width: 380px; height: 350px; border: 5px solid #3e605f; margin-left: -400px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.proDetail_sub1 .bd .right { }
.proDetail_sub1 .bd .text { float: left; font-size: 16px; line-height: 2; color: #4c4c4c; padding: 0 0 20px; width: 100%; }
.proDetail_sub1 .bd .text p { }
.proDetail_sub1 .bd .text strong { color: #3e605f; padding: 0 5px 0 0; }
.proDetail_sub1 .bd a { width: 160px; text-align: center; line-height: 60px; border-radius: 10px; font-size: 16px; background-color: #3e605f; color: #fff; display: inline-block; }
.proDetail_sub2 { padding: 0 0 0px; }
.proDetail_sub2 .hd { padding: 10px 2%; width: 100%; font-size: 16px; line-height: 30px; background-color: #3e605f; color: #fff; }
.proDetail_sub2 .con { padding: 15px 0 0; line-height: 1.5; }
.proDetail_sub2 .con p { padding: 5px 0; }
.proDetail_sub2 .con strong, .proDetail_sub2 .con b { font-size: 16px; color: #3e605f; }
.proDetail_sub2 .table { /*  overflow-x: scroll; */
}
.proDetail_sub2 table { border-collapse: collapse; margin: 10px 0; }
.proDetail_sub2 table, .proDetail_sub2 table th, .proDetail_sub2 table td { border: 1px solid #e6e6e6; text-align: center; font-size: 14px; color: #4c4c4c; line-height: 1.5; padding: 5px 5px; }



/* -----------------------------------------------------------------新css -----------------------------------------------------------------*/
/* -----------------------------------------------------------------新css -----------------------------------------------------------------*/
/* -----------------------------------------------------------------新css -----------------------------------------------------------------*/
/* -----------------------------------------------------------------新css -----------------------------------------------------------------*/
/* -----------------------------------------------------------------新css -----------------------------------------------------------------*/
/* -----------------------------------------------------------------新css -----------------------------------------------------------------*/
/* -----------------------------------------------------------------新css -----------------------------------------------------------------*/
/* -----------------------------------------------------------------新css -----------------------------------------------------------------*/
/* -----------------------------------------------------------------新css -----------------------------------------------------------------*/
/* -----------------------------------------------------------------新css -----------------------------------------------------------------*/


*{
	/* outline: 1px dashed !important; */

	/* -webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-webkit-tap-highlight-color: transparent;
	outline: 0; */
}
body, html {
	/* -webkit-touch-callout: none;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	width: 100%; */
}
body{
	cursor: pointer;
	/* -webkit-overflow-scrolling: touch;
	overflow-x: hidden;
	word-break: break-all;
	overflow-y: auto;
	-webkit-touch-callout: none;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-user-select: none; */
}
.mescroll-bar::-webkit-scrollbar {
	width: 2px;
}
::-webkit-scrollbar{
	width:0;
}
.mescroll-bar::-webkit-scrollbar-thumb {
	border-radius: 2px;
	background-color: #ccc;
}
.mescroll-bar::-webkit-scrollbar-track {
	background-color: transparent;
}

#header-w{
	position: relative;
	height: 100%;
	width: 100%;
	margin: auto;
	display: flex;
}
.headershares { 
	right: 0; 
}

.nav-header{
	/* height: 100%; */
	width: 100%;
	/* margin: auto; */
	float: unset;
	position: absolute;
	/* width: 1600px; */
	/*background: #2b2b2b;*/
	background: #fff;
	/*background: red;*/
	bottom: 0;
}
#t-nav{
	width: 70%;
	height: 100%;
	display: table;
	margin: auto;
}
#t-nav-t{
	display: table-cell;
	vertical-align: middle;
}
#t-nav-t .clearfix{
	/* text-overflow: ellipsis;
	white-space: nowrap;
	height: 50px;
	overflow: hidden; */
}
.nav-f-li{
	padding: 0;
}
nav li:hover {
	background: #3385ff;
}
nav li{
	float: left;
	position: relative;
	/* padding: 0 0 20px 20px; */
	display: inline-block;
	position: relative;
	/* width: 110px; */
	text-align: center;
	-webkit-transition: background 1s;
}
nav li a{
	/*color:#fff;*/
	color:#333;
	/* width: 120px; */
	padding: 0;
}
nav li a:hover, nav li a.focus {
	/*color: #fff;*/
	color: #333;
}
nav .sub-nav li a{
	color:#000;
}
.nav-t-logo-div,.nav-t-call-div{
	height: 59%;
}
li.nav-f-li a:first-child {
	height: 53px;
	line-height: 53px;
}
.knob-title{
	position: relative;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	font-family: "bell mt";
	color: #404040;
	margin-bottom: 1%;
}
.en-knob-title{
	margin: 0 auto;
	max-width: 1260px;
	font-size: 16px;
	line-height: 1.5;
	color: #404040;
	text-align: center;
}
.new-knob-title{
	font-size: 16px;
}
.Buiness-box dd{
	padding: 1%;
}
.Buiness-box dd font{
	display: block;
	text-align: center;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.main9 li {
	float: left;
	width: 30%;
	margin-right: 0;
	width: 25%;
	height: auto;
	box-shadow: 0 0 16px rgba(23, 22, 21, 0.1);
	padding: 1%;
}
.main9 dt {
	width: 100%;
	height: 180px;
	overflow: hidden;
}
.main9 dt a {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.Buiness-box dt{
	height: 200px;
}
.Service-box{

}
.Service-box .clearfix dl dd{
	padding: 5%;
	text-align: center;
}
.Service-box .clearfix dl dd font{
	display: block;
	text-align: center;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #000;
	font-size: 23px;
}
.Service-box .clearfix dl dd img {
	width: 80px;
	height: 80px;
}
.Aboutus-box li:first-child{
	width: 57%;
}
.Aboutus-box li:nth-child(2){
	width: 43%;
}

.Aboutus-box li:first-child dl{
	height: 300px;
}
.Aboutus-box li:nth-child(2) dl{
	height: 350px;
}
.Aboutus-box li:first-child dt,.Aboutus-box li:nth-child(2) dt{
	height: 100%;
}

.news-box .first-box-li{
	width: 42%;
}
.news-box li:nth-child(2){
	width: 55%;
}

.news-box .first-box-li dl{
	height: 300px;
}
.news-box li:nth-child(2) dl{
	height: 300px;
}
.news-box .first-box-li dt,.news-box li:nth-child(2) dt{
	height: 100%;
}
.news-box ul.new-box-detail-ul{
	width: 100%;
	padding: 0 7px;
}
.news-box ul.new-box-detail-ul li {
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	float: none;
	margin: unset;
	box-shadow: none;
	padding: 0;
	width: 100%;
	font-size: 14px;
}
.news-box ul.new-box-detail-ul li span {
	color: #828181;
	display: block;
	float: right;
	width: 18%;
	text-align: right;
}
.news-box ul.new-box-detail-ul li a {
	background: url(../img/sanjiao.gif) 0 10px no-repeat;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	/* padding-left: 20px; */
	height: 100%;
	width: 82%;
	font-size: 14px;
	padding-left: 15px;
}

.ludenui-box li{
	height: 480px;
    width: 33.3%;
    padding: 0;
	margin-bottom: 1%;
	border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #eeeeee;
    padding: 0 0 0 5px;
}
.ludenui-box li dl{
	height: 57%;
}
.ludenui-box li dt{
	height: 100%;
}
.ludenui-box li dt a{
	height: 100%;
}
.ludenui-box .ludenui-lst-div{
	height: 43%;
	padding: 8px 5px 5px;
}
.ludenui-box .ludenui-lst-div .ludenui-lst-div-li{
	width: 100%;
    display: flex;
	border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #eeeeee;
	padding: 0 5px 0px;
    margin: 0 0 8px 0;
}
.ludenui-box li .ludenui-lst-div p{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 82%;
	float: left;
}
.ludenui-box li .ludenui-lst-div .ludenui-lst-date{
	display: block;
	float: right;
	width: 18%;
	text-align: right;
	padding: 0 5px 0 10px;
    margin: 0;
    color: #BBB;
    font-family: Tahoma;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

/*首页公告*/
#notice{ 
	background: #234ca4;
	color: #fff;
	overflow: hidden;
	font-size: 13px;
	width: 100%;
	height:30px;

	display:none;
}
/* #notice h3{ float:left; padding-right:10px;} */
#notice .warper{
	width: 80%;
	height: 100%;
	margin: 0 auto;
}
.myscroll { width: 75%;float:left; height: 100%; overflow:hidden;}
.myscroll li { 
	/* height: 100%; */
	height: 20px; line-height:20px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.myscroll a { color: #fff;}
.myscroll a:hover { color: #fff;}

.swiper-slide dl dt{
	height: 220px;
}
#comper_Content .content_p p{
	text-indent: 2em;
	margin-bottom: 10px;
}
.productR .mianbiaoxie{
	display: none;
}
.productR strong span{
	color:#000;
}

.footerT li:nth-child(1),.footerT li:nth-child(2),.footerT li:nth-child(3),.footerT li:nth-child(4){
	width: 9%;
}
.footerT li:nth-child(5){
	padding-left: 1%;
	width: 26%;
	padding-right: 1%;
	margin-left: 5%;
}


@media (max-width: 1024px) {
	.proDetail_sub1 { padding: 0 0 30px; }
	.proDetail_sub1 .hd { font-size: 20px; color: #3e605f; line-height: 1.2; border-bottom: 1px solid #999; padding: 22px 0 15px; margin-bottom: 20px; }
	.proDetail_sub1 .bd { padding: 0; }
	.proDetail_sub1 .bd .left { float: none; width: 380px; height: 350px; border: 5px solid #3e605f; margin-left: 0; margin-bottom: 10px; }
	.proDetail_sub1 .bd .right { }
	.proDetail_sub1 .bd .text { float: left; font-size: 14px; line-height: 1.5; color: #4c4c4c; padding: 0 0 20px; }
	.proDetail_sub1 .bd .text p { }
	.proDetail_sub1 .bd .text strong { color: #3e605f; padding: 0 5px 0 0; }
	.proDetail_sub1 .bd a { width: 160px; text-align: center; line-height: 40px; border-radius: 10px; font-size: 16px; background-color: #3e605f; color: #fff; display: inline-block; }
	.proDetail_sub2 { padding: 0 0 20px; }
	.proDetail_sub2 .hd { padding: 10px 2%; width: 100%; font-size: 16px; line-height: 30px; background-color: #3e605f; color: #fff; }
	.proDetail_sub2 .con { padding: 15px 0; line-height: 2; }
	.proDetail_sub2 .con p { padding: 8px 0; }
	.proDetail_sub2 .con strong, .proDetail_sub2 .con b { font-size: 16px; color: #3e605f; }
	.proDetail_sub2 .table { overflow-x: scroll; }
	.proDetail_sub2 table { border-collapse: collapse; margin: 10px 0; }
	.proDetail_sub2 table, .proDetail_sub2 table th, .proDetail_sub2 table td { border: 1px solid #e6e6e6; text-align: center; font-size: 14px; color: #4c4c4c; line-height: 1.5; padding: 5px 5px; }
}

@media only screen and (max-width: 810px) {
   
	.news-box li{
		width: 100% !important;
	}
	.Aboutus-box li{
		width: 100% !important;
	}

	.swiper-slide dl dt{
		height: 160px;
	}
	.news-box .first-box-li dl{
		height: 250px;
	}
	.Buiness-box li dt,.EnCase-box li dt,.Service-box li dt{ 
		height: 110px;
	}
	.ludenui-box li{
		width: 100%;
	}
}

@media only screen and (max-width: 700px) {

	.have-font-bg p{
		font-size:13px !important;
	}

	#t-nav-t .clearfix{
		text-overflow: unset;
		white-space: unset;
		height: unset;
		overflow: unset;
	}
	#t-nav{
		width: 100%;
	}
	#t-nav-t{
		display: unset;
	}
	nav li:hover {
		background: unset;
	}
	nav .sub-nav li a {
		color: #fff;
	}
	.nav-f-li{
		padding: 0;
	}
	.nav-t-logo-div,.nav-t-call-div{
		height: 100%;
	}
	/* header{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 65px;
		background-color: #fff;
		z-index: 999;
	}
	#header-w{
		position: relative;height: 100%;width: 100%;margin: auto;
	}
	nav { position: fixed; top: 0; left: 0; float: none; margin-top: 0; margin-left: 0; width: 100%; height: 0; overflow: auto; background-color: #f7cf7a; -webkit-transition: background 0.35s linear, height 0.25s ease-in 200ms; -moz-transition: background 0.35s linear, height 0.25s ease-in 200ms; -ms-transition: background 0.35s linear, height 0.25s ease-in 200ms; -o-transition: background 0.35s linear, height 0.25s ease-in 200ms; transition: background 0.35s linear, height 0.25s ease-in 200ms; z-index: 999; }
	nav li a { display: block; color: #fff; margin: 0; padding: 0; width: 100%; text-align: left; outline: none; font-size: 16px; line-height: 50px; }
	nav li a::after { content: ""; position: absolute; bottom: -15px; left: 30%; width: 0; height: 2px; background-color: #f7cf7a; transition: all .3s; }
	nav li a:hover, nav li a.focus { color: #fff; }
	nav li a:hover::after, nav li a.focus::after { width: 0; }
	nav .sub-nav li a::after {
		border: none;
	}
	.nav-btn {
		position: fixed;
		top: 0;
		right: 0;
		display: block;
		width: 50px;
		height: 65px;
		background: url(../img/navbtn.png) no-repeat center center #f7cf7a;
		background-size: auto;
		z-index: 1111;
	}
	#t-nav{
		width: unset;
		height: unset;
		display:unset;
	}
	#t-nav-t{
		display: unset;
		vertical-align: unset;
	}
	#t-nav-t .clearfix{
		text-overflow: unset;
		white-space: unset;
		height: unset;
	}
	nav li{
		width: 100%;
	}
	.nav-on li{
		width: 100%;
	}
	nav li:hover {
		background: #f7cf7a;
	}
	nav .sub-nav li a {
		color: #fff;
	} */

	header { position: fixed; top: 0; left: 0; width: 100%; height: 65px; background-color: #fff; z-index: 999; }
	.logo { float: left; margin: 0; padding: 20px 0 0 10px; width: 90px; }
	nav { position: fixed; top: 0; left: 0; float: none; margin-top: 0; margin-left: 0; width: 100%; height: 0; overflow: auto; background-color: #f7cf7a; -webkit-transition: background 0.35s linear, height 0.25s ease-in 200ms; -moz-transition: background 0.35s linear, height 0.25s ease-in 200ms; -ms-transition: background 0.35s linear, height 0.25s ease-in 200ms; -o-transition: background 0.35s linear, height 0.25s ease-in 200ms; transition: background 0.35s linear, height 0.25s ease-in 200ms; z-index: 999; }
	nav li a { 
		display: block; color: #fff; margin: 0; padding: 0; width: 100%; text-align: left; outline: none; font-size: 16px; line-height: 50px; }
	nav li a::after { content: ""; position: absolute; bottom: -15px; left: 30%; width: 0; height: 2px; background-color: #f7cf7a; transition: all .3s; }
	nav li a:hover, nav li a.focus { color: #fff; }
	nav li a:hover::after, nav li a.focus::after { width: 0; }
	nav .sub-nav li a::after {
		border: none;
	}
	.nav-btn { position: fixed; top: 0; right: 0; display: block; width: 50px; height: 65px; background: url(../img/navbtn.png) no-repeat center center #f7cf7a; background-size: auto; z-index: 1111; }
	.nav-btn-on { background: none; background: url(../img/navbtn_on.png) no-repeat center center #f7cf7a; background-size: auto; }
	nav ul { padding: 50px 30px 20px; }

	.nav-on { height: 100%; background-color: #f7cf7a; }

	.yuyan { display: block; margin: 0; padding: 0; width: 100%; text-align: left; outline: none; font-size: 16px; height: 50px; }
	.yuyan .hd { border: none; cursor: pointer; width: 100%; border-bottom: 1px solid #fff; border-radius: 0; text-align: left; height: 50px; padding: 0; }
	.yuyan .hd div.lang { display: inline-block; color: #fff; line-height: 50px; }
	.yuyan .hd i { width: 31px; height: 40px; display: inline-block; background-repeat: no-repeat!important; background-position: 50% 50%!important; margin-left: 5px; }
	.yuyan .bd { position: static; border: none; background: transparent; width: 100%; border-radius: 0; display: none; text-align: left; padding: 0 0 0 20px; }
	.yuyan .bd li { text-align: left; padding: 0 0 0 10px; }
	.yuyan .bd li a { display: block; }
	.yuyan .bd li a span { display: inline-block; line-height: 50px; vertical-align: top; color: #fff; min-width: 50px; text-align: left; }
	.yuyan .bd li a i { width: 31px; height: 40px; display: inline-block; background-repeat: no-repeat!important; background-position: 50% 50%!important; margin-left: 5px; }
	.yuyan.on .hd { border-radius: 10px 10px 0 0; }
	.yuyan.on .bd { display: block; }

	nav li { float: none; display: block; width: 100%; border-bottom: 1px solid #fff; -webkit-transform: scale(1.1) translateY(-24px); -moz-transform: scale(1.1) translateY(-24px); -ms-transform: scale(1.1) translateY(-24px); -o-transform: scale(1.1) translateY(-24px); transform: scale(1.1) translateY(-24px); -webkit-transition: all .35s ease-out; -moz-transition: all .35s ease-out; -ms-transition: all .35s ease-out; -o-transition: all .35s ease-out; transition: all .35s ease-out; }
	.nav-on li { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none }
	nav>ul>li:nth-child(2) { transition-delay: 300ms, 300ms; }
	nav>ul>li:nth-child(3) { transition-delay: 350ms, 350ms; }
	nav>ul>li:nth-child(4) { transition-delay: 400ms, 400ms; }
	nav>ul>li:nth-child(5) { transition-delay: 450ms, 450ms; }
	nav>ul>li:nth-child(6) { transition-delay: 500ms, 500ms; }
	nav>ul>li:nth-child(7) { transition-delay: 550ms, 550ms; }
	nav>ul>li:nth-child(8) { transition-delay: 600ms, 600ms; }
	nav>ul>li:nth-child(9) { transition-delay: 650ms, 650ms; }
	/*====header====*/
	.headershares { /*float: left; margin-left: 20px; padding: 10px 0 0; width: 140px;*/margin: 0;padding: 0;position: absolute; right:15% !important}
	.headershares li { float: left; width: 33.33%; }
	.headershares a { display: block; width: 20px; text-align: center; line-height: 20px; border-radius: 50%; background-color: #3e605f; }
	.headershares a i { font-size: 16px; color: #fff; }
	.inquiry-btn { position: fixed; right: 0; top: 60%; padding: 5px; background-color: #3e605f; color: #fff; font-size: 14px; line-height: 20px; text-align: center; cursor: pointer; }
	.inquiry-alert { position: fixed; top: 0; left: 0; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); }
	.inquiry-alert form { position: relative; width: 90%; padding: 30px 10px 10px; background-color: #3e605f; border-radius: 15px; }
	.inquiry-alert input { margin: 5px auto; padding: 0 5px; font-size: 14px; width: calc(50% - 15px); height: 30px; }
	.inquiry-alert span { width: 10px; text-align: center; font-size: 16px; color: #f00; }
	.inquiry-alert textarea { width: calc(100% - 10px); height: 60px; margin: 5px auto; padding: 5px; resize: none; font-size: 14px; }
	.inquiry-alert input.inqsub { display: block; background-color: #f7cf7a; color: #fff; }
	.inq-hide { width: 30px; position: absolute; top: 0; right: 0; cursor: pointer; }
	/*====header====*/
	.banner { margin-top: 65px; }
	.banner .swiper-container { display: block; height: 140px; }
	.banner .swiper-slide>a { position: relative; display: block; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
	.banner .swiper-pagination-bullet { width: 12px; height: 12px; background: #fff; opacity: 1; }
	.banner .swiper-pagination-bullet-active { background: #f7cf7a; }
	.banner .swiper-button-prev { background: url(../img/bannerL.png) no-repeat left 12px center rgba(62,96,95,.67); background-size: 20%; width: 60px; height: 60px; border-radius: 50% 0 0 50%; top: 50%; left: 100%; margin: -30px 0 0 -30px; }
	.banner .swiper-button-prev:hover { margin-left: -40px; }
	.banner .swiper-button-next { background: url(../img/bannerR.png) no-repeat right 12px center rgba(62,96,95,.67); background-size: 20%; width: 60px; height: 60px; border-radius: 0 50% 50% 0; top: 50%; right: 100%; margin: -30px -30px 0 0; }
	.banner .swiper-button-next:hover { margin-right: -40px; }
	/*====banner====*/
	.main { margin: 0 auto; padding: 30px 0; width: 89%; }
	.main .title { position: relative; margin-bottom: 20px; padding-bottom: 10px; font-size: 24px; font-weight: bold; text-align: center; font-family: "bell mt"; color: #404040; }
	.main .title::after { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -30px; width: 60px; height: 4px; background-color: #f7cf7a; }
	.main1 .title { padding-bottom: 0; }
	.main1 .title::after { display: none; }
	.main1 p { margin: 0 auto; max-width: 1260px; font-size: 16px; line-height: 30px; color: #404040; text-align: left; }
	/*====main1====*/
	.main2cont { width: 86%; margin: 0 auto; position: relative; }
	.main2cont .swiper-button-prev { top: 40%; left: 0; margin-left: -7%; width: 7%; background-size: contain; }
	.main2cont .swiper-button-next { top: 40%; right: 0; margin-right: -7%; width: 7%; background-size: contain; }
	.main2cont ul { width: calc(100% - 10px); }
	.main2cont li { width: 50%; }
	.main2cont dl dt { width: 100%; height: 200px; border: 1px solid #e5e5e5; overflow: hidden; }
	.main2cont dl dt a { display: block; width: 102%; height: 100%; margin-left: -1%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
	.main2cont dl dd a { display: block; padding: 5px 0; font-size: 16px; text-align: center; color: #4c4c4c }
	/*====main2====*/
	.main3 { width: 100%; }
	.main3s { position: relative; padding-bottom: 20px; }
	.main3 ul li { width: 50%; }
	.main3 ul li a { display: block; width: 100%; height: 350px; background-size: cover; background-repeat: no-repeat; background-position: center center; }
	.main3cont { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: rgba(62,96,95,.85); }
	.main3cont i { font-size: 40px; color: #fff; }
	.main3cont h2 { font-size: 18px; line-height: 30px; color: #fff; }
	.main3s .swiper-pagination { padding: 10px 0 0; width: 100%; }
	.main3s .swiper-pagination-bullet { margin: 0 3px; width: 8px; height: 8px; background: #3e605f; opacity: 1; }
	.main3s .swiper-pagination-bullet-active { background: #f7cf7a; }
	/*====main3====*/
	.main4 li { float: left; /*width: 100%;*/ margin-bottom: 15px; margin-right: 0; }
	.main4 li:last-child { margin-right: 0; }
	.main4 dt { width: 100%; height: 200px; overflow: hidden; }
	.main4 dt a { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
	.main4 dd { padding: 10px 5px; background-color: #fafafa; }
	.main4 dd h4 { margin-bottom: 10px; font-size: 16px; font-weight: bold; line-height: 25px; height: 100%; overflow: hidden; color: #333; }
	.main4 dd p { font-size: 14px; line-height: 25px; height: 100%; overflow: hidden; color: 666; }
	.main4 dd time { position: relative; display: block; margin: 10px 0; padding-top: 10px; font-size: 14px; color: #666; }
	.main4 dd time::after { content: ""; position: absolute; top: 0; left: 0; width: 10px; height: 1px; background-color: #666; }
	.main4 dd a { padding-right: 15px; font-size: 16px; line-height: 30px; color: #3e605f; background: url(../img/main4more.png) no-repeat right center; }
	/* .main4 li:hover dt a { transform: scale(1.1); opacity: .8; } */
	/*====main4====*/
	.footerT { display: none; }
	.footerB { padding: 10px 2% 5px; background-color: #333; }
	.footerB p { float: none; font-size: 14px; line-height: 20px; color: #f2f2f2; padding: 5px 0; }
	.footerB p:nth-child(2) { margin-left: 0; }
	.footerB a { float: none; font-size: 14px; line-height: 20px; color: #f2f2f2; padding: 5px 0; }
	/*====footer====*/
	.ejbanner { margin-top: 65px; width: 100%; height: 160px; background-size: cover; background-repeat: no-repeat; background-position: center center; }
	.ejbannerh h3 { margin-bottom: 5px; font-size: 24px; font-family: "bell mt"; font-weight: bold; }
	.ejbannerh p { font-size: 14px; font-family: "bell mt"; }
	.ejnav { margin-top: 10px; }
	.ejnav a { float: left; margin: 0 5px; width: 100px; line-height: 40px; text-align: center; font-size: 14px; border-radius: 10px; background-color: #3e605f; color: #fff; }
	.ejnav a:last-child { margin-right: 0; }
	.ejnav a.ejhov { background-color: #f7cf7a; }
	.about { font-size: 16px; line-height: 30px; color: #404040; }
	.about>h2 { margin-bottom: 10px; font-size: 20px; font-weight: bold; text-align: center; color: #404040; }
	.about img { margin: 5px 0; }
	/*====about====*/
	.productL { float: none; width: 100%; }
	.productlist1 a { display: block; padding: 15px 10px 15px 20px; font-size: 16px; line-height: 20px; border-bottom: 1px dashed #ccc; background: url(../img/producta.png) no-repeat center left; color: #4c4c4c; }
	.productlist1>li>a { padding: 20px 10px 20px 20px; }
	.productlist1 li.hov>a { background-image: url(../img/productas.png); color: #fdce6a; }
	.productlist1 li.hov .productlist2 { display: block; }
	.productlist2 { padding-left: 20px; display: none; }
	.productR { float: none; width: 100%; margin-bottom: 30px; }
	.productRcplist li { float: left; width: calc(50% - 5px); margin: 10px 0; }
	.productRcplist li:nth-child(even) { float: right; }
	.productRimg { width: 100%; height: 200px; overflow: hidden; }
	.productRimg a { display: block; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
	.productRcplist li:hover .productRimg a { transform: scale(1.1); }
	.productRcont a { display: block; padding: 3px 0; height: 46px; font-size: 14px; line-height: 20px; text-align: left; color: #333; overflow: hidden; }
	.productRimg a:hover{}
	.productRcont a:hover{ color:#000;}
	/*====product====*/
	.productxqs { margin: 20px 0 30px; }
	.productxqs h3 { margin-bottom: 10px; font-size: 18px; line-height: 30px; font-weight: bold; color: #3e605f; }
	.productxq1 { font-size: 16px; line-height: 28px; color: #3e605f; }
	.productxq2 { font-size: 16px; line-height: 28px; color: #4c4c4c; }
	.productxq3L { float: none; margin-left: 0; width: 100%; }
	.productxq3 h3 { margin-bottom: 5px; }
	.productxq3 h3 span { font-size: 16px; font-weight: normal; color: #4c4c4c; }
	.productxq3 h3.productxq3lx { margin: 20px 0; padding-bottom: 10px; border-bottom: 1px solid #ccc; color: #f7cf7a; }
	.productxq3L a { margin: 10px 0; display: block; width: 160px; text-align: center; line-height: 60px; border-radius: 10px; font-size: 16px; background-color: #3e605f; color: #fff; }
	.productxq3R { float: none; margin-top: 20px; width: 100%; }
	.productxq3R img { display: block; border: 4px solid #3e605f; }
	.productxqs h4 { margin-bottom: 10px; font-size: 16px; line-height: 30px; font-weight: bold; color: #3e605f; }
	.productxq6, .productxq7 { font-size: 16px; line-height: 30px; color: #4c4c4c; }
	.productxq8 { width: 100%; margin: 0px 0; }
	.productxq8 h3 { padding: 5px 2%; width: 100%; font-size: 16px; line-height: 30px; background-color: #3e605f; color: #fff; }
	.productxq8 form { padding: 10px 2%; }
	.productxq8 input { margin: 5px 0; padding: 0 5px; width: 100%; height: 35px; border: 1px solid #d9d9d9; font-size: 14px; color: #333; }
	.productxq8 textarea { margin: 5px 0; padding: 5px; width: 100%; height: 80px; font-size: 14px; line-height: 25px; border: 1px solid #d9d9d9; color: #333; resize: none; }
	.productxq8 input.productsub { display: block; margin: 10px auto; padding: 0; width: 100%; height: 35px; border-radius: 10px; border: none; font-size: 15px; background-color: #f7cf7a; color: #fff; }
	/*====productxq====*/
	.grade { padding: 30px 2%; background: url(../img/gradebg.png) repeat scroll top left; background: none;/* overflow-x: scroll; */ }
	.grade table { border-collapse: collapse; }
	.grade td { padding: 5px; border: 1px solid #e6e6e6; }
	.grade td.gradetd1 { width: 80px; font-size: 16px; font-weight: bold; text-align: center; line-height: 20px; font-family: "bell mt"; color: #3e605f; }
	.grade td.gradetd2 { width: 80px; font-size: 14px; font-weight: bold; text-align: center; line-height: 20px; color: #4c4c4c; }
	.grade td.gradetd3 { padding: 5px; height: 100%; font-size: 12px; line-height: 20px; color: #4c4c4c; }
	/*====grade====*/
	.applicationfl { display: flex; flex-flow: row wrap; justify-content: center; }
	.applicationfl li { flex: 0 1 50%; padding: 20px 5px; text-align: center; }
	.applicationfl li i { font-size: 40px; color: #3e605f; }
	.applicationfl li p { margin-top: 5px; font-size: 18px; line-height: 25px; height: 50px; overflow: hidden; font-family: "bell mt"; font-weight: bold; color: #3e605f; }
	.applicationimg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
	.applicationimg li { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }
	.applicationimgcont { max-height: 100%; padding: 10px; position: relative; }
	.applicationimghide { position: absolute; top: 0; right: 0; width: 30px; margin: 0; cursor: pointer; }
	.applicationimgcont>img { max-height: 100%; max-height: 700px; border: 3px solid #3e605f; }
	/*====application====*/
	.news ul { width: 100%; margin: 0 auto; }
	.news li { margin-bottom: 10px; }
	.news dl { height: 100%; background-color: #f5f5f5; }
	.news dt { display: none; float: none; width: 100%; height: 260px; overflow: hidden; }
	.news dt div { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
	.news dd { float: none; width: 100%; padding: 15px 10px; overflow: hidden; }
	.news dd h4 { font-size: 16px; font-weight: bold; line-height: 30px; height: 100%; overflow: hidden; color: #333; }
	.news dd time { display: block; margin: 5px 0 10px; font-size: 14px; color: #292929; }
	.news dd p { font-size: 14px; line-height: 25px; height: 100%; overflow: hidden; color: #666; }
	.news dd a { display: block; margin-top: 10px; width: 120px; text-align: center; line-height: 40px; border-radius: 10px; font-size: 14px; background-color: #3e605f; color: #fff; }
	.newsfy { margin: 0 auto; padding: 10px 0; width: 100%; display: flex; flex-flow: row nowrap; justify-content: center; }
	.newsfy a, .newsfy span.off { display: block; margin: 2px; padding: 5px 0; width: 30px; font-size: 14px; text-align: center; line-height: 20px; border-radius: 10px; background-color: #e6e6e6; color: #666; }
	.newsfy a.newsfypn { width: 90px; font-size: 10px }
	.newsfy a:hover { background-color: #3e605f; color: #fff; }
	/*====news====*/
	.newsxq h3 { margin-bottom: 15px; font-size: 18px; text-align: center; color: #333; }
	.newsxqcont { font-size: 14px; line-height: 25px; color: #4c4c4c; }
	.newsxqlj { margin-top: 30px; padding: 10px 0; border-top: 1px solid #ccc; }
	.newsxqlj a { display: block; padding: 5px; font-size: 16px; line-height: 25px; color: #333; }
	.newsxqlj a:hover { color: #3e605f; }
	/*====newsxq====*/
	.contactaddress { margin: 0 auto; width: 100%; padding: 20px 0; border-bottom: 1px solid #f2f2f2; }
	.contactaddresscont { float: none; padding-right: 0; width: 100%; }
	.contactaddresscont h3 { margin-bottom: 10px; font-size: 20px; font-weight: bold; color: #4c4c4c; }
	.contactaddresscont p { padding: 3px 0; font-size: 16px; line-height: 30px; color: #4c4c4c; }
	.contactaddressmap { margin: 20px 0; float: none; width: 100%; max-width: 700px; }
	.contactbd { width: 100%; margin: 30px auto; }
	.contactbd input { margin: 5px 0; padding: 0 10px; width: 100%; height: 35px; border: 1px solid #d9d9d9; font-size: 15px; color: #333; }
	.contactbd textarea { margin: 5px 0; padding: 10px; width: 100%; height: 120px; font-size: 15px; line-height: 25px; border: 1px solid #d9d9d9; color: #333; }
	.contactbd input.contactsub { display: block; margin: 10px auto; padding: 0; width: 120px; height: 40px; border-radius: 10px; border: 1px solid #03abcc; font-size: 15px; background-color: #03abcc; color: #fff; }


	.nav-header {
		position: fixed;
		background-color: #f7cf7a;
	}
	nav li {
		padding: 0;
	}
	nav li:hover > .sub-nav, nav li > a.focus +.sub-nav {
		display: none;
	}
	nav .sub-nav {
		position: static;
		width: 100%;
		padding: 0 0 0 20px;
		background-color: transparent;
		box-shadow: none;
		min-width: 0;
		max-width: 100%;
	}
	nav .sub-nav li {
		padding: 0;
	}
	nav .sub-nav li a {
		padding: 0 5px 0;
	}
	nav .sub-nav > li:nth-of-type(1) {
		border-top: 1px solid #fff;
	}
	nav .sub-nav > li:nth-last-of-type(1) {
		border-bottom: none;
	}
	.arrow-right, .arrow-down {
		display: none;
	}
	.indicator {
		display: inline-block;
	}
	.Buiness-box li dt,.EnCase-box li dt,.Service-box li dt{ 
		height: 140px;
		font-size: 12px;
	}
	.Service-box .clearfix dl dd font{
		font-size: 20px;
	}
	.unify-font{
		font-size: 12px;
	}
}
@media only screen and (max-width: 690px) {
	.Buiness-box li dt,.EnCase-box li dt,.Service-box li dt{ 
		/* height: 140px; */
	}
	.Qualification-box ul li{
		width: 48%;
	}
}
@media (max-width: 600px) {
	.mess { padding: 0; }
	.mess li { width: 100% }
	.mess ul { min-width: auto; width: 100%; }
	.news-box .first-box-li dl{
		height: 200px;
	}
}

@media only screen and (max-width: 640px) {
	.main9 dt {
		width: 100%;
		height: 90px;
		overflow: hidden;
	}
	.Buiness-box dt{
		height: 140px;
	}
	.Buiness-box li,.EnCase-box li,.Service-box li { 
		float: left; width: calc(48.5% - 0px); margin: 1% 0 1% 1%;
	}
	.Qualification-box ul li dt{
		height: 130px;
	}
	.EnCase-box dt{
		height: 140px;
	}
	.news-box li{
		width: 100% !important;
	}
	.Aboutus-box li{
		width: 100% !important;
	}
}
@media (max-width: 450px) {
	.mess { padding: 0; }
	.mess li { width: 100% }
	.mess ul { min-width: auto; width: 100%; }
	.news-box .first-box-li dl{
		height: 150px;
	}
	.Qualification-box li {
		width: 48.5%;
		margin: 1% 0 1% 1%;
	}
	.Qualification-box ul li dt{
		height: 100px;
	}
}
@media only screen and (max-width: 380px) {
	.headershares{display: none;}
	#notice .warper{
		width: 98%;
	}
	.Buiness-box li dt,.EnCase-box li dt,.Service-box li dt,.Qualification-box li dt{
		height: 80px;
	}
}

@media only screen and (max-width: 320px) {
	.the-latest-announcement{
		display: none !important;
	}
	.myscroll{
		width: 100%;
	}
	.en-knob-title{
		font-size: 10px;
	}
}

@media (max-width: 195px){
	.headershares{
		display: none;
	}
}


/* 导航栏 */
@media (max-width: 999999px){
	#t-nav-t,#t-nav-t ul{
		width: 100%;
	}
	#t-nav-t .nav-f-li{
		width: 10%;
	}
}
@media only screen and (max-width: 1920px){
	#t-nav-t .nav-f-li a{
		font-size:16px;
	}
}
@media only screen and (max-width: 1620px){
	#t-nav-t .nav-f-li a{
		font-size:16px;
	}
}
@media only screen and (max-width: 1480px){
	#t-nav-t .nav-f-li a{
		font-size:15px;
	}
}
@media only screen and (max-width: 1280px){
	#t-nav-t .nav-f-li a{
		font-size:15px;
	}
}
@media only screen and (max-width: 1100px){
	#t-nav-t .nav-f-li a{
		font-size:14px;
	}
}
@media only screen and (max-width: 1000px){
	#t-nav-t .nav-f-li a{
		font-size:14px;
	}
}
@media only screen and (max-width: 900px){
	#t-nav-t .nav-f-li a{
		font-size:12px;
	}
	#t-nav {
    	width: 80%;
	}
}
@media only screen and (max-width: 800px){
	#t-nav-t .nav-f-li a{
		font-size:11px;
	}
	#t-nav {
    	width: 81%;
	}
}
@media only screen and (max-width: 700px){
	#t-nav-t .nav-f-li{
		width: 100%;
	}
	#t-nav {
    	width: 82%;
	}
}


/*关闭頂部导航栏“员工风采”跳转链接*/
#t-nav-t .clearfix>li:nth-child(5) a[href="Staffs.html"] {
    display: none;
}
/*关闭左側导航栏“员工风采”跳转链接*/
.ani a[href="Staffs.html"] {
    display: none;
}
a[href="Staffs.html"] {
    display: none;
}