body {font-size: 12px; color: #333; font-family: sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden;}
input,textarea,select {font-size: 12px; color: #000; outline: none; font-family: "mpregular"; border: #ddd 1px solid; outline: none;}
h1,h2,h3,h4,h5,h6,button {outline: none; font-family: sans-serif; font-weight: 100; color: #333;}
a {color: #333; text-decoration: none; outline: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;}
a:hover {color: #fccf00;}

img {width: 100%; display: block;}

.Top {position: fixed; top: 0px; width: 100%; z-index: 100; height: 105px; background: #fff;}

.Wrap {width: 1110px; margin: auto;}

.Language {float: right; width: 105px; margin-top: 41px;}
.Language a {display: block; float: left; margin-left: 10px; width: 25px;}

.Logo {float: left; width: 240px; padding: 15px 0px;}

.Frame {padding: 60px 0px;}

.BannerTitle {position: absolute; width: 100%;}
.BannerTitle h2 {text-align: center; font-size: 60px; padding-bottom: 20px; color: #fff;}
.BannerTitle h3 {text-align: center; font-size: 18px; line-height: 40px; color: #fff; width: 70%; margin: auto;}

.IndexProTitle {background: url(../image/2.png) no-repeat top center;}
.IndexProTitle h2 {text-align: center; font-size: 36px; color: #1f2186; padding: 10px 0px;}
.IndexProTitle h2 span {padding-left: 80px; color: #1f2186;}
.IndexProTitle h3 {position: relative; width: 370px; height: 40px; margin: auto; background: url(../image/line.png) no-repeat center center;}
.IndexProTitle h3 em {display: block; line-height: 40px; width: 120px; position: absolute; left: 50%; margin-left: -60px; text-align: center; font-size: 30px;}
.IndexProTitle h4 {font-size: 14px; color: #999; text-align: center; font-weight: 700;}

.IndexProTab {padding-top: 50px;}
.IndexProTab li {float: left; width: 183px; border-bottom: #1f2186 1px solid; border-top: #fff 1px solid; border-left: #fff 1px solid; border-right: #fff 1px solid; line-height: 48px; text-align: center; font-size: 12px; cursor: pointer;}
.IndexProTab li.Current {border-bottom: #fff 1px solid; border-top: #1f2186 1px solid; border-left: #1f2186 1px solid; border-right: #1f2186 1px solid; color: #1f2186;}

.IndexPro {padding: 15px; cursor: pointer;}

.IndexAbout {background: url(../image/3.png) no-repeat center center; color: #fff; padding: 110px 0px 120px 0px; height: 400px;}
.IndexAbout h2 {font-size: 30px; color: #fff; text-align: center; padding-bottom: 20px;}
.IndexAbout p {font-size: 14px; line-height: 30px; font-weight: 700;}
.IndexAbout a {display: block; width: 74px; margin: 50px auto 0px auto;}

.IndexApplication {padding-top: 80px; text-align: center;}
.IndexApplication > a > img {width: 118px; margin: auto;}
.IndexApplication p {padding: 30px 0px; font-size: 16px;}
.IndexApplication span {display: block; width: 30px; height: 1px; background: #1f2186; margin: auto;}

.Bottom {background: url(../image/bottom.jpg) no-repeat center bottom; margin-top: 60px; height: 150px; padding: 180px 0px 30px 0px; color: #fff;}
.Bottom ul {width: 500px; margin: auto;}
.Bottom li {font-size: 16px; line-height: 40px; text-align: center;}
.Bottom li i {width: 30px; text-align: center;}
.Bottom p {text-align: center; padding-top: 30px; font-size: 14px;}

.ProBanner {background: url(../image/pro_banner.jpg) no-repeat center center; height: 300px; margin-top: 105px;}
.ApplicationBanner {background: url(../image/application_banner.jpg) no-repeat center center; height: 300px; margin-top: 105px;}
.ProfileBanner {background: url(../image/profile_banner.jpg) no-repeat center center; height: 300px; margin-top: 105px;}
.ServiceBanner {background: url(../image/service_banner.jpg) no-repeat center center; height: 300px; margin-top: 105px;}
.ContactBanner {background: url(../image/contact_banner.jpg) no-repeat center center; height: 300px; margin-top: 105px;}

.LeftNav {float: left; width: 200px;}
.LeftNav a {display: block; border-radius: 5px; background: #f1f1f1; line-height: 18px; font-size: 14px; padding: 10px 20px; margin-bottom: 10px;}
.LeftNav a:hover {background: #f1d400; color: #fff;}
.LeftNav a.Current {color: #fff; background: #1f2186;}

.Main {float: right; padding-bottom: 50px; width: 860px;}

.Title {border-bottom: #f1f1f1 1px solid; font-size: 30px; padding-bottom: 14px; margin-bottom: 10px}

#back-to-top {position:fixed; bottom:60px; right:5px; z-index:1000;}
#back-to-top a {display:block; width:35px; height:25px; border-radius:30px; background:#1f2186; padding-top:10px; color:#fff; margin-top:10px; text-align:center;}

.Application {margin-top: 100px; position: relative;}
.Application > img {float: right; width: 660px;}
.Application em {display: block; position: absolute; width: 290px; height: 240px; top: 70px; left: 270px;}
.Application em.A_1 {background: #1f2186;}
.Application em.A_2 {background: #a2ca10;}
.Application em.A_3 {background: #f1d400;}
.ApplicationText {position: absolute; width: 420px; z-index: 10;}
.ApplicationText h2 {font-size: 30px; padding-bottom: 10px;}
.ApplicationText h3 {font-size: 16px; padding-bottom: 20px;}
.ApplicationText p {font-size: 12px; line-height: 25px;}

.Service h2 {font-size: 30px; padding-bottom: 20px; margin-left: 40px; line-height: 40px;}
.Service p {font-size: 16px; line-height: 40px; margin-left: 40px;}

.Profile {padding-top: 100px; position: relative; height: 440px;}
.Profile h2 {position: absolute; width: 550px;}
.Profile h3 {position: absolute; width: 800px; top: 140px; left: 300px;}
.ProfileFrame {position: absolute; padding: 20px; width: 610px; color: #fff; z-index: 10; top: 210px; left: 20px; line-height: 30px; font-size: 14px; background: #a2ca10;}

.Contact {margin: 0px 10px; background: #f8f8f8; border: #f1f1f1 1px solid; padding: 19px; text-align: center;}
.Contact:hover {background: #a2ca10; border: #a2ca10 1px solid; color: #fff;}
.Contact p {padding-top: 20px; font-size: 16px;}
.ContactTitle h2 {padding: 50px 0px 20px 0px; font-size: 24px; text-align: center;}
.ContactTitle h3 {padding: 0px 0px 50px 0px; font-size: 18px; text-align: center; color: #999;}



@media screen and (max-width: 960px) {
	.Wrap {width: 100%; margin: auto;}
	.Top {position: fixed; top: 0px; width: 100%; z-index: 100; height: 60px; background: #fff;}

	.Language {float: none; width: 105px; top: 20px; left: 135px; position: absolute; z-index: 100; margin: 0px;}
	.Language a {display: block; float: left; margin-left: 10px; width: 25px;}

	.Logo {float: left; width: 120px; padding: 10px 0px 0px 10px;}

	.Frame {padding: 30px 10px;}

	.BannerTitle {position: absolute; width: 100%;}
	.BannerTitle h2 {text-align: center; font-size: 16px; padding-bottom: 10px; color: #fff; font-weight: 700;}
	.BannerTitle h3 {text-align: center; font-size: 12px; line-height: 20px; color: #fff; display: none;}

	.IndexProTitle {background: url(../image/2_1.png) no-repeat top center;}
	.IndexProTitle h2 {text-align: center; font-size: 30px; color: #1f2186; padding: 5px 0px;}
	.IndexProTitle h2 span {padding-left: 60px; color: #1f2186;}
	.IndexProTitle h3 {position: relative; width: 300px; height: 40px; margin: auto; background: url(../image/line.png) no-repeat center center;}
	.IndexProTitle h3 em {display: block; line-height: 40px; width: 120px; position: absolute; left: 50%; margin-left: -60px; text-align: center; font-size: 24px;}
	.IndexProTitle h4 {font-size: 14px; color: #999; text-align: center; font-weight: 700;}

	.IndexProTab {padding-top: 50px;}
	.IndexProTab li {float: left; width: 30%; border: none; line-height: 18px; text-align: center; font-size: 80%; cursor: pointer; background: #f1f1f1; border-radius: 10px; margin: 5px; padding: 5px 0px; min-height: 40px;}
	.IndexProTab li.Current {border: none; color: #fff; background: #1f2186;}

	.IndexPro {padding: 15px; cursor: pointer;}

	.IndexAbout {background: url(../image/3.png) no-repeat center center; color: #fff; padding: 50px 10px; height: 500px;}
	.IndexAbout h2 {font-size: 24px; color: #fff; text-align: center; padding-bottom: 20px;}
	.IndexAbout p {font-size: 14px; line-height: 30px;}
	.IndexAbout a {display: block; width: 74px; margin: 30px auto 0px auto;}

	.IndexApplication {padding-top: 80px; text-align: center;}
	.IndexApplication > a > img {width: 118px; margin: auto;}
	.IndexApplication p {padding: 30px 0px; font-size: 16px;}
	.IndexApplication span {display: block; width: 30px; height: 1px; background: #1f2186; margin: auto;}

	.Bottom {background: url(../image/bottom.jpg) no-repeat center bottom; margin-top: 30px; height: 150px; padding: 180px 0px 10px 0px; color: #fff;}
	.Bottom ul {width: 96%; margin: auto;}
	.Bottom li {float: left; width: 50%; font-size: 14px; line-height: 30px;}
	.Bottom li i {width: 30px; text-align: center;}
	.Bottom p {text-align: center; padding-top: 30px; font-size: 12px;}

	.ProBanner {background: url(../image/pro_banner.jpg) no-repeat center center; height: 300px; margin-top: 65px;}
	.ApplicationBanner {background: url(../image/application_banner.jpg) no-repeat center center; height: 300px; margin-top: 65px;}
	.ProfileBanner {background: url(../image/profile_banner.jpg) no-repeat center center; height: 300px; margin-top: 65px;}
	.ServiceBanner {background: url(../image/service_banner.jpg) no-repeat center center; height: 300px; margin-top: 65px;}
	.ContactBanner {background: url(../image/contact_banner.jpg) no-repeat center center; height: 300px; margin-top: 65px;}

	.LeftNav {float: left; width: 200px; display: none;}
	.LeftNav a {display: block; border-radius: 5px; background: #f1f1f1; line-height: 40px; font-size: 14px; padding-left: 20px; margin-bottom: 10px;}
	.LeftNav a:hover {background: #f1d400; color: #fff;}
	.LeftNav a.Current {color: #fff; background: #1f2186;}

	.Main {float: none; padding-bottom: 0px; width: auto;}

	.Title {border-bottom: #f1f1f1 1px solid; font-size: 30px; padding-bottom: 14px; margin-bottom: 10px}

	#back-to-top {position:fixed; bottom:60px; right:5px; z-index:1000;}
	#back-to-top a {display:block; width:35px; height:25px; border-radius:30px; background:#1f2186; padding-top:10px; color:#fff; margin-top:10px; text-align:center;}

	.Application {margin-top: 50px; position: relative;}
	.Application > img {float: none; width: 100%;}
	.Application em {display: none; position: relative; width: 290px; height: 240px; top: 0px; left: 0px;}
	.Application em.A_1 {background: #1f2186;}
	.Application em.A_2 {background: #a2ca10;}
	.Application em.A_3 {background: #f1d400;}
	.ApplicationText {position: relative; width: 100%; z-index: 10;}
	.ApplicationText h2 {font-size: 24px; padding-bottom: 10px;}
	.ApplicationText h3 {font-size: 14px; padding-bottom: 10px;}
	.ApplicationText p {font-size: 12px; line-height: 20px; display: block; padding-bottom: 10px;}

	.Service h2 {font-size: 24px; padding-bottom: 20px; margin-left: 0px; line-height: 40px;}
	.Service p {font-size: 14px; line-height: 30px; margin-left: 0px;}

	.Profile {padding-top: 50px; position: relative; height: auto;}
	.Profile h2 {position: relative; width: 100%;}
	.Profile h3 {position: relative; width: 100%; top: 0px; left: 0px; display: none;}
	.ProfileFrame {position: relative; padding: 20px; width: auto; color: #fff; z-index: 10; top: 0px; left: 0px; line-height: 30px; font-size: 14px; background: #a2ca10;}

	.Contact {margin: 10px; background: #f8f8f8; border: #f1f1f1 1px solid; padding: 19px; text-align: center;}
	.Contact:hover {background: #a2ca10; border: #a2ca10 1px solid; color: #fff;}
	.Contact p {padding-top: 20px; font-size: 16px;}
	.ContactTitle h2 {padding: 50px 0px 20px 0px; font-size: 24px; text-align: center;}
	.ContactTitle h3 {padding: 0px 0px 50px 0px; font-size: 18px; text-align: center; color: #999;}
}

/* ===== GEO：品牌核心信息 / Brand Facts ===== */
.GeoFacts {background: #fff; padding: 60px 0;}
.GeoFacts h1 {text-align: center; font-size: 30px; color: #1f2186; padding: 10px 0; font-weight: 700;}
.GeoFacts .facts {width: 900px; max-width: 92%; margin: 30px auto 0; list-style: none;}
.GeoFacts .facts li {font-size: 15px; line-height: 36px; color: #333; padding-left: 20px; position: relative;}
.GeoFacts .facts li:before {content: "\25CF"; color: #1f2186; position: absolute; left: 0; font-size: 12px; top: 2px;}
.GeoFacts .facts li strong {color: #1f2186;}
.GeoFacts .faq {width: 900px; max-width: 92%; margin: 40px auto 0;}
.GeoFacts .faq dt {font-size: 16px; font-weight: 700; color: #1f2186; margin-top: 20px;}
.GeoFacts .faq dd {font-size: 14px; line-height: 28px; color: #555; margin: 6px 0 0;}
/* 产品页 H1 与原标题样式保持一致 */
h1.Title {margin-top: 0; font-weight: normal;}

/* ===== GEO：授权代理证书 / Authorized Distribution Certificate ===== */
.CertBlock {margin-top: 280px; text-align: center; position: relative; z-index: 20;}
.CertBlock h3 {font-size: 22px; font-weight: 700; color: #1f2186; padding-bottom: 16px;}
.CertBlock p {font-size: 14px; line-height: 28px; color: #666; width: 860px; max-width: 100%; margin: 0 auto; padding-bottom: 30px;}
.CertBlock img {display: block; width: 760px; max-width: 100%; height: auto; margin: 0 auto; border: 1px solid #e8e8e8; box-shadow: 0 3px 16px rgba(0,0,0,.10);}