@charset "utf-8";
.banner{height: 500px;}

.about-panel{margin: 71px 0 80px;}
.about-panel .about-content{text-align: center; width: 1080px; margin: 0 auto;color: #666666;}
.about-panel .about-content h2{font-size: 20px; line-height: 47px;margin-top: 12px;}
.about-panel .about-content p{font-size: 14px;line-height: 26px;margin-bottom: 12px;}
.about-panel ul{width: 1080px; margin: 39px auto 0;}
.about-panel li{float: left;position: relative; text-align: center; color: #fff;width: 356px; height: 150px; overflow: hidden;}
.about-panel li .origin-well h6{float: left;position: absolute;left: 0; top:0; width: 100%; font-size: 28px; color: #fff; font-weight: bold;z-index: 444;margin-top: 32px;}
.about-panel li .origin-well h6 em{font-size: 12px; text-transform: uppercase; display: block;}
.about-panel li .origin-well h6 em:before{content: ''; display: block; width: 31px; height: 1px; background:#fff;margin: 13px auto 12px;}
.about-panel li .content-well p{position: absolute; left: 50%; top: 50%; font-size: 14px; color: #fff; padding: 16px; line-height: 24px; text-align: left;transform: translate(-50%, -50%);width: 100%;}
.about-panel li .content-well p.centering{text-align: center; font-size: 18px;}
.about-panel li .content-well p.oneline{text-align: center; font-size: 24px;}
.about-panel li .origin-well{-webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.about-panel li .content-well{position: absolute;left: 0; top:0; width: 100%;opacity: 0; -webkit-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); transform: rotateX(-180deg); -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.about-panel li:hover .origin-well{-webkit-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0;-webkit-transition:  .4s; -o-transition:  .4s; transition:  .4s;-webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s;}
.about-panel li:hover .content-well{-webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg);opacity: 1; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;-webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s;}
.about-panel li+li{margin-left: 6px;}
.team-panel{padding: 62px 0 85px;}
.team-panel .panel-head{margin-bottom: 21px;}
.team-panel li{width: 260px; float: left;border-radius: 4px; overflow: hidden; background: #fff;}
.team-panel ul li:first-child{margin-left: 30px;}
.team-panel li+li{margin-left: 13px;}
.team-panel li img{border-radius: 4px;}
.team-panel li .teamTxt{padding: 0 22px;}
.team-panel li .teamTxt h5{font-size: 18px; color: #1e367d;margin-top: 20px;}
.team-panel li .teamTxt h6{font-size: 12px; font-family: "Simsun"; color: #999999;margin: 7px 0;}
.team-panel li .teamTxt p{font-size: 12px; line-height: 24px; font-family: "Simsun"; color: #666666;height: 96px; margin-bottom: 28px;}

.hornor-panel{margin: 63px 0 65px;}
.hornor-panel .panel-head{margin-bottom: 18px;}
.hornor-panel li{float: left;width: 311px; margin:0 0 26px 73px;overflow: hidden;height: 271px;}
.hornor-panel li:nth-child(3n+1){margin-left: 30px;}
.hornor-panel li .img-title{display: table; min-height: 46px;margin: 0 20px; width: 87%;text-align: center;}
.hornor-panel li h6{font-size: 14px; display: table-cell; vertical-align: middle;}

.customer-panel{padding: 66px 0 101px;}
.customer-panel .panel-head{margin-bottom: 47px;}

.case-panel{margin:49px 0 165px;}
.case-panel li{float: left;position: relative;overflow: hidden; width: 365px;}
.case-panel li:nth-child(3n+2){margin: 0 22px;}
.case-panel li:nth-child(n-3){margin-top: 20px;}
.case-panel li:nth-child(-n+3){margin-top: 13px;}
.case-panel li .case-content{position: absolute; top:320px; left: 0; background-color: rgba(146,108,67, .9); width: 100%; height: 100%;color: #fff; -webkit-transition: ease-in-out .5s; -o-transition: ease-in-out .5s; transition: ease-in-out .5s;}
.case-panel li .case-content h6{font-size: 16px; line-height: 45px; padding-left: 11px;-webkit-transition:.5s; -o-transition:.5s; transition:.5s;text-align: left}
.case-panel li .case-content h6:after{content: ''; width: 40px; height: 1px; margin: 23px auto 22px; opacity: 0; background:#fff;-webkit-transition: ease-in-out .5s; -o-transition: ease-in-out .5s; transition: ease-in-out .5s;display: block;}
.case-panel li:hover .case-content{top:0; padding: 22px;}
.case-panel li:hover .case-content h6{font-size: 30px; padding-left: 0px; font-weight: bold;padding-top: 45px;text-align:center;-webkit-transition:.5s; -o-transition:.5s; transition:.5s; -webkit-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s;}
.case-panel li:hover .case-content h6:after{opacity: 1;}
.case-panel li .case-content p{font-size: 16px; line-height: 32px;opacity: 0;text-align: center; -webkit-transition: ease-in-out .5s; -o-transition: ease-in-out .5s; transition: ease-in-out .5s;}
.case-panel li:hover .case-content p{opacity: 1;}


.contact-panel{margin: 50px auto 80px;}
.contact-panel .panel-head{margin-bottom: 24px;}
.contact-panel .info-panel{margin-bottom: 18px;}
.contact-panel .info-panel h5{font-size: 16px; color: #636363;line-height: 24px;}
.contact-panel .info-panel h6{font-size: 19px; color: #636363;line-height: 28px; margin-bottom: 22px;}
.contact-panel .info-panel h6 span{font-size: 15px; color: #b48e64}
.contact-panel .info-panel p{font-size: 14px; color: #79758c;margin-bottom: 4px;}
.contact-panel .info-panel p span{color: #b48e64;}
.contact-panel .info-panel p a{color: #79758c;}
.contact-panel .qr-panel h6{font-size: 14px; color: #79758c; text-align: center;margin-bottom: 13px;}
.contact-panel .qr-panel img{width: 120px; height: 120px;}

.message-panel{padding: 57px 0 75px;}
.message-panel .panel-head{margin-bottom: 29px;}
.message-panel .form{margin: 0 -10px;}
.message-panel .form-group{border:1px solid #dddddd; border-radius: 20px; height: 42px; width: 488px;margin: 0 9px;padding: 5px 20px; background:#fff;margin-bottom: 21px;}
.message-panel .form-group label{font-size: 16px; line-height: 2; color: #aaaaaa;}
.message-panel .form-group input{font-size: 16px; line-height: 29px; color: #aaaaaa; border:none; width: 75%;}
.message-panel .form textarea{width: 97%; height: 165px; border:1px solid #dddddd; border-radius: 20px; resize: none; background:#fff; font-size: 16px; padding: 16px 24px; color: #aaaaaa; margin: 0 10px;}
.message-panel .form .submit{margin: 26px auto 0; display: block; border:none; border-radius: 20px; width: 149px; height: 45px; font-size: 20px; background: #b48e64; color: #fff; text-align: center; cursor: pointer;}


.joinPanel{margin-top: 70px;}
.joinPanel p{font-size: 12px; font-family: "Simsun"; color: #aaaaaa; text-align: center;}
.joinPanel .slide{margin: 45px -36px 53px;}
.joinPanel .slide .bd{height: 386px;}
.joinPanel .slide .bd li{float: left; width: 309px; margin: 0 36px; text-align: left;}
.joinPanel .slide .bd li h3{font-size: 24px; color: #1d4286;margin-bottom: 4px;}
.joinPanel .slide .bd li h6{font-size: 12px; font-family: "Simsun"; color: #888888;margin-bottom: 25px;}
.joinPanel .slide .bd li p{text-align: left;}
.joinPanel .slide .bd li p.reqiure{color: #000000;margin-bottom: 6px;}
.joinPanel .slide .bd li p.note{color: #333333;margin-top: 30px;}
.joinPanel .slide .bd li p.mail{font-size: 11px; color: #e42124;}
.joinPanel .slide .bd li .jobTxt{font-size: 12px; line-height: 24px; color: #444444; font-family: "Simsun";}
.joinPanel .slide .hd{height: 7px;text-align: center;margin-top: 37px;}
.joinPanel .slide .hd li{display: inline-block;width: 7px;height: 7px;margin: 0 11px;background: #aaaaaa;text-indent: -999em;overflow: hidden;cursor: pointer; border-radius: 7px}
.joinPanel .slide .hd li.on{background: #ed2123}


.slide .hd{background: #fff;height: 42px;margin-bottom: 70px; -webkit-box-shadow: 0px 0px 5px 0px #dedede; box-shadow: 0px 0px 5px 0px #dedede;}
.slide .hd li{float: left; position: relative; }
.slide .hd li a{font-size: 16px; line-height: 42px; padding: 0 39px; color: #3c3a3b; cursor: pointer; text-align: center; display: block;}
.slide .hd li.on, .slide .hd li:hover{background: #b48e64;}
.slide .hd li.on a, .slide .hd li:hover a{color: #fff}
.slide .hd li:after{content: ""; height: 5px; width: 9px; border-top: 5px solid #b48e64; border-left: 5px solid transparent; border-right: 5px solid transparent; display: block; margin: 0 auto; opacity: 0; position: absolute; left: 50%; margin-left: -5px; bottom: -5px}
.slide .hd li.on:after, .slide .hd li:hover:after{opacity: 1}
.slide .bd{position: relative;min-height: 1078px;}
.news-panel .slide .bd .panel-head{margin-bottom: 32px;}
.news-panel .slide .bd li{background: #fff; border-radius: 3px; padding: 10px; margin-bottom: 18px; -webkit-box-shadow: 0px 1px 2px 0px #d9d9d9;
box-shadow: 0px 1px 2px 0px #d9d9d9;}
.news-panel .slide .bd li img{border-radius: 3px;}
.news-panel .slide .bd li .news-txt{margin: 8px 23px 15px; width: 765px;}
.news-panel .slide .bd li .news-txt h5{font-size: 18px; color: #b48e64;}
.news-panel .slide .bd li:hover .news-txt h5{color: #79758c}
.news-panel .slide .bd li .news-txt h6{font-size: 12px; color: #999999;margin: 9px 0;}
.news-panel .slide .bd li .news-txt p{font-size: 14px; line-height: 26px; color: #666666; font-family: "Simsun"}
.page{text-align: center;margin-top: 39px;}
.page a{font-size:12px; width:35px; height:35px; margin:0 5px; display:inline-block; border:1px solid #cccccc; line-height:35px; text-align:center; color:#b48e64; background: #fff; border-radius: 3px;}
.page a:hover, .page a.current{background: #b48e64; color: #fff; border-color: #b48e64}
.page a.prev, .page a.next{font-family:"SimSun";font-weight: bold;}

.news{padding: 0px 0 90px; margin: 0; background: #f6f6f6}

.main .news-title h4{font-size: 28px; color: #4c4c4c; padding: 36px 0 12px 2px;}
.main .news-title span{font-size: 14px; line-height: 35px; margin-bottom: 4px;color: #9f9f9f;}
.main .article{padding: 43px 0 40px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; color: #7f7f7f;}
.main .article p ,.main .article span{color: #7f7f7f}
.main .referenced-panel{margin-bottom: 35px;}
.main .referenced-panel h3{padding: 21px 0 20px 2px; line-height: 20px; color: #4c4c4c; font-size: 18px; overflow: hidden;}
.main .referenced-panel h3:before{content: ""; height: 19px; width: 1px; background: red; display: inline-block; vertical-align: top; margin-right: 6px; line-height: 20px;}
.main .referenced-panel li{float: left;margin-left: 8px; width: 350px;}
.main .referenced-panel li .imgWrap{height: 350px; overflow: hidden; margin-bottom: 10px; background: #efefef; -moz-transition: all .3s ease-in-out 0s; -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; display: block;}
.main .referenced-panel li:hover .imgWrap{box-shadow: 0 4px 15px 0 rgba(0,0,0,.2); transform: translateY(-4px); -moz-transition: all .3s ease-in-out 0s; -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;}
.main .referenced-panel li h6{font-size: 14px; line-height: 20px; margin-top: 3px;color: #4c4c4c}
.main .referenced-panel li:hover h6{color: #00aaff}
.main .referenced-panel li span.date{font-size: 12px; color: #9f9f9f; line-height: 20px; margin-top: 3px;}

.service-panel .slide .hd{margin-bottom: 51px;}
.service-panel .slide .bd .panel-head{margin-bottom: 43px;}
.service-panel .slide .bd {width: 100%; min-height: auto}
.service-panel .slide .bd ul{width: 100%;}
.service-nav{margin: 0 -9px 72px;text-align: center;}
.service-nav li {display: inline-block; margin: 0 28px; text-align: center;}
.service-nav li .img-wrap{width: 131px; height: 131px; background-color: #fff; border:1px solid #b8956e; border-radius: 100%; display: block;text-align: center;line-height: 131px;}
.service-nav li .img-wrap img{max-width: 100%; max-height: 100%;   vertical-align: middle;}
.service-nav li h6{font-size: 16px; color: #333333; margin-top: 9px;}

.service-package{padding: 50px 0 62px;}
.service-package .content{width: 450px;}
.service-package .content-02{width: 281px;}
.service-package h1{font-size: 28px; color: #b48e64; font-weight: bold; border-bottom: 1px solid #dddddd;position: relative;margin-bottom: 28px;line-height: 64px;}
.service-package h1:after{content: ''; display: block; position: absolute;left: 0; bottom: -1px; width: 50px; height: 1px; background-color: #b48e64;line-height: 62px;}
.service-package h6{font-size: 18px; color: #333333; font-weight: bold;line-height: 42px;}
.service-package dd{font-size: 16px;float: left; color: #666666; width: 154px;margin:12px 0 4px;}
.service-package dd:nth-child(2n){width: 280px;}
.service-package .content-02 dd{width: 100%;}
.service-package dd:before{content: ''; display: inline-block; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 7px solid #666666; margin-right: 8px; vertical-align: middle;}

.basePanel{padding: 50px 0 55px; background:#f5f5f5;}
.baseInnerPanel{background:#fff; padding-right: 10px; overflow: hidden;}
.basePanel img{float: left;margin-right: 41px}
.basePanel .baseTxt{width: 280px;}
.basePanel .baseTxt h4{font-size: 24px; color: #1e367d; font-weight: bold;margin:32px 0 22px;}
.basePanel .baseTxt h4:after{content:''; display: block; margin-top: 25px; background: #1095d8; height: 1px; width: 50px;}
.basePanel .baseTxt p{font-size: 14px; line-height: 36px; color: #666666;font-family: "Simsun"}

/* membership-panel */
.membership-panel{margin-top: 40px;}
.membership-panel .inner-panel{padding: 16px 35px 58px; background: #fff; width: 881px; border: 1px solid #eaeaea; border-radius: 5px; -webkit-box-shadow: 0px 1px 0px 0px #d9d9d9; box-shadow: 0px 1px 0px 0px #d9d9d9;}
.inner-panel .head{font-size: 24px; line-height: 52px; color: #b48e64; font-weight: bold; border-bottom: 3px solid #b48e64; margin-bottom: 14px;}
.form .input-group{float: left;margin: 17px 7px 0; width: 389px;}
.form .input-group:nth-child(2n){margin-left: 10px;}
.form .input-group label{font-size: 14px; padding-left: 15px; line-height: 26px; color: #666666;}
.form .input-group input{line-height: 32px; width: 100%; background: #f4f4f4; border-radius: 15px; padding: 5px 15px; height: 42px;border: none}
.form input[type="submit"]{height: 45px; width: 149px; display: block; margin: 43px auto 0; font-size: 20px; color: #fff; background: #b48e64; border-radius: 20px; border: none; cursor: pointer; -webkit-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; transition: ease-in-out .4s;}
.form input[type="submit"]:hover{-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0, .3); box-shadow: 0px 1px 3px 0px rgba(0,0,0, .3);}
.portfolio-panel{width: 240px; border: 1px solid #eaeaea; background: #fff}
.portfolio-panel .head{width: 100%; line-height: 45px; background: #b48e64; color: #fff; font-size: 16px; text-align: center;}
.portfolio-panel .img-wrap{width: 115px; height: 115px; border-radius: 100%; margin: 33px auto 19px; overflow: hidden;}
.portfolio-panel .infomation-panel p{font-size: 12px; line-height: 18px;margin:5px 28px 8px;color: #666666;}
.portfolio-panel .infomation-panel p span{width: 44px; color: #999999;}
.portfolio-panel .edit-link{margin: 18px auto 39px; width: 113px; line-height: 31px; font-size: 14px; color: #fff; background: #e94843; border-radius: 15px;display: block; text-align: center; -webkit-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; transition: ease-in-out .4s;}
.portfolio-panel .edit-link:hover{-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0, .3); box-shadow: 0px 1px 3px 0px rgba(0,0,0, .3);}
.portfolio-panel .balance{border-top: 1px solid #e5e5e5; line-height: 70px; padding: 0 18px;font-size: 14px; color: #666666;}
.portfolio-panel .balance span{font-size: 28px; color: #e60212; margin-left: 6px;}

.terms .terms-context{margin: 35px 10px;min-height: 270px;}
.terms .terms-context p{font-size: 14px; line-height: 28px; margin-bottom: 12px; color: #666666}

.order-list .li-col{display: block; float: left; text-align: center;}
.order-list .list-info{height: 49px;border-bottom: 1px dotted #999999;}
.order-list .li-col-1{width: 80px;}
.order-list .li-col-2{margin-left: 36px; width: 300px; text-align: left}
.order-list .li-col-3{width: 120px;}
.order-list .li-col-4{width: 220px;}
.order-list .li-col-5{margin-left: 15px; width: 121px;}

.order-list .list-head {background: #b48e64; border-radius: 4px;height: 45px; margin-bottom: 7px;}
.order-list .list-head .li-col{line-height: 45px; font-size: 16px; color: #ffffff;}
.order-list .list-info .li-col{line-height: 49px; font-size: 14px; color: #555555;}
.order-list .list-info .li-col-3{width: 120px; color: #e94843}
.events-group {border: 1px solid #999999; border-radius: 3px; padding: 3px 5px;font-size: 12px; line-height: 18px; display: inline-block;}
.events-group .event-handle{color: #555555; display: inline-block;padding: 0 7px; cursor: pointer;;}

.membership-panel .forget-password{width: 100%;}
.membership-panel .forget-context{padding: 107px 0 134px; font-size: 14px; line-height: 42px; text-align: center;}
.membership-panel .forget-context input{width: 509px; background: #f4f4f4; border: none; border-radius: 30px; display: inline-block; height: 42px; padding: 5px 26px; line-height: 32px;}
.membership-panel .forget-context input[type="submit"]{margin: 71px auto 0; width: 150px;; display: block; background: #b48e64;color: #fff; cursor: pointer;}


.form .uptx{float:right; height: 40px; width: 80px;padding:8px 0 0 24px; display: block; font-size: 16px; color: #fff; background: #b48e64; border-radius: 20px; border: none; cursor: pointer; -webkit-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; transition: ease-in-out .4s;}


.yhzc_list li{}

.yhzc_list .slide .panel-head{margin-bottom: 32px;}
.yhzc_list .slide li{margin-bottom: 18px;}
.yhzc_list .slide li img{border-radius: 3px;}
.yhzc_list .slide li .news-txt h5{font-size: 18px; color: #b48e64;}
.yhzc_list .slide li:hover .news-txt h5{color: #79758c}
.yhzc_list .slide li .news-txt h6{font-size: 12px; color: #999999;margin: 9px 0;}
.yhzc_list .slide li .news-txt p{font-size: 14px; line-height: 26px; color: #666666; font-family: "Simsun"}