@charset "utf-8";

@font-face{
    font-family: 'QUEEN';
    src : url('../../font/AGENCYR.TTF');
}

h1 { font-size:32px;font-weight: normal;}
h2 { font-size:26px;font-weight: normal;}
h3 { font-size:20px;font-weight: normal;}
h4 { font-size:14px;font-weight: normal;}
h5 { font-size:12px;font-weight: normal;}
h6 { font-size:10px;font-weight: normal;}
a:hover{text-decoration: none;}

/* Banner */
.Banner{width: 100%;height: 819px;position: relative;}
.Banner a{display: block;background: url(Img/inside/banner.jpg) no-repeat center;height: 819px;}
.zsjmBannerr{width: 100%;height: 819px;}
.zsjmBannerr a{display:block;margin:0 auto;height:819px;}
/* Banner End */

/* Message */
.Message{background: url(Img/inside/modeBg.jpg) center;height: 480px;position: relative;}

.Message .MessageLeft{padding-top: 70px;width: 330px;}
.Message .MessageLeft h3{font-size: 30px;color: #000;text-transform: uppercase;}
.Message .MessageLeft p.p1{font-size: 11px;color: #000;}
.Message .MessageLeft p.p2{font-size: 16px;color: #333;line-height: 25px;margin-top: 45px;}
.Message .MessageLeft h2{font-size: 25px;color: #e2c083;margin-top: 70px;background: url(Img/inside/Phone.png) no-repeat left;padding-left: 55px;}
.Message .MessageLeft h2 em{font-size: 14px;color: #666;display: block;margin-bottom: 5px;}

.Message .MessageRight{padding-top: 50px;position:  relative;z-index: 99;width: 532px;}
.Message .MessageRight p{position: relative;margin-bottom: 10px;}
.Message .MessageRight p input{width: 449px;height: 55px;line-height: 55px;border: 1px #e4e1e1 solid;padding: 0 71px 0 10px;outline: none;}
.Message .MessageRight p i{width: 61px;height: 55px;display: block;position: absolute;top: 1px;right: 1px;border-left: 1px #e4e1e1 solid;}
.Message .MessageRight p i img{display: block;width: 61px;height: 55px;}
.Message .MessageRight a{width: 530px;height: 55px;display: block;text-align: center;line-height: 55px;font-size: 16px;color: #fff;background: url(Img/inside/MessageBg.png) center;}
.Message .MessageRight a:hover{background:url(Img/inside/MessageBg02.png) center;}
.Message .MessageRight p textarea{width: 510px;height: 105px;border: 1px #e4e1e1 solid;outline: none;resize: none;padding: 20px 10px;}
.Message .MessageRight p input:-ms-input-placeholder{color: #999;}

.Message span{width: 378px;height: 427px;display: block;position: absolute;left: 32%;top: 11%;z-index:  1;}
.Message span img{width: 100%;display: block;}
/* Message End */

/* JoiningProcess */
.JoiningProcess{background: url(Img/inside/ProductReviewsBg.jpg) center;height: 569px;}

.JoiningProcess ul li{float: left;width: 135px;height: 135px;text-align: center;background: url(Img/inside/JoiningProcess.png) no-repeat center;font-size: 14px;color: #fff;margin: 0 0 32px 42px;}
.JoiningProcess ul li span{margin: 30px 0 25px;display: block;}
.JoiningProcess ul li.li01,.JoiningProcess ul li.li08{margin-left: 0;}
/* JoiningProcess End */

/* JoinConditions */
.JoinConditions{background: url(Img/inside/JoinConditionsBg.jpg) no-repeat center;height: 792px;}

.JoinConditions-Left{width: 395px;height: 534px;background: url(Img/inside/JoinConditions02.jpg) no-repeat center;}
.JoinConditions-Left dl dt{padding: 70px 40px 0;}
.JoinConditions-Left dl dt h3{font-size: 24px;color: #fff;}
.JoinConditions-Left dl dt p{font-size: 14px;color: #fff;margin-top: 35px;line-height: 25px;}
.JoinConditions-Left dl dd{width: 264px;height: 191px;margin: 60px auto 0;}
.JoinConditions-Left dl dd img{width: 100%;display: block;}

.JoinConditions-Right{width: 793px;}
.JoinConditions-Right dl{background-color: #fff;padding: 40px 50px 0;margin-top:  15px;height: 219px;}
.JoinConditions-Right dl:first-child{margin-top: 0;}
.JoinConditions-Right dl dt{width: 252px;height: 184px;}
.JoinConditions-Right dl dt img{display: block;width: 100%;}
.JoinConditions-Right dl dd{width: 400px;}
.JoinConditions-Right dl dd h3{font-size: 24px;color: #333;}
.JoinConditions-Right dl dd p{font-size: 14px;color: #666;margin-top: 10px;line-height: 25px;}
/* JoinConditions End */

/* Mode */
.Mode{background: url(Img/inside/modeBg.jpg) center;height: 857px;}

.Mode ul li{width: 285px;background-color: #fff;float: left;margin-left: 20px;height: 500px;}
.Mode ul li:first-child{margin-left: 0;}
.Mode ul li span{display: block;overflow: hidden;}
.Mode ul li span img{display: block;width: 100%;transition: .8s;}
.Mode ul li:hover span img{transform: scale(1.1);}
.Mode ul li:hover h3{color: #e2c083;}
.Mode ul li h3{font-size: 20px;color: #333;margin-bottom: 20px;padding: 35px 30px 0;}
.Mode ul li p{font-size: 14px;color: #666;line-height: 20px;padding: 0 30px;}
.Mode ul li.li02,.Mode ul li.li04{margin-top: 50px;}
/* Mode End */

/* SupportArticles */
.SupportArticles{background: url(Img/inside/ProductReviewsBg.jpg) center;height: 423px;position: relative;}

.SupportArticles ul{height: 229px;}
.SupportArticles ul li{float: left;width: 10%;position:  relative;text-align: center;height: 154px;z-index: 99;}
.SupportArticles ul li:hover i{background: url(Img/inside/SupportArticles03.png) no-repeat center;}
.SupportArticles ul li span{font-size: 14px;color: #fff;margin-bottom: 10px;display: block;}
.SupportArticles ul li i{display: block;background: url(Img/inside/SupportArticles02.png) no-repeat center;width: 13px;height: 13px;margin: 0 auto;-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;}
.SupportArticles ul li.li01{top: 75px;left: -28px;}
.SupportArticles ul li.li02{top: 23px;left: -32px;}
.SupportArticles ul li.li03{top: 78px;left: -36px;}
.SupportArticles ul li.li04{top: 28px;left: -11px;}
.SupportArticles ul li.li05{top: 81px;left: 14px;}
.SupportArticles ul li.li06{top: 27px;left: 39px;}
.SupportArticles ul li.li07{top: 76px;left: 35px;}
.SupportArticles ul li.li08{top: 22px;left: 31px;}
.SupportArticles ul li.li09{top: 83px;left: -2px;}
.SupportArticles ul li.li10{top: 27px;left: 23px;}
.SupportArticles ul li em{
    height: 115px;
    width: 1px;
    background: #fff;
    display: block;
    position: absolute;
    bottom: 7px;
    left: 50%;
    opacity:  0.6;
    }
.SupportArticles ul li em.em01{bottom:0;}
.SupportArticles ul li em.em02{bottom: -48px;height: 170px;}
.SupportArticles ul li em.em03{bottom:0;height: 118px;}
.SupportArticles ul li em.em04{bottom: -48px;height: 169px;}
.SupportArticles ul li em.em05{bottom:0;height: 120px;}
.SupportArticles ul li em.em06{bottom: -48px;height: 169px;}
.SupportArticles ul li em.em07{bottom:0;height: 120px;}
.SupportArticles ul li em.em08{bottom: -48px;height: 169px;}
.SupportArticles ul li em.em09{bottom:0;height: 120px;}
.SupportArticles ul li em.em10{bottom: -48px;height: 169px;}

.SupportArticlesBox{position: absolute;bottom: 0;left: 0;right: 0;z-index: 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)}
}
/* SupportArticles End */

/* JoiningWitness */
.JoiningWitness{background: url(Img/inside/modeBg.jpg) center;height: 652px;}

.JoiningWitness-Con{position: relative;}
.JoiningWitness-Con a.More{width: 42px;height: 42px;display: block;position: absolute;right: -20px;top: 120px;z-index: 99;}
.JoiningWitness-Con a.More img{display: block;width: 100%;}

.JoiningWitness-List{width:  268px;margin:  20px auto 0;}
.JoiningWitness-List ul li{width: 52px;position: relative;overflow:  hidden;border-radius: 50%; float: left;margin-left: 20px;cursor: pointer;}
.JoiningWitness-List ul li:first-child{margin-left: 0;}
.JoiningWitness-List ul li.cur em{display: none;}
.JoiningWitness-List ul li img{display: block;width: 100%;border-radius: 50%;}
.JoiningWitness-List ul li i{display: block;background: url(Img/inside/JoiningWitness02.png) no-repeat center;width: 54px;height: 53px;position: absolute;left: 0;right: 0;top: 0;}
.JoiningWitness-List ul li em{background: url(Img/inside/JoiningWitness3.png) no-repeat center;width: 100%;height: 100%;display: block;position: absolute;top:0;z-index: 99;}

.JoiningWitness-Nav ul li{position: relative;}
.JoiningWitness-Nav ul li dt{width: 278px;box-shadow: 0 0 50px rgba(0,0,0,0.2);border-radius: 50%;position:  relative;z-index: 9;}
.JoiningWitness-Nav ul li dt img{width: 100%;display: block;border-radius: 50%;}
.JoiningWitness-Nav ul li dt i{display: block;background: url(Img/inside/JoiningWitness06.png) no-repeat center;width: 282px;height: 282px;position: absolute;top: 0;left: 0;}
.JoiningWitness-Nav ul li dd{background-color: #fff;border-radius: 200px;width: 750px;height: 247px;position:  absolute;top: 23px;right: 0;z-index: 1;padding: 0 100px 0 250px;}
.JoiningWitness-Nav ul li dd h3{font-size: 24px;color: #333;margin-top: 50px;}
.JoiningWitness-Nav ul li dd h3 a{font-size: 24px;color: #333;}
.JoiningWitness-Nav ul li dd i{display: block;width: 36px;height: 1px;background-color: #e2c083;margin-top: 20px;}
.JoiningWitness-Nav ul li dd p{font-size: 14px;color: #666;line-height: 25px;margin-top: 30px;}
/* JoiningWitness End */

/* BrandArticles */
.BrandArticles{background: url(Img/inside/BrandArticlesBg.jpg) no-repeat center;height: 702px;}

.BrandArticles-Top{background: url(Img/inside/BrandArticles05.png) no-repeat center;width: 1048px;height: 204px;margin: 30px auto 0;position: relative;}
.BrandArticles-Top p{font-size: 16px;color: #fff;width: 35%;line-height: 25px;position: absolute;top: 37px;}
.BrandArticles-Top p.p1{left: 75px;}
.BrandArticles-Top p.p2{right: 80px;}

.BrandArticles-Bot{margin-top: 60px;}
.BrandArticles-Bot ul li{float: left;width: 24.9%;border-left: 1px #999 dotted;text-align: center;}
.BrandArticles-Bot ul li:first-child{border-left: none;}
.BrandArticles-Bot ul li h3{font-size: 24px;color: #333;}
.BrandArticles-Bot ul li span{width: 55px;height: 55px;display: block;margin: 15px auto 25px;}
.BrandArticles-Bot ul li span img{display: block;width: 100%;}
.BrandArticles-Bot ul li p{font-size: 14px;color: #333;margin: 5px 0 10px;}
/* BrandArticles End */

/* ProductReviews */
.ProductReviews{background: url(Img/inside/ProductReviewsBg.jpg) center;height: 1130px;}

.ProductReviews-Con{position: relative;}
.ProductReviews-Con i{display: block;width: 39px;height: 75px;overflow: hidden;cursor: pointer;position: absolute;top: 40%;}
.ProductReviews-Con i img{display: block;width: 100%;}
.ProductReviews-Con i.prev{left: 0;}
.ProductReviews-Con i.next{right: 0;}

.ProductReviews-Con .ConBox{width: 990px;margin: 0 auto;height: 779px;position: relative;overflow: hidden;}
.ProductReviews-Con .ConBox ul{position: relative;width: 990px;height: 779px;overflow: hidden;}
.ProductReviews-Con .ConBox ul li{text-align: center;float: left;width: 990px;height: 779px;}
.ProductReviews-Con .ConBox ul li p{font-size: 14px;color: #fff;line-height: 25px;padding: 0 20px;}
.ProductReviews-Con .ConBox ul li h3{padding: 28px 0 22px;}
.ProductReviews-Con .ConBox ul li h3 a{font-size: 24px;color: #fff;}
.ProductReviews-Con .ConBox ul li span{display: block;padding: 30px 0;background: #fff;}
.ProductReviews-Con .ConBox ul li span a{display: block;width: 930px;height: 586px;margin: 0 auto;}
.ProductReviews-Con .ConBox ul li span a img{display: block;width: 100%;}
/* ProductReviews End */

/* StrengthArticles */
.StrengthArticles{background: url(Img/inside/modeBg.jpg) center;height: 1092px;}

.StrengthArticles-Text{width: 244px;}
.StrengthArticles-Text i{height: 4px;background-color: #333;display: block;}
.StrengthArticles-Text dl{text-align: right;margin-top: 71px;}
.StrengthArticles-Text dl dt{font-size: 20px;color: #333;}
.StrengthArticles-Text dl dt i{width: 8px;height: 1px;background-color: #333;display: inline-block;vertical-align: middle;margin-left: 25px;}
.StrengthArticles-Text dl dd{font-size: 14px;color: #666;margin-top: 5px;line-height: 25px;padding-right:35px;}
.StrengthArticles-Text .dl04{position: relative;padding-top: 115px;z-index: 99;}
.StrengthArticles-Text .dl04 dt{font-size: 14px;color: #999;}
.StrengthArticles-Text .dl04 dt span{color: #333;font-size: 20px;}
.StrengthArticles-Text .dl04 dt em{color: #999;font-size: 14px;margin-left: 5px;}
.StrengthArticles-Text .dl04 dd{font-size: 14px;color: #999;text-transform: uppercase;padding-bottom: 10px;border-bottom: 1px #ddd solid;width: 274px;position: absolute;top: 115px;left: 80px;}

.StrengthArticles-Img{position: relative;width: 888px;overflow: hidden;}
.StrengthArticles-Img .Con{position: relative;width: 888px;overflow: hidden;height: 632px;}
.StrengthArticles-Img ul{position: relative;top: 0;left: 0;right: 0;}
.StrengthArticles-Img ul li{float: left;width: 888px;height: 632px;}
.StrengthArticles-Img ul li img{display: block;width: 100%;transition: .8s;}
.StrengthArticles-Img ul li:hover img{transform: scale(1.1);}
.StrengthArticles-Img i{display: block;width: 51px;height: 51px;overflow: hidden;cursor: pointer;position: absolute;bottom: 10px;z-index: 99;}
.StrengthArticles-Img i img{display: block;width: 51px;height: 102px;}
.StrengthArticles-Img i:hover img{position: relative;top: -51px;}
.StrengthArticles-Img i.prev{left:20px;}
.StrengthArticles-Img i.next{left: 70px;}

.StrengthArticles-Bot{padding-top: 60px;}
.StrengthArticles-Bot .zxlyCon{padding-top: 50px;width: 1106px;margin:  0 auto;}
.StrengthArticles-Bot p{font-size: 20px;color: #333;text-align: center;}
.StrengthArticles-Bot .p1 {float: left;width: 266px;height: 60px;background: #fff;overflow: hidden;margin-right: 12px;border-radius:  50px;border: 1px #ddd solid;}
.StrengthArticles-Bot .p1 input {height: 60px;line-height: 60px;border: none;text-indent: 26px;width: 266px;padding-right: 40px;background: url(Img/inside/StrengthArticles04.png) no-repeat 228px center;color: #666;outline:none;}
.StrengthArticles-Bot .p2 {float: left;width: 266px;height: 60px;background: #fff;border-radius: 3px;overflow: hidden;margin-right: 12px;border-radius:  50px;border: 1px #ddd solid;}
.StrengthArticles-Bot .p2 input {height: 60px;line-height: 60px;border: none;text-indent: 26px;width: 266px;padding-right: 40px;background: url(Img/inside/StrengthArticles05.png) no-repeat 226px center;color: #666;outline: none;}
.StrengthArticles-Bot .p3 {float: left;width: 266px;height: 60px; background: #fff;border-radius: 3px;overflow: hidden;margin-right: 12px;border-radius:  50px;border: 1px #ddd solid;}
.StrengthArticles-Bot .p3 input {height: 60px;line-height: 60px;border: none;text-indent: 26px;width: 266px;padding-right: 40px;background: url(Img/inside/StrengthArticles06.png) no-repeat 226px center;color: #666;outline: none;}
.StrengthArticles-Bot .p4 {float: left;width: 266px;height: 60px;line-height: 60px;text-align: center;background: #c5a069;border-radius: 50px;background-color: #333;}
.StrengthArticles-Bot .p4:hover{background-color:#e2c083;}
.StrengthArticles-Bot .p4 a {height: 60px;color: #fff;font-size: 16px;background: url(Img/inside/StrengthArticles07.png) no-repeat left center;padding-left: 40px;}
/* StrengthArticles End */

/* TrainingArticles */
.TrainingArticles{padding-bottom: 70px;}

.TrainingArticles-Con{position: relative;}
.TrainingArticles-Con .ImgTop{padding-bottom:1%;}
.TrainingArticles-Con .ImgTop ul li{float: left;margin-left: 1%;}
.TrainingArticles-Con .ImgTop ul li:first-child{margin-left: 0;}
.TrainingArticles-Con .ImgTop ul li img{display: block;width: 100%;}
.TrainingArticles-Con .ImgTop ul li.li01{width: 49.9%;}
.TrainingArticles-Con .ImgTop ul li.li02{width: 24%;}
.TrainingArticles-Con .ImgTop ul li.li03{width: 24%;}
.TrainingArticles-Con .ImgBot ul li{float: left;margin-left: 1%;}
.TrainingArticles-Con .ImgBot ul li:first-child{margin-left: 0;}
.TrainingArticles-Con .ImgBot ul li img{display: block;width: 100%;}
.TrainingArticles-Con .ImgBot ul li.li04{width: 25%;}
.TrainingArticles-Con .ImgBot ul li.li05{width: 24%;margin-left: 1%;}
.TrainingArticles-Con .ImgBot ul li.li06{width: 49%;}

.TrainingArticles-Con .TextCon{position: absolute;top: 9%;left: 20%;}
.TrainingArticles-Con .TextCon p{font-size: 16px;color: #fff;line-height: 27px;}
.TrainingArticles-Con .TextCon a{font-size: 16px;color: #fff;width: 167px;height: 48px;display: block;border: 1px #fff solid;line-height: 48px;background: url(Img/inside/TrainingArticles.png) no-repeat 99px center;margin-top: 30px;text-indent: 22px;}

.TrainingArticles .BoxCon{text-align: center;margin-top: 30px;}
.TrainingArticles .BoxCon h3{font-size: 30px;color: #333;}
.TrainingArticles .BoxCon p{font-size: 12px;color: #999;margin-top: 5px;}
.TrainingArticles .BoxCon a{display: block;width: 128px;height: 52px;text-align: center;line-height: 52px;background-color: #333;border-radius: 50px;color: #fff;font-size: 18px;margin: 20px auto 0;}
.TrainingArticles .BoxCon a:hover{background-color:#e2c083;}
/* TrainingArticles End */



/* 媒体样式 */
@media (max-width:1400px){
    .container{width: 1200px;}
    .TrainingArticles-Con .TextCon{top: 15px;}
    .TrainingArticles-Con .TextCon a{width: 150px;height: 40px;margin-top: 10px;line-height: 40px;text-indent: 15px;background: url(Img/inside/TrainingArticles.png) no-repeat 90px center;}
    .Message span{left: 26%;}
    .SupportArticles ul li.li01{top: 121px;left: 180px;}
    .SupportArticles ul li.li02{top: 85px;left: 133px;}
    .SupportArticles ul li.li03{top: 121px;left: 85px;}
    .SupportArticles ul li.li04{top: 89px;left: 56px;}
    .SupportArticles ul li.li05{top: 124px;left: 28px;}
    .SupportArticles ul li.li06{top: 90px;left: -2px;}
    .SupportArticles ul li.li07{top: 122px;left: -49px;}
    .SupportArticles ul li.li08{top: 90px;left: -97px;}
    .SupportArticles ul li.li09{top: 125px;left: -162px;}
    .SupportArticles ul li.li10{top: 88px;left: -190px;}
}
/* 媒体样式 End */


/* 媒体样式 */
@media (max-width:1700px){
    .SupportArticles .container{width: 1600px;}
    .SupportArticlesBox{left: -170px;}
    .SupportArticles ul li.li01{top: 82px;left: 133px;}
    .SupportArticles ul li.li02{top: 26px;left: 89px;}
    .SupportArticles ul li.li03{top: 82px;left: 45px;}
    .SupportArticles ul li.li04{top: 26px;left: 30px;}
    .SupportArticles ul li.li05{top: 80px;left: 15px;}
    .SupportArticles ul li.li06{top: 26px;left: 0px;}
    .SupportArticles ul li.li07{top: 81px;left: -44px;}
    .SupportArticles ul li.li08{top: 28px;left: -88px;}
    .SupportArticles ul li.li09{top: 83px;left: -161px;}
    .SupportArticles ul li.li10{top: 27px;left: -176px;}
}
/* 媒体样式 End */




/* Title */
.Title{text-align: center;padding: 65px 0 40px;}
.Title h2{font-size: 24px;color: #fff;}
.Title h3{font-size: 30px;color: #fff;margin-top: 10px;}
.Title em{display: block;font-size: 7px;color: #fff;text-transform: uppercase;font-family: "QUEEN";opacity: .2;letter-spacing:3px;-webkit-transform : scale(0.84,0.84) ;
*font-size:10px;}
.Title p{font-size: 14px;color: #333;line-height: 25px;margin-top: 25px;}

.Title02 h2{color: #333;}
.Title02 h3{color: #444;}
.Title02 em{color: #999;opacity: 1;}

.Title03 p{color: #fff;}
/* Title End */