body { background-color: #fcfcfc }
.part { width: 100%; overflow: hidden; }
.inner { width: 1214px; position: relative; margin: 0 auto; }
.part .title { -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0; -webkit-transition: all 0.5s ease-out 0.2s; transition: all 0.5s ease-out 0.2s; }
.part-ready .title { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1 }

/* zt-top */
.zt-top { height: 553px; position: relative; background: url(../images/top-bg.jpg) no-repeat center 0; }
.zt-top .img { float: left; margin: 100px 0 0 30px; display: inline; }
.issue-buyinfo { width: 376px; padding: 27px; float: right; position: relative; background-color: #fffcf2; margin: 72px 26px 0 0; display: inline; }
.issue-buyinfo .hd { font-size: 18px; color: #606060; font-weight: bold; padding-bottom: 16px; border-bottom: 1px solid #e6e6e6 }
.issue-buyinfo .service-phone { position: absolute; right: 27px; top: 17px; height: 40px; padding-left: 36px; background: url(../images/ico-logo.png) no-repeat 0 0; }
.issue-buyinfo .service-phone p { padding-top: 3px }
.issue-buyinfo .service-phone .phone-number { font-size: 14px; color: #fd8343; font-weight: bold; padding-top: 0 }
.issue-buyinfo .buy-content { margin-top: 10px }
.issue-buyinfo .buy-content .name { display: block; font-size: 14px; font-weight: bold; padding-bottom: 10px }
.issue-buyinfo .buy-content textarea { width: 364px; height: 60px; border: 1px solid #e6e6e6; padding: 5px }
.issue-buyinfo .upload-file { margin-top: 18px }
.issue-buyinfo .upload-file .file-name { line-height: 20px; float: left; margin-right: 10px; }
.issue-buyinfo .upload-file #upload_file { float: left; }
.issue-buyinfo .upload-file input#upload_file { opacity: 0; filter: alpha(opacity=0); }
.issue-buyinfo .uploadify-button,.uploadify a { height: 20px; line-height: 20px; font-size: 14px; color: #fd8343; padding-left: 20px; background: url(../images/ico-upload.png) no-repeat 0 2px; }
.issue-buyinfo .upload-file p { color: #a9a9a9; margin-top: 2px; clear: both; }
.issue-buyinfo .contact { margin-top: 15px }
.issue-buyinfo .contact input { width: 120px; height: 30px; line-height: 30px; padding: 0 5px; background-color: #fff; border: 1px solid #e6e6e6; float: left; }
.issue-buyinfo .contact input.J-people { width: 52px; margin-right: 5px;}
.issue-buyinfo .smscode { background-color: #fff; float: right; border: 1px solid #e6e6e6; width: 168px; display: inline; position: relative; }
.issue-buyinfo .smscode input { width: 80px; border: 0; }
.issue-buyinfo .smscode .send-code { position: absolute; right: 0; top: 0; color: #00a0ea; line-height: 30px; cursor: pointer; padding: 0 5px; }
.issue-buyinfo .btn { margin-top: 27px; text-align: center; }
.issue-buyinfo .btn-submit { width: 143px; height: 40px; line-height: 40px; background-color: #00a0ea; font-size: 18px; color: #fff; display: inline-block; border-radius: 3px }
.issue-buyinfo2 { width: 100%; height: 170px; margin: 15px 0; }
.issue-buyinfo2{ background: url(../images/issue/bg.jpg) no-repeat center bottom;}
.issue-buyinfo2 .bb-logo{ position: absolute; left: 45px; top: -14px; clear: both;}
.issue-buyinfo2 .issue-box { float: left; padding-left: 220px; width: 470px }
.issue-buyinfo2 .service-phone { font-size: 15px; padding-top: 19px; color: #1870a4; padding-bottom: 4px; padding-left: 20px; background: url(../images/issue/ico-phone.png) no-repeat 0 23px; }
.issue-buyinfo2 .buy-content { float: left; }
.issue-buyinfo2 .buy-content .name { width: 35px; height: 48px; padding: 7px 10px 0; background-color: #008adc; color: #fff; text-align: center; font-size: 15px; line-height: 20px; float: left }
.issue-buyinfo2 .buy-content textarea { width: 310px; height: 45px; padding: 5px; border: 0; background-color: #fff; float: left; }
.issue-buyinfo2 .upload-file { width: 80px; height: 55px; position: relative; overflow: hidden; background-color: #fff; display: inline; float: left; margin-left: 6px; }
.issue-buyinfo2 .upload-file input#upload_file2 { opacity: 0; filter: alpha(opacity=0); }
.issue-buyinfo2 .uploadify-button { overflow: hidden; }
.issue-buyinfo2 .uploadify-button span { display: block; margin: 8px 0 0 17px; width: 58px; font-size: 16px; color: #008adc; line-height: 20px; text-indent: 1em; background: url(../images/issue/ico-upload.png) no-repeat 0 2px; }
.issue-buyinfo2 .uploadify-fall span{ background: none; text-indent: 0}
.issue-buyinfo2 .preview { width: 80px; height: 55px; position: absolute; left: 0; top: 0; z-index: 2; background-color: #fff; display: none; }
.issue-buyinfo2 .preview span { margin-left: 14px; margin-top: 8px; display: block; width: 52px; height: 39px; overflow: hidden; }
.issue-buyinfo2 .preview img { width: 100% }
.issue-buyinfo2 .preview a { position: absolute; top: 5px; right: 5px; width: 15px; height: 15px; background: url(../images/issue/ico-close.png) no-repeat; }
.issue-buyinfo2 .contact { float: left; margin-top: 6px; }
.issue-buyinfo2 .people, .issue-buyinfo2 .mobile, .issue-buyinfo2 .smscode { float: left; background-color: #fff; width: 141px; height: 35px; margin-right: 6px; display: inline; position: relative; }
.issue-buyinfo2 .people { width: 81px;}
.issue-buyinfo2 div.smscode input { width: 62px; border: 0; }
.issue-buyinfo2 .smscode .send-code { position: absolute; right: 0; top: 0; color: #00a0ea; line-height: 35px; cursor: pointer; padding: 0 5px; }
.issue-buyinfo2 .contact .name { float: left; line-height: 16px; border-right: 2px solid #e6e6e6; padding: 0 5px 0 6px; margin-top: 10px }
.issue-buyinfo2 .contact input { height: 35px; line-height: 35px; background-color: #fff; outline: 0; border: 0; padding: 0 5px; float: left; width: 100%; box-sizing: border-box; }
/*.issue-buyinfo2 .contact .mobile input { width: 130px; }*/
.issue-buyinfo2 .btn { float: left; margin-top: 6px }
.issue-buyinfo2 .btn-submit { display: block; width: 80px; height: 35px; line-height: 35px; background-color: #008adc; color: #fff; font-size: 16px; border-radius: 3px; text-align: center; }
.issue-buyinfo2 .tips { width: 460px; height: 127px; float: left; position: relative; margin-top: 21px; margin-left: 50px; display: inline; }
.issue-buyinfo2 .tips .cover { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #e8230f; opacity: 0.1; filter: alpha(opacity=10); }
.issue-buyinfo2 .tips .name { width: 33px; padding: 16px 12px 0; height: 111px; background: url(../images/issue/ico-1.png) no-repeat; position: absolute; left: 0; top: 0; font-size: 22px; line-height: 24px; color: #fefefe; }
.issue-buyinfo2 .tips .cont { font-size: 16px; position: relative; line-height: 24px; padding: 25px 0 0 70px; color: #fff; }
.issue-buyinfo2 .tips .more { font-size: 14px; color: #b12112; position: absolute; right: 10px; bottom: 5px; }

/* ready */
.zt-top .img { -webkit-transform: translateX(-200px); transform: translateX(-200px); opacity: 0; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.issue-buyinfo { -webkit-transform: translateX(200px); transform: translateX(200px); opacity: 0; -webkit-transition: all 0.5s ease-out 0.2s; transition: all 0.5s ease-out 0.2s; }
.part-ready .img, .part-ready .issue-buyinfo { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1 }

/* part-1 */
.part-1 .title { text-align: center; margin-top: 60px }
.vantage-list { height: 264px; background-color: #eee; margin-top: 70px }
.vantage-list ul {float: left; }
.vantage-list li { float: left; width: 240px; height: 264px; border-left: 1px solid #fff; text-align: center; cursor: pointer; -webkit-transition: background-color 0.25s linear; transition: background-color 0.25s linear; opacity: 0; filter: alpha(opacity=100); }
.vantage-list li:last-child{ border-right: 1px solid #fff; }
.vantage-list .ico { width: 73px; height: 83px; margin: 30px auto 0; position: relative; }
.vantage-list .ico img { position: absolute; left: 0; top: 0; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; }
.vantage-list .ico .i-2 { opacity: 0; display: none\9; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.vantage-list .active .ico .i-1 { display: none\9; opacity: 0; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.vantage-list .active .ico .i-2 { display: block\9; opacity: 1; -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -o-transform: rotateY(0); -ms-transform: rotateY(0); transform: rotateY(0); }
.vantage-list .tit { font-size: 16px; color: #333; font-weight: bold; margin-top: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.vantage-list .desc { font-size: 14px; line-height: 22px; width: 170px; margin: 7px auto 0; text-align: left; }
.vantage-list .active { background-color: #fff }
.vantage-panle { height: 448px; width: 100%; overflow: hidden; -webkit-transform: translateY(150px); transform: translateY(150px); opacity: 0 }
.doc-ready .vantage-panle{ background: url(../images/1/bg.jpg) no-repeat center 0;}
.vantage-item { height: 0; overflow: hidden; position: relative; }
.vantage-item img { position: absolute; left: 50%; }
.vantage-3 .i-1 { margin-left: -276px; top: 167px; }
.vantage-3 .i-2 { margin-left: -242px; top: 53px; }
.vantage-3 .i-3 { margin-left: -599px; top: 241px; -webkit-transform: translateX(-50px); transform: translateX(-50px); opacity: 0 }
.vantage-3 .i-4 { margin-left: -523px; top: 303px; -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0 }
.vantage-3 .i-5 { margin-left: 231px; top: 271px; -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0 }
.vantage-3 .i-6 { left: auto; right: -48px; top: 10px }
.vantage-3 .car { width: 530px; height: 530px; position: absolute; left: 50%; margin-left: -276px; top: 167px; -webkit-transform: rotate(60deg); transform: rotate(60deg); }
.vantage-1 .i-1 { margin-left: -544px; top: 124px; }
.vantage-1 .i-2 { margin-left: -226px; top: 51px; opacity: 0 }
.vantage-1 .i-3 { margin-left: 185px; top: 88px; }
.vantage-1 .i-4 { margin-left: 213px; top: 91px; -webkit-transform: translateX(150px); transform: translateX(150px); opacity: 0 }
.vantage-1 .i-5 { margin-left: 229px; top: 194px; -webkit-transform: translateX(150px); transform: translateX(150px); opacity: 0 }
.vantage-1 .i-6 { margin-left: 223px; top: 286px; -webkit-transform: translateX(150px); transform: translateX(150px); opacity: 0 }
.vantage-1 .i-3 { position: absolute; left: 50%; height: 0; overflow: hidden; }
.vantage-1 .i-3 img { position: static; }
.vantage-2 .i-1 { margin-left: -202px; top: 35px; }



.vantage-2 .i-2 {margin-left: -123px;top: 220px; -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0}
.vantage-2 .i-3 {margin-left: -281px;top: 220px;}
.vantage-2 .i-4 {margin-left: 78px;top: 220px;}
.vantage-2 .i-5 {margin-left: -413px;top: 220px;}
.vantage-2 .i-6 {margin-left: 246px;top: 220px;}
.vantage-2 .i-7 {margin-left: -501px;top: 220px;}
.vantage-2 .i-8 {margin-left: 378px;top: 220px;}
.vantage-2 .i-9 {margin-left: -546px;top: 220px;}
.vantage-2 .i-10 {margin-left: 478px;top: 220px;}
.vantage-2 .i-11 {margin-left: -585px;top: 220px;}
.vantage-2 .i-12 {margin-left: -609px;top: 220px;}
.vantage-2 .i-13 {margin-left: 531px;top: 220px;}
.vantage-2 .i-14 {margin-left: 573px;top: 220px;}

.vantage-2 .i-3, .vantage-2 .i-5, .vantage-2 .i-7, .vantage-2 .i-9, .vantage-2 .i-11, .vantage-2 .i-12{ -webkit-transform: translateX(150px); transform: translateX(150px); opacity: 0 }
.vantage-2 .i-4, .vantage-2 .i-6, .vantage-2 .i-8, .vantage-2 .i-10, .vantage-2 .i-13, .vantage-2 .i-14{ -webkit-transform: translateX(-150px); transform: translateX(-150px); opacity: 0 }



.vantage-4 .i-1 { margin-left: -607px; top: 163px; }
.vantage-4 .i-2 { margin-left: -181px; top: 160px;  -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0}
.vantage-4 .i-3 { margin-left: -34px; top: 270px; opacity: 0; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); }
.vantage-4 .i-4 { margin-left: 186px; top: 316px; opacity: 0; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); }
.vantage-4 .i-5 { margin-left: 1px; top: 69px; -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0 }
.vantage-4 .i-6 { margin-left: 247px; top: 105px; -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0 }
.vantage-5 .i-1 { margin-left: -779px; top: 57px; }
.vantage-5 .i-2 { margin-left: -133px; top: 106px; -webkit-transform: translateX(-150px); transform: translateX(-150px); opacity: 0; cursor: pointer; z-index: 2; }
.vantage-5 .i-3 { margin-left: -223px; top: 215px; -webkit-transform: translateX(-150px); transform: translateX(-150px); opacity: 0; cursor: pointer; z-index: 2; }
.vantage-5 .i-4 { margin-left: -321px; top: 339px; -webkit-transform: translateX(-150px); transform: translateX(-150px); opacity: 0; cursor: pointer; z-index: 2; }
.vantage-5 .i-5 { margin-left: 37px; top: 100px; }
.vantage-1 .i-2, .vantage-5 .i-5 { position: absolute; left: 50%; width: 423px; height: 370px; position: relative; overflow: hidden; }
.vantage-5 .i-5{ width: 567px; height: 358px;}
.vantage-1 .i-2 img, .vantage-5 .i-5 img { position: absolute; left: 0; top: 0; opacity: 0; }
.vantage-1 .i-1, .vantage-4 .i-1, .vantage-5 .i-1 { -webkit-animation-duration: 1s; -webkit-animation-delay: .2s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: 1s; -moz-animation-delay: .2s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: 1s; -ms-animation-delay: .2s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; -o-animation-duration: 1s; -o-animation-delay: .2s; -o-animation-timing-function: ease; -o-animation-fill-mode: both; animation-duration: 1s; animation-delay: .2s; animation-timing-function: ease; animation-fill-mode: both; }

/* ready */
.part-ready .vantage-list li { -webkit-animation: pivotTopIn 0.6s ease-out 0.6s; animation: pivotTopIn 0.6s ease-out 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.part-ready .vantage-list li:nth-child(2) { -webkit-animation-delay: 0.8s; -animation-delay: 0.8s; }
.part-ready .vantage-list li:nth-child(3) { -webkit-animation-delay: 1s; -animation-delay: 1s; }
.part-ready .vantage-list li:nth-child(4) { -webkit-animation-delay: 1.2s; -animation-delay: 1.2s; }
.part-ready .vantage-list li:nth-child(5) { -webkit-animation-delay: 1.4s; -animation-delay: 1.4s; }
.part-ready .vantage-panle { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); opacity: 1; -webkit-transition: all 0.35s ease-out 2s; transition: all 0.35s ease-out 2s; }
.vantage-active { height: 100%; }

.vantage-1.vantage-active .i-1, .vantage-4.vantage-active .i-1, .vantage-5.vantage-active .i-1{ webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; }
.vantage-1.vantage-active .i-2{ opacity: 1; -webkit-transition: all 0.35s ease-out 0.8s; transition: all 0.35s ease-out 0.8s;}

.vantage-1.vantage-active .i-3 { height: 298px; -webkit-transition: all 0.35s ease-out 1.1s; transition: all 0.35s ease-out 1.1s; }
.vantage-1.vantage-active .i-4, .vantage-1.vantage-active .i-5, .vantage-1.vantage-active .i-6, .vantage-2.vantage-active .i-2, .vantage-3.vantage-active .i-3, .vantage-3.vantage-active .i-4, .vantage-3.vantage-active .i-5, .vantage-4.vantage-active .i-2, .vantage-4.vantage-active .i-5, .vantage-4.vantage-active .i-6, .vantage-5.vantage-active .i-2, .vantage-5.vantage-active .i-3, .vantage-5.vantage-active .i-4, .vantage-2.vantage-active .item { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); opacity: 1; -webkit-transition: all 0.35s ease-out 0.2s; transition: all 0.35s ease-out 0.2s; }
.vantage-4.vantage-active .i-3, .vantage-4.vantage-active .i-4 { -webkit-transform: scale(1); transform: scale(1); opacity: 1; -webkit-transition: all 0.35s ease-out 0.2s; transition: all 0.35s ease-out 0.2s; }


.vantage-2.vantage-active .i-3, .vantage-2.vantage-active .i-4 { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
.vantage-2.vantage-active .i-5, .vantage-2.vantage-active .i-6 { -webkit-transition-delay: 0.6s; transition-delay: 1s; }
.vantage-2.vantage-active .i-7, .vantage-2.vantage-active .i-8 { -webkit-transition-delay: 0.6s; transition-delay: 1.4s; }
.vantage-2.vantage-active .i-9, .vantage-2.vantage-active .i-10 { -webkit-transition-delay: 0.6s; transition-delay: 1.8s; }
.vantage-2.vantage-active .i-11, .vantage-2.vantage-active .i-13 { -webkit-transition-delay: 0.6s; transition-delay: 2.2s; }
.vantage-2.vantage-active .i-12, .vantage-2.vantage-active .i-14 { -webkit-transition-delay: 0.6s; transition-delay: 2.6s; }

.vantage-3.vantage-active .i-4 { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.vantage-3.vantage-active .i-5 { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; }

.vantage-4.vantage-active .i-2 { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }

.vantage-4.vantage-active .i-3 { -webkit-transition-delay: 1.3s; transition-delay: 1.2s; }
.vantage-4.vantage-active .i-5 { -webkit-transition-delay: 0.9s; transition-delay: 1.6s; }
.vantage-4.vantage-active .i-4 { -webkit-transition-delay: 1.4s; transition-delay: 2s; }
.vantage-4.vantage-active .i-6 { -webkit-transition-delay: 1.9s; transition-delay: 2.4s; }

.vantage-5.vantage-active .i-2, .vantage-1.vantage-active .i-4 { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }
.vantage-5.vantage-active .i-3, .vantage-1.vantage-active .i-5 { -webkit-transition-delay: 1.8s; transition-delay: 1.8s; }
.vantage-5.vantage-active .i-4, .vantage-1.vantage-active .i-6 { -webkit-transition-delay: 2.8s; transition-delay: 2.8s; }

.vantage-5.vantage-active .i-5 img, .vantage-1.vantage-active .i-2 img { opacity: 1; -webkit-transition: all 0.35s ease-out 0.8s; transition: all 0.35s ease-out 0.8s; }
.vantage-5.vantage-active .i-5 img:nth-child(2), .vantage-1.vantage-active .i-2 img:nth-child(2) { -webkit-transition-delay: 1.8s; transition-delay: 1.8s; }
.vantage-5.vantage-active .i-5 img:nth-child(3), .vantage-1.vantage-active .i-2 img:nth-child(3) { -webkit-transition-delay: 2.8s; transition-delay: 2.8s; }
.vantage-5.vantage-active .i-5 img.i-active, .vantage-1.vantage-active .i-2 img.i-active { -webkit-transition-delay: 0s; transition-delay: 0s; opacity: 1; z-index: 1; }

.vantage-active .car {  -webkit-transition: all 0.35s ease-out 0.8s; transition: all 20s ease-out 0.8s; -webkit-transform: rotate(-190deg); transform: rotate(-190deg);}

/* part-2 */
.part-2 { background: url(../images/2/bg.jpg) no-repeat center 0;}
.part-2 .inner { height: 970px }
.part-2 .title { text-align: center; padding-top: 60px; position: relative; z-index: 10; }
.part-2 .show { float: left; margin-left: 15px; margin-top: 55px; display: inline; }
.record { width: 420px; height: 461px; color: #fff; text-align: center; font-size: 14px; float: right; margin-top: 85px; margin-right: 40px; display: inline; opacity: 0; }
.doc-ready .record{ background: url(../images/2/record.png) no-repeat;}
.record span { float: left; text-overflow: ellipsis; line-height: 38px; height: 38px; white-space: nowrap; }
.record .hd { font-size: 16px; font-weight: bold; padding-top: 82px }
.record .bd { clear: both; padding-top: 11px }
.record ul { overflow: hidden; height: 185px; }
.record li { float: left; }
.record .date { width: 50px; padding-left: 50px; }
.record .mobile { width: 100px; padding-left: 28px; }
.record .goods { width: 120px; padding-left: 30px; overflow:hidden}
.record .tips { clear: both; padding-top: 21px }
.part-2 .more, .part-5 .more, .part-6 .more { position: absolute; left: 50%; margin-left: -80px; bottom: 42px; width: 160px; height: 36px; line-height: 36px; text-align: center; font-size: 14px; background-color: #c2c2c2; border-radius: 3px; opacity: 0; display: none; }
.part-2 .more:hover{ color: #fff; background-color: #FFA701}

/* .steward-wrap { padding-left: 150px; } */
.steward-wrap li { float: left; width: 182px; height: 102px; position: relative; padding-left: 120px; cursor: pointer; padding-top: 70px; }
.steward-wrap li .person { position: absolute; z-index: 1; top: 70px; left: 0; }
.steward-wrap li p { position: relative; z-index: 2; color: #fff; line-height: 22px; font-size: 14px; }
.steward-wrap li .name { color: #ffa701; font-size: 16px; padding-top: 19px; }
.steward-popup { position: absolute; z-index: 3; bottom: 147px; width: 650px; height: 0; padding: 0 626px 0 626px; background: rgba(0,0,0,0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#dd000000,endColorstr=#dd000000); border-bottom: 2; overflow: hidden; opacity: 0;  }
.steward-wrap li:hover .steward-popup { z-index: 5;height: 755px; opacity: 1; border-bottom: solid 2px #ffa701; }
.steward-wrap .triangle { position: absolute; top: 25px; height: 0; font-size: 0; border-style: solid; border-width: 15px 15px 0 15px; border-color: #ffa701 transparent; display: none; left: 120px; }
.steward-wrap li:hover .triangle { display:block; }
/*.steward-popup { position: absolute; z-index: 3; bottom: 147px; width: 650px; height: 0; padding: 0 626px 0 626px; background: rgba(0,0,0,0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#dd000000,endColorstr=#dd000000); border-bottom: 0; overflow: hidden; opacity: 0;  }
.steward-wrap li:hover .steward-popup { z-index: 5; transition: all ease-out 0.3s; height: 755px; opacity: 1; border-bottom: solid 2px #ffa701; }
.steward-wrap .triangle { position: absolute; top: 25px; height: 0; font-size: 0; border-style: solid; border-width: 0px 15px 0 15px; border-color: #ffa701 transparent; opacity: 0; -webkit-transition: all 0.5s ease-out 0.2s; transition: all 0.5s ease-out 0.2s; }
.steward-wrap li:hover .triangle {  border-width: 15px 15px 0 15px; opacity: 1; -webkit-transition: all 0.5s ease-out 0.2s; transition: all 0.2s ease-out 0.5s; }
.steward-wrap .steward1 .triangle { left: 500px; }
.steward-wrap .steward2 .triangle { left: 790px; }
.steward-wrap .steward3 .triangle { left: 1080px; }
.steward-wrap .steward4 .triangle { left: 1374px; }*/

.steward-wrap .content { padding-top: 225px; overflow: hidden; width: 650px; height: 480px; position: relative; }
.steward-popup .pic { float: left; width: 301px; height: 443px; padding-top: 225px; }
.steward-popup .intro { text-align: center; float: left; padding-top: 235px; width: 320px; margin-left: 29px; }
.steward-popup h4 { color: #ffa701; font-size: 14px; padding-bottom: 10px; line-height: 24px; }
.steward-popup h2.name { font-size: 40px; padding-top: 10px; font-weight: bold; }
.steward-popup .xian { display: block; width: 50px; height: 1px; background: #ffa701; margin: 10px auto; }
.steward-popup .text { width: 320px; padding: 26px 0; color: #fff; line-height: 20px; background: rgba(255,255,255,0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#55ffffff,endColorstr=#55ffffff); }
.steward1 .steward-popup .text { padding: 36px 0; }
.steward1 .steward-popup { left: -344px; }
.steward2 .steward-popup { left: -646px; }
.steward3 .steward-popup { left: -948px; }
.steward4 .steward-popup { left: -1250px; }

.part .steward-wrap { -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0; -webkit-transition: all 0.5s ease-out 0.2s; transition: all 0.5s ease-out 0.2s; }
.part-ready .steward-wrap { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1 }

/* ready */
.record { -webkit-transform: translateX(200px); transform: translateX(200px); opacity: 0; -webkit-transition: all 0.5s ease-out 0.2s; transition: all 0.5s ease-out 0.2s; }
.part-2 .show { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -webkit-transition: all 0.5s ease-out 0.6s; transition: all 0.5s ease-out 0.6s; }
.part-ready .show { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); }
.part-ready .record { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
.part .more { -webkit-transition: opacity 0.5s linear 2s; transition: opacity 0.5s linear 2s; }
.part-ready .more { opacity: 1; }

/* part-3 */
.part-3 { background: url(../images/3/bg.jpg) no-repeat center 0; }
.part-3 .inner { height: 776px }
.part-3 .title { text-align: center; padding-top: 60px }
.part-3 .bd { margin-top: 60px; padding-left: 32px }
.part-3 li { width: 219px; height: 219px; overflow: hidden; position: relative; margin-right: 12px; margin-bottom: 12px; display: inline; float: left; background-color: #000; }
.part-3 .item-cate { background-color: #fff; }
.part-3 .item-cate .cont { padding: 35px 0 0 30px; border-top: 4px solid #ffa701; }
.part-3 .item-cate .cont a { width: 68px; height: 26px; line-height: 26px; float: left; border: 1px solid #e6e6e6; margin-right: 16px; margin-bottom: 12px; font-size: 16px; text-align: center; }
.part-3 .item-cate .cont a:hover, .part-3 .item-cate .cont a.active { background-color: #ffa701; border-color: #ffa701; color: #fff; }
.part-3 .item-list { -webkit-transform: translateX(300px); transform: translateX(300px); opacity: 0; -webkit-transition: all 0.35s linear; transition: all 0.35s linear; }
.part-3 li img { width: 100%; opacity: 0.5; filter: alpha(opacity=50); -webkit-transition: all 0.25s linear; transition: all 0.25s linear; }
.part-3 .item-list:hover img { opacity: 1; filter: alpha(opacity=100); }
.part-3 li .name { position: absolute; right: 8px; bottom: 0; font-size: 30px; padding-left: 26px; background: url(../images/ico-arrow.png) no-repeat 0 center; color: #fff; }
.part-3 .item-0 { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }
.part-3 .item-1 { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; }
.part-3 .item-2 { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.part-3 .item-3 { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }
.part-3 .item-4 { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.part-3 .item-5 { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.part-3 .item-6 { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.part-3 .item-7 { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
.part-3 .item-8 { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.part-3 .item-9 { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.part-3 .ready2 .item-0 { -webkit-transition-delay: 1.7s; transition-delay: 1.7s; }
.part-3 .ready2 .item-1 { -webkit-transition-delay: 1.9s; transition-delay: 1.9s; }
.part-3 .ready2 .item-2 { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; }
.part-3 .ready2 .item-3 { -webkit-transition-delay: 1.8s; transition-delay: 1.8s; }
.part-3 .ready2 .item-4 { -webkit-transition-delay: 1.4s; transition-delay: 1.4s; }
.part-3 .ready2 .item-5 { -webkit-transition-delay: 1.1s; transition-delay: 1.1s; }
.part-3 .ready2 .item-6 { -webkit-transition-delay: 1.3s; transition-delay: 1.3s; }
.part-3 .ready2 .item-7 { -webkit-transition-delay: 1.6s; transition-delay: 1.6s; }
.part-3 .ready2 .item-8 { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; }
.part-3 .ready2 .item-9 { -webkit-transition-delay: 1.1s; transition-delay: 1.1s; }

/* ready */
.part-ready .ready2 .item-list, .part-3 .ready .item-list { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
.part-3 .item-cate { opacity: 0; -webkit-transition: opacity 0.5s linear 0.6s; transition: opacity 0.5s linear 0.6s; }
.part-ready .item-cate { opacity: 1; }

/* part-4 */
.part-4 .inner { height: 776px }
.part-4 .title { text-align: center; padding-top: 60px }
.part-4 .info { font-size: 16px; line-height: 26px; color: #333; text-align: center; width: 880px; margin: 25px auto 0 }
.process-tab { margin-top: 100px }
.process-tab .trigger { width: 590px; float: left; }
.process-tab .trigger .item { height: 68px; text-align: right; position: relative; padding-right: 158px; margin-bottom: 63px }
.process-tab .trigger .ico { position: absolute; right: 0; top: 0; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; }
.process-tab .trigger p { line-height: 26px; font-size: 16px; padding-top: 5px }
.process-tab .trigger span { font-size: 22px; }
.process-tab .trigger .item-1 span { color: #ffa800 }
.process-tab .trigger .item-2 span { color: #41bdf4 }
.process-tab .trigger .item-3 span { color: #84c100 }
.process-tab .trigger .active .ico { -webkit-transform: rotate(-33deg); transform: rotate(-33deg); }
.process-tab .panle-box { width: 554px; height: 371px; overflow: hidden; position: relative; background: url(../images/4/panle.png) no-repeat; float: left; }
.process-tab .panle { width: 457px; height: 325px; overflow: hidden; position: relative; margin-top: 22px; margin-left: 47px }
.process-tab .panle ul { width: 10000px; height: 325px; position: absolute; left: 0; top: 0 }
.process-tab .panle li { width: 457px; height: 325px; float: left; }

/* ready */
.part .info { opacity: 0; -webkit-transition: opacity 0.5s linear 0.6s; transition: opacity 0.5s linear 0.6s; }
.part-ready .info { opacity: 1; }
.process-tab .panle-box { -webkit-transform: translateX(200px); transform: translateX(200px); opacity: 0; -webkit-transition: all 0.5s ease-out 1s; transition: all 0.5s ease-out 1s; }
.part-ready .process-tab .panle-box { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1 }
.process-tab .trigger .item { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; -webkit-transition: all 0.5s ease-out 1.5s; transition: all 0.5s ease-out 1.5s; }
.process-tab .trigger .item-2 { -webkit-transition-delay: 0.1s; transition-delay: 1.7s; }
.process-tab .trigger .item-3 { -webkit-transition-delay: 0.1s; transition-delay: 1.9s; }
.part-ready .process-tab .trigger .item { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1 }

/* part-5 */
.part-5 { background: url(../images/5/bg.jpg) no-repeat center 0; }
.part-5 .inner { height: 820px }
.part-5 .title { text-align: center; padding-top: 60px }
.part-5 .info { font-size: 16px; color: #753838; line-height: 26px; text-align: center; margin-top: 15px }
.part-5 .more { background: none; border: 1px solid #c38222; color: #753838; bottom: 53px }
.part-5 .line{ width: 0; overflow: hidden; position: absolute; left: 311px; top: 302px}
.excellence img, .truck img { position: absolute; }
.excellence .i-1 { left: 261px; top: 342px; }
.excellence .i-2 { left: 522px; top: 245px; }
.excellence .i-3 { left: 714px; top: 344px; }
.truck .i-1 { left: 327px; top: 528px; }
.truck .i-2 { left: 524px; top: 495px; }
.truck .i-3 { left: 476px; top: 520px; }

/* ready */
.excellence .i-2 { opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transition: all 0.35s ease-out 1s; transition: all 0.35s ease-out 1s; }
.part-ready .excellence .i-2 { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); }
.excellence .i-1, .excellence .i-3 { -webkit-transition-delay: 2s; transition-delay: 2s; }
.excellence .i-1, .excellence .i-3 { opacity: 0; -webkit-transition: all 0.5s ease-out 1.5s; transition: all 0.5s ease-out 1.5s; }
.excellence .i-1 { -webkit-transform: translate(150px, -50px); transform: translate(150px, -50px); }
.excellence .i-3 { -webkit-transform: translate(-150px, -50px); transform: translate(-150px, -50px); }
.part-ready .excellence img { -webkit-transform: translate(0px); transform: translate(0px); opacity: 1; }
.truck img { opacity: 0; -webkit-transition: all 0.35s ease-out 2s; transition: all 0.35s ease-out 2s; }
.truck .i-2 { -webkit-transform: translateY(-50px) scale(0.5); transform: translateY(-50px) scale(0.5); }
.truck .i-1 { -webkit-transform: translate(50px, -10px) scale(0.5); transform: translate(50px, -10px) scale(0.5); }
.truck .i-3 { -webkit-transform: translate(-50px, -10px) scale(0.5); transform: translate(-50px, -10px) scale(0.5); }
.part-ready .truck img { -webkit-transform: translate(0px) scale(1); transform: translate(0px) scale(1); opacity: 1; }
.part-ready.part-5 .line{ width:596px; -webkit-transition: width 0.35s ease-out 1s; transition: width 0.5s ease-out 2s; }

/* part-6 */
.part-6 { overflow: hidden; height: 850px; position: relative; }
.part-6 .title { text-align: center; padding-top: 60px }
.part-6 .info { font-size: 16px; line-height: 26px; color: #333; text-align: center; width: 545px; margin: 10px auto 0 }
.part-6 .more { background-color: #ffc602; color: #854646 }
.photo-list { width: 100%; height: 464px; overflow: hidden; position: relative; margin-top: 45px }
.photo-list ul { width: 1920px; position: absolute; left: 50%; margin-left: -960px; top: 0; }
.photo-list li { float: left; margin-right: 10px; }
.photo-list li a { display: block; overflow: hidden; margin-bottom: 10px }
.photo-list li img { vertical-align: top; -webkit-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.photo-list li img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }
/*flow-pic*/
.flow-pic { background: #fefcf0; text-align: center; }
.flow-pic img { max-width: 100%; -webkit-transition: background-color 0.25s linear; transition: background-color 0.25s linear; opacity: 1; filter: alpha(opacity=100); }
.part-ready .flow-pic img { -webkit-animation: pivotTopIn 0.6s ease-out 0.6s; animation: pivotTopIn 0.6s ease-out 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

@media screen and (max-width:1800px) {
    .photo-list ul { width: 1220px; margin-left: -610px }
    .photo-list .rl { display: none; }
}

/* ready */
.photo-list li:nth-child(1) a, .photo-list li:nth-child(2) a, .photo-list li:nth-child(3) a:nth-child(1) { -webkit-transform: translateX(-150px); transform: translateX(-150px); opacity: 0; }
.photo-list li:nth-child(3) a:nth-child(2), .photo-list li:nth-child(4) a, .photo-list li:nth-child(5) a { -webkit-transform: translateX(150px); transform: translateX(150px); opacity: 0; }
.part-ready .photo-list li a { -webkit-transform: translate(0px, 0px) !important; transform: translate(0px, 0px) !important; opacity: 1 !important; -webkit-transition: all 0.35s ease-out 0.3s !important; transition: all 0.35s ease-out 0.3s !important; }
.part-ready .photo-list li:nth-child(2) a, .part-ready .photo-list li:nth-child(4) a { -webkit-transition-delay: 0.8s !important; transition-delay: 0.8s !important; }
.part-ready .photo-list li:nth-child(1) a, .part-ready .photo-list li:nth-child(5) a { -webkit-transition-delay: 1.3s !important; transition-delay: 1.3s !important; }

/* animate */

/* fallRightIn */
@-webkit-keyframes fallRightIn {
    0% { -webkit-transform: translate3d(100%, 0, 0) scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 10deg); transform: translate3d(100%, 0, 0) scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 10deg); opacity: 0 }
    100% { -webkit-transform: none; transform: none; opacity: 1 }
}
@keyframes fallRightIn {
    0% { -webkit-transform: translate3d(100%, 0, 0) scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 10deg); transform: translate3d(100%, 0, 0) scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 10deg); opacity: 0 }
    100% { -webkit-transform: none; transform: none; opacity: 1 }
}

/* circle */
@-webkit-keyframes circle {
    0% { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
    100% { -webkit-transform: rotate(-270deg); transform: rotate(-270deg); }
}
@keyframes circle {
    0% { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
    100% { -webkit-transform: rotate(-270deg); transform: rotate(-270deg); }
}

/* pivotTopIn */
@-webkit-keyframes pivotTopIn {
    0% { -webkit-transform: rotate3d(1, 0, 0, -90deg); transform: rotate3d(1, 0, 0, -90deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0 }
    100% { -webkit-transform: rotate3d(1, 0, 0, 0deg); transform: rotate3d(1, 0, 0, 0deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1 }
}
@keyframes pivotTopIn {
    0% { -webkit-transform: rotate3d(1, 0, 0, -90deg); transform: rotate3d(1, 0, 0, -90deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0 }
    100% { -webkit-transform: rotate3d(1, 0, 0, 0deg); transform: rotate3d(1, 0, 0, 0deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1 }
}

/* bounceInLeft */
@-webkit-keyframes bounceInLeft {
    from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  opacity: 1;}
    0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); }
    60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }
    75% { opacity: 1; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
    90% { opacity: 1; -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
    to { -webkit-transform: none; transform: none; }
}
@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  opacity: 1;}
    0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); }
    60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }
    75% { opacity: 1; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
    90% { opacity: 1; -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
    to { -webkit-transform: none; transform: none; }
}
.part-6{ height: 800px}
.steward_packup{ display: none!important;}
.steward_unfold{ position: static; left: 0; display: block!important;}
.su_close{ display: none;}
.su_pic{ padding-left: 25px}

.ui-tips{ background-color: rgba(0, 0, 0, 0.5); filter: alpha(opacity=50);}
.ui-tips .tips-arrow{ bottom: -7px; border-top-color: #000; opacity: 0.5; filter: alpha(opacity=50);}


.mobile-top{ line-height: 30px; display: none;}
.mobile-top a{ display: inline-block; padding: 0 2%}
@media screen and (max-width:640px) {
    .mobile-top{ display: block;}
    body{ min-width: 320px;}
    .inner{ width: 100%}
    .part .inner{ height: auto;}
    .part img{ height: auto; min-height: 1px}
    .topbar, .header, .nav, .footer, .footer-wrap { display: none;}
    .right-weiget{ display: none!important;}
    .issue-buyinfo{ display: none;}
    .zt-top{ height: 1px; padding-bottom: 42%;}
    .zt-top .img{ width: 100%; margin: 0; padding: 5% 0; position: absolute; left: 0; top: 0; text-align: center;}
    .zt-top .img img{ width: 60%;}
    .part-1 .title{ margin-top: 10%}
    .part .title img{ width: 90%}
    .vantage-list{ margin-top: 10%; height: auto;}
    .vantage-list li{ border-bottom: 1px solid #fff; height: auto; padding-bottom: 2%; width: 50%; box-sizing: border-box;}
    .vantage-list li .ico { margin-top: 20px; }
    .vantage-list .desc{ width: 96%; padding-left: 2%;}
    .vantage-panle{ display: none;}
    .doc-ready .part-2{ background-color: #2C2C2E; padding-bottom: 10%; }
    .part-2 .title{ padding-top: 10%}
    .part-2 .show{ float: none; display: block; width: 100%; text-align: center; margin-left: 0; margin-top: 10%}
    .part-2 .show img{ width: 90%;}
    .record{ float: none; display: block; margin: 10% auto 0; width: 90%; height: auto; padding-bottom: 30%}
    .doc-ready .record{ background-size: 100% auto; }
    .record .hd{ padding-top: 18%;}
    .record ul, .record .hd{ position: relative; padding-right: 10%}
    .record li{ width: 100%; display: inline-block; text-overflow: ellipsis; white-space: nowrap;  Word-break: normal; text-align: left; overflow: hidden;}
    .record li span{ float: none;}
    .record .bd{ padding-top: 10%}
    .record .tips{ padding-top: 10%}
    .record span{ padding-left: 10%!important; width: auto!important;}

    .bb-logo, .issue-buyinfo2 .tips{ display: none;}
    .doc-ready .issue-buyinfo2{ background-position: center 0; padding-bottom: 6px; height: auto; margin: 0 auto;}
    .issue-buyinfo2 .issue-box{ width: 320px; float: none; padding: 0; margin: 5px auto;}
    .issue-buyinfo2 .buy-content textarea{ width: 255px; line-height: 16px;}
    .issue-buyinfo2 .mobile, .issue-buyinfo2 .smscode{ width: 157px; height: 32px; line-height: 32px}
    .issue-buyinfo2 .service-phone{ background-position: 0 8px}
    .issue-buyinfo2 .service-phone{ padding-top: 4px;}
    .issue-buyinfo2 .smscode{ margin-right: 0}
    .issue-buyinfo2 .contact input{ height: 32px; line-height: 32px;}
    .issue-buyinfo2 .contact .mobile input{ width: 105px;}
    .issue-buyinfo2 .smscode input{ width: 35px;}
    .part-3 .inner{ overflow: hidden;}
    .part-3 .title, .part-6 .title{ padding-top: 10%}
    .part-3 .bd{ padding-left: 5%; padding-bottom: 2%; margin-top: 10%}
    .part-3 li{ width: 29%; height: auto; margin-right: 4%; margin-bottom: 4%;}
    .part-3 .item-list{ padding-bottom: 29%;}
    .part-3 .item-list a{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
    .part-3 li img { height: 100%; -webkit-transition: inherit; transition: inherit; }
    .part-3 li .name{ font-size: 16px;}
    .part-3 .item-cate{ display: block; width: 95%}
    .part-3 .item-cate .cont{ padding: 5% 0 3% 5%; }
    .part-3 .item-cate .cont a{ margin-right: 3%; margin-bottom: 3%}

    .doc-ready .part-3{ background-color: #FECA04}

    .part-4 .info{ width: auto; padding: 0 2%}

    .part-5 .info{ padding: 0 2%;}
    .issue-buyinfo2 .upload-file{ display: none;}
    .issue-buyinfo2 .btn{ float: none; display: block; clear: both; padding-top: 6px;}
    .issue-buyinfo2 .btn-submit{ width: 50%; margin: 0 auto;}


    .part-6{ height: auto; padding-bottom: 10%}
    .part-6 .info{ width: auto; padding: 0 2%}
    .photo-list{ margin-top: 10%; height: auto;}
    .photo-list ul{ position: static;; margin-left: 0; width: 100%;}
    .photo-list li{ display: none;}
    .photo-list li a{ margin-bottom: 4%}
    .photo-list li img{ width: 100%}
    .photo-list li:nth-child(2), .photo-list li:nth-child(3){ margin-right: 2%; display: block; width: 52.5%;}
    .photo-list li:nth-child(3){ margin-right: 0; width: 45.5%}
    .steward_packup, .steward_unfold{ display: none!important;}

    .process-tab{ margin-top: 3%}
    .process-tab .trigger{ width: 100%}
    .process-tab .trigger .item{ padding: 0 5%; height: auto; text-align: left; margin-bottom: 3%;}
    .part-ready .process-tab .panle-box, .process-tab .trigger .ico{ display: none;}
    .excellence{ padding-bottom: 68%; margin-top: 10%; background: url(../images/5/excellence.jpg) no-repeat center 0; background-size: 90% auto; height: 1px;}
    .excellence img, .part-5 .line, .truck{ display: none;}

    .steward-wrap { padding-left: 6%; }
    .steward-wrap li { float: inherit; margin: 0 auto; padding-top: 20px; }
    .steward-popup  { display: none; }
    .steward-wrap li:hover .triangle { display: none; }
    .steward-wrap li .person { top: 20px; }
    .part-2 { background: #2C2C2E; }
}
@media screen and (max-width:500px) {
    .record ul{ height: 150px;}
    .record .bd{ padding-top: 6%}
    .record .tips{ padding-top: 8%; font-size: 12px}
}

@media screen and (max-width:400px) {
    .record ul{ height: 100px;}
    .record .bd{ padding-top: 4%}
    .record .tips{ padding-top: 15%; font-size: 12px}
}

/* 采购管家 */
.cggj{padding-top: 20px;box-sizing:border-box;}
.fbcg{width: 728px;height: 508px;background-color: #fff; float: left; overflow: hidden;}
.fbcg-top{height: 54px;background-color: #f2f9ff;}
.fbcg-top img {width: 100%;}
.fbcg-top-img {float:left;background-color:#319df5;width: 20px;height: 20px;margin: 18px 10px 0 20px;}
.fbcg-top h2{color: #333;float: left;margin-top: 12px;font-size: 20px;}
.fbcg-3-itile {width: 100%;height: 36px;border-bottom: 1px solid #e6ebf2}
.fbcg-3-itile a {float: left;width: 33.33333333%;text-align: center;line-height: 36px;font-size: 18px;color: #000;}
.fbcg-3-itile .fbcg-click {color: #027cdf;}
.line-bottom {border-bottom: 3px solid #047cdf;}
.line-color {color:#027cdf}
.fbcg-main {margin-top: 4px;}
/* 微信询价 */
.weixinxj .weixinma{width: 180px;height: 180px;margin:54px auto 10px;}
.weixinxj .weixinma img{width: 100%;height: 100%;}
.weixinxj span ,.phone-order span{display: block;text-align: center;font-size: 16px;color: #000;}
.weixinxj .weixinzi {color: #999;margin-bottom: 10px;}

/* 电话下单 */

.phone-order .phone-order-img {width: 420px;margin: 16px auto 6px;}
.phone-order .phone-order-img img{width: 100%;height: 100%;}
.phone-order .su_txt2 {margin-left:140px;}
/* .phone-order .su_txt2 input {border:1px solid #e6ebf2;padding: 12px 4px;width: 100%;} */
.phone-order .su_txt2 input {border:1px solid #e6ebf2;height:30px;width: 100%;}
.phone-order .su_txt2 .su_ipt2 {position: relative;}
.phone-order .su_ipt2 a {position: absolute;top: 8px;right: 0;}
.phone-order .cg_btn { margin-left: 92px;}


/* 3分钟快速报价 */
.san-min {width: 100%;overflow-y: auto;height: 413px;font-size: 0;}
.san-min .san-min-main {padding: 20px 16px 0 16px;}
.san-min textarea {resize:none;}
/* .san-min-main div{float: left;} */
.san-min-img {width: 658px;margin-top: 12px;}
.san-min-img .san-min-photo {width: 134px;margin-left: 30px;display: inline-block;}
.san-min-img .san-min-img-span{font-size:14px;color: #333333;font-weight: 400;vertical-align: top;}
.san-min-main img{width: 100%;}
.san-min-main p {width: auto;margin-left: 74px;font-size: 12px;}
.san-min-main .upload-photo {border: 1px solid #027cdf;padding: 6px 20px;font-size: 16px;border-radius: 32px;color: #027cdf;display: block;margin-left: 72px;margin-top: 16px;width: 66px;}
.san-min-main textarea {width: 410px;}
.san-min .su_txt2 {margin-left:20px;}
/* .san-min .su_txt2 input {border:1px solid #e6ebf2;padding: 12px 4px;width: 100%;} */
.san-min .su_txt2 input {border:1px solid #e6ebf2;height:30px;width: 100%;}
.san-min .su_txt2 img {width:16px;height:18px;margin:12px 6px 0 0;}
.san-min .su_txt2 .su_ipt2 {position: relative;}
.san-min .su_ipt2 a {position: absolute;top: 8px;right: 0;}
.san-min .cg_btn { margin-left: 130px; width: 356px;height: 40px;line-height: 40px;}
.san-min .su_ipt1,.san-min .su_ipt2 {width: 264px;}
.san-min-main .text-area{width: 566px;height:58px;font-size: 16px;border-color: #E6E6E6;padding:10px;}
.san-min-add-box{
    padding: 10px 12px 0 12px;
}
.san-min-add-box .add-box-input{
    width: 80px;
    height: 30px;
    margin: 0;
    margin-right: 18px;
    border-color: #e6e6e6;
    padding-left: 10px;
    font-size: 12px;
    color: #333333;
    font-weight: 400;
}
.san-min input::-webkit-input-placeholder{
    color: #A1A1A1;
}
.san-min input:-moz-placeholder{
    color: #A1A1A1;
}
.san-min input::-moz-placeholder{
    color: #A1A1A1;
}
.san-min input:-ms-input-placeholde{
    color: #A1A1A1;
}
.san-min textarea::-webkit-input-placeholder{
    color: #A1A1A1;
}
.san-min-add-box .add-unit{
    width: 90px;
}
.san-min-add-box .add-box-button{
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
    line-height: 32px;
}
/* .san-min-add-box .add-box-button img{
    width:100%;
} */
.san-min-add-box .add-div{
    margin-bottom: 10px;
}
.san-min-add-box .add-select{
    width: 90px;
    height: 30px;
    display: inline-block;
    position: relative;
    border-color: #e6e6e6;
    margin-right: 14px;
}
.san-min-add-box .add-select-img,.san-min-place .add-select-img{
    position: absolute;
    right: 1px;
    top: 1px;
    pointer-events: none;

}
.san-min-add-box .add-input-div{
    display: inline-block;
    position: relative;
}
.san-min-add-box .lxlist{
    display: none;
    position: absolute;
    top:32px;
    left: 0;
    width:92px;
    background-color: #fff;
    z-index: 9;
}
.san-min-add-box .lxlist li{
    width: 120px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    background-color: #fff;
    text-align: left;
    padding-left: 10px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.san-min-add-box .lxlist li:hover{
    background-color: #027CDF;
    color: #fff;
}
.san-min-place {
    padding: 0 16px;
}
.san-min-place span{
    font-size: 14px;
    color: #333333;
    font-weight:400
}
.san-min-place .place-div{
    display: inline-block;
    margin-right: 21px;
    width: 126px;
    height: 30px;
    position: relative;
}
.san-min-place .place-input{
    width: 126px;
    height: 30px;
    border-color: #e6e6e6;
}
.text-area-span{
    font-size: 14px;
    color: #333333;
    font-weight:400;
    vertical-align: top;
    margin-right: 11px;
}
.add-box-input option,.place-input option{
    line-height: 30px;
}
/* 采购信息 */
.cggj .cgxx {width: 464px;height: 508px;background-color: #f5f5f5;float: right; }
.cgxx .cgxx_list {height: 454px;background-color: #f5f5f5;}
.cgxx .cgxx_list ul{overflow-y: scroll;height: 454px;background-color: #f5f5f5;}
.cgxx_list li{ background-color: #fff;margin:0 0 10px 18px;}
.cgxx_list-top{height: 38px;width: 100%;border-bottom: 1px solid #e6ebf2}
.cgxx_list-top img,.cgxx_list-top h4{float: left;}
.cgxx_list-top img {width: 26px;margin-left: 20px;margin-top: 6px;margin-right: 12px;}
.cgxx_list-top h4 {line-height: 38px;font-size: 16px;color: #333;}
.cgxx_list-top .cgxx_list-right{float: right;}
.cgxx_list-main {width: 386px;border-bottom: 1px dashed #e6ebf2;padding: 10px 0 10px 0px;margin-left: 26px;}
.cgxx_list-main p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:18px; color: #333;}
.cgxx_list-bottom {height: 60px;line-height: 60px;}
.cgxx_list-bottom span {float:left;margin-left: 30px;font-size: 16px;color: #ccc;}
.cgxx_list-bottom a {float: right;font-size: 14px;color: #027cdf;}
.cgxx_list-bottom .chakan {border: 1px solid #027cdf;padding: 6px 18px;line-height: 1;margin: 16px 20px 0 20px;border-radius: 4px;}
.cgxx_list-bottom .again {border: 1px solid #027cdf;padding: 6px 18px;line-height: 1;margin: 16px 20px 0 20px;border-radius: 4px; font-size:14px;float: right;background-color: #027cdf;color: #fff;}
.cgxx_list-bottom .delete {color: #ff8d6b;margin-right: 22px;}
.cgxx_list-bottom .treated {color: #999;}


/* 未登录 */
.weidenglu {float: right;width: 464px;height: 455px;}
.weidenglu .w-img {width: 190px;height: 173px;text-align: center;margin: 80px auto 0;}
.weidenglu .w-img img{width: 100%;}
.weidenglu .w-img p {font-size: 12px;margin: 20px 0;color: #A1A1A1;}
.weidenglu .cg_btn{margin: 89px 128px 0 128px;height: 36px;}

/* 弹框 */
.tankuang{position: fixed;top: 20%;left: 28%;width: 642px;height: 346px;z-index: 999;}
.tankuang .fbcg-top span{font-size: 18px;line-height: 52px;margin: 20px;}
.tankuang .tankang-bottom{background-color: #fff;padding: 20px 0}
.tankuang .tankuang-img {width: 196px;margin: 0 auto;}
.tankuang .tankuang-img img {width: 100%;}
.tankuang p{text-align: center;line-height: 20px;font-size: 18px;margin: 20px 0;}

.tankuang .guanbi {background-color: #fff;padding: 20px 40px;}
.tankuang .guanbi p {text-align: left;line-height: 20px;font-size: 18px;margin: 20px 0;}
.guanbi p img {width: 20px;margin-right: 8px;}
.guanbi p span {margin-left: 8px;color: #ff6633;}
.guanbi-bottom{height: 54px;background-color: #f7f8f8;line-height: 54px;}
.guanbi-bottom button {height: 32px;width: 68px;text-align: center; background-color:#fff;color: #7b7b7b;border: 1px solid #ccc;font-weight: 600;}
.guanbi-bottom .bottom-one{margin:0 42px 0 230px;}
.guanbi-bottom .button-color {background-color:#027cdf;color: #fff;}
.guanbi input {margin-right: 8px;}
.guanbi .guanbi-no {margin-left: 38px;}


/* 遮罩层 */
.zzc {width: 100%;height:100%;opacity: 0.5;background-color: #000;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 998;}

/* 验证码倒计时 */
.hq-yzm{position: absolute;top: 8px;right: 2px;height:24px !important;width:86px !important;padding:0 !important;border:none !important;background-color: #fff;color:#008adc;}