@charset "utf-8";
/* CSS Document */


*{ margin:0; padding:0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}
.clear{  clear:both;}

/* 右侧悬浮窗 */

.rightSuspend{ width:60px; height: 225px; position: fixed; z-index: 71; right:0; top: calc(50vh - 120px);
    background: rgba(0, 0, 0, 0.3);}
.rightSuspend .block{ width:60px;height:45px; display: block; position: relative;z-index: 90;}
.rightSuspend img{ position: absolute; left:8px; cursor:pointer;}
.rightSuspend .CutOffLine{ top:0; left:0; width:60px; height: 225px;}
.rightSuspend .QQ{ top:0;width:45px;}
.rightSuspend .block:hover .QQHide{display:block !important;}
.rightSuspend .WeChat{ top:0px;width:45px;}
.rightSuspend .block:hover .WeChatHide{display:block !important;}
.rightSuspend .Phone{ top:0px;width:45px;}
.rightSuspend .block:hover .PhoneHide{display:block !important;}
.rightSuspend .QRcode{ top:0px;width:45px;}
.rightSuspend .block:hover .QRcodeHide{display:block !important;}
.rightSuspend .GoTop{ top:180px;width:45px;}
.rightHide{width:180px; height: 225px; position: fixed; z-index: 71; right:60px; top: calc(50vh - 120px);
    background: rgba(0, 0, 0, 0.3); display: none; color:#fff;}
.QQHide img{ position:relative;}
.QQHide table{ width:100%;margin-top:20px;}
.QQHide table tr{ width:100%;margin-top:15px;}
.QQHide table tr td{ width:50%;height:30px; color:#fff;font-size:14px;}
.WeChatHide img{ width:142px; position:relative;margin:30px 0 0 10px;}
.WeChatHide p{ text-align: center;}
.PhoneHide img{  position:relative;margin:30px 0 0 10px;}
.PhoneHide p{ text-align: center;}
.QRcodeHide img{ width:142px; position:relative;margin:30px 0 0 10px;}
.QRcodeHide p{ text-align: center;}


/* top */

.publicTop{ width:1200px; margin:auto; padding:20px 0;}
#logo {margin-right:10%; float:left;}
#menu { margin: 0; padding: 0; height: 50px; list-style-type: none; }
#menu li { float: left; font-size: 16px; margin-left:5%;}
#menu a { float: left; color: #333; text-decoration: none; padding: 15px 0 5px 0;}
#menu .active a { border-bottom: 3px solid #ffa91e;}

/* footer */

.footer{ width:100%; height:200px;background-color: #868686;}
.footer .body{ width:1200px; height:200px; margin:0 auto;}
.footer .body .logo{ margin:60px 0 0 80px;float:left;}
.footer .body .text{ width:450px; height:200px;float:right; padding:30px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.footer .body .text .left{ width:114px; height:140px;text-align:center;border-right:1px solid #fff;float:left}
.footer .body .text .left img{ margin-top:30px; }
.footer .body .text .left p{ text-align:center;color:#fff;margin-top:5px;}
.footer .body .text .right{ width:335px;height:140px; float:left;padding:20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.footer .body .text .right p{ color:#fff;}
.footer .body .text .right p a{ color:#fff;}

/* --- 底部弹窗 --- */

.shade{ position: fixed; z-index: 9999; width: 100%}
.shade-bottom{ left: 0; bottom: 0;background: rgba(24, 34, 24, 0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);}
.apply-shade{ padding: 20px 0;opacity: 0; overflow: hidden;transform: translate3d(0,-300%,0) scale(0,0); transition: transform .6s cubic-bezier(0.68,-0.55,0.27,1.55); }
.apply-shade.show{ opacity: 1; height: auto;transform: translate3d(0,0,0) scale(1,1);}
.apply-shade .title{ font-size: 24px; color: #fff; padding-bottom: 20px; text-align: center; font-weight: normal }
.apply-shade .warper{ position: relative}
.apply-shade .close{ text-align: center; display: block; position: absolute; right: 10px; top: 0; cursor: pointer}
.apply-shade .close img{ margin:0;}
.apply-shade-form .item{ position: relative; float: left; margin-right: 15px;}
.apply-shade-form input[type='text']{ width: 200px; height: 40px; background: rgba(255, 255, 255, 0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); border-radius: 4px; border: 2px solid transparent; color: #ffa91e; padding-left: 35px; box-sizing: border-box; font-size: 16px; font-weight: bold}
.apply-shade-form .authcode input[type='text']{ width: 170px}
.apply-shade-form{ width: 100%; text-align: center;}
.apply-shade-form .row-x{ display: inline-block; margin: 0 auto; width: auto}
.apply-shade-form input::-moz-placeholder{ color:#8c8c8c;font-size: 14px}
.apply-shade-form input:-ms-input-placeholder{color:#8c8c8c; font-weight: normal; font-size: 14px}
.apply-shade-form input::-webkit-input-placeholder{color:#8c8c8c; font-weight: normal; font-size: 14px}
.apply-shade-form .ico{ position: absolute; left: 10px; top: 0; font-size: 16px; height: 40px; line-height: 40px; color: #d9851d;}
.apply-shade-form .ico i{ margin-top:12px;}
.apply-shade-form .ico img{ margin-top:12px;}
.apply-shade-form .item.on .ico{ color: #ffa91e}
.apply-shade-form .item.on input[type='text']{ box-shadow: 2px 2px 8px rgba(66, 184, 241, 0.48);  background: #fff;  }
.apply-shade-form .btn{ background:#ffa91e; color: #fff; font-size: 18px;  padding: 0 25px;  height: 40px;line-height: 40px;border: none;}
.apply-shade-form .authcode-btn{ position: absolute; right: 0; top: 0;  background:#ffa91e;  height: 40px;  line-height: 40px;  padding: 0 10px;  border-radius: 0 4px 4px 0;  color: #fff;}
.apply-shade-form .authcode-btn a{ color: #fff;}

/* body */

.main{ width:1200px; margin:0 auto;}


/* --- JoinUs_Plates --- */
.Plates{ margin-bottom:100px;}
.Plates .title{ text-align:center;margin:80px 0 70px 0;}
.Plates .body{ width:1200px; height:80px;
    background: url("../images/background/Line.jpg") no-repeat 230px 25px;
    background-size:740px;
    }
.Plates .body .tag{ width:230px; height:80px;float:left;}
.Plates .body .tag .choose{ background-color:#ffa91e !important;}
.Plates .body .tag .active{ color:#ffa91e;}
.Plates .body .tag .circle{ background-color: #d4d4d4; width:50px; height:50px;margin: 0 auto;
    border-radius:25px;text-align:center; line-height:50px;color:#fff; font-size:25px;}
.Plates .body .tag p{ text-align:center;}
.Plates .body .tagOne{ margin-left: 140px; }
.Plates .all .left{ width:440px;height:290px; border:1px solid #d4d4d4;padding:20px 70px; border-radius:15px;
    float:left; /*margin-left: 145px;*/}
.Plates .all .left .sub{ width:150px; color:#ffa91e;box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.2);border:0;
    margin-left:145px; border-radius:5px;  }
.Plates .all .left .sub:hover{ background-color: #efefef;}
.Plates .all .left .sub:active{ background-color: #dfdfdf;}
.Plates .all .left p{ color:rgb(204,204,204); text-align:left;}
.Plates .all .left input{ width:100%; height:40px; line-height:40px; padding:0 10px;
    border:1px solid rgb(204,204,204); margin:10px 0; border-radius:5px; float:left; }
.Plates .all .left .code{width:60%; border-radius:5px 0 0 5px; }
.Plates .all .left form a{ color:#2e82ee; width:40%; height:40px; line-height:40px; padding:0;
    float:left; margin:10px 0; border-radius:0 5px 5px 0; background-color:#fff; }
.Plates .all .right{ width:440px;height:290px; border:1px solid #d4d4d4;padding:20px 60px; border-radius:15px;
    float:left; margin-left: 30px;}
.Plates .all .right h4{ text-align: left;}
.Plates .all .right .img{ text-align:center; margin:50px 0 10px 0;}
.Plates .all .right a{ text-align: center;}
.Plates .all .right p{ text-align: center;}
.Plates .all .right p a{ cursor:pointer;}
.Plates .all .right p:nth-of-type(1){ margin-bottom:50px;}
.Plates .all .right p:nth-of-type(1) a{ color:#ffa91e;text-decoration:underline}
.Plates .download{ width: 200px;height:50px;color: #ffa91e;box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.2);
    border: 0; border-radius: 5px; float:right;background-color: #fff;line-height:45px;}
.Plates .download:nth-of-type(1){ background-color: #ffa91e; color:#fff;}
.Plates .download:nth-of-type(1):hover{ background-color: #f09b1e;color:#000;}
.Plates .download:nth-of-type(1):active{ background-color: #dc911c;color:#000;}

/* --- Customer --- */
.main{ margin-bottom:100px;}
.main .Plates .custText p{ text-indent: 2em;padding:0 70px;font-size:16px;letter-spacing: 3px;
    line-height:32px; font-family: 微软雅黑;}
.travel-pic{ width:100%;
    padding:0 80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.travel-pic li{float: left;margin: 20px;overflow: hidden;width:calc(50% - 40px); border-radius:10px;}
.travel-pic img{border:0; width:100%;vertical-align:top;display:block;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;}
.travel-pic a:hover img{
    transform:scale(1.04,1.04);
    -ms-transform:scale(1.04,1.04);
    -webkit-transform:scale(1.04,1.04);}