.title{ position: relative; }
.title h2{ border-bottom: 1px solid #999999;padding-bottom: 1px; }
.title h2 span{ font-size: 24px;border-bottom: 2px solid #000; }
.title h3{ font-family: "Geometria";font-size: 16px;color: #595656; }
.title .more{ font-size: 16px;color: #898989;position: absolute;top: 0;right: 0; }

.about_ceo{ padding-top: 40px;padding-bottom: 60px;background: #f1f0f0; }
.about_ceo .main{ display: flex;background: #fff;margin-top: 30px; }
.about_ceo .main .left{ width: 70%;padding: 5%;position: relative; }
.about_ceo .main .left p{ text-indent: 2em;color: #595656;line-height: 28px;text-align: justify;margin-bottom: 16px; }
.about_ceo .main .right{ width: 30%; }
.about_ceo .main .right img{ width: 100%; }
@media only screen and (max-width: 768px) {
	.about_ceo .main{flex-wrap: wrap;flex-direction: column-reverse;}
	.about_ceo .main .left p{ line-height: 22px;margin-bottom: 8px; }
	.about_ceo .main .left{width: 100%;padding-bottom: 60px;}
	.about_ceo .main .right{width: 100%;height: 300px;overflow: hidden;}
	
}
.blurb{ padding: 40px 0;background: #f1f0f0; }
.blurb .main{ padding: 3%;background: #fff;margin-top: 30px; }
.blurb .main .text{ width: 100%; }
.blurb .main .text p{ text-indent: 2em;color: #595757;line-height: 22px;text-align: justify;margin-bottom: 8px; }
.blurb .main .imgBox{ margin-top: 30px; }
.blurb .main .imgBox img{ width: 49%;float: left; }
.blurb .main .imgBox img+img{ float: right; }

.framework{ padding: 40px 0;background: #f1f0f0; }
.framework .main{ padding: 3%;margin-top: 30px; }
.framework .main img{ width: 100%; }

.culture{ padding: 40px 0;background: #f1f0f0; }
.culture .main{ margin-top: 30px; }
.culture .main ul{ display: flex;justify-content: space-between; }
.culture .main ul li{ width: 49%;background: #fff;padding-bottom: 50px;position: relative;cursor: pointer;transition: all 0.6s; }
.culture .main ul li .box{ position: relative;overflow: hidden; }
.culture .main ul li img{ width: 100%;display: block;transition: all 0.6s; }
.culture .main ul li p{ width: 100%;height: 100%;background: #000;position: absolute;top: 0;opacity: 0;transition: all 0.6s; }
.culture .main ul li span{ font-size: 14px;color: #595757;position: absolute;bottom: 15px;left: 50%;transform: translateX(-50%);transition: all 0.6s; }
.culture .main ul li .more{ font-size: 16px;font-weight: bold;position: absolute;bottom: 15px;left: 0;transform: translateX(-50%);padding-right: 20px;padding-bottom: 4px;background: url(../images/more.png)no-repeat right;background-size: 10px;opacity: 0;transition: all 0.6s; }
.culture .main ul li:hover{ box-shadow: 0 0 20px 2px rgba(0,0,0,0.3); }
.culture .main ul li:hover img{ transform: scale(1.2); }
.culture .main ul li:hover p{ opacity: 0.4; }
.culture .main ul li:hover span{ bottom: 50%;color: #fff;font-size: 24px; }
.culture .main ul li:hover .more{ left: 50%;opacity: 1; }
@media only screen and (max-width: 768px) {
	.culture .main ul{ flex-wrap: wrap; }
	.culture .main ul li{ width: 100%;margin-bottom: 20px; }
}
.culture_three{ padding: 40px 0;background: #f1f0f0; }
.culture_three .main{ margin-top: 30px; }
.culture_three .main .box{ margin-top: 40px;margin-bottom: 30px; }
.culture_three .main .box img{ width: 100%; }
.culture_three .main .text{}
.culture_three .main .text ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.culture_three .main .text ul li{width: 48%;margin-bottom: 20px;}
.culture_three .main .text ul li b{font-size: 16px;font-weight: bold;color: #F39800;line-height: 26px;}
.culture_three .main .text ul li p{line-height: 22px;}
.culture_three .main .text ul::after{ content: none; }


.honor{ padding: 40px 0;background: #f1f0f0; }
.navtitle{ display: flex;justify-content: flex-end;flex-wrap: wrap; }
.navtitle>li{ width:8%;padding: 5px;text-align: center; }
.navtitle>li>a{ color: #666; transition: all 0.6s ease 0.2s;border-bottom: 2px solid transparent; }
.navtitle>.active>a{ color: #333;border-bottom: 2px solid #f39800;}
@media only screen and (max-width: 768px) {
	.navtitle>li{ width:25%; }
}
.honor .main{ margin-top: 30px; }
.honor .main ul{ display: flex;flex-wrap: wrap; }
.honor .main ul li{ width: 32%;margin: 0.66% 0.66%;padding: 2.5%;background: #fff;transition: all 0.6s; }
.honor .main ul li .box{ position: relative;overflow: hidden;max-height: 200px; }
.honor .main ul li .box img{ width: 100%;display: block;transition: all 0.6s; }
.honor .main ul li .box p{ width: 100%;height: 100%;background: #000;position: absolute;top: 0;opacity: 0;transition: all 0.6s; }
.honor .main ul li .box span{ position: absolute;display: block;width: 45px;height: 45px;background: url(../images/search.png)no-repeat;background-size: cover;top: -45px;left: 50%;transform: translate(-50%,-50%);transition: all 0.6s; }
.honor .main ul li:hover{ box-shadow: 0 0 20px 2px rgba(0,0,0,0.3); }
.honor .main ul li:hover img{ transform: scale(1.2); }
.honor .main ul li:hover p{ opacity: 0.4; }
.honor .main ul li:hover span{ top: 50%; }
.honor .main .page{ display: flex;justify-content: center;margin-top: 20px; }
.honor .main .page .last{ width: 50px;height: 50px;background: #fff;margin: 0 4px; }
.honor .main .page .next{ width: 50px;height: 50px;background: #fff;margin: 0 4px; }
.honor .main .page .last p{ width: 100%;height: 100%;background: url(../images/lt.png)no-repeat center;background-size: 10px; }
.honor .main .page .next p{ width: 100%;height: 100%;background: url(../images/gt.png)no-repeat center;background-size: 10px; }
.honor .main .page ol{ display: flex; }
.honor .main .page ol li{ width: 50px;height: 50px;background: #fff;margin: 0 4px;font-size: 18px;color: #595656;line-height: 50px;text-align: center; }
.honor .main .page ol .on{ color: #fff;background: #f39800; }
@media only screen and (max-width: 768px) {
	.honor .main ul li{width: 48%;}
	.honor .main ul li .box{ max-height: 105px; }
}


.stories{ padding: 40px 0;background: #f1f0f0; overflow: hidden;}
.stories .main{ margin-top: 30px;display: none; }
.stories .main ul{ display: flex;justify-content: space-around; }
.stories .main ul li{ width: 24%;max-width: 160px;text-align: center; }
.stories .main ul li .box{ border-radius: 50%;overflow: hidden;opacity: 0.5; }
.stories .main ul li .box img{ width: 100%; }
.stories .main ul li h5{ font-size: 14px;color: #595757;margin-top: 10px; }
.stories .main ul li span{ font-size: 14px;color: #595757;margin-top: 10px; }
.stories .main ul .on .box{ opacity: 1; }
.stories .main ul .on h5{ color: #F39800; }
.stories .main ul .on span{ color: #000; }
.stories .main ol{ margin-top: 40px; }
.stories .main ol li{ display: flex;position: relative;height: auto;padding-bottom: 10px; }
.stories .main ol li .left{ font-size: 14px;color: #F39800;min-width: 50px;margin-right: 30px; }
.stories .main ol li .x{ width: 1px;height: 100%;background: #595656;position: absolute;top: 10px;left: 55px; }
.stories .main ol li .right{ font-size: 14px;display: inline-block; }
.stories .main ol li .y{ width: 10px;height: 10px;border: 1px solid #595656;border-radius: 50%;position: absolute;top: 5px;left: 50px;background: #ffffff; }
.stories .main ol li:last-child .x{ background: #f1f0f0; }
.stories .main .year{  }
.stories .main ol{ display: none; }
.stories .main .on{ display: block; }

.stories .main-pc{ margin-top: 30px;display: none; }
.stories .main-pc ul{ display: flex;justify-content: space-around;position: relative; }
.stories .main-pc ul>li{ width: 24%;max-width: 160px;text-align: center; }
.stories .main-pc ul>li .box{ border-radius: 50%;overflow: hidden;opacity: 0.5; }
.stories .main-pc ul>li .box img{ width: 100%; }
.stories .main-pc ul>li h5{ font-size: 14px;color: #595757;margin-top: 10px; }
.stories .main-pc ul>li span{ font-size: 14px;color: #595757;margin-top: 10px; }
.stories .main-pc ul>.on .box{ opacity: 1; }
.stories .main-pc ul>.on h5{ color: #F39800; }
.stories .main-pc ul>.on span{ color: #000; }
.stories .main-pc .year{  }
.stories .main-pc .year ol{ position: relative; }
.stories .main-pc .year .year01{left: 12.5%;margin-left: -55px;display: none;}
.stories .main-pc .year .year02{left: 37.5%;margin-left: -55px;display: none;}
.stories .main-pc .year .year03{right: 37.5%;margin-right: -60px;display: none;}
.stories .main-pc .year .year03 li{flex-direction: row-reverse;}
.stories .main-pc .year .year03 li .left{ font-size: 14px;color: #F39800;min-width: 50px;margin-left: 30px;margin-right: -5px; }
.stories .main-pc .year .year03 li .x{ width: 1px;height: 40px;background: #595656;position: absolute;top: 10px;right: 60px;left: auto; }
.stories .main-pc .year .year03 li .right{ font-size: 14px;display: inline-block;max-width: 550px; }
.stories .main-pc .year .year03 li .y{ width: 10px;height: 10px;border: 1px solid #595656;border-radius: 50%;position: absolute;top: 5px;right: 55px;left: auto;background: #ffffff; }
.stories .main-pc .year .year04{right: 12.5%;margin-right: -60px;display: none;}
.stories .main-pc .year .year04 li{flex-direction: row-reverse;}
.stories .main-pc .year .year04 li .left{ font-size: 14px;color: #F39800;min-width: 50px;margin-left: 30px;margin-right: -5px; }
.stories .main-pc .year .year04 li .x{ width: 1px;height: 40px;background: #595656;position: absolute;top: 10px;right: 60px;left: auto; }
.stories .main-pc .year .year04 li .right{ font-size: 14px;display: inline-block; }
.stories .main-pc .year .year04 li .y{ width: 10px;height: 10px;border: 1px solid #595656;border-radius: 50%;position: absolute;top: 5px;right: 55px;left: auto;background: #ffffff; }
.stories .main-pc .year ol li{ display: flex;position: relative;height: auto;padding-bottom: 10px; }
.stories .main-pc .year ol li .left{ font-size: 14px;color: #F39800;min-width: 50px;margin-right: 30px;margin-left: -10px; }
.stories .main-pc .year ol li .x{ width: 1px;height: 100%;background: #595656;position: absolute;top: 10px;left: 55px; }
.stories .main-pc .year ol li .right{ font-size: 14px;display: inline-block; }
.stories .main-pc .year ol li .y{ width: 10px;height: 10px;border: 1px solid #595656;border-radius: 50%;position: absolute;top: 5px;left: 50px;background: #ffffff; }
.stories .main-pc .year ol li:last-child .x{ background: #f1f0f0; }
.stories .main-pc .year .on{ display: block; }
.stories .main-pc .xian{ position: relative;height: 40px;padding-top: 10px; }
.stories .main-pc .xian div{ height: 1px;background: #595656;width: 75%;margin: 0 auto; }
.stories .main-pc .xian ol li{ position: absolute;top: 5px;width: 10px;height: 10px;background: #595656;border-radius: 50%;margin-left: -5px; }
.stories .main-pc .xian ol li .x{ width: 1px;height: 40px;background: #595656;position: absolute;left: 5px;display: none; }
.stories .main-pc .xian ol li .y{ width: 10px;height: 10px;background: #F39800;position: absolute;left: 0;border-radius: 50%;display: none; }
.stories .main-pc .xian ol .xian1{ left: 12.5%; }
.stories .main-pc .xian ol .xian2{ left: 37.5%; }
.stories .main-pc .xian ol .xian3{ left: 62.5%; }
.stories .main-pc .xian ol .xian4{ left: 87.5%; }
.stories .main-pc .xian ol .on .x{ display: block; }
.stories .main-pc .xian ol .on .y{ display: block; }