body {font-size: 14px; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden;}
h1,h2,h3,h4,h5,h6,button {outline: none; font-weight: 400;}
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: #f65b5d;}
img {width: 100%; display: block;}

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

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

.Logo {float: left; width: 152px;}

.Video {position: relative;}
.VideoOverlay {background-image: linear-gradient(to right, rgba(0,0,0,0.0), rgba(0,0,0,0.6)); position: absolute; width: 100%; height: 99.5%;}
.VideoFrame {position: absolute; z-index: 2; right: 10%; color: #fff; top: 20%;}
.VideoFrame > img {width: 330px; padding-bottom: 20px;}
.VideoFrame p {font-size: 28px; letter-spacing: 1px; line-height: 40px;}
.VideoFrame a {display: block; background: #ffd130; line-height: 50px; padding: 0px 20px; float: left; margin-top: 30px; border: #ffd130 1px solid;}
.VideoFrame a:hover {background: none; color: #ffd130;}


.IndexFirst {border-bottom: #f5efe9 340px solid; position: relative; background-image: linear-gradient(to right, #fef1c1, #dff3f1); margin-top: -10px;}
.IndexFirstTitle {float: left; width: 448px; padding: 150px 0px 0px 0px;}
.IndexFirstIcon {float: right; width: 403px; padding: 50px 120px 0px 0px;}
.IndexFirstWhite {position: absolute; width: 1200px; left: 50%; margin-left: -600px; top: 460px; background: #fff; z-index: 5;}
.IndexFirstWhite li {float: left; width: 260px; padding: 40px 20px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;}
.IndexFirstWhite li:hover {margin-top: -10px;}
.IndexFirstWhite > ul > li > img {width: 40px;}
.IndexFirstWhite h2 {font-size: 16px; padding: 20px 0px 5px 0px; font-weight: 600;}
.IndexFirstWhite p {line-height: 25px; color: #666;}
.IndexFirst em {position: absolute; background: #fadada; width: 60px; height: 120px; border-radius: 60px 0 0 60px; line-height: 120px; right: 0px; bottom: -250px;}
.IndexFirst em.Other {right: 60px;}


.IndexSecond {position: relative; background: url(../image/bg_1.jpg) no-repeat center center; height: 430px; position: relative;}
.IndexSecond > div > img {float: right; margin: -50px 110px 0px 0px; width: 295px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;}
.IndexSecond > div > img:hover {margin-top: -70px;}
.IndexSecond a {display: block; background: #ffd130; line-height: 50px; padding: 0px 20px; float: left; margin-top: 30px; border: #ffd130 1px solid;}
.IndexSecond a:hover {background: none; color: #ffd130;}
.IndexSecond h2 {font-size: 36px; padding: 70px 0px 20px 0px; color: #f9644e;}
.IndexSecond p {font-size: 22px; line-height: 35px;}
.IndexSecond em {position: absolute; background: #c5f1f7; width: 150px; height: 75px; border-radius: 75px 75px 0 0; line-height: 75px; bottom: -30px; left: 100px;}


.IndexThird {padding: 60px 0px; position: relative;}
.IndexThird span {position: absolute; background: #c5f1f7; width: 75px; height: 150px; border-radius: 75px 0 0 75px; line-height: 150px; bottom: -70px; right: 0px;}
.IndexThirdTitle {background: url(../image/service.png) no-repeat center center; height: 50px;}
.IndexThird li {float: left; width: 340px; margin: 120px 30px 0px 30px; position: relative;}
.IndexThird em {position: absolute; width: 100%; text-align: center; color: #000; opacity: 0.7; font-family: Times, Times New Roman; font-size: 110px; top: -80px; z-index: 5;}
.IndexThird i {display: block; background: #ffd130; width: 30px; line-height: 30px; text-align: center; border-radius: 100%; position: absolute; left: 50%; margin-left: -15px; top: 325px;}
.IndexThird h2 {color: #f1553c; font-size: 16px; padding: 30px 0px 10px 0px; text-align: center; font-weight: 600;}
.IndexThird p {line-height: 25px; text-align: center;}
.IndexClassImg {width: 340px; height: 340px; overflow: hidden;}
.IndexThird li img {transition:transform 0.5s;}
.IndexThird li:hover img {transform:scale(1.2)}


.IndexForth {background: #f5efe9; padding: 60px 0px;}
.IndexForth h2 {width: 160px; line-height: 120px; height: 80px; border-radius: 80px 80px 0 0; background: #eeb3a3 url(../image/yin.png) no-repeat center center; margin: auto;}
.IndexForthFrame {width: 700px; margin: 20px auto; border-radius: 10px; padding: 20px; background: #f1e2d5;}
.IndexForthFrame > img {float: left; width: 110px;}
.IndexForthFrame img {border-radius: 100%;}
.IndexForthText {margin-left: 130px; line-height: 30px;}
.IndexForthText span {font-size: 18px; color: #642c11;}
.IndexForthText em {font-style: italic; color: #666; font-size: 14px;}
.IndexForth a {display: block; background: #ffd130; line-height: 50px; margin: 30px auto 0px auto; border: #ffd130 1px solid; width: 500px; text-align: center;}
.IndexForth a:hover {background: none; color: #ffd130;}


.IndexFifth {margin: 0px 10px 0px 10px; background: #f5f2ed; position: relative;}
.IndexFifth li {float: left; width: 20%; position: relative; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;}
.IndexFifth li:hover {margin-top: -20px;}
.IndexFifthOverlay {background-image: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.6)); position: absolute; width: 100%; height: 100%;}
.IndexFifthText {position: absolute; width: 90%; bottom: 0px; padding: 15px 0px; color: #fff; line-height: 25px; z-index: 2; left: 50%; margin-left: -45%;}
.IndexFifth span {font-size: 14px; float: right; display: block; margin-top: 5px;}
.IndexFifthMid {padding: 50px 30px; line-height: 35px;}


@media screen and (max-width: 1440px) {
	.IndexFifthMid {padding: 20px 10px; line-height: 25px; font-size: 14px;}
}


.IndexSix {padding: 60px 0px;}
.IndexSixTitle {background: url(../image/asseein.png) no-repeat center center; height: 52px;}
.IndexSix li {float: left; width: 188px; margin: 30px 5px 0px 5px; background: #fff; border: #f8f2e9 1px solid;}


.Bottom {background: #f4efe9; padding: 60px 0px;}
.BottomLeft {float: left; width: 790px;}
.BottomIcon {float: left; width: 180px; border-radius: 100%;}
.BottomIcon img {border-radius: 100%;}
.BottomText {margin-left: 200px; line-height: 25px;}
.BottomText > img {width: 380px; padding-bottom: 30px;}
.BottomText h2 {font-size: 16px; padding: 0px 0px 10px 30px; font-weight: 600;}
.BottomText p {padding-left: 30px;}

.Message {float: right; width: 360px; padding-top: 90px;}
.Message p {opacity: 0.8; padding-bottom: 20px; line-height: 25px;}
.Fill {border-radius: 5px; background: #fff; border: #e7dcd8 1px solid; margin-bottom: 10px; padding: 10px 0px; width: 100%; text-indent: 0.5em; display: none;}
.Btn {border: none; background: #ffd130; line-height: 50px; border: #ffd130 1px solid; text-align: center; width: 100%; border-radius: 5px; cursor: pointer;}

.BtnLink a {background: #ffd130; line-height: 50px; border: #ffd130 1px solid; text-align: center; width: 100%; border-radius: 5px; display: block;}

.BottomBar {background: #333; padding: 30px 0px; color: #a3a3a3; line-height: 30px;}
.BottomLink a {float: left; margin-right: 20px; color: #a3a3a3; display: block;}

.Link {float: right; width: 300px; margin-top: 15px;}
.Link a {display: block; width: 25px; float: right; margin-left: 15px;}


.ProfileFirst {position: relative; background: url(../image/bg_2.jpg) no-repeat center center; height: 690px;}
.ProfileFirstFrame {position: absolute; z-index: 2; right: 10%; top: 20%;}
.ProfileFirstFrame > img {width: 120px; margin-bottom: 10px;}
.ProfileFirstFrame h2 {font-size: 30px; padding-bottom: 20px; color: #fff;}
.ProfileFirstFrame p {line-height: 30px; font-size: 16px;}
.ProfileFirstFrame a {display: block; background: #ffd130; line-height: 50px; padding: 0px 20px; float: left; margin-top: 30px; border: #ffd130 1px solid;}
.ProfileFirstFrame a:hover {background: none; color: #ffd130;}


.ProfileSecond {padding: 20px; margin: 60px 0px; background-image: linear-gradient(to right, #fef1c1, #dff3f1);}
.ProfileSecondFrame {background: rgba(255,255,255,0.8); padding: 20px;}
.ProfileSecondFrame h2 {font-size: 24px; padding-bottom: 20px;}
.ProfileSecondFrame p {line-height: 30px;}
.ProfileSecondFrame a {display: block; background: #ffd130; line-height: 50px; margin-top: 30px; border: #ffd130 1px solid; float: left; padding: 0px 20px;}
.ProfileSecondFrame a:hover {background: none; color: #ffd130;}


.ProfileThird {background: #f4efe9; padding: 60px 0px;}
.ProfileThirdOne > img {background: #fff; padding: 10px; width: 420px; float: left; margin-right: 30px;}
.ProfileThirdOne p {padding-top: 30px; line-height: 30px;}
.ProfileThirdText {float: left; line-height: 35px; width: 720px;}
.ProfileThirdPic {float: right; position: relative; width: 360px; margin-top: 50px;}
.ProfileThirdPic > img {position: relative; z-index: 2;}
.ProfileThirdPic em {position: absolute; background: #fadada; width: 120px; height: 60px; border-radius: 60px 60px 0 0; line-height: 60px; left: -40px; z-index: 1; top: -30px;}


.ProfileForth {padding: 60px 0px;}
.ProfileForth > div > img {float: left; width: 560px; margin-right: 40px;}
.ProfileForth h2 {font-size: 28px; padding-bottom: 20px;}
.ProfileForth h3 {font-size: 18px; line-height: 30px; padding-bottom: 25px; color: #999;}
.ProfileForth h4 {color: #80adb3; line-height: 25px; font-size: 16px;}
.ProfileForthFrame {background-image: linear-gradient(to right, #fef1c1, #dff3f1); padding: 20px; line-height: 30px; margin: 30px 0px 0px 600px;}
.ProfileForthFrame a {display: block; background: #ffd130; line-height: 50px; width: 230px; text-align: center; margin-top: 20px; border: #ffd130 1px solid;}
.ProfileForthFrame a:hover {background: none; color: #ffd130;}


.WebsiteFirst {position: relative; background: url(../image/bg_3.jpg) no-repeat center center; height: 690px;}
.WebsiteFirstBar {background: rgba(0,0,0,0.5); padding: 30px 0px; width: 100%; bottom: 0px; position: absolute; line-height: 60px;}
.WebsiteFirstBar p {float: right; color: #fff;}
.WebsiteFirstBar a {display: block; background: #fed130; border: #fed130 1px solid; color: #fff; padding: 0px 20px; float: right; margin-left: 30px; line-height: 58px;}
.WebsiteFirstBar a:hover {background: none; color: #fed130;}
.WebsiteFirst h2 {position: absolute; text-align: center; width: 100%; color: #fff; font-size: 48px; bottom: 200px;}
.WebsiteFirst h3 {position: absolute; text-align: center; width: 100%; color: #fff; font-size: 18px; bottom: 160px;}


.WebsiteSecond {padding: 60px 0px;}
.WebsiteSecondTitle {font-size: 30px; text-align: center; letter-spacing: 1px; padding-bottom: 60px;}
.WebsiteSecondFrame {background: #fff1c2; padding: 15px; position: relative; margin-bottom: 20px;}
.WebsiteSecondFrameImg {float: right; width: 50%;}
.WebsiteSecondText {position: absolute; background: rgba(255,255,255,0.8); width: 580px; right: 50px; top: 60px; padding: 20px;}
.WebsiteSecondText_1 {left: 60px;}
.WebsiteSecondText h2 {font-size: 30px; padding-bottom: 10px;}
.WebsiteSecondText p {line-height: 30px; color: #666; font-size: 16px;}

.WbsiteForth {background: url(../image/bg_4.jpg) no-repeat center center; padding: 50px 0px;}
.WbsiteForthFrame {background: rgba(0,0,0,0.5); width: 1120px; padding: 70px 0px 130px 0px; margin: auto; color: #fff; text-align: center;}
.WbsiteForthFrame h2 {font-size: 48px; padding-bottom: 60px; letter-spacing: 5px;}


.WebsiteThird {padding: 60px 0px;}
.WebsiteThirdTitle {background: url(../image/oursevice.png) no-repeat center center; height: 50px; margin-bottom: 40px;}
.WebsiteThird li {float: left; width: 280px; margin: 0px 10px; line-height: 25px;}
.WebsiteThird h2 {font-size: 16px; padding: 10px 0px; font-weight: 600;}
.WebsiteThird p {color: #666;}

.WebsiteForth {background: #f8f8f8; padding: 60px 0px; position: relative;}
.WebsiteForth > div > img {float: left; width: 450px; margin-right: 90px;}
.WebsiteForth h2 {font-size: 40px; padding: 20px 0px 50px 0px; letter-spacing: 2px;}
.WebsiteForth h3 {font-size: 18px; color: #666; padding-bottom: 90px; line-height: 30px;}
.WebsiteForth h4 {font-size: 18px; padding-bottom: 90px;}
.WebsiteForth p {line-height: 25px; color: #999;}
.WebsiteForth em {position: absolute; background: #c5f1f7; width: 150px; height: 75px; border-radius: 75px 75px 0 0; line-height: 75px; bottom: -30px; left: 100px;}
.WebsiteForth span {position: absolute; background: #fadada; width: 75px; height: 150px; border-radius: 75px 0 0 75px; line-height: 150px; bottom: 270px; right: 0px;}


.WebsiteFifth {background-image: linear-gradient(to right, #fef1c1, #dff3f1); padding: 60px 0px 0px 0px;}
.WebsiteFifth h2 {font-size: 24px; padding-bottom: 10px;}
.WebsiteFifth h3 {font-size: 48px; font-weight: 100; float: left;}
.WebsiteFifth h4 {font-size: 16px; color: #666; padding: 20px 0px; line-height: 35px;}
.WebsiteFifth p {line-height: 30px; display: block; background-image: linear-gradient(to right, #fef1c1, #dff3f1); padding: 15px;}
.Case {position: relative; padding-bottom: 60px;}
.CaseFrameOne {width: 560px; padding: 40px 40px 40px 80px; background: #fff; float: right;}
.CaseFrameOne > img {float: left; width: 145px; margin: 10px 0px 0px 20px;}
.CaseFrameTwo {width: 560px; padding: 40px 80px 40px 40px; background: #fff; float: left;}
.CaseFrameTwo > img {float: left; width: 145px; margin: 10px 0px 0px 20px;}
.WebsiteFifthImgOne {position: absolute; width: 590px; left: 0px; top: 50%; margin-top: -190px;}
.WebsiteFifthImgTwo{position: absolute; width: 590px; right: -20px; top: 50%; margin-top: -190px;}
.WebsiteFifth a {display: block; background: #ffd130; line-height: 50px; width: 230px; text-align: center; margin-top: 20px; border: #ffd130 1px solid;}
.WebsiteFifth a:hover {background: none; color: #ffd130;}

.BlogBg {background: url(../image/bg_7.jpg) no-repeat center center; height: 300px; margin-bottom: 60px;}


.Date {float: left; color: #ccc; font-size: 16px;}
.Date h2 {font-size: 16px; border-bottom: #ccc 1px solid; padding-bottom: 9px; margin-bottom: 10px;}
.BlogTitle {margin-left: 75px;}
.BlogTitle h2 {font-size: 18px; padding-bottom: 10px; font-weight: 600;}
.BlogTitle p {color: #666; font-size: 16px; line-height: 20px;}

.BlogWrap {float: left; width: 910px; margin-bottom: 60px;}
.Blog {padding: 20px 5px; background-image: linear-gradient(to right, #fef1c1, #dff3f1);}

.BlogRightFrame {float: right; width: 270px;}

/*瀑布流开始*/
.wall {display:block; position:relative;}
.wall-column {display:block; position:relative; width:50%; float:left; padding:0 1%; box-sizing:border-box;}
.article {margin-bottom:15px;}
.article_frame {background: #fff; padding: 15px;}
.article_frame h2 {font-size:16px; padding-bottom:10px; font-weight: 600;}
.article_frame span {color:#f65b5d; display:block; padding-bottom:10px; font-size: 12px;}
.article_frame p {line-height:25px;}
/*瀑布流结束*/

.BlogRight {background: #fafafa; padding: 15px;}
.BlogRight h2 { font-size: 16px; border-bottom: #eee 1px solid; padding-bottom: 9px; font-weight: 600;}
.BlogRight li a {display: block; border-bottom: #eee 1px solid; padding: 0px 0px 9px 0px; margin-top: 10px;}
.BlogRight span {color: #f65b5d; font-size: 14px;}


.OverseaBanner {height: 690px; background: url(../image/bg_5.jpg) no-repeat center center; position: relative;}
.OverseaBannerFrame {position: absolute; background: rgba(249,88,90,0.3); width: 640px; padding: 50px 60px; text-align: center; color: #fff; left: 50%; top: 50%; margin: -130px 0px 0px -380px;}
.OverseaBannerFrame h2 {font-size: 60px; padding-bottom: 10px;}
.OverseaBannerFrame p {font-size: 24px; line-height: 35px;}

.OverseaFirst {padding: 60px 0px;}
.OverseaFirst > div > img {float: left; width: 290px; margin-right: 50px;}
.OverseaFirst p {font-size: 20px; line-height: 40px;}
.OverseaFirst a {display: block; background: #ffd130; line-height: 50px; padding: 0px 20px; float: left; margin-top: 20px; border: #ffd130 1px solid;}
.OverseaFirst a:hover {background: none; color: #ffd130;}

.OverseaSecond {background: #fcfaf9; padding: 60px 0px 80px 0px;}
.OverseaSecond h2 {font-size: 24px; text-align: center; line-height: 40px; padding-bottom: 40px;}
.OverseaCaseOne {width: 1040px; margin: auto;}
.OverseaCase {width: 600px; margin: auto; position: relative;}
.OverseaCaseFrame {background: #fff; padding: 30px 50px 30px 30px; width: 330px; line-height: 25px;}
.OverseaCaseFrame h3 {font-size: 16px; font-weight: 600; color: #f9585a; padding-bottom: 10px;}
.OverseaCaseImg {position: absolute; width: 190px; right: 30px; top: 15px; box-shadow: 5px 5px 0px #f9585a;}
.OverseaCaseFrame a {display: block; background: #ffd130; line-height: 40px; padding: 0px 20px; float: left; margin-top: 20px; border: #ffd130 1px solid;}
.OverseaCaseFrame a:hover {background: none; color: #ffd130;}


.OverseaThird {background: #f5eeea; padding: 60px 0px;}
.OverseaThirdFrame {background: rgba(255,255,255,0.5); width: 900px; padding: 40px 0px; text-align: center; font-size: 18px; line-height: 40px; margin: auto;}
.OverseaThirdFrame span {color: #f9585a; font-weight: 600;}
.OverseaThirdFrame a {display: block; background: #ffd130; line-height: 40px; width: 290px; text-align: center; border: #ffd130 1px solid; font-size: 14px; margin: 20px auto 0px auto; cursor: pointer;}
.OverseaThirdFrame a:hover {background: none; color: #ffd130;}


.OverseaForth {background-image: linear-gradient(to bottom, #fef1c1, #dff3f1);}
.OverseaForthRight {float: right; width: 65%; background: #fff; position: relative; padding-bottom: 60px;}
.OverseaForthRightImg {position: absolute; width: 400px; left: -300px; top: 100px;}
.OverseaForthRightFrame {padding: 60px 20% 60px 200px; line-height: 35px; font-size: 16px;}
.OverseaForthRightFrame > img {width: 120px; margin-bottom: 20px;}
.OverseaForthRightFrame a {display: block; background: #ffd130; line-height: 40px; padding: 0px 20px; float: left; margin-top: 20px; border: #ffd130 1px solid; cursor: pointer;}
.OverseaForthRightFrame a:hover {background: none; color: #ffd130;}


.WhiteOverlay {position: fixed; width: 100%; height: 100%; background: rgba(255,255,255,0.8); z-index: 100;}

.FillMessage {width: 400px; background: #fff; border: #e6d7ce 10px solid; margin: 10% auto; padding: 20px; text-align: center; position: relative;}
.FillInput {border: #eee 1px solid; border-radius: 0px; padding: 9px; margin-bottom: 10px; width: 90%; outline: none;}
.FillInput:focus {border: #f9585a 1px solid;}
.Btn {background: #f9585a; line-height: 40px; margin-top: 10px; border: #f9585a 1px solid; width: 96%; color: #fff;}
.Btn:hover {background: none; color: #f9585a;}
.Close {background: #e6d7ce; position: absolute; padding: 5px; line-height: 30px; width: 30px; text-align: center; color: #fff; right: -25px; top: -25px; border-radius: 100%; cursor: pointer;}

.BrandBanner {height: 690px; background: url(../image/bg_6.jpg) no-repeat center center; position: relative;}
.BrandBannerFrame {position: absolute; background: rgba(134,229,235,0.6); width: 640px; padding: 50px 60px; text-align: center; color: #fff; left: 50%; top: 50%; margin: -130px 0px 0px -380px;}
.BrandBannerFrame h2 {font-size: 60px; padding-bottom: 10px;}
.BrandBannerFrame p {font-size: 20px; line-height: 35px;}

.BrandFrist {background: url(../image/22.jpg) repeat; padding: 60px 0px;}
.BrandFrist h2 {font-size: 36px; text-align: center; padding-bottom: 50px;}
.BrandFristFrame {background: url(../image/18.png) no-repeat; width: 717px; height: 245px; margin: auto; padding: 60px 0px; font-size: 16px; line-height: 35px; text-align: center;}

.BrandSecond {background: #fcfaf9; padding: 60px 0px 80px 0px;}
.BrandSecond h2 {font-size: 36px; text-align: center; padding-bottom: 50px;}


.BrandThird {padding: 60px 0px; position: relative;}
.BrandThird > div > img {float: left; width: 450px;}
.BrandThird em {position: absolute; background: #c5f1f7; width: 150px; height: 75px; border-radius: 75px 75px 0 0; line-height: 75px; top: -50px; left: 100px;}
.BrandThird span {position: absolute; background: #fadada; width: 75px; height: 150px; border-radius: 75px 0 0 75px; line-height: 150px; bottom: 270px; right: 0px;}
.BrandThirdFrame {margin: 45px 0px; height: 410px; background-image: linear-gradient(to right, #fefbed, #f9fcfc); float: right; width: 650px; padding: 50px;}
.BrandThirdFrame h2 {font-size: 24px; padding-bottom: 20px;}
.BrandThirdFrame li {background: url(../image/19.png) no-repeat left 8px; padding: 0px 0px 10px 30px; line-height: 30px; font-size: 16px;}


.BrandForth {background: #f5eeea; padding: 60px 0px;}
.BrandForthFrame {background: rgba(255,255,255,0.5); width: 900px; padding: 40px 0px; text-align: center; font-size: 18px; line-height: 40px; margin: auto;}
.BrandForthFrame h2 {font-weight: 600; font-size: 24px; padding: 20px 0px;}
.BrandForthFrame a {display: block; background: #ffd130; line-height: 40px; width: 290px; text-align: center; border: #ffd130 1px solid; font-size: 14px; margin: 20px auto 0px auto; cursor: pointer;}
.BrandForthFrame a:hover {background: none; color: #ffd130;}


.BrandFifth {padding: 60px 0px; position: relative;}
.BrandFifth > div > img {float: left; width: 580px;}
.BrandFifthFrame {float: right; width: 520px; padding: 50px;}
.BrandFifthFrame h2 {font-size: 24px; padding-bottom: 20px;}
.BrandFifthFrame li {background: url(../image/19.png) no-repeat left 8px; padding: 0px 0px 10px 30px; line-height: 30px; font-size: 16px;}


.BrandSixth {background: #fbf9f6; padding: 60px 0px;}
.BrandSixthFrame {background-image: linear-gradient(to right, #fef1c1, #dff3f1); width: 920px; text-align: center; padding: 30px 0px; font-size: 18px; line-height: 40px; margin: auto;}
.BrandSixth a {display: block; background: #ffd130; line-height: 40px; width: 290px; text-align: center; border: #ffd130 1px solid; font-size: 14px; margin: 30px auto 0px auto; cursor: pointer;}
.BrandSixth a:hover {background: none; color: #ffd130;}


.BrandSeven {padding: 60px 0px;}
.BrandSevenTitle {background: url(../image/faq.png) no-repeat center center; height: 63px;}

.topnav {width: 880px; margin: 30px auto 0px auto;}
.topnav li {margin-top: 20px; background: #fff; padding: 15px 15px 0px 15px; border-radius: 10px; display: block; box-shadow: 0px 0px 15px #eee; position: relative;}
.topnav ul {display:none; padding-bottom: 15px;}
.topnav li a {color: #000;}
.topnav span {position: absolute; right: 15px; top: 20px;}


.FAQTitle {padding-bottom: 15px;}
.FAQTitle em {float: left; background: #ffd130; width: 40px; line-height: 40px; text-align: center; font-style: italic; border-radius: 100%; font-weight: 600; font-size: 16px;}
.FAQTitle h2 {margin-left: 60px; font-size: 18px; line-height: 40px;}
.Answer {margin-top: 0px; position: relative; border-radius: 5px; padding: 10px; line-height: 25px; background: #fbf9f6;}

.Page {float: right; padding-top: 30px;}

.paginator {color: #2a579a; font-size: 12px; margin: 0 5px 0 0; padding: 3px 7px 3px 7px;}
.paginator a {color: #2a579a; cursor: pointer; border: 1px solid #ddd !important; padding: 3px 7px 3px 7px;}
.paginator a:hover {background: #2a579a; color: #fff; border: 1px solid #2a579a !important;}



@media screen and (max-width: 960px) {
	.Wrap {width: 100%; margin: auto;}

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

	.Logo {float: left; width: 109px; padding-left: 10px; position: relative; z-index: 9000;}

	.Video {position: relative;}
	.VideoOverlay {background-image: linear-gradient(to right, rgba(0,0,0,0.0), rgba(0,0,0,0.6)); position: relative; width: 100%; height: 99.5%; display: none}
	.VideoFrame {position: relative; z-index: 2; right: 0%; color: #000; top: 0%; background: #f5f2ed; margin: 10px; padding: 15px;}
	.VideoFrame > img {width: 150px; padding-bottom: 20px;}
	.VideoFrame p {font-size: 18px; letter-spacing: 1px; line-height: 35px;}
	.VideoFrame a {display: block; background: #ffd130; line-height: 50px; padding: 0px 20px; float: left; margin-top: 30px; border: #ffd130 1px solid;}
	.VideoFrame a:hover {background: none; color: #ffd130;}


	.IndexFirst {border-bottom: none; position: relative; background-image: linear-gradient(to right, #fef1c1, #dff3f1); margin-top: 10px;}
	.IndexFirstTitle {float: left; width: 200px; padding: 50px 0px 0px 20px;}
	.IndexFirstIcon {float: right; width: 100px; padding: 50px 50px 0px 0px;}
	.IndexFirstWhite {position: relative; width: 100%; left: 0%; margin-left: 0px; top: 0px; background: #f5f2ed; z-index: 5; padding-bottom: 30px;}
	.IndexFirstWhite li {float: none; width: auto; padding: 15px 20px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; margin: 0px auto 10px auto; border-bottom: #e5e5e5 1px dashed;}
	.IndexFirstWhite li:last-child {border-bottom: none;}
	.IndexFirstWhite li:hover {margin-top: -10px;}
	.IndexFirstWhite > ul > li > img {width: 40px;}
	.IndexFirstWhite h2 {font-size: 16px; padding: 10px 0px 5px 0px; font-weight: 600;}
	.IndexFirstWhite p {line-height: 25px; color: #666;}
	.IndexFirst em {position: absolute; background: #fadada; width: 60px; height: 120px; border-radius: 60px 0 0 60px; line-height: 120px; right: 0px; bottom: -250px; display: none;}
	.IndexFirst em.Other {right: 60px;}


	.IndexSecond {position: relative; background: url(../image/bg_1.jpg) no-repeat center center; height: 430px; position: relative;}
	.IndexSecond > div > img {float: right; margin: -50px 110px 0px 0px; width: 295px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;}
	.IndexSecond > div > img:hover {margin-top: -70px;}
	.IndexSecond a {display: block; background: #ffd130; line-height: 50px; padding: 0px 20px; float: left; margin-top: 30px; border: #ffd130 1px solid;}
	.IndexSecond a:hover {background: none; color: #ffd130;}
	.IndexSecond h2 {font-size: 36px; padding: 70px 0px 20px 0px; color: #f9644e;}
	.IndexSecond p {font-size: 22px; line-height: 35px;}
	.IndexSecond em {position: absolute; background: #c5f1f7; width: 100px; height: 50px; border-radius: 50px 50px 0 0; line-height: 50px; bottom: -30px; left: 100px;}


	.IndexThird {padding: 30px 0px; position: relative;}
	.IndexThird span {position: absolute; background: #c5f1f7; width: 50px; height: 100px; border-radius: 50px 0 0 50px; line-height: 100px; bottom: -70px; right: 0px;}
	.IndexThirdTitle {background: url(../image/service.png) no-repeat center center; height: 50px;}
	.IndexThird li {float: none; width: auto; margin: 120px 20px 0px 20px; position: relative;}
	.IndexThird em {position: absolute; width: 100%; text-align: center; color: #000; opacity: 0.7; font-family: Times, Times New Roman; font-size: 110px; top: -80px; z-index: 5;}
	.IndexThird i {display: block; background: #ffd130; width: 30px; line-height: 30px; text-align: center; border-radius: 100%; position: absolute; left: 50%; margin-left: -15px; top: 325px;}
	.IndexThird h2 {color: #f1553c; font-size: 16px; padding: 30px 0px 10px 0px; text-align: center; font-weight: 600;}
	.IndexThird p {line-height: 25px; text-align: center;}
	.IndexClassImg {width: auto; height: auto; overflow: hidden;}
	.IndexThird li img {transition:transform 0.5s;}
	.IndexThird li:hover img {transform:scale(1.2)}


	.IndexForth {background: #f5efe9; padding: 30px 10px;}
	.IndexForth h2 {width: 160px; line-height: 120px; height: 80px; border-radius: 80px 80px 0 0; background: #eeb3a3 url(../image/yin.png) no-repeat center center; margin: auto;}
	.IndexForthFrame {width: auto; margin: 20px 0px; border-radius: 10px; padding: 20px; background: #f1e2d5;}
	.IndexForthFrame > img {float: none; width: 100px; margin: 0px auto 20px auto;}
	.IndexForthFrame img {border-radius: 100%;}
	.IndexForthText {margin-left: 0px; line-height: 30px;}
	.IndexForthText span {font-size: 18px; color: #642c11;}
	.IndexForthText em {font-style: italic; color: #666; font-size: 14px;}
	.IndexForth a {display: block; background: #ffd130; line-height: 20px; margin: 30px auto 0px auto; border: #ffd130 1px solid; width: auto; text-align: center; padding: 10px;}
	.IndexForth a:hover {background: none; color: #ffd130;}


	.IndexFifth {margin: 0px; background: #fff; position: relative;}
	.IndexFifth li {float: none; width: 94%; position: relative; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; margin: 0px auto 10px auto;}
	.IndexFifth li:hover {margin-top: -20px;}
	.IndexFifthOverlay {background-image: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.6)); position: absolute; width: 100%; height: 100%;}
	.IndexFifthText {position: absolute; width: 90%; bottom: 0px; padding: 15px 0px; color: #fff; line-height: 25px; z-index: 2; left: 50%; margin-left: -45%;}
	.IndexFifth span {font-size: 14px; float: right; display: block; margin-top: 5px;}
	.IndexFifthMid {padding: 50px 30px; line-height: 35px; background: #f5f2ed;}

	.IndexSix {padding: 60px 0px;}
	.IndexSixTitle {background: url(../image/asseein.png) no-repeat center center; height: 52px;}
	.IndexSix li {float: left; width: 47.5%; box-sizing:border-box; margin: 20px 1% 0px 1%; background: #fff; border: #f8f2e9 1px solid;}


	.Bottom {background: #f4efe9; padding: 60px 10px;}
	.BottomLeft {float: none; width: auto;}
	.BottomIcon {float: none; width: 100px; border-radius: 100%; margin: auto;}
	.BottomIcon img {border-radius: 100%;}
	.BottomText {margin-left: 0px; line-height: 25px;}
	.BottomText > img {width: 60%; padding-bottom: 20px; margin: auto;}
	.BottomText h2 {font-size: 16px; padding: 0px 0px 10px 0px; font-weight: 600; text-align: center;}
	.BottomText p {padding-left: 0px;}

	.Message {float: none; width: 96%; padding-top: 30px;}
	.Message p {opacity: 0.8; padding-bottom: 20px; line-height: 25px;}
	.Fill {border-radius: 5px; background: #fff; border: #e7dcd8 1px solid; margin-bottom: 10px; padding: 10px 0px; width: 100%; text-indent: 0.5em; display: none;}
	.Btn {border: none; background: #ffd130; line-height: 50px; border: #ffd130 1px solid; text-align: center; width: 100%; border-radius: 5px; cursor: pointer;}


	.BottomBar {background: #333; padding: 20px 0px; color: #a3a3a3; line-height: 25px; font-size: 12px;}
	.BottomBar p {margin-left: 15px;}
	.BottomLink a {float: left; margin: 0px 0px 0px 15px; color: #a3a3a3; display: block;}

	.Link {float: left; width: 160px; margin: 15px auto 0px auto;}
	.Link a {display: block; width: 25px; float: right; margin-left: 15px;}


	.ProfileFirst {position: relative; background: url(../image/bg_2.jpg) no-repeat -250px center; height: 480px;}
	.ProfileFirstFrame {position: absolute; z-index: 2; right: 10%; top: 20%; left: 20px;}
	.ProfileFirstFrame > img {width: 70px; margin-bottom: 10px;}
	.ProfileFirstFrame h2 {font-size: 24px; padding-bottom: 20px; color: #fff;}
	.ProfileFirstFrame p {line-height: 30px; font-size: 16px;}
	.ProfileFirstFrame a {display: block; background: #ffd130; line-height: 50px; padding: 0px 20px; float: left; margin-top: 30px; border: #ffd130 1px solid;}
	.ProfileFirstFrame a:hover {background: none; color: #ffd130;}


	.ProfileSecond {padding: 20px; margin: 30px 10px; background-image: linear-gradient(to right, #fef1c1, #dff3f1);}
	.ProfileSecondFrame {background: rgba(255,255,255,0.8); padding: 20px;}
	.ProfileSecondFrame h2 {font-size: 24px; padding-bottom: 20px;}
	.ProfileSecondFrame p {line-height: 30px;}
	.ProfileSecondFrame a {display: block; background: #ffd130; line-height: 20px; margin-top: 30px; border: #ffd130 1px solid; float: left; padding: 10px; font-size: 12px;}
	.ProfileSecondFrame a:hover {background: none; color: #ffd130;}


	.ProfileThird {background: #f4efe9; padding: 30px 10px;}
	.ProfileThirdOne > img {background: #fff; padding: 10px; width: 94%; float: none; margin: 0px auto;}
	.ProfileThirdOne p {padding-top: 20px; line-height: 30px;}
	.ProfileThirdText {float: none; line-height: 35px; width: auto;}
	.ProfileThirdPic {float: none; position: relative; width: auto; margin-top: 30px;}
	.ProfileThirdPic > img {position: relative; z-index: 2;}
	.ProfileThirdPic em {position: absolute; background: #fadada; width: 120px; height: 60px; border-radius: 60px 60px 0 0; line-height: 60px; left: -40px; z-index: 1; top: -30px;}


	.ProfileForth {padding: 30px 10px;}
	.ProfileForth > div > img {float: none; width: 100%; margin-right: 0px; padding-bottom: 10px;}
	.ProfileForth h2 {font-size: 24px; padding-bottom: 20px;}
	.ProfileForth h3 {font-size: 18px; line-height: 30px; padding-bottom: 25px; color: #999;}
	.ProfileForth h4 {color: #80adb3; line-height: 25px; font-size: 16px;}
	.ProfileForthFrame {background-image: linear-gradient(to right, #fef1c1, #dff3f1); padding: 20px; line-height: 30px; margin: 30px 0px 0px 0px;}
	.ProfileForthFrame a {display: block; background: #ffd130; line-height: 50px; width: 230px; text-align: center; margin-top: 20px; border: #ffd130 1px solid;}
	.ProfileForthFrame a:hover {background: none; color: #ffd130;}


	.WebsiteFirst {position: relative; background: url(../image/bg_3.jpg) no-repeat -1000px bottom; height: 480px;}
	.WebsiteFirstBar {background: rgba(0,0,0,0.5); padding: 30px 0px; width: 100%; bottom: 0px; position: absolute; line-height: 20px;}
	.WebsiteFirstBar p {float: right; color: #fff; display: block; width: 200px; padding-top: 10px;}
	.WebsiteFirstBar a {display: block; background: #fed130; border: #fed130 1px solid; color: #fff; padding: 0px 20px; float: right; margin: 0px 10px 0px 30px; line-height: 58px;}
	.WebsiteFirstBar a:hover {background: none; color: #fed130;}
	.WebsiteFirst h2 {position: absolute; text-align: center; width: 100%; color: #fff; font-size: 36px; bottom: 200px;}
	.WebsiteFirst h3 {position: absolute; text-align: center; width: 100%; color: #fff; font-size: 14px; bottom: 160px;}


	.WebsiteSecond {padding: 60px 0px;}
	.WebsiteSecondTitle {font-size: 24px; text-align: center; letter-spacing: 1px; padding-bottom: 30px;}
	.WebsiteSecondFrame {background: #fff1c2; padding: 15px; position: relative; margin-bottom: 20px;}
	.WebsiteSecondText {position: relative; background: rgba(255,255,255,0.8); width: auto; right: 0px; top: 0px; padding: 20px;}
	.WebsiteSecondFrameImg {float: left; width: 100%; position: relative; z-index: 5; margin-bottom: 20px;}
	.WebsiteSecondText_1 {left: 0px;}
	.WebsiteSecondText h2 {font-size: 24px; padding-bottom: 10px;}
	.WebsiteSecondText p {line-height: 25px; color: #666; font-size: 14px;}

	.WbsiteForth {background: url(../image/bg_4.jpg) no-repeat center center; padding: 50px 0px;}
	.WbsiteForthFrame {background: rgba(0,0,0,0.5); width: 94%; padding: 70px 0px; margin: auto; color: #fff; text-align: center;}
	.WbsiteForthFrame h2 {font-size: 30px; padding-bottom: 30px; letter-spacing: 2px;}


	.WebsiteThird {padding: 60px 0px;}
	.WebsiteThirdTitle {background: url(../image/oursevice.png) no-repeat center center; height: 50px; margin-bottom: 40px;}
	.WebsiteThird li {float: none; width: auto; margin: 0px 10px 20px 10px; line-height: 25px; background: #f8f8f8; padding: 10px;}
	.WebsiteThird li:last-child {margin: 0px 10px 0px 10px;}
	.WebsiteThird h2 {font-size: 16px; padding: 10px 0px; font-weight: 600;}
	.WebsiteThird p {color: #666;}

	.WebsiteForth {background: #f8f8f8; padding: 60px 10px; position: relative;}
	.WebsiteForth > div > img {float: none; width: 96%; margin-right: 0px;}
	.WebsiteForth h2 {font-size: 30px; padding: 20px 0px; letter-spacing: 2px;}
	.WebsiteForth h3 {font-size: 16px; color: #666; padding-bottom: 20px; line-height: 30px;}
	.WebsiteForth h4 {font-size: 16px; padding-bottom: 30px;}
	.WebsiteForth p {line-height: 25px; color: #999;}
	.WebsiteForth em {position: absolute; background: #c5f1f7; width: 100px; height: 50px; border-radius: 50px 50px 0 0; line-height: 50px; bottom: -30px; left: 50px;}
	.WebsiteForth span {position: absolute; background: #fadada; width: 50px; height: 100px; border-radius: 50px 0 0 50px; line-height: 100px; bottom: 970px; right: 0px;}


	.WebsiteFifth {background-image: linear-gradient(to right, #fef1c1, #dff3f1); padding: 60px 0px 0px 0px;}
	.WebsiteFifth h2 {font-size: 20px; padding-bottom: 10px;}
	.WebsiteFifth h3 {font-size: 30px; font-weight: 100; float: left;}
	.WebsiteFifth h4 {font-size: 14px; color: #666; padding: 20px 0px; line-height: 35px;}
	.WebsiteFifth p {line-height: 30px; display: block; background-image: linear-gradient(to right, #fef1c1, #dff3f1); padding: 15px;}
	.Case {position: relative; padding-bottom: 60px;}
	.CaseFrameOne {width: auto; padding: 40px 20px 40px 20px; background: #fff; float: none;}
	.CaseFrameOne > img {float: left; width: 100px; margin: 5px 0px 0px 20px;}
	.CaseFrameTwo {width: auto; padding: 40px 20px 40px 20px; background: #fff; float: none;}
	.CaseFrameTwo > img {float: left; width: 100px; margin: 5px 0px 0px 20px;}
	.WebsiteFifthImgOne {position: relative; width: auto; left: 0px; top: 0px; margin: 0px 10px;}
	.WebsiteFifthImgTwo{position: relative; width: auto; right: 0px; top: 0px; margin: 0px 10px;}
	.WebsiteFifth a {display: block; background: #ffd130; line-height: 50px; width: 230px; text-align: center; margin-top: 20px; border: #ffd130 1px solid;}
	.WebsiteFifth a:hover {background: none; color: #ffd130;}

	.BlogBg {background: url(../image/bg_7.jpg) no-repeat center center; height: 200px; margin-bottom: 20px;}


	.Date {float: left; color: #ccc; font-size: 16px;}
	.Date h2 {font-size: 16px; border-bottom: #ccc 1px solid; padding-bottom: 9px; margin-bottom: 10px;}
	.BlogTitle {margin-left: 75px;}
	.BlogTitle h2 {font-size: 18px; padding-bottom: 10px; font-weight: 600;}
	.BlogTitle p {color: #666; font-size: 16px; line-height: 20px;}

	.BlogWrap {float: none; width: 96%; margin: 0px auto 20px auto;}
	.Blog {padding: 20px 5px; background-image: linear-gradient(to right, #fef1c1, #dff3f1);}
	
	.BlogRightFrame {float: none; width: 96%; margin: auto;}

	/*瀑布流开始*/
	.wall {display:block; position:relative;}
	.wall-column {display:block; position:relative; width:50%; float:left; padding:0 1%; box-sizing:border-box;}
	.article {margin-bottom:15px;}
	.article_frame {background: #fff; padding: 15px;}
	.article_frame h2 {font-size:16px; padding-bottom:10px; font-weight: 600;}
	.article_frame span {color:#f65b5d; display:block; padding-bottom:10px; font-size: 12px;}
	.article_frame p {line-height:25px;}
	/*瀑布流结束*/

	.BlogRight {background: #fafafa; padding: 15px;}
	.BlogRight h2 { font-size: 16px; border-bottom: #eee 1px solid; padding-bottom: 9px; font-weight: 600;}
	.BlogRight li a {display: block; border-bottom: #eee 1px solid; padding: 0px 0px 9px 0px; margin-top: 10px;}
	.BlogRight span {color: #f65b5d; font-size: 14px;}


	.OverseaBanner {height: 480px; background: url(../image/bg_5.jpg) no-repeat -1000px bottom; position: relative;}
	.OverseaBannerFrame {position: absolute; background: rgba(249,88,90,0.3); width: 260px; padding: 20px 30px; text-align: center; color: #fff; left: 50%; top: 50%; margin: -130px 0px 0px -160px;}
	.OverseaBannerFrame h2 {font-size: 30px; padding-bottom: 10px;}
	.OverseaBannerFrame p {font-size: 18px; line-height: 35px;}

	.OverseaFirst {padding: 30px 10px;}
	.OverseaFirst > div > img {float: left; width: 150px; margin-right: 30px;}
	.OverseaFirst p {font-size: 16px; line-height: 35px;}
	.OverseaFirst a {display: block; background: #ffd130; line-height: 50px; padding: 0px 20px; float: left; margin-top: 20px; border: #ffd130 1px solid;}
	.OverseaFirst a:hover {background: none; color: #ffd130;}

	.OverseaSecond {background: #fcfaf9; padding: 30px 0px 50px 0px;}
	.OverseaSecond h2 {font-size: 18px; text-align: center; line-height: 35px; padding-bottom: 30px;}
	.OverseaCaseOne {width: 94%; margin: auto;}
	.OverseaCase {width: 100%; margin: auto; position: relative;}
	.OverseaCaseFrame {background: #fff; padding: 20px 140px 20px 20px; width: auto; line-height: 25px;}
	.OverseaCaseFrame h3 {font-size: 16px; font-weight: 600; color: #f9585a; padding-bottom: 10px;}
	.OverseaCaseImg {position: absolute; width: 120px; right: 10px; top: 40px; box-shadow: 5px 5px 0px #f9585a;}
	.OverseaCaseFrame a {display: block; background: #ffd130; line-height: 40px; padding: 0px 20px; float: left; margin-top: 20px; border: #ffd130 1px solid;}
	.OverseaCaseFrame a:hover {background: none; color: #ffd130;}


	.OverseaThird {background: #f5eeea; padding: 30px 0px;}
	.OverseaThirdFrame {background: rgba(255,255,255,0.5); width: 80%; padding: 30px 20px; text-align: center; font-size: 18px; line-height: 40px; margin: auto;}
	.OverseaThirdFrame span {color: #f9585a; font-weight: 600;}
	.OverseaThirdFrame a {display: block; background: #ffd130; line-height: 40px; width: 290px; text-align: center; border: #ffd130 1px solid; font-size: 14px; margin: 20px auto 0px auto; cursor: pointer;}
	.OverseaThirdFrame a:hover {background: none; color: #ffd130;}


	.OverseaForth {background-image: linear-gradient(to bottom, #fef1c1, #dff3f1);}
	.OverseaForthRight {float: none; width: auto; background: #fff; position: relative; padding: 0px 10px;}
	.OverseaForthRightImg {position: relative; width: auto; left: 0px; top: 0px; margin: 0px 10px;}
	.OverseaForthRightFrame {padding: 60px 0px; line-height: 35px; font-size: 16px;}
	.OverseaForthRightFrame > img {width: 120px; margin-bottom: 20px;}
	.OverseaForthRightFrame a {display: block; background: #ffd130; line-height: 20px; padding: 10px; float: left; margin-top: 20px; border: #ffd130 1px solid; cursor: pointer; font-size: 12px;}
	.OverseaForthRightFrame a:hover {background: none; color: #ffd130;}


	.WhiteOverlay {position: fixed; width: 100%; height: 100%; background: rgba(255,255,255,0.8); z-index: 100;}

	.FillMessage {width: 300px; background: #fff; border: #e6d7ce 10px solid; margin: 10% auto; padding: 20px; text-align: center; position: relative;}
	.FillInput {border: #eee 1px solid; border-radius: 0px; padding: 9px; margin-bottom: 10px; width: 90%; outline: none;}
	.FillInput:focus {border: #f9585a 1px solid;}
	.Btn {background: #f9585a; line-height: 40px; margin-top: 10px; border: #f9585a 1px solid; width: 96%; color: #fff;}
	.Btn:hover {background: none; color: #f9585a;}
	.Close {background: #e6d7ce; position: absolute; padding: 5px; line-height: 30px; width: 30px; text-align: center; color: #fff; right: -25px; top: -25px; border-radius: 100%; cursor: pointer;}

	.BrandBanner {height: 480px; background: url(../image/bg_6.jpg) no-repeat center center; position: relative;}
	.BrandBannerFrame {position: absolute; background: rgba(134,229,235,0.6); width: 280px; padding: 20px 30px; text-align: center; color: #fff; left: 50%; top: 50%; margin: -130px 0px 0px -170px;}
	.BrandBannerFrame h2 {font-size: 30px; padding-bottom: 10px;}
	.BrandBannerFrame p {font-size: 18px; line-height: 35px;}

	.BrandFrist {background: url(../image/22.jpg) repeat; padding: 30px 0px;}
	.BrandFrist h2 {font-size: 30px; text-align: center; padding-bottom: 50px;}
	.BrandFristFrame {background: url(../image/20.png) no-repeat center center; background-size: cover; width: 270px; height: 248px; margin: auto; padding: 40px 30px; font-size: 14px; line-height: 30px; text-align: center;}

	.BrandSecond {background: #fcfaf9; padding: 30px 0px 50px 0px;}
	.BrandSecond h2 {font-size: 30px; text-align: center; padding-bottom: 50px;}


	.BrandThird {padding: 30px 10px; position: relative;}
	.BrandThird > div > img {float: none; width: 100%;}
	.BrandThird em {position: absolute; background: #c5f1f7; width: 100px; height: 50px; border-radius: 50px 50px 0 0; line-height: 50px; top: 0px; left: 20px;}
	.BrandThird span {position: absolute; background: #fadada; width: 50px; height: 100px; border-radius: 50px 0 0 50px; line-height: 100px; bottom: 0px; right: 0px;}
	.BrandThirdFrame {margin: 20px 0px; height: auto; background-image: linear-gradient(to right, #fefbed, #f9fcfc); float: none; width: auto; padding: 20px;}
	.BrandThirdFrame h2 {font-size: 20px; padding-bottom: 20px;}
	.BrandThirdFrame li {background: url(../image/19.png) no-repeat left 6px; padding: 0px 0px 10px 30px; line-height: 25px; font-size: 14px;}


	.BrandForth {background: #f5eeea; padding: 30px 0px;}
	.BrandForthFrame {background: rgba(255,255,255,0.5); width: 80%; padding: 30px 20px; text-align: center; font-size: 16px; line-height: 30px; margin: auto;}
	.BrandForthFrame h2 {font-weight: 600; font-size: 20px; padding: 20px 0px;}
	.BrandForthFrame a {display: block; background: #ffd130; line-height: 40px; width: 290px; text-align: center; border: #ffd130 1px solid; font-size: 14px; margin: 20px auto 0px auto; cursor: pointer;}
	.BrandForthFrame a:hover {background: none; color: #ffd130;}


	.BrandFifth {padding: 30px 10px; position: relative;}
	.BrandFifth > div > img {float: none; width: 100%;}
	.BrandFifthFrame {float: none; width: auto; padding: 20px;}
	.BrandFifthFrame h2 {font-size: 24px; padding-bottom: 20px;}
	.BrandFifthFrame li {background: url(../image/19.png) no-repeat left 8px; padding: 0px 0px 10px 30px; line-height: 30px; font-size: 16px;}


	.BrandSixth {background: #fbf9f6; padding: 30px 10px;}
	.BrandSixthFrame {background-image: linear-gradient(to right, #fef1c1, #dff3f1); width: 80%; text-align: center; padding: 30px 20px; font-size: 16px; line-height: 30px; margin: auto;}
	.BrandSixth a {display: block; background: #ffd130; line-height: 40px; width: 290px; text-align: center; border: #ffd130 1px solid; font-size: 14px; margin: 30px auto 0px auto; cursor: pointer;}
	.BrandSixth a:hover {background: none; color: #ffd130;}


	.BrandSeven {padding: 60px 0px;}
	.BrandSevenTitle {background: url(../image/faq.png) no-repeat center center; height: 63px;}

	.topnav {width: 96%; margin: 30px auto 0px auto;}
	.topnav li {margin-top: 20px; background: #fff; padding: 15px 15px 0px 15px; border-radius: 10px; display: block; box-shadow: 0px 0px 15px #eee; position: relative;}
	.topnav ul {display:none; padding-bottom: 15px;}
	.topnav li a {color: #000;}
	.topnav span {position: absolute; right: 15px; top: 20px;}


	.FAQTitle {padding-bottom: 15px;}
	.FAQTitle em {float: left; background: #ffd130; width: 40px; line-height: 40px; text-align: center; font-style: italic; border-radius: 100%; font-weight: 600; font-size: 16px;}
	.FAQTitle h2 {margin-left: 60px; font-size: 16px; line-height: 25px;}
	.Answer {margin-top: 0px; position: relative; border-radius: 5px; padding: 10px; line-height: 25px; background: #fbf9f6;}

	.Page {float: right; padding-top: 30px;}

	.paginator {color: #2a579a; font-size: 12px; margin: 0 5px 0 0; padding: 3px 7px 3px 7px;}
	.paginator a {color: #2a579a; cursor: pointer; border: 1px solid #ddd !important; padding: 3px 7px 3px 7px;}
	.paginator a:hover {background: #2a579a; color: #fff; border: 1px solid #2a579a !important;}
	
}