body {font-size: 14px; color: #333; font-family: sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
input,textarea,select {font-size: 14px; color: #000; outline: none; 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: #0f9493;}

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

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

.Top {position: fixed; width: 100%; background: #fff; z-index: 5; top: 0px; height: 100px;}
.Top h1 {float: left; width: 300px;}

.Overlay {position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 4;}

.Slogen {position: absolute; width: 1095px; height: 300px; top: 50%; margin-top: -150px;}
.SearchInput {background: #fff; width: 300px; margin-top: 30px; float: left; border-radius: 5px 0px 0px 5px; border: none; padding: 10px;}
.SearchBtn {background: #0f9493; width: 50px; float: left; height: 36px; margin: 30px 0px 0px 0px; border-radius: 0px 5px 5px 0px; border: none; cursor: pointer; color: #fff;}

.Frame {padding: 60px 0px;}

.Title {text-align: center;}
.Title h2 {font-size: 30px; padding-bottom: 20px;}
.Title h3 {font-size: 14px; line-height: 30px; color: #999; width: 850px; margin: auto;}

.List li {float: left; margin: 30px 30px 0px 0px; background: #fff; box-shadow: 0px 0px 5px #ddd; line-height: 20px; width: 370px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;}
.List li:hover {box-shadow: 0px 0px 10px #ccc;}
.List li:nth-child(3n) {margin: 30px 0px 0px 0px;}
.List h2 {font-size: 16px; font-weight: 700; color: #0f9493; padding-bottom: 10px;}

.Mid {font-size: 16px; line-height: 40px; padding-top: 40px;}

.GreenTitle {background: #0f9493; color: #fff; width: 200px; line-height: 60px; position: absolute; bottom: -30px; left: 50%; margin-left: -100px; font-size: 18px; text-align: center;}

.GreenTitle_1 {background: #0f9493; color: #fff; width: 200px; line-height: 60px; position: absolute; bottom: -30px; right: 0px; font-size: 18px; text-align: center;}


.Bottom {line-height: 30px; background: #20373d; margin-top: 20px; color: #fff; padding: 20px;}
.Bottom a {color: #fff;}
.BottomImg {width: 160px; float: right;}
.BottomImg > a > img {float: right; margin-left: 10px; width: 30px; padding: 15px 0px;}

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

.IndexProTitle h2 {text-align: center; font-size: 36px; color: #33353a; padding: 10px 0px;}
.IndexProTitle h2 span {font-size: 30px; letter-spacing: 4px;}
.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; display: none;}

.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: 4; top: 210px; left: 20px; line-height: 30px; font-size: 14px; background: #0f9493;}

.LeftNav {float: left; width: 200px;}
.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: #0f9493; color: #fff;}
.LeftNav a.Current {color: #fff; background: #0f9493;}

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

.MainTitle {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:#63b130; padding-top:10px; color:#fff; margin-top:10px; text-align:center;}


.ContactBg {background: url(../image/bg.jpg) no-repeat center center; width: 700px; height: 430px; margin: 30px auto; padding-top: 70px}
.Contact a {margin: 20px 10px 0px 10px; border: #0f9493 1px solid; padding: 19px 4px; text-align: center; color: #0f9493; background: #fff; border-radius: 20px; display: block;}
.Contact a:hover {background: #0f9493; border: #0f9493 1px solid; color: #fff;}
.Contact p {padding-top: 10px; font-size: 16px;}
.Contact p.Other {font-size: 14px;}
.Contact > a > img {width: 28px; margin: auto;}

.Download a {display: block; background: #0f9493; border: #0f9493 1px solid; color: #fff; line-height: 43px; width: 165px; font-size: 16px; text-align: center; margin-top: 30px; border-radius: 3px;}
.Download a:hover {border: #0f9493 1px solid; background: none; color: #0f9493;}

.PopUp {background: #fff; width: 300px; margin: 150px auto 0px auto;  border: #0f9493 5px solid; text-align: center; line-height: 40px;}


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

	.Wrap {width: 100%; margin: auto;}
	.Top {position: fixed; width: 100%; background: #fff; z-index: 5; top: 0px; height: 60px;}
	.Top h1 {float: left; width: 150px; margin: 5px 0px 0px 10px;}

	.Overlay {position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 4;}

	.Slogen {position: absolute; width: 90%; height: auto; top: 80px; margin-top: 0px; left: 20px;}
	.Slogen a {display: block; background: #0f9493; border: #0f9493 1px solid; color: #fff; line-height: 23px; width: 100px; font-size: 12px; text-align: center; margin-top: 10px; border-radius: 3px;}
	.Slogen a:hover {border: #fff 1px solid; background: none;}

	.Frame {padding: 30px 10px;}

	.Title {text-align: center;}
	.Title h2 {font-size: 20px; padding-bottom: 20px;}
	.Title h3 {font-size: 14px; line-height: 25px; color: #999; width: 90%; margin: auto;}

	.List li {float: none; margin: 30px 0px 0px 0px; background: #fff; box-shadow: 0px 0px 5px #ddd; line-height: 20px; width: auto; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;}
	.List li:hover {box-shadow: 0px 0px 10px #ccc;}
	.List li:nth-child(3n) {margin: 30px 0px 0px 0px;}
	.List h2 {font-size: 16px; font-weight: 700; color: #0f9493; padding-bottom: 10px;}

	.Mid {font-size: 14px; line-height: 25px; padding-top: 40px;}

	.GreenTitle {background: #0f9493; color: #fff; width: 200px; line-height: 40px; position: absolute; top: -30px; left: 50%; margin-left: 0px; font-size: 16px; text-align: center; z-index: 4; height: 40px;}

	.GreenTitle_1 {background: #0f9493; color: #fff; width: 200px; line-height: 40px; position: absolute; top: -30px; left: 50%; margin-left: 0px; font-size: 16px; text-align: center; z-index: 4; height: 40px;}


	.Bottom {line-height: 30px; background: #20373d; margin-top: 20px; color: #fff; padding: 20px; text-align: center;}
	.Bottom a {color: #fff;}
	.BottomImg {width: 160px; float: none; margin: auto;}
	.BottomImg > a > img {float: right; margin: 0px 5px; width: 30px; padding: 10px 0px;}
	
	.ProBanner {background: url(../image/pro_banner.jpg) no-repeat center center; height: 100px; margin-top: 60px;}
	.ProfileBanner {background: url(../image/profile_banner.jpg) no-repeat center center; height: 100px; margin-top: 60px;}
	.ContactBanner {background: url(../image/contact_banner.jpg) no-repeat center center; height: 100px; margin-top: 60px;}
	
	.IndexProTitle {background: none;}
	.IndexProTitle h2 {text-align: center; font-size: 30px; color: #63b130; padding: 0px 0px; display: none;}
	.IndexProTitle h2 span {padding-left: 40px; color: #0f9493; font-size: 24px;}
	.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;}
	
	.Profile {padding-top: 30px; 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: #0f9493;}
	
	.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: #63b130;}
	
	.Main {float: none; padding-bottom: 0px; width: auto;}

	.MainTitle {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:#63b130; padding-top:10px; color:#fff; margin-top:10px; text-align:center;}
	
	.ContactBg {background: url(../image/bg.jpg) no-repeat center center; width: 100%; height: auto; margin: 30px auto; padding-top: 70px}
	.Contact a {margin: 20px 10px 0px 10px; border: #0f9493 1px solid; padding: 19px 4px; text-align: center; color: #0f9493; background: #fff; border-radius: 20px; display: block;}
	.Contact a:hover {background: #0f9493; border: #0f9493 1px solid; color: #fff;}
	.Contact p {padding-top: 10px; font-size: 16px;}
	.Contact p.Other {font-size: 14px;}
	.Contact > a > img {width: 28px; margin: auto;}
}