@font-face {
  font-family: "hzgb";
  src: url("../images/mfyansong_noncommercial-regular.eot"),
       url("../images/mfyansong_noncommercial-regular.otf"),
       url("../images/mfyansong_noncommercial-regular.ttf"),
       url("../images/mfyansong_noncommercial-regular.woff"),
       url("../images/mfyansong_noncommercial-regular.woff2");
}
.font_youth{font-family:"hzgb";}

.history-box .content{ width:100% !important;}
.honer_bg{ background:#f7f7f7; width:100%; height:710px; min-width:1250px;}
.honer_bg h2 { font-size: 42px; text-align: center; line-height: 50px; font-weight: bold; margin-bottom: 46px; color: #333; }
.honer_bg h2 em { display: block; font-size: 18px; font-weight:normal; }
.poster-main .poster-btn{ width:44px; height:32px; position: absolute; cursor:pointer; display:block; z-index: 10; }
.poster-main .poster-btn a { position: absolute; top: 50%; margin-top: -16px; }
.poster-main .poster-prev-btn a { right: -16px; }
.poster-main .poster-next-btn a { left: -16px; }
.poster-main .poster-next-btn{ left:-56px; top:130px; }
.poster-main .poster-prev-btn{ right:-56px; top:130px; }

.poster-main .poster-next-btn a:hover,.poster-main .poster-prev-btn a:hover{ background-position: -36px 0}

.poster-item{ position: relative; margin: 0 auto; }
.poster-item em{ position: absolute; left:0; bottom: 0; width: 100%; font-size: 18px; color: #fff; text-align: center; display: none; overflow: hidden; background: url(/skin/home/images/uxy.png) repeat; line-height: 60px; overflow:hidden; height: 60px; }



.poster-main .poster-list .poster-item img { display: block; width: 100%; }
.poster-main { position: relative; margin: 0 auto 25px; }
.poster-main .poster-list .poster-item { position: absolute; left: 0; top: 0; }
.poster-main .poster-btn { position: absolute; top: 0; cursor: pointer; }
.poster-main .poster-list .active em{ display: block; }
.poster-main .poster-list .active img{ box-shadow:2px 5px 12px #333333; }
.honer_bg span img { display: block; margin: 0px auto; padding-top: 41px; }
.ny-tit{ position: relative; font-size:34px; letter-spacing: 3px;/* padding-bottom: 20px;*/ color: #333333; text-align: center;}/*
.ny-tit:after{ content: ""; position: absolute; bottom:0; left:50%; width: 40px; height: 2px; margin-left: -20px; background:#125659;}*/
.ny-tit span{ overflow:hidden;   letter-spacing:14px; font-size:14px; color:#b8b8b9; display: block;}

.InpageAboutUs {
	margin-bottom:90px;
	padding:70px 0 90px 0;
	background-color:#eeeeee;
}
.InpageAboutUs-Left {
	width: 480px;
}
.InpageAboutUs-Left h3 {
	font-size: 36px;
	color: #333;
	font-family: "FONTS";
}
.InpageAboutUs-Left h3 em {
	font-size: 16px;
	display: block;
	text-transform: uppercase;
}
.InpageAboutUs-Left h4 {
	font-size: 32px;
	font-weight: bold;
	color: #333;
	margin-top:50px;
}
.InpageAboutUs-Left p {
	font-size: 20px;
	color: #333;
	margin-top: 10px;
}
.InpageAboutUs-Left a.More {
	display: block;
	width: 162px;
	height: 48px;
	border-radius: 0 0 10px 0;
	text-align: center;
	line-height: 48px;
	color: #fff;
	font-size: 13px;
	float: left;
	background:#00b7bd;border-radius:10px 0 10px 0;
	margin-top:90px;
}
.InpageAboutUs-Left a.More i {
	background: url(../images/video.png) no-repeat center;
	width: 12px;
	height: 12px;
	display: inline-block;
	margin-left: 15px;
	vertical-align: -1px;
}
.InpageAboutUs-Right {
	width: 600px;
	margin-top:115px;
}
.InpageAboutUs-Right p {
	font-size:16px;
	color: #555;
	line-height:30px;
}
/* Computing */
/*.Computing {
	padding-bottom: 90px;
}*/
.ComputingTop {
	position: relative;
}
.ComputingTop span {
	display: block;
	overflow: hidden;
}
.ComputingTop span img {
	display: block;
	width: 100%;
	transition: .8s;
}
.ComputingTop:hover span img {
	transform: scale(1.1);
}
.ComputingTop i {
	width: 960px;
	height: 30px;
	display: block;
	position: absolute;
	bottom: 0;
	left: -352px;
}
.ComputingBot {background:url(http://login.114my.cn/memberpic/mabzcl/uploadfile/image/20201015/20201015203915_697600999.png) no-repeat 263px bottom; padding-bottom:90px; padding-top:109px;
}
.mainCon{ width:1200px;}
.ComputingRight {
	width: 600px;
}
.ComputingRight p {
	font-size:16px;
	color: #666;
	line-height:35px; padding-top:48px;
}
.ComputingRight p:first-child {
	margin-top: 0;
}
.ComputingLeft {
	width: 600px;
}
.ComputingLeft h3 {
	color: #666; font-size:24px; font-weight:normal;
}
.ComputingLeft h3 em {
	display: block;
	font-size: 16px;
	color: #333;
	margin-top: 5px;
}
.ComputingLeft h4 {
	font-size: 32px;
	color: #333;
	margin-top: 20px;
}
.ComputingLeft a.More {
	display: block;
	width: 162px;
	height: 48px;
	border-radius: 0 0 10px 0;
	text-align: center;
	line-height: 48px;
	color: #fff;
	font-size: 13px;
	float: left;
background:#00b7bd;border-radius:10px 0 10px 0;
	margin-top: 135px;
}
.ComputingLeft a.More i {
	background: url(../images/Lisk.png) no-repeat center;
	width: 15px;
	height: 15px;
	display: inline-block;
	margin-left: 10px;
	vertical-align: -1px;
}
/* developmentPath */
.developmentPath{height:617px;}

.developmentPathTitle{text-align: center;padding: 75px 0 36px;position:  relative;z-index: 99;}
.developmentPathTitle h3 a{font-size:42px;color: #333; display: block; }
.developmentPathTitle h3{ font-weight:normal; line-height:46px;}
.developmentPathTitle h3 a b{color: #00b7bd;}
.developmentPathTitle i{background: url(../images/TextTitle03.png) no-repeat bottom;display: block;height: 1px;width: 135px;margin: 20px auto 0;}

.developmentPath-Top{position: relative;overflow: hidden;}
.developmentPath-Top ul{position: relative;padding-top: 18px;}
.developmentPath-Con h1{border: 1px #434343 dashed;position:  relative;top: 18px;z-index: 1;}
.developmentPath-Con ul li{float: left;border-left: 1px #323232 solid;height: 255px;padding-left: 25px;margin-left: 53px;position: relative;width: 221px;}
.developmentPath-Con ul li a{display: block;}
.developmentPath-Con ul li a h3{font-size: 32px;color: #00b7bd;font-family: "FONTS";margin-top: 25px;}
.developmentPath-Con ul li a h4{font-size: 20px;color: #00b7bd;margin-top: 15px;}
.developmentPath-Con ul li a p{font-size:16px;line-height:30px;margin-top:15px;}
.developmentPath-Con ul li i{width: 32px;height: 32px;display: block;background: url(../images/developmentPath.png) no-repeat center;position: absolute;top: -17px;left: -17px;z-index: 99;-webkit-transition : .1s ease-out;-moz-transition : .1s ease-out;-ms-transition : .1s ease-out;-o-transition : .1s ease-out;transition : .1s ease-out;animation:future 1.5s infinite;opacity: 1;}
@keyframes future{
    0%{opacity:0.2;transform:scale(0.7)}
    50%{opacity:1;transform:scale(1.1)}
	100%{opacity:0.2;transform:scale(0.7)}
}
@-webkit-keyframes future{
    0%{-webkit-opacity:0.2;transform:scale(0.7)}
    50%{-webkit-opacity:1;transform:scale(1.1)}
	100%{-webkit-opacity:0.2;transform:scale(0.7)}
}

.developmentPath-Bot{width: 120px;height: 34px;border-radius: 50px;border: 1px #323232 solid;position: relative;margin:50px auto 0;}
.developmentPath-Bot em{display: block;width: 60px;height: 34px;overflow: hidden;cursor: pointer;position: absolute;top: 0;}
.developmentPath-Bot em img{display: block;width: 11px;height: 20px;margin: 6px auto 0;}
.developmentPath-Bot em.prev{left: 0px;border-right: 1px #323232 solid;}
.developmentPath-Bot em.next{right: 0;}
/* developmentPath End */

.ResearchteamText{padding:50px 0 50px;}
.ResearchteamText h3 a{color: #333; font-weight:normal; font-size:40px;}
.ResearchteamText i{background: url(../images/TextTitle03.png) no-repeat bottom;}
.ResearchteamText p{font-size: 20px;color: #333;margin-top: 20px;}

/*开始*/
/* Researchteam */
.Researchteam{background-color: #00b7bd;padding-bottom: 50px;}

.ResearchteamBot{text-align: center;margin-top: 34px;}
.ResearchteamBot span{width: 14px;height: 14px;display: inline-block;background-color: #fff;margin-left: 20px;border-radius: 50%;cursor: pointer;}
.ResearchteamBot span:first-child{margin-left: 0;}
.ResearchteamBot span.cur{background-color: #1b1b1b;}

.ResearchteamTop{position: relative;overflow: hidden;}
.ResearchteamTop ul{position: relative;padding-top: 60px;}
.ResearchteamTop ul li{width:268px;height:310px;float: left;margin-left:40px;text-align: center;background-color: #fff;border-radius: 10px 0 10px 0;}
.ResearchteamTop ul li:first-child{margin-left: 0;}
.ResearchteamTop ul li h3 a{font-size: 20px;color: #333;}
.ResearchteamTop ul li p{font-size: 15px;color: #666;line-height: 25px;padding: 0 25px;margin-top: 15px;}
.ResearchteamTop ul li a.More{font-size: 14px;color: #666;margin-top: 45px;display: block;}
.ResearchteamTop ul li:hover h3 a{color: #00b7bd;}
.ResearchteamTop ul li:hover a.More{color: #00b7bd;}
.ResearchteamTop ul li span{position: relative;display: block;top: -40px;}
.ResearchteamTop ul li span a{display: block;width: 136px;height: 136px;margin: 0 auto;}
.ResearchteamTop ul li span a img{display: block;width: 100%;height:100%;border-radius:50%;}
.ResearchteamTop ul li span a i{background: url(../images/Researchteam02.png) no-repeat center;width: 174px;height: 174px;display: block;position: absolute;top: -19px;left: 88px;}
/* Researchteam End */
.CorporateStyle{background-color: #f3f3f3; overflow:hidden; height:1100px; position:relative;}
.cpbt{width: 437px; height:155px; background: url(../images/cpbt.png) no-repeat; top: -10px; margin:auto;}
.cpbt .bold{ font-size: 40px; font-weight: bold; color: #fff; text-align: center; padding-top:30px; }
/* EnterpriseHonor */
.EnterpriseHonor{padding-bottom: 90px;background-color: #f3f3f3;}

.EnterpriseHonorText h3 a b{color: #00b7bd;}

.EnterpriseHonorBox{position: relative;overflow: hidden;}
.EnterpriseHonorBox ul{position: relative;}
.EnterpriseHonorBox ul li{float: left;margin-left: 13px;width: 290px;height: 300px;background-color: #fff;}
.EnterpriseHonorBox ul li span{width: 171px;height: 177px;display: block;margin: 30px auto 20px;overflow: hidden;}
.EnterpriseHonorBox ul li span img{display: block;width: 100%;transition: .8s;}
.EnterpriseHonorBox ul li:hover span img{transform: scale(1.1);}
.EnterpriseHonorBox ul li:first-child{margin-left: 0;}
.EnterpriseHonorBox ul li a{display: block;}
.EnterpriseHonorBox ul li p{font-size: 14px;color: #666;text-align: center;padding-top: 20px;border-top: 1px #ededed solid;}
.EnterpriseHonorBox ul li:hover p{color: #00b7bd;}

.EnterpriseHonorBox9{position: relative;overflow: hidden;}
.EnterpriseHonorBox9 ul{position: relative;}
.EnterpriseHonorBox9 ul li{float: left;margin-left: 13px;background-color: #fff; width:229px; padding-bottom:18px;}
.EnterpriseHonorBox9 ul li span{width: 171px;height:240px;display: block;margin: 30px auto 20px;overflow: hidden;}
.EnterpriseHonorBox9 ul li span img{display: block;width: 100%;transition: .8s;}
.EnterpriseHonorBox9 ul li:hover span img{transform: scale(1.1);}
.EnterpriseHonorBox9 ul li:first-child{margin-left: 0;}
.EnterpriseHonorBox9 ul li a{display: block;}
.EnterpriseHonorBox9 ul li p{font-size: 14px;color: #666;text-align: center;padding-top: 20px;border-top: 1px #ededed solid;}
.EnterpriseHonorBox9 ul li:hover p{color: #00b7bd;}

.EnterpriseHonorCon{position: relative;}
.EnterpriseHonorCon i{display: block;width: 42px;box-shadow: 0 4px 20px rgba(0,0,0,0.1);height: 42px;overflow: hidden;cursor: pointer;position: absolute;top: 50%;margin-top: -25px;}
.EnterpriseHonorCon i img{display: block;width: 42px;height: 42px;}
.EnterpriseHonorCon i.prev{left: -85px;}
.EnterpriseHonorCon i.next{right: -85px;}
/* EnterpriseHonor End */



/*幻灯片*/
.banner {width: 100%;margin: auto;position: relative; z-index: 1;}
#full-screen-slider {width: 100%;height:680px;float: right;position: relative;}
#slides {display: block;width: 100%;height:680px;list-style: none;padding: 0;margin: 0;position: relative;}
#slides li {display: none;width: 100%;height: 100%;list-style: none;padding: 0;margin: 0;position: absolute;}
#slides li a {display: block;width: 100%;height: 100%;text-indent: -999px;}
#pagination {display: block;list-style: none;position: absolute;left: 48%;width: 120px;top:654px;z-index:1000;padding: 5px 0px 5px 0;margin-left: 0px !important;}
#pagination li {display: block;list-style: none;width:16px;height:16px;float: left;margin-left:8px;border-radius:10px;background: #FFF;}
#pagination li a {display: block;width: 100%;height: 100%;padding: 0;margin: 0;text-indent: -9999px;}
#pagination li.current {background:#00b7bd;}



.menu{ margin: 0 auto 40px auto; text-align: center; width:1200px;}
.menu li{ width:220px; height: 50px; float: left; margin:0 8px 0 11px;}
.menu li a{ width:210px; height: 46px; border: 2px solid #333; display: block; font-size: 18px; background:#fff; text-align: center; line-height: 46px;}
.menu li a:hover{ width:214px; height: 50px; border: none; background:#00b7bd; color: #fff; line-height: 50px;}

.menu2{ margin: 0 auto 40px auto; text-align: center; width:1200px;}
.menu2 li{ width:281px; height: 50px; float: left; margin:0 8px 15px 11px;}
.menu2 li a{ width:256px; height: 46px; border: 2px solid #333; display: block; font-size: 18px; background:#fff; text-align: center; line-height: 46px;}
.menu2 li a:hover{ width:260px; height: 50px; border: none; background:#00b7bd; color: #fff; line-height: 50px;}