@charset "UTF-8";
/*basic css*/
@font-face { font-family: Didot Bold;src: url('../fonts/Didot Bold/Didot Bold.woff'), url('../fonts/Didot Bold/Didot Bold.ttf'), url('../fonts/Didot Bold/Didot Bold.eot');/* IE9 */}
@font-face { /* font-test*/ font-family: Avenir-Book;src: url('../fonts/Avenir-Book/Avenir-Book.woff'), url('../fonts/Avenir-Book/Avenir-Book.ttf'), url('../fonts/Avenir-Book/Avenir-Book.eot');/* IE9 */}
@font-face { font-family: AVGARDN;src: url('../fonts/AVGARDN/AVGARDN.woff'), url('../fonts/AVGARDN/AVGARDN.ttf'), url('../fonts/AVGARDN/AVGARDN.eot');/* IE9 */}
@font-face { font-family: Didot;src: url('../fonts/Didot/Didot.woff'), url('../fonts/Didot/Didot.ttf'), url('../fonts/Didot/Didot.eot');/* IE9 */}
/*@font-face {*/
/*    !* font-test*!*/
/*    font-family: DIN;*/
/*    src: url('../fonts/DIN/din.woff'), url('../fonts/DIN/din.ttf'), url('../fonts/DIN/din.eot'); !* IE9 *!*/
/*}*/
html,body,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,button { margin: 0;padding: 0;border: 0;}
body { font-size: 12px;font-family: "AVGARDN", "Microsoft YaHei", '微软雅黑', "Arial";background-color: #fff;}
input,textarea,button { padding: 0;font-family: "AVGARDN", "Microsoft YaHei", '微软雅黑', "Arial";}
input[type="button"],input[type="submit"],input[type="reset"] { -webkit-appearance: none;}
input { outline: none;-webkit-appearance: none;/*去除系统默认的样式*/ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);/* 点击高亮的颜色*/}
input:focus { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-user-modify: read-write-plaintext-only;}
.fix:after { clear: both;content: "";display: table;}
input:focus,textarea:focus { outline: none;}
textarea { -webkit-appearance: none;}
h1,h2,h3,h4,h5,h6 { font-weight: normal;}
a { cursor: pointer;}
ul,ol,li { list-style-type: none;}
.slick-slide:focus,input:focus,a:focus { outline: none !important;}
img { border: 0;vertical-align: middle;max-width: 100%;}
select,input,textarea,button {vertical-align: middle;outline: none;}
table { border-collapse: collapse;border-spacing: 0}
tr { margin: 0;padding: 0;}
td { margin: 0;padding: 0;}
iframe { border: none;}
select { appearance: none;-moz-appearance: none;-webkit-appearance: none;outline: none}
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { text-decoration: none;}
a:active { text-decoration: none;}
.hidden { display: none;visibility: hidden;}
.wrap { border: 0;padding: 0;width: 1150px;margin: 0 auto;*zoom: 1;}
.wrap:after { clear: both;content: "";display: table;}
.clear { clear: both;font-size: 0;line-height: 0;height: 0;visibility: hidden;}
.fix { *zoom: 1;}
.radius-wrap { width: 44px;height: 44px;top: 92vh;left: 50%;right: 50%;margin: 0 -22px;z-index: 1000;position: absolute;cursor: pointer;}
.radius { width: .44rem;height: .44rem;border: 1px solid #fff;border-radius: 50%;text-align: center;position: relative;overflow: hidden;}
a { display: inline-block;max-width: 100%;}
.ones { overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.twos { overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.clearfix:after,.clearfix:before { content: "";display: table}
.clearfix:after { clear: both}
.clearfix { zoom: 1}
.picture { position: relative;overflow: hidden;}
.picture img { transition: all .7s;-moz-transition: all .7s;-webkit-transition: all .7s;}
.each-item:hover .picture img { transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);zoom: 1.1 \9;}
input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset !important;}
input[type="button"],input[type="submit"],input[type="reset"] { -webkit-appearance: none;}
textarea { -webkit-appearance: none;}
.box { width: 92%;max-width: 1700px;margin: auto;}
input::placeholder { color: #222}
.footer input::placeholder { color: #999}
input::-webkit-input-placeholder { color: #222}
/*S index.html*/
main { padding-top: 150px;}
/*banner_index_list:首页轮播图*/
.banner_index_list {}
.banner_index_list .box { overflow: hidden;}
.banner_index_list li { position: relative;}
.banner_index_list .bg {}
.banner_index_list .content { position: absolute;width: 86%;top: 55%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.banner_index_list .lans_wrapper { width: 40%;text-align: center;color: #4f5e62;font-size: 18px;line-height: 1.7;}
.banner_index_list .lans_wrapper.left { float: left;}
.banner_index_list .lans_wrapper.right { float: right;width: 45%;}
.banner_index_list .lans_wrapper.text_white { color: #ffffff;}
.banner_index_list .content .tit { font-family: Didot Bold;font-size: 34px;color: #000000;}
.banner_index_list .lans_wrapper.text_white .tit { color: #ffffff;}
.banner_index_list .content .con { padding: 30px 0;width: 88%;margin: auto;}
.banner_index_list .lans_wrapper.right .con { width: 80%;}
.banner_index_list .content .go_btn { text-decoration: underline;color: #4f5e62;}
.banner_index_list .content .go_btn:hover { color: #ec1b02;}
.banner_index_list .lans_wrapper.text_white .go_btn { color: #ffffff;}
.slick-arrow { background: url("../images/icon_next.png");width: 45px;height: 60px;opacity: .2;transition: all .5s;-webkit-transition: all .5s;position: absolute;top: calc(50% - 30px);z-index: 10;cursor: pointer;}
.selling_item .slick-arrow { background: url("../images/prev_icon.png") #ffffff center center no-repeat;opacity: 1;transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.selling_item .slick-arrow.prev { transform: rotate(0deg);-webkit-transform: rotate(0deg);}
.slick-arrow.prev { left: -45px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.slick-arrow.next { right: -45px;}
.selling_item { overflow: hidden;}
.selling_item:hover .slick-arrow.prev { left: 0;}
.selling_item:hover .slick-arrow.next { right: 0;}
.banner_index_list .box:hover .slick-arrow.prev { left: 0;}
.banner_index_list .box:hover .slick-arrow.next { right: 0;}
.banner_index_list .slick-arrow:hover { opacity: 1;}
.slick-dots { position: absolute;width: 100%;left: 0;bottom: 20px;text-align: center;}
.banner_index_list .slick-dots li { width: 14px;height: 14px;background: #ffffff;opacity: .5;border-radius: 50%;display: inline-block;margin: 0 8px;transition: all .4s;-webkit-transition: all .4s;}
.banner_index_list .slick-dots li.slick-active { opacity: 1;}
.slick-dots button { display: none;}
.other_list_index { padding-top: 30px;}
.other_list_index li { margin-bottom: 30px;}
.about_list_index { padding: 20px 0;}
.about_list_index li { width: 31%;float: left;font-size: 18px;font-family: Avenir-Book;text-transform: uppercase;text-align: center;font-weight: bold;}
.about_list_index a { display: block;color: #222222;padding: 25px 0;transition: all .3s;-webkit-transition: all .3s;}
.about_list_index li:nth-child(3n - 1) { margin: 0 3.5%;}
.about_list_index a:hover { color: #ec1b02;text-decoration: underline;}
@media screen and (max-width: 1600px) {
    .banner_index_list .content .tit {font-size: 30px;}
    .banner_index_list .lans_wrapper {font-size: 16px;}
    .other_list_index li {margin-bottom: 25px;}
    .other_list_index {padding-top: 25px;}
    .about_list_index li {width: 32%;font-size: 16px;}
    .about_list_index li:nth-child(3n-1) {margin: 0 2%;}
    .about_list_index {padding: 10px 0;}}
@media screen and (max-width: 1440px) {
    .banner_index_list .content .tit {font-size: 18px;}
    .banner_index_list .lans_wrapper {font-size: 15px;}
    .other_list_index li {margin-bottom: 20px;}
    .other_list_index {padding-top: 20px;}
    .about_list_index {padding: 5px 0;}}
@media screen and (max-width: 1024px) {
    .banner_index_list .lans_wrapper, .banner_index_list .lans_wrapper.right {width: 90%;text-align: center;float: none;margin: auto;}}
@media screen and (max-width: 980px) {
    .banner_index_list .content .con, .banner_index_list .lans_wrapper.right .con {padding: 10px 0;width: 100%;}
    .banner_index_list .bg {width: 100%;overflow: hidden;margin-top: 10px;}
    .banner_index_list .bg img {/* max-width: 400%; *//* width: 200%; *//* margin-left: -50%; */ }
    .banner_index_list .lans_wrapper.left {/* text-align: left; */float: none;}
    .banner_index_list .slick-dots li {width: 8px;height: 8px;margin: 0 3px;}
    .banner_index_list .slick-arrow {width: 22.5px;height: 30px;top: calc(50% - 15px);background-size: 100% 100%;}
    .banner_index_list .slick-arrow.prev {left: 0;}
    .banner_index_list .slick-arrow.next {right: 0;}
    .about_list_index a {padding: 18px 0;font-size: 14px;}}
@media screen and (max-width: 600px) {
    .banner_index_list .content .con {display: none;}
    .banner_index_list .bg img {/* max-width: 400%; *//* width: 320%; *//* margin-left: -100%; */ }
    .banner_index_list .content {width: 90%;top: 10%;-webkit-transform: translate(-50%, 0%);transform: translate(-50%, 0%);}
    .banner_index_list .lans_wrapper.left, .banner_index_list .lans_wrapper.right {/* width: 50%; */ }
    .other_list_index .lans_wrapper.left, .other_list_index .lans_wrapper.right {text-align: center;width: 90%;float: none;margin: auto;}
    .banner_index_list .bg img {/* width: 150%; *//* margin-left: -25%; */ }
    .other_list_index li {margin-bottom: 0;}
    .other_list_index {padding-top: 0;}
    .banner_index_list .content .go_btn {margin-top: 10px;}
    .about_list_index a {padding: 10px 0;font-size: 12px;}}
/*E index.html*/
/*S login.html*/
.login_container { padding: 105px 0;}
.login_container .box { max-width: 1400px;}
.login_container .tit { font-size: 40px;color: #222222;font-family: Didot Bold;margin-bottom: 30px;}
.login_container .left { padding: 20px 100px 30px;width: 50%;box-sizing: border-box;float: left;}
.login_container .input_wrapper { border: 1px solid #7d7d7d;box-sizing: border-box;line-height: 60px;font-size: 16px;padding: 0 25px;color: #222222;margin: 10px 0;}
.login_container .input_wrapper input { line-height: 60px;border: 0;width: calc(100% - 100px);}
.login_container .left .forgot { font-size: 16px;text-align: right;margin: 20px 0;}
.login_container .left .forgot a { color: #666666;text-decoration: underline;}
.login_container .left .forgot a:hover { color: #ec1b02;}
.login_container .left .submit { border: 0;width: 100%;line-height: 60px;height: 60px;background: #000000;color: #ffffff;text-align: center;font-size: 18px;}
.login_container .left .contact { text-align: center;font-size: 16px;display: block;margin-top: 30px;}
.login_container .left .contact a { color: #666666;text-decoration: underline;}
.login_container .left .contact a:hover { color: #ec1b02;}
.login_container .right { padding: 20px 100px 30px;width: 50%;box-sizing: border-box;float: left;border-left: 1px solid #dcdcdc;}
.login_container .right .editor { font-size: 16px;line-height: 2.2;color: #222222;margin-top: -5px;margin-bottom: 28px;}
.login_container .right .toReg { width: 100%;line-height: 60px;height: 60px;border: 1px solid #000000;background: transparent;color: #000000;text-align: center;font-size: 18px;transition: all .4s;-webkit-transition: all .4s;}
.login_container .right .toReg:hover { background: #000000;color: #ffffff;}
@media screen and (max-width: 1440px) {
    .login_container .left, .login_container .right {padding: 10px 80px 20px;}
    .login_container .tit {font-size: 36px;}
    .login_container .right .editor {font-size: 14px;}
    .login_container .input_wrapper {line-height: 50px;font-size: 14px;padding: 0 20px;}
    .login_container .input_wrapper input {line-height: 50px;}}
@media screen and (max-width: 1366px) {
    .login_container .left, .login_container .right {padding: 10px 70px 20px;}}
@media screen and (max-width: 1024px) {
    .login_container .left, .login_container .right {padding: 10px 0;width: 90%;border: 0;float: none;margin: auto;}
    .login_container .right {margin-top: 60px;}
    .login_container .tit {font-size: 28px;margin-bottom: 15px;}
    .login_container .left .submit, .login_container .right .toReg {line-height: 50px;height: 50px;font-size: 16px;}
    .login_container .input_wrapper input {line-height: 45px;font-size: 13px;}
    .login_container .input_wrapper {line-height: 45px;font-size: 13px;padding: 0 10px;}
    .login_container .left .forgot, .login_container .left .contact {font-size: 13px;}
    .login_container {padding: 30px 0;}}
.editor ul,.editor li { list-style-type: disc;}
.editor ul { padding-left: 20px;}
.editor ol { list-style-type: decimal;}
/*E login.html*/
/*S reg.html*/
.reg_conatiner .tit { text-align: center;}
.reg_conatiner .box { max-width: 860px;}
.reg_list li { color: #222222;font-size: 16px;display: inline-block;width: calc(50% - 33px);vertical-align: top;margin-bottom: 20px;vertical-align: top;}
.reg_list .title { margin-bottom: 5px;}
.reg_list li:nth-child(2n) { margin-left: 60px;}
.reg_conatiner .checkout {color: #666666;cursor: pointer;font-size: 14px;}
.reg_conatiner .checkout input {border: 1px solid #dcdcdc;width: 20px;height: 20px;border-radius: 5px;display: inline-block;margin-right: 10px;color: #ffffff;position: relative;cursor: pointer;}
.reg_conatiner .checkout input:after {content: '√';position: absolute;top: 0;left: 0;line-height: 20px;color: #fff;width: 20px;text-align: center;z-index: 5;}
.reg_conatiner .checkout.on input:after { color: #222222;}
.reg_conatiner .checkout a { color: #666666;}
.reg_conatiner .checkout a:hover { color: #ec1b02;text-decoration: underline;}
.reg_conatiner .submit { border: 0;width: 100%;line-height: 60px;height: 60px;background: #000000;color: #ffffff;text-align: center;font-size: 18px;margin-top: 32px;}
.input_wrapper .number { width: 55px;border-right: 1px solid #7d7d7d;display: inline-block;box-sizing: border-box;}
.account_container .input_wrapper .number+input { width: calc(100% - 80px);}
@media screen and (max-width: 1024px) {
    .reg_conatiner .submit {line-height: 50px;height: 50px;font-size: 16px;}
    .reg_list li {width: calc(50% - 23px);margin-bottom: 15px;font-size: 14px;}
    .reg_list li:nth-child(2n) {margin-left: 40px;}
    .reg_list {padding: 30px 0;}
    .login_container .input_wrapper .number {padding-left: 8px;}}
@media screen and (max-width: 600px) {
    .reg_list {padding: 30px 0;}
    .reg_list li:nth-child(2n), .reg_list li {width: 100%;margin-left: 0;}
    .reg_conatiner .box {width: 90%;margin: auto;}
    .reg_list {padding: 20px 0 0;}}
/*E reg.html*/
.forgot_pwd .tit { text-align: center;}
.forgot_pwd .reg_list1 li:nth-child(2n),.forgot_pwd .reg_list1 li { width: 100%;margin-left: 0;}
.forgot_pwd .box { max-width: 600px;}
/*S forgot_pwd.html*/
.login_container .get_code { border: 0;padding: 0;}
.login_container .get_code input.text { border: 1px solid #7d7d7d;width: 66.5%;box-sizing: border-box;}
.login_container .get_code input.button { background: #000000;color: #ffffff;font-size: 16px;width: 30%;float: right;}
.forgot_pwd .submit { border: 0;width: 100%;line-height: 60px;height: 60px;background: #000000;color: #ffffff;text-align: center;font-size: 18px;}
@media screen and (max-width: 1024px) {
    .forgot_pwd .submit {line-height: 50px;height: 50px;font-size: 16px;}
    .login_container .get_code input.button {font-size: 14px;}}
/*E forgot_pwd.html*/
/*S accout.html*/
.account_container { padding: 65px 0;}
.account_container .box { max-width: 1400px;}
.account_container .left { width: 23%;background: #ffffff;padding: 45px;font-size: 16px;line-height: 60px;float: left;box-sizing: border-box;}
.account_container .left li { padding-bottom: 30px;}
.account_container .left li:nth-child(1) .tit { font-family: Didot;font-size: 26px;}
.account_container .left .to_href { color: #000000;display: block;border-bottom: 1px solid #eeeeee;}
.account_container .left .to_href img { margin-right: 15px;}
.account_container .left .sign_out { text-align: right;}
.account_container .left .sign_out a { color: #0d0c0b;text-decoration: underline;}
.account_container .left .iphone { font-size: 20px;line-height: 2;color: #222222;}
.account_container .left .tit { font-size: 22px;line-height: 1;color: #000000;padding-bottom: 22px;font-family: Didot Bold;}
.account_container .left .con { border-top: 1px solid #eeeeee;}
.account_container .left .tips { line-height: 24px;color: #999999;}
.account_container .left .con1 { padding-top: 20px;}
.account_container .left .message { border: 1px solid #000000;line-height: 60px;width: 100%;font-size: 16px;color: #000000;transition: all .5s;-webkit-transition: all .5s;text-align: center;}
.account_container .left .message:hover { background: #000000;color: #ffffff;}
.account_container .right { width: 72%;background: #ffffff;padding: 75px;box-sizing: border-box;float: right;font-size: 16px;line-height: 24px;}
.account_container .right .tit { font-size: 30px;color: #000000;font-family: Didot;padding: 0px 0 30px;}
.account_container .right .Personal_information {}
.account_container .right .edit_icon { color: #000000;position: absolute;}
.account_container .right .edit_icon img { margin-right: 10px;}
.account_container .right .Personal_information_wapper { border: 1px solid #e5e5e5;padding: 25px 40px;box-sizing: border-box;position: relative;}
.account_container .right .Personal_information_wapper .edit_icon { top: 25px;right: 40px;}
.account_container .right .list {}
.account_container .right .list li { padding: 10px 0;}
.account_container .right .list .placeholder { color: #666666;}
.account_container .right .list .mess { color: #000000;}
.account_container .right .Shipping_Address { margin-top: 45px;}
.account_container .address_list {}
.account_container .address_list li { border: 1px solid #e5e5e5;padding: 40px 40px 50px 40px;box-sizing: border-box;position: relative;width: calc(50% - 33px);margin-bottom: 30px;display: inline-block;vertical-align: top;}
.account_container .address_list li:nth-child(2n) { margin-left: 60px;}
.account_container .address_list .top {}
.account_container .address_list .name { float: left;}
.account_container .address_list .number { float: right;}
.account_container .address_list .content { border-top: 1px solid #e5e5e5;margin-top: 25px;padding-top: 25px;}
.account_container .address_list .edit_icon { right: 35px;bottom: 15px;}
.account_container .address_list .del_icon  { right: 100px;bottom: 14px;}
.account_container .right .del_icon {
    color: #000000;
    position: absolute;
}

.account_container .Shipping_Address .add { color: #000000;text-decoration: underline;}
.account_container .Shipping_Address .add:hover { color: #ec1b02;}
.account_container .input_wrapper { border: 1px solid #7d7d7d;box-sizing: border-box;line-height: 60px;font-size: 16px;padding: 0 25px;color: #222222;margin: 10px 0;position: relative;max-height: 60px;}
.account_container .input_wrapper input { line-height: 55px;border: 0;width: 100%;overflow: hidden;}
.account_container .input_wrapper select { line-height: 48px;border: 0;width: 100%;overflow: hidden;    color: #222222;}
.account_container .reg_list1 { max-width: 400px;margin-top: 40px;}
.account_container .reg_list1 li,.account_container .reg_list1 li:nth-child(2n) { margin-left: 0;width: 100%;}
.account_container .reg_list1 .yan { position: absolute;top: 0;right: 20px;z-index: 2;}
.account_container .reg_list1 .yan:after { content: '';width: 20px;height: 1px;background: #000000;transform: rotate(0deg);display: block;position: absolute;top: 50%;left: 0;opacity: 0;transition: all .5s;-webkit-transition: all .5s;}
.account_container .reg_list1 .yan.hide:after { transform: rotate(45deg);opacity: 1;}
.account_container .reg_list .submit { width: 45%;line-height: 60px;background: #000000;border: 0;font-size: 22px;color: #ffffff;text-align: center;float: left;}
.account_container .reg_list1 li:last-child { margin-top: 40px;}
.account_container .reg_list .cancel { width: 45%; line-height: 60px;border: 1px solid #000000;font-size: 22px;color: #000000;text-align: center;float: right;}


.account_container .reg_list2 { margin-top: 30px;}
.account_container .reg_list3 { margin-top: 0;}
.account_container .reg_list3 li.li { width: 100%;margin-bottom: 40px;}
.account_container .accouts .change_Password_wapper1 { padding-top: 35px;}
.account_container .accouts .tit1 { border-bottom: 1px solid #000000;font-size: 20px;line-height: 2;font-family: Didot;padding: 10px 0;}
.radio_list { font-size: 16px;line-height: 20px;color: #222222;}
.radio_list dd { width: 30%;max-width: 140px;cursor: pointer;display: inline-block;}
.radio_list i { width: 20px;height: 20px;margin: 0;border-radius: 50%;border: 1px solid #222222;margin-right: 10px;vertical-align: top;position: relative;display: inline-block;}
.radio_list dd.on i:after { content: '';width: 10px;height: 10px;background: #222222;border-radius: 50%;position: absolute;top: 5px;left: 5px;}
.reg_list4 { margin-top: 35px;}
.reg_list3 li:nth-child(2n) { margin-left: 0 !important;}
.dept_selects { position: relative;}
.dept_selects:before { content: '';width: 10px;height: 10px;border-top: 1px solid #222222;border-left: 1px solid #222222;display: inline-block;position: absolute;top: 30%;right: 20px;transform: rotate(-135deg);}
.dept_select { border: 0;width: 100%;}
@media screen and (max-width: 1440px) {
    .account_container .right {padding: 50px;font-size: 15px;line-height: 22px;}
    .account_container .left {padding: 30px;font-size: 15px;line-height: 50px;}
    .account_container .address_list li {padding: 30px 30px 50px 30px;}}
@media screen and (max-width: 1024px) {
    .account_container .accouts .change_Password_wapper1 {padding-top: 20px;}
    .account_container .accouts .tit1 {font-size: 15px;padding: 5px 0;}
    .account_container .reg_list, .reg_list4 {margin-top: 0;}
    .account_container .reg_list3 {padding: 0;margin-top: -10px;}
    .chosen-container-single .chosen-single {line-height: 48px !important;}
    .account_container .left, .account_container .right {width: 100%;float: none;margin-bottom: 30px;}
    .account_container .left li {padding-bottom: 0;}
    .account_container .left li:nth-child(2), .account_container .left li:nth-child(3) {display: none;}
    .account_container .left li:nth-child(1) .tit, .account_container .right .tit {font-size: 22px;padding-bottom: 10px;}
    .account_container .left {font-size: 13px;padding: 20px 20px 10px;position: relative;}
    .account_container .right {padding: 30px 20px;}
    .account_container .right .Personal_information_wapper {padding: 15px 20px;}
    .account_container .right .Personal_information_wapper .edit_icon {top: 15px;right: 20px;}
    .account_container .address_list li, .account_container .address_list li:nth-child(2n) {margin: 0 0 20px 0;padding: 15px 20px 50px;width: 100%;}
    .account_container .address_list .number, .account_container .address_list .name {float: none;}
    .account_container .address_list .top {line-height: 2;}
    .account_container .address_list .content {margin-top: 15px;padding-top: 15px;}
    .account_container .input_wrapper {line-height: 48px;font-size: 14px;padding: 0 20px;margin: 8px 0;max-height: 50px;}
    .account_container .input_wrapper input, .account_container .reg_list .cancel, .account_container .reg_list .submit {line-height: 45px;font-size: 16px;}
    .account_container .reg_list li:last-child {/* margin-top: 10px; */ }
    .account_container .left .sign_out a {position: absolute;top: 0;right: 20px;color: #ec1b02;}}
@media screen and (max-width: 600px) {
    .account_container {padding: 30px 0 25px 0;}}
/*E accout.html*/
/*S new.html*/
.neiye_container {}
.neiye_container .box { width: 74%;}
.neiye_container .neiye_tit { text-align: center;padding-top: 100px;padding-bottom: 50px;font-size: 40px;color: #000000;font-family: Didot Bold;position: relative;}
.pro_details.neiye_container .neiye_tit { font-family: Didot Bold;font-size: 34px;padding: 30px 0;}
.neiye_container .neiye_tit .return { font-size: 20px;color: #000000;position: absolute;top: 30%;left: 0;line-height: 25px;}
.neiye_container .neiye_tit .return img { margin-top: -5px;}
.neiye_container .new_list1 { /*padding-top: 50px;*/}
.new_list1 .news_list_wrapper {}
.news_list_wrapper li { width: calc(48.5% - 2px);display: inline-block;vertical-align: top;padding-bottom: 50px;}
.news_list_wrapper li:nth-child(2n) { margin-left: 3%;}
.news_list2 .news_list_wrapper li { width: calc(28.3% - 2px);}
.news_list2 .news_list_wrapper li:nth-child(2n) { margin-left: 0;}
.news_list2 .news_list_wrapper li:nth-child(3n-1) { margin-left: 7.5%;margin-right: 7.5%;}
.news_list_wrapper a { display: block;}
.news_list_wrapper .picture {}
.news_list_wrapper .data { color: #999999;font-size: 16px;line-height: 1;margin: 45px 0 10px;}
.news_list2 .news_list_wrapper .data { margin: 35px 0 10px;}
.news_list_wrapper .content { font-size: 20px;line-height: 1.5;height: 60px;color: #222222;transition: all .3s;-webkit-transition: all .3s;}
.news_list_wrapper a:hover .content { text-decoration: underline;color: #ec1b02;}
.pagetion { font-size: 22px;text-align: center;padding: 60px 0 100px;}
.pagetion a { color: #0d0c0b;margin: 0 10px;padding: 0 10px;display: inline-block;line-height: 1;height: 23px;box-sizing: border-box;vertical-align: top;}
.pagetion a.on,.pagetion a:hover { color: #ec1b02;}
.pagetion a.icon { width: 22px;background: url("../images/prev_icon.png");background-size: cover;/*margin-top: 5px;*/}
.pagetion a.icon.next { transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.pagetion a.icon:hover { background: url("../images/prev_icon1.png");background-size: cover;}
@media screen and (max-width: 1440px) {
    .neiye_container .box {width: 82%;}
    .neiye_container .neiye_tit {padding-top: 60px;font-size: 32px;}
    .news_list_wrapper .data {font-size: 14px;margin: 30px 0 6px;}
    .news_list_wrapper .content {font-size: 17px;height: 51px;}
    .news_list2 .news_list_wrapper li {width: calc(30% - 3px);}
    .news_list2 .news_list_wrapper li:nth-child(3n-1) {margin-left: 5%;margin-right: 5%;}
    .pagetion {font-size: 18px;line-height: 1;padding: 30px 0 50px;}
    .pagetion a {height: 18px;margin: 0 7px;padding: 0 7px;}
    .pagetion a.icon {width: 18px;/* margin-top: 5px; */ }}
@media screen and (max-width: 1024px) {
    .news_list_wrapper li:nth-child(2n), .news_list_wrapper li {margin: 0 0 20px 0;width: 100%;padding-bottom: 0;}
    .news_list2 .news_list_wrapper li:nth-child(3n-1), .news_list2 .news_list_wrapper li {width: 48.5%;margin: 0 0 20px 0;}
    .news_list2 .news_list_wrapper li:nth-child(2n) {margin-left: calc(3% - 4px);}
    .neiye_container .box {width: 92%;}
    .news_list2 .news_list_wrapper .data, .news_list_wrapper .data {margin: 20px 0 5px;}}
@media screen and (max-width: 600px) {
    .news_list2 .news_list_wrapper li:nth-child(3n-1), .news_list2 .news_list_wrapper li {width: 100%;margin: 0 0 20px 0;}
    .news_list2 .news_list_wrapper li:nth-child(2n) {margin-left: 0;}
    .neiye_container .neiye_tit {padding-top: 30px;padding-bottom: 30px;font-size: 22px;}}
/*E new.html*/
.neiye_news_tit { line-height: 46px;font-size: 36px;color: #222222;font-family: Didot Bold;text-align: center;padding-top: 70px;}
.neiye_container .art { color: #999999;font-size: 16px;text-align: center;padding: 25px 0 45px;}
.neiye_container .editor { font-size: 18px;line-height: 40px;color: #444444;}
.new_details .box { max-width: 1060px;}
.share_list { text-align: center;border-top: 1px solid #e5e5e5;margin-top: 45px;padding-top: 45px;}
.share_list .tit { font-size: 18px;color: #222222;margin-bottom: 10px;}
.share_list .list { padding-bottom: 50px;}
.share_list .list a { margin: 10px;width: 28px;vertical-align: top;-webkit-filter: grayscale(100%);filter: grayscale(100%);transition: all .4s;-webkit-transition: all .4s;}
.share_list .list a:hover { -webkit-filter: grayscale(0%);filter: grayscale(0%);}
@media screen and (max-width: 1440px) {
    .neiye_news_tit {line-height: 1.5;font-size: 30px;padding-top: 40px;}
    .neiye_container .editor {font-size: 16px;line-height: 2.2;}}
@media screen and (max-width: 1024px) {
    .neiye_news_tit {font-size: 26px;}
    .neiye_container .editor {font-size: 14px;}
    .neiye_container .art {font-size: 14px;padding: 15px 0 25px;}
    .share_list {margin-top: 25px;padding-top: 25px;}
    .share_list .tit {font-size: 14px;}}
@media screen and (max-width: 600px) {
    .neiye_news_tit {font-size: 22px;}}
.header { background: #ffffff;position: fixed;top: 0;left: 0;width: 100%;z-index: 100;}
.header_container { position: relative;border-bottom: 1px solid #dddddd;}
.header_container .box { /* padding-bottom: 20px; */}
.header_container .header_top { text-align: center;margin: 25px 0 30px;position: relative;}
.header_top .left { position: absolute;top: 15px;left: 0;z-index: 2;font-size: 16px;color: #666666;}
.header_top .right { position: absolute;top: 0;right: 0;z-index: 2;font-size: 16px;color: #666666;}
.header_top .right a { display: inline-block;color: #666666;padding: 15px;}
.header_top .right a img { margin-right: 10px;}
.header_top .logo { font-family: Didot Bold;text-transform: uppercase;color: #000000;display: inline-block;letter-spacing: 0.5px;}
.header_top .logo h1 { font-size: 44px;}
.header_container .header_bottom { text-align: center;}
.header_bottom>li { font-size: 17px;color: #666666;display: inline-block;margin: 0 20px;}
.header_bottom .title { padding-bottom: 20px;border-bottom: 2px solid transparent;box-sizing: border-box;transition: all .5s;-webkit-transition: all .5s;color: #222;}
.header_bottom .title.hover { border-bottom: 2px solid #000000;}
.header_bottom .item { text-align: left;}
/*end header*/
.header_bottom { background-color: #ffffff;/* height: 70px; */ width: 100%;overflow: hidden;}
.header_bottom .right { float: right;width: calc(100% - 200px);}
.header_bottom .nav { float: right;display: block;}
.header_bottom .nav li { display: inline-block;position: relative;font-size: 16px;line-height: 70px;margin-left: 70px;}
.header_bottom .nav li>a { color: #666666;}
.header_bottom .nav a:hover { color: #333333;}
.header_bottom .nav li>a.on { color: #333333;font-weight: bold;}
.header_bottom .nav li>a:after { content: "";position: absolute;left: -5px;bottom: 0;display: block;width: calc(100% + 10px);height: 3px;background: #d20700;opacity: 0;transition: transform .4s ease-in-out;-webkit-transition: transform .4s ease-in-out;transform: rotateY(90deg);-webkit-transform: rotateY(90deg);}
.header_bottom .nav li>a:hover:after,.header_bottom .nav li>a.hover:after,.header_bottom .nav li>a.on:after { opacity: 1;transform: none;-webkit-transform: none;}
.header_bottom .advance-sub-filter { font-size: 12px;margin-left: -10px;}
.header_bottom .advance-sub-filter li { width: 24%;display: inline-block;margin-bottom: 15px;text-align: center;vertical-align: top;}
.advance-sub-filter li a { color: #333333;}
.advance-sub-filter li a:hover { color: #ec1b02;}
.advance-sub-filter li a:hover img { color: #ec1b02;}
.header_bottom .advance-sub-filter.Style li { width: 95px;display: inline-block;/* text-align: left; */ margin: 0px 20px 20px 0;}
.header_bottom .advance-sub-filter.Style li a { color: #222222;}
.header_bottom .advance-sub-filter.Style li a:hover { color: #ec1b02;}
.header_bottom .advance-sub-filter li:hover svg g polyline { stroke: red;}
.header_bottom .advance-sub-filter img { display: block;width: 30px;margin: 7px auto;}
.header_bottom .advance-sub-filter.Style img { width: 60px;}
.nav-cell.nav-cell-Eng dd { padding: 30px 20px;min-height: 280px;}
.nav-cell.nav-cell-Eng dd:first-child { margin-left: 0;width: 33%;padding-left: 0;}
.nav-cell.nav-cell-Eng dd:nth-child(2),.nav-cell.nav-cell-Eng dd:last-child { width: 33%;padding: 30px 20px;}
.nav-cell.nav-cell-Wedding dd:last-child {
    padding-left: 9%;}
/*.header_bottom li:hover .nav-cell{*/
/*    display: block;*/
/*}*/
.nav-cell.on dd { opacity: 1;animation-name: fadeInUp;animation-duration: .4s;animation-fill-mode: both;}
.nav-cell.on dd:nth-child(2) { animation-delay: .1s;}
.nav-cell.on dd:nth-child(3) { animation-delay: .2s;}
.nav-cell.on dd:nth-child(4) { animation-delay: .3s;}
.header_bottom .nav-cell { display: none;position: absolute;top: 100%;text-align: left;left: 0;z-index: 100;width: 100%;/* padding: 30px 0; */ background-color: #ffffff;box-shadow: 1px 0 1px rgb(0 0 0 / 40%);}
.nav-cell dl { width: 92%;max-width: 1150px;margin: auto;}
.nav-cell dd { /* opacity: 0; */ float: left;width: 21%;box-sizing: border-box;border-right: 1px solid #eee;padding: 30px 5px 10px 55px;min-height: 228px;}
.nav-cell-gift dd { min-height: 335px;}
.nav-cell dd:first-child { margin-left: 0;}
.nav-cell-gift dd:first-child { padding-left: 0;}
.nav-cell-gift dd:first-child .nav-ccontent a,.nav-cell-gift dd:nth-child(2) .nav-ccontent a { width: 48%;display: inline-block;vertical-align: top;}
.nav-cell dd:nth-child(2) { width: 25%;}
.nav-cell dd:last-child { padding-right: 0;border-right: 0;width: 33%;padding-left: 9%;}
.nav-cell dd .t1 { display: block;padding-bottom: 20px;font-size: 18px;line-height: 23px;padding-top: 15px;color: #000;}
.nav-cell dd .nav-ccontent {}
.nav-ccontent a { float: left; width: 48%;  font-size: 14px;line-height: 32px;color: #222222;display: block;}
.nav-ccontent a:hover { color: #ec1b02;}
.header-icons a { display: inline-block;color: #222222;margin-right: 45px;font-size: 14px;line-height: 20px;}
.header-icons a:last-child { margin-right: 0;display: block;}
.header-icons a:last-child img { display: block;margin-bottom: 15px}
.header .header-form { position: relative;float: right;display: inline-block;margin: 10px -95px 0 0;width: 0;overflow: hidden;transition: all 0s;-webkit-transition: all 0s;}
.header-form .header-text { box-sizing: border-box;width: 100%;padding: 0 20px;line-height: 50px;border-radius: 30px;border: 1px solid transparent;height: 50px;}
.header-btn a { display: inline-block;color: #ffffff;font-weight: bold;margin: 0 12px;}
.header-btn a:hover { opacity: .9;}
.no_top .header_top .left { display: none;}
.header_container.no_top .box { position: relative;}
.header_container.no_top .header_top { display: inline-block;position: static;float: left;margin: 14px 0 0;}
.header_container.no_top .header_bottom { /* float: left; */ width: 72%;margin-top: 20px;}
.no_top .header_top .logo h1 { font-size: 28px;}
.no_top .header_bottom .nav-cell { width: 130%;left: -15%;}
.no_top .header_top .right { bottom: 0;top: auto;}
@media screen and (max-width: 1440px) {
    .no_top .header_top .logo h1 {font-size: 22px;}
    .header_bottom li {font-size: 14px;}
    .header_bottom .title {padding-bottom: 15px;}
    .header_container.no_top .header_bottom {margin-top: 15px;}
    .header_top .right a {padding: 10px;}
    .header_top .right {font-size: 14px;}
    .header_top .logo h1 {font-size: 32px;}
    main {padding-top: 125px;}
    .nav-cell dd .t1 {font-size: 16px;padding-bottom: 12px;line-height: 1.5;padding-top: 10px;color: #000;}
    .nav-ccontent a, .header-icons a {font-size: 12px;line-height: 2.2;}
    .nav-cell dd {min-height: 200px;padding: 20px 5px 8px 40px;}
    .nav-cell dl {max-width: 1000px;}
    .nav-cell dd:last-child {padding-left: 5%;}
    .header_top .left {top: 10px;font-size: 14px;}}
@media screen and (max-width: 1300px) {
    .no_top .header_top .logo h1 {font-size: 18px;}
    .header_bottom li {font-size: 12px;margin: 0 10px;}
    .header_top .right {font-size: 12px;}
    .no_top .header_top .right {bottom: 5px;}
    .header_top .right a img {margin-right: 5px;width: 15px;}
    .header_top .left {font-size: 12px;}}
@media screen and (max-width: 1024px) {
    .header_bottom .advance-sub-filter li {width: 50px;}
    .no_top .header_top .right {top: 0px;}
    .header_top .left {display: none;}
    .header_top .right {float: right;}
    .header_top .right a {padding: 5px 0;margin-left: 10px;}
    .header_top .right span {display: none;}
    .header_top .logo {float: left;}
    .header_top .logo h1, .no_top .header_top .logo h1 {font-size: 22px;position: absolute;top: 13px;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
    .header_top .menu {width: 20px;float: left;}
    .header_top .menu span {display: block;width: 100%;height: 2px;margin-top: 6px;background-color: #222222;transition: all .5s;-webkit-transition: all .5s;}
    .header_top .menu.show span:nth-child(1) {transform: rotate(45deg);margin-top: 9px;}
    .header_top .menu.show span:nth-child(2) {opacity: 0;}
    .header_top .menu.show span:nth-child(3) {transform: rotate(-45deg);margin-top: -10px;}
    .header_container .header_bottom {/* position: absolute; */height: 100vh;box-sizing: border-box;padding-bottom: 15vh;padding-top: 10px;overflow-y: scroll;background: #ffffff;top: 100%;left: 0;display: none;}
    element.style {}
    .header_bottom .advance-sub-filter.Style li {width: 60px;margin: 10px 20px 10px 0;}
    .nav-cell.nav-cell-Eng dd:first-child, .nav-cell.nav-cell-Eng dd:nth-child(2), .nav-cell.nav-cell-Eng dd:last-child {padding: 0;border-right: 0;}
    .nav-cell.nav-cell-Eng dd {min-height: auto;}
    .header_bottom>li {width: 100%;border-bottom: 1px solid #e5e5e5;margin: 0;text-align: left;}
    .header_bottom .title {padding: 15px;box-sizing: border-box;display: block;font-size: 16px;position: relative;}
    .header_bottom .title:after {content: '';background: url("../images/prev_icon.png");display: block;width: 20px;height: 20px;background-size: 100% 100%;position: absolute;top: 15px;right: 15px;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transition: all .4s;-webkit-transition: all .4s;}
    .header_bottom .title.i9:after {transform: rotate(90deg);-webkit-transform: rotate(90deg);}
    .header_bottom .nav-cell, .no_top .header_bottom .nav-cell {/* display: block; */position: static;box-shadow: 0 0 10px rgba(0, 0, 0, 0);position: static;width: 100%;}
    .nav-cell dd, .nav-cell dd:last-child {width: 100% !important;opacity: 1;min-height: auto;padding: 0;margin-bottom: 15px;}
    .nav-cell dl {width: 97%;padding: 0 10px;}
    .header_bottom .advance-sub-filter {margin-left: 0;display: block !important;}
    .nav-cell dd .t1 {font-size: 14px;padding-bottom: 0;padding-top: 5px;color: #666;margin-bottom: 10px;font-weight: bold;}
    .nav-ccontent a, .header-icons a {font-size: 13px;color: #666;}
    .header-icons a:last-child img {margin-bottom: 3px;}
    .header_container.no_top .header_bottom {width: 100%;box-sizing: border-box;margin-top: 0;}
    .header_container.no_top .header_top, .header_container .header_top {text-align: center;margin: 15px 0;position: relative;width: 100%;}
    main {padding-top: 55px;}}
@media screen and (max-width: 600px) {
    .header_top .logo h1, .no_top .header_top .logo h1 {font-size: 16px;}}
.about_list { padding: 75px 0 50px;}
.about_list .box { max-width: 1550px;width: 92%;}
.about_list .left { position: relative;width: 44.5%;float: left;}
.about_list .left .lans { font-size: 26px;color: #ffffff;position: absolute;bottom: 50px;left: 50px;}
.about_list .right { font-size: 20px;line-height: 2;width: 46%;float: right;padding: 55px 0;}
@media screen and (max-width: 1440px) {
    .about_list .right {font-size: 16px;width: 48%;padding: 25px 0;}
    .about_list .left .lans {font-size: 20px;bottom: 25px;left: 25px;}
    .about_list {padding: 0 0 0;}}
@media screen and (max-width: 1366px) {
    .about_list .right {font-size: 15px;padding: 15px 0;}}
@media screen and (max-width: 1024px) {
    .about_list .left, .about_list .right {float: none;width: 100%;max-width: 800px;margin: auto;}}
/*privary.html*/
.privary { padding: 100px 0;}
.privary .left { width: 190px;float: left;font-size: 18px;line-height: 60px;border-top: 1px solid #e5e5e5;}
.privary .left a { display: block;color: #0d0c0b;border-bottom: 1px solid #e5e5e5;}
.privary .right { width: 73.5%;float: right;}
.privary .right .tit { font-size: 36px;color: #222222;font-family: Didot Bold;}
.privary .right .editor { font-size: 18px;line-height: 2;color: #444444;margin: 22px 0;}
@media screen and (max-width: 1440px) {
    .privary {padding: 60px 0;}
    .privary .right .tit {font-size: 28px;}
    .privary .right .editor {font-size: 15px;margin: 15px 0;}
    .privary .left {width: 150px;font-size: 15px;line-height: 50px;}}
@media screen and (max-width: 1024px) {
    .privary {padding: 10px 0;}
    .privary .left {width: 100%;border: 0;float: none;border-bottom: 1px solid #e5e5e5;}
    .privary .left a {display: inline-block;border-bottom: 0;min-width: 35%;}
    .privary .right {float: none;width: 100%;margin: 30px 0;}
    .privary .right .tit {font-size: 22px;}}
@media screen and (max-width: 600px) {}

/*end privary.html*/
/*S contact.html*/
.contact_form {}
.contact_form .neiye_tit { text-align: left;}
.contact_form .left { float: left;box-sizing: border-box;width: 64%;}
.contact_form .account_container { border: 1px solid #000000;padding: 45px 60px;box-sizing: border-box;}
.account_container .t1 { font-size: 18px;color: #222222;}
.account_container .input_wrapper { border: 0;border-bottom: 1px solid #000000;padding: 0;}
.account_container .input_wrapper input,.account_container .input_wrapper select  { font-size: 16px;}
.account_container dl { padding: 30px 0 10px;}
.account_container .width { width: 100%;}
.account_container textarea { border: 0;padding-top: 25px;font-size: 16px;line-height: 2;height: 120px;resize: none;width: 100%;border-bottom: 1px solid #000000;}
.input_wrapper .number { line-height: 30px;margin-top: 10px;}
.account_container .input_wrapper {}
.account_container .submit { border: 0;width: 100%;line-height: 60px;height: 60px;background: #000000;color: #ffffff;text-align: center;font-size: 18px;max-width: 260px;display: block;}
.contact { padding-bottom: 130px;}
.contact .box { width: 92%;max-width: 1400px;}
.contact_form .right { background: #f7f7f7;width: 30%;padding: 45px 45px 0;font-size: 16px;line-height: 60px;float: right;box-sizing: border-box;}
.contact_form .radio_list { font-size: 18px;}
.contact_form .right li { margin-bottom: 35px;}
.contact_form .right .t1 { font-size: 22px;line-height: 1;color: #000000;padding-bottom: 18px;margin-bottom: 21px;font-family: Didot Bold;border-bottom: 1px solid #ddd;}
.contact_form .right .button { border: 1px solid #000000;line-height: 60px;width: 100%;font-size: 16px;color: #000000;transition: all .5s;-webkit-transition: all .5s;text-align: center;}
.contact_form .right .button:hover { background: #000000;color: #ffffff;}
.contact_form .right dl { line-height: 24px;}
.contact_form .right .tips { font-size: 16px;color: #0d0c0b;}
.contact_form .right .con1 { font-size: 20px;color: #222222;padding: 12px 0;}
.contact_form .right .con2 { color: #999999;padding-bottom: 20px;}
.contact_form .right .con3 { padding: 12px 0;}
.contact_form .reg_list li { margin-bottom: 10px;}
@media screen and (max-width: 1440px) {
    .contact .box {max-width: 1100px;}
    .contact_form .account_container {padding: 30px 40px;}
    .contact_form .right {padding: 30px 30px 0;font-size: 14px;line-height: 50px;}
    .contact_form .right .button {line-height: 50px;}
    .account_container .submit {line-height: 50px;height: 50px;}
    .account_container .cancel {line-height: 50px;height: 50px;}
    .contact_form .right .con1 {font-size: 18px;}}
@media screen and (max-width: 1300px) {
    .contact_form .right li {margin-bottom: 20px;}}
@media screen and (max-width: 1024px) {
    .contact_form .left {width: 100%;float: none;margin-bottom: 20px;}
    .contact_form .account_container, .contact_form .right {padding: 20px;width: 100%;float: none;}
    .contact_form .neiye_tit {padding-bottom: 20px;}
    .radio_list dd {max-width: 100%;}
    .contact {padding-bottom: 50px;}
    .contact_form .radio_list {font-size: 15px;}
    .contact_form .reg_list li {margin-bottom: 0;}}
/*E contact.html*/
/*S wedding.html*/
.banner_wedding { width: 100%;height: 600px;background: url(.) center center no-repeat;}
.life_wedding { margin-top: 140px;}
.life_wedding .box { position: relative;}
.life_wedding .title { width: 49%;text-align: center;padding: 30px 0;}
.life_wedding .title .t1 { font-size: 40px;color: #0d0c0b;font-family: Didot;}
.life_wedding .title .t2 { color: #999999;font-size: 18px;}
.life_wedding .list {}
.life_wedding .list li { width: 49%;}
.life_wedding .list li:nth-child(2) { position: absolute;top: 0;right: 0;}
.life_wedding .list .li_wrapper { position: relative;}
.life_wedding .list .lans { position: absolute;bottom: 50px;left: 50px;color: #ffffff;}
.life_wedding .list .l1 { font-size: 24px;font-family: Didot;margin-bottom: 10px;}
.life_wedding .list .l2 { font-size: 18px;text-decoration: underline;}
.style_wedding {}
.style_wedding .neiye_tit { padding-bottom: 10px;}
.style_wedding .list { text-align: center;}
.style_wedding .list li { display: inline-block;vertical-align: top;padding: 30px 0;margin: 0 30px;transition: all .4s;}
.style_wedding .list li:hover { padding: 15px 0 45px;}
.style_wedding .list li img { max-width: 90px;display: block;margin: 0 auto 15px;min-width: 68px;}
.style_wedding .list a { color: #222222;font-size: 16px;display: block;}
.Type_wedding .list { margin-top: 10px;}
.Type_wedding img { max-width: 70px;margin-bottom: 15px;display: block;}
.neiye_tit h4 { display: block;font-size: 18px;font-family: "Avenir-Book", "Microsoft YaHei", '微软雅黑', "Arial";}
.banner_bound { margin-top: 50px;height: 700px;background: url(.) center center no-repeat;}
@media screen and (max-width: 1440px) {
    .banner_wedding {height: 500px;background: url(.) center center no-repeat;background-size: cover;}
    .banner_bound {margin-top: 25px;height: 550px;background: url(.) center center no-repeat;background-size: cover;}
    .life_wedding .list .lans {bottom: 30px;left: 30px;}
    .life_wedding .list .l1 {font-size: 18px;margin-bottom: 7px;}
    .life_wedding .list .l2, .life_wedding .title .t2 {font-size: 14px;}
    .life_wedding .title .t1 {font-size: 32px;}
    .style_wedding .list a {font-size: 14px;}
    .style_wedding .list li {margin: 0 15px;padding: 15px 0;}
    .style_wedding .list li img {max-width: 65px;}
    .Type_wedding .list li img {/* max-width: 48px; */margin-bottom: 10px;}
    .life_wedding {margin-top: 80px;}}
@media screen and (max-width: 1366px) {
    .banner_wedding {height: 400px;background-size: cover;}
    .banner_bound {margin-top: 15px;height: 450px;background-size: cover;}}
@media screen and (max-width: 1024px) {
    .life_wedding {margin-top: 50px;}
    .life_wedding .title {width: 100%;}
    .life_wedding .list li {width: 100%;max-width: 650px;margin: auto;text-align: center;}
    .life_wedding .list li:nth-child(2) {position: static;margin-top: 15px;}
    .style_wedding .list li img {max-width: 100%;margin-bottom: 8px;width: 50px;min-width: 0;}}
@media screen and (max-width: 600px) {
    .life_wedding .title .t1 {font-size: 22px;}
    .life_wedding {margin-top: 0;}
    .life_wedding .list .lans {bottom: 12px;left: 12px;}
    .life_wedding .list .l1 {font-size: 16px;margin-bottom: 4px;}
    .life_wedding .list .l2, .life_wedding .title .t2 {font-size: 12px;}
    .style_wedding .list a {font-size: 12px;}
    .style_wedding .list li {margin: 15px 10px;}
    .banner_bound {height: 280px;}
    .banner_wedding {height: 250px;}}
/*S shop.html*/
.shop_sum {}
.shop_sum .content { font-size: 16px;line-height: 24px;color: #222222;text-align: center;}
.shop1_list { margin-top: 30px;}
.shop1_list li { width: 49%;display: inline-block;vertical-align: top;position: relative;margin-top: 30px;}
.shop1_list li:nth-child(2n) { margin-left: calc(2% - 4px);}
.shop1_list .lans { position: absolute;width: 52%;left: 50px;top: 30%;z-index: 2;}
.shop1_list .l1 { font-size: 20px;color: #888888;margin-bottom: 30px;}
.shop1_list .l2 { font-family: Didot Bold;font-size: 24px;line-height: 30px;color: #222222;}
.shop2 { padding-top: 165px;}
.shop2 .left { width: 42%;float: left;font-size: 18px;line-height: 2;color: #222222;}
.shop2 .left li { border-bottom: 1px dashed #dddddd;padding: 12px 0;}
.shop2 .left .neiye_tit { text-align: left;padding: 30px 0;}
.shop2 .right { width: 48%;float: right;}
.question_sum { border-top: 1px solid #e5e5e5;padding-bottom: 120px;}
.question_sum li { padding: 0 60px 0 15px;font-size: 16px;line-height: 24px;border-bottom: 1px solid #e5e5e5;}
.question_sum .tit { font-size: 18px;color: #222222;padding: 20px 27px;position: relative;cursor: pointer;}
.question_sum .status { transition: all .4s;-webkit-transition: all .4s;width: 11px;height: 1px;background: #000000;position: absolute;top: 30px;right: 0;}
.question_sum .status:after { content: '';width: 1px;height: 11px;background: #000000;display: block;margin: -5px auto;}
.question_sum li.on .status { transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.question_sum li.on .tit:before { content: '';background: url("../images/icon_arrow.png");width: 10px;height: 10px;position: absolute;top: 30px;left: 0;}
.question_sum .content { color: #666666;text-align: left;padding: 0 27px 35px;display: none;}
.question_sum li.on { background: #f6f6f6;}
.shop4_list { padding-bottom: 65px;}
.shop4_list li { text-align: center;width: 30%;display: inline-block;vertical-align: top;}
.shop4_list li:nth-child(3n - 1) { margin-left: calc(5% - 4px);margin-right: calc(5% - 4px);}
.shop4_list a { display: block;}
.shop4_list .img {}
.shop4_list .title { padding: 25px 0;font-size: 24px;color: #222222;}
.selling_list {}
.selling_list .selling_wrapper {}
.selling_list li { position: relative;}
.heart { position: absolute;top: 20px;right: 20px;z-index: 10;cursor: pointer;opacity: .5;}
.heart img:nth-child(1),.heart:hover img:nth-child(2) { display: none;}
.heart:hover { opacity: 1;}
.heart img:nth-child(2),.heart:hover img:nth-child(1) { display: block;}
.heart.on img:nth-child(2) { display: none;}
.heart.on img:nth-child(1){display: block;}
.heart:hover { -webkit-filter: grayscale(0%);filter: grayscale(0%);}
.selling_list a { display: inline-block;}
.selling_list .selling_item { /*height: 343px;*/}
.selling_item a .img {position: relative;padding-top: 100%;background: #e7e8ea;}
.selling_item a .img img{position: absolute;max-width: 100%;max-height: 100%;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.selling_item a .img:nth-child(2) { display: none;}
.selling_item a:hover .img:nth-child(1) { display: none;}
.selling_item a:hover .img:nth-child(2) { display: block;}
.color_list i { display: inline-block;width: 24px;border-radius: 5px;box-sizing: border-box;margin-right: 5px;border: 1px solid #ddd;cursor: pointer;}
.lans .me { color: #999999;font-size: 16px;opacity: 0;padding: 10px 0;}
.color_list i img { display: block;}
.Explore { line-height: 60px;height: 60px;box-sizing: border-box;font-size: 18px;color: #000000;border: 1px solid #000000;width: 140px;display: block;text-align: center;margin: 50px auto;transition: all .5s;-webkit-transition: all .5s;}
.Explore:hover { background: #000000;color: #ffffff;}
.Explore:hover>a{color: #ffffff;}
.selling_list li:hover .color_list,.pro_list li:hover .color_list { opacity: 1;}
.selling_list li:hover .me,.pro_list li:hover .me { opacity: 1;}
.color_list { opacity: 0;transition: all .3s;-webkit-transition: all .3s;}
.color_list i.on { border-color: #333333;}
.selling_wrapper li { width: calc(25% - 17px);display: inline-block;vertical-align: top;}
.selling_wrapper .lans {}
.selling_wrapper .l1 { font-size: 14px;line-height: 24px;color: #666666;margin: 20px 0 10px;}
.selling_wrapper .l2 { font-size: 16px;color: #222222;margin-bottom: 10px;}
.selling_wrapper .type { float: left;}
.selling_wrapper .price { float: right;font-weight: 900;
    margin-right: 10px;}
.selling_wrapper .l2 {}
.selling_wrapper .l1 { font-size: 14px;line-height: 24px;color: #666666;margin: 20px 0 10px;}
@media screen and (max-width: 1440px) {
    .shop4_list .title {padding: 18px 0;font-size: 20px;}
    .shop1_list {margin-top: 0;}
    .shop1_list .lans {top: 20%;}
    .shop1_list .l1 {font-size: 16px;margin-bottom: 15px;}
    .shop1_list .l2 {font-size: 20px;line-height: 1.8;}
    .shop2 .left .neiye_tit {padding: 15px 0;}
    .shop2 .left {font-size: 15px;line-height: 2;}
    .shop2 .left li {padding: 8px 0;}
    .question_sum .tit {font-size: 16px;padding: 15px 24px;}
    .question_sum li.on .tit:before {top: 20px;}
    .question_sum .content, .shop_sum .content {font-size: 14px;line-height: 1.8;}
    .question_sum {padding-bottom: 60px;}
    .shop2 {padding-top: 80px;}
    .shop4_list {padding-bottom: 45px;}}
@media screen and (max-width: 1024px) {
    .Wishlist .pro_list li {padding: 5px;}
    .color_list {opacity: 1;}
    .color_list i {width: 16px;height: 16px;margin-right: 1px;margin-bottom: 1px;}
    .swiper-button-next {right: 0;}
    .swiper-button-prev {left: 0;}
    .Explore {line-height: 50px;height: 50px;font-size: 15px;width: 120px;margin: 45px auto;}
    .selling_wrapper .l1 {font-size: 12px;line-height: 18px;margin: 15px 0 7px;}
    .selling_wrapper .l2 {font-size: 14px;margin-bottom: 7px;}
    .question_sum {padding-bottom: 40px;}
    .shop4_list li, .shop4_list li:nth-child(3n - 1) {margin: 0;width: 48.5%;}
    .shop4_list li:nth-child(2n) {margin-left: calc(3% - 4px);}
    .shop4_list {padding-bottom: 30px;}
    .shop4_list .title {padding: 10px 0 15px;font-size: 15px;}
    .shop1_list .l2 {font-size: 17px;line-height: 1.5;}
    .shop1_list .lans {left: 20px;top: 15%;}
    .shop2 .left {font-size: 13px;}
    .question_sum .tit {font-size: 14px;}
    .question_sum .content, .shop_sum .content {font-size: 13px;padding-bottom: 20px;}
    .question_sum li {padding: 0 30px 0 10px;}
    .question_sum li.on .tit:before {width: 8px;height: 8px;background-size: 100% 100%;top: 22px;left: 0;}
    .shop_container .neiye_tit {padding-bottom: 18px;}
    .shop2 .right, .shop2 .left {width: 100%;float: none;}
    .shop2 .left {margin-bottom: 20px;}
    .question_sum .status {top: 25px;}}
@media screen and (max-width: 600px) {
    .Explore {line-height: 42px;height: 42px;font-size: 13px;width: 105px;margin: 20px auto;}
    .question_sum .tit {padding: 9px 20px;}
    .question_sum .content, .shop_sum .content {padding-left: 20px;}
    .question_sum .status {top: 28px;zoom: .8;}
    .question_sum li.on .tit:before {top: 18px;}
    .question_sum {padding-bottom: 30px;}
    .shop1_list li:nth-child(2n), .shop1_list li {margin-left: 0;width: 100%;margin-top: 15px;}
    .shop1_list .l1 {font-size: 13px;}
    .shop1_list .l2 {font-size: 15px;}
    .shop2 {padding-top: 30px;}
    .question_sum li {padding: 0 15px 0 7px;}}
/*E shop.html*/
/*S gift.html*/
.gift_shop .shop1_list { margin-top: 0;}
.gift_shop .shop1_list li { margin-top: 0;}
.gift_shop .lans1 { color: #222222;}
.gift_shop .lans1 .ls1 { font-size: 14px;margin: 25px 0 10px;}
.gift_shop .lans1 .ls2 { font-size: 24px;margin-bottom: 45px;}
.gift_sum {}
.pro_list {}
.pro_list li { width: calc(25% - 18px);display: inline-block;vertical-align: top;margin-left: 20px;margin-bottom: 20px;position: relative;}
.pro_list li:nth-child(4n - 3) { margin-left: 0;}
.pro_list a { display: block;color: #222222;}
.pro_list .lans { color: #222222;}
.pro_list .l1 { font-size: 14px;margin: 25px 0 10px;}
.pro_list .l3 { font-size: 24px;margin-bottom: 45px;}
.pro_list li:hover .l3 { color: #ec1b02;text-decoration: underline;}
.gift_sum .Explore { margin: 0 auto !important;}
.pirce_to { font-size: 22px;padding: 35px 20px;box-sizing: border-box;color: #ffffff;text-align: center;background: #000000;transition: border .3s cubic-bezier(.39, .575, .565, 1), box-shadow .3s cubic-bezier(.39, .575, .565, 1), color .3s cubic-bezier(.39, .575, .565, 1), background .3s cubic-bezier(.39, .575, .565, 1), box-shadow .3s cubic-bezier(.39, .575, .565, 1);}
.pirce_to:hover { background: #f6f5f3;color: #222;}
.Wishlist .pro_list li { padding: 10px;box-sizing: border-box;}
.Wishlist .pro_list li:hover { box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);}
.selected_sum { text-align: center;}
.selected_sum .select { display: inline-block;margin: 25px;position: relative;width: 280px;height: 55px;box-sizing: border-box;border: 1px solid #444444;line-height: 55px;font-size: 16px;text-align: left;padding: 0 28px;cursor: pointer;}
.selected_sum .select:after { content: '';background: url("../images/prev_icon.png");display: block;width: 20px;height: 20px;background-size: 100% 100%;position: absolute;top: 15px;right: 15px;transform: rotate(-90deg);}
.selected_sum .s_ed {}
.selected_sum .item { display: none;z-index: 30;box-shadow: 0 1px 21px rgba(0, 0, 0, .1);position: absolute;top: 100%;left: 0;width: 100%;background: #ffffff;box-sizing: border-box;padding: 20px 28px;}
.selected_sum .item a { display: block;font-size: 16px;line-height: 44px;color: #444444;transition: ease-in .15s;}
.selected_sum .item img { margin-right: 15px;}
.selected_sum .item a:hover { color: #ec1b02;padding-left: 5px;}
.selected_sum .item a:hover img {}
.window_news { display: none;}
.window_news .bg { position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: 100;background: #000000;opacity: .4;}
.window_news .content { width: 500px;box-sizing: border-box;position: fixed;top: 50%;left: 50%;z-index: 110;background: #ffffff;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.window_news .content_wrapper { position: relative;padding: 30px 40px;box-sizing: border-box;text-align: center;}
.window_news .close { width: 20px;position: absolute;top: 10px;right: 10px;}
.window_news .tit { font-size: 20px;color: #222222;font-family: Didot;border-bottom: 1px solid #dddddd;padding: 12px 0;}
.window_news .con { font-size: 18px;color: #444444;margin: 30px 0 25px 0;}
.window_news .button { color: #222222;font-size: 16px;width: 120px;height: 40px;line-height: 40px;box-sizing: border-box;border: 1px solid #222222;}
.window_news .content_wrapper .input_wrapper{line-height: 50px;}
.window_news .content_wrapper .input_wrapper{line-height: 50px;}
.window_news .content_wrapper .input_wrapper .inp{
    margin:20px 10px 20px 10px;
    width: 50%;
    padding: 10px;
    font-size: 14px;
    line-height: 1.25;
    background-color: #fff!important;
    background-image: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #34302f;
    border-radius: 3px;
}
.window_news .content_wrapper .input_wrapper .rad{
    -webkit-appearance: radio;
}
.window_news .content_wrapper .input_wrapper .rad-list{

    line-height: 40px;
    width: 100px;
    text-align: left;
}

@media screen and (max-width: 1440px) {
    .neiye_container .neiye_tit .return {font-size: 16px;}
    .neiye_container .neiye_tit .return img {width: 18px;}
    .gift_shop .lans1 .ls1, .pro_list .l1 {font-size: 12px;margin: 15px 0 7px;}
    .gift_shop .lans1 .ls2, .pro_list .l2 {font-size: 21px;margin-bottom: 30px;}
    .pirce_to {font-size: 18px;padding: 20px 15px;}}
@media screen and (max-width: 1024px) {
    .neiye_container .neiye_tit .return {top: 0;}
    .Wishlist {margin-top: 20px;}
    .selected_sum {margin-top: -12px;}
    .selected_sum .select {width: 150px;height: 40px;line-height: 40px;font-size: 14px;padding: 0 10px;margin: 10px;}
    .selected_sum .select:after {width: 15px;height: 15px;background-size: 100% 100%;top: 10px;right: 10px;}
    .selected_sum .item {padding: 10px 12px;}
    .selected_sum .item a {font-size: 13px;line-height: 30px;}
    .selected_sum .item img {margin-right: 5px;width: 15px;}
    .window_news .content {width: 90%;}
    .window_news .content_wrapper {padding: 15px 20px;}
    .window_news .tit {font-size: 18px;padding: 6px 0;}
    .window_news .con {font-size: 14px;margin: 20px 0 15px 0;}
    .gift_shop .lans1 .ls2, .pro_list .l2 {font-size: 18px;margin-bottom: 25px;}
    .pro_list li, .pro_list li:nth-child(4n - 3) {width: calc(50% - 10px);margin-left: 15px;}
    .pro_list li:nth-child(2n - 1) {margin-left: 0;}
    .pirce_to {font-size: 16px;padding: 15px 10px;}}
@media screen and (max-width: 600px) {
    .gift_shop .lans1 .ls2, .pro_list .l2 {font-size: 16px;margin-bottom: 20px;}
    .pirce_to {font-size: 14px;padding: 12px 7px;}}
/*E gift.html*/
/*S search.html*/
.search_sum { margin-top: 20px;}
.search_total { margin: 4px 0;}
.search_total .search_form { margin: auto;max-width: 500px;border-bottom: 2px solid #0f0302;}
.search_form .text { float: left;width: calc(100% - 30px);font-size: 22px;border: 0;color: #222;line-height: 80px;height: 80px;}
.search_form .sub { margin-top: 30px;width: 30px;height: 30px;float: left;border: 0;background: url("../images/search.png") no-repeat;background-size: 100% 100%;}
.search_total .container_nav { text-align: center;border-bottom: 1px solid #222222;margin: 5px 0 60px;}
.container_nav a { font-size: 16px;color: #222222;display: inline-block;padding: 47px 55px;box-sizing: border-box;}
.container_nav a:hover,.container_nav a.on {}
.sc_wrapper { width: 100%;overflow-x: hidden;}
.search_content { overflow-y: hidden;width: 200%;transition: all .7s;-webkit-transition: all .7s;}
.search_content dd { width: 50%;float: left;}
.gift_sum .n_button,.n_button { margin: 20px auto !important;}
.search_content .pro_list,.Wishlist .pro_list { margin-bottom: 60px;}
@media screen and (max-width: 1440px) {
    .container_nav a {font-size: 15px;padding: 30px 45px;}
    .search_form .text {font-size: 20px;line-height: 60px;height: 60px;}
    .search_form .sub {margin-top: 20px;}}
@media screen and (max-width: 1024px) {
    .search_content .pro_list, .Wishlist .pro_list {margin-bottom: 30px;}
    .search_total .container_nav {margin-bottom: 30px;}
    .container_nav a {font-size: 13px;padding: 20px 30px;}
    .search_total .search_form {width: 60%;margin-bottom: 20px;}
    .search_form .text {width: calc(100% - 20px);font-size: 14px;}
    .search_form .sub {margin-top: 22px;width: 20px;height: 20px;}}
@media screen and (max-width: 600px) {}

/*E search.html*/
/*S eng.html*/
.Breadcrumbs { font-size: 14px;color: #999999;margin: 40px auto 20px;}
.Breadcrumbs a { color: #999999;}
.Breadcrumbs span { color: #000000;}
.help { background: #f2f2f2;padding: 40px 0;margin-bottom: 60px;}
.help .left { width: 57%;float: left;}
.help .right { width: 20%;float: right;}
.help .tit { font-size: 24px;color: #222222;margin-bottom: 15px;font-family: Didot;}
.help .content { font-size: 14px;line-height: 24px;color: #666666;}
.help .button { margin-top: 8px;font-size: 16px;color: #222222;width: 100%;line-height: 50px;box-sizing: border-box;border: 1px solid #222222;text-align: center;transition: all .4s;-webkit-transition: all .4s;}
.help .button:hover { background: #222222;color: #ffffff;}
.select_prosum {}
.select_prosum dl.option {}
.select_prosum dd { width: 19%;box-sizing: border-box;line-height: 45px;padding: 0 20px;border: 1px solid #dddddd;margin-left: 1.25%;float: left;cursor: pointer;position: relative;}
.select_prosum dd.last { border-color: #222222;border-width: 2px;color: #222222;font-weight: bold;}
.select_prosum dd:nth-child(5n - 4) { margin-left: 0;}
.select_prosum .tit { font-size: 14px;color: #666666;}
.select_prosum .tit:after { content: '';background: url("../images/prev_icon.png");width: 18px;height: 18px;background-size: 100%;position: absolute;top: 15px;right: 20px;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-webkit-transition: all .4s;transition: all .4s;}
.select_prosum .tit.up:after { transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.select_prosum dd.last .tit { color: #222222;}
.select_prosum dd.last .tit:after { background: transparent;content: '+';top: 13px;right: 25px;font-size: 16px;}
.neiye_container .advance-sub-filter { display: none;box-sizing: border-box;position: absolute;z-index: 50;padding: 10px;margin: 0;max-height: 280px;width: 100%;overflow-x: auto;left: 0;top: 52px;background: #fff;-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.38);-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.38);box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.38);}
.neiye_container .advance-sub-filter li.drpstyle {}
.neiye_container .advance-sub-filter .drpstyle a:hover { color: #ec1b02;}
.neiye_container .advance-sub-filter .drpstyle a:before { content: "√";top: 7px;font-size: 13px;line-height: 20px;width: 18px;height: 18px;position: absolute;display: inline-block;border-radius: 2px;left: 0;color: #ffffff;text-align: center;border: solid 1px #b1b1b1;}
.neiye_container .advance-sub-filter .drpstyle a.on:before { border-color: #ec1b02;color: #ec1b02;}
.neiye_container .advance-sub-filter a { color: #382e2c;padding: 8px 35px 8px 25px;font-size: 13px;line-height: 1.5;position: relative;display: block;}
.neiye_container .advance-sub-filter .drpstyle img {height: 22px;padding-left: 10px;position: absolute;right: 0px;top: 6px;}
.selected_prosum { padding: 35px 0;}
.selected_prosum .left { width: calc(100% - 350px);float: left;}
.selected_prosum .left a { padding: 0 50px 0 20px;border-radius: 30px;border: 1px solid #222222;color: #222222;font-size: 14px;line-height: 35px;position: relative;margin-right: 17px;transition: all .4s;-webkit-transition: all .4s;}
.selected_prosum .left a:after { content: '';background: url("../images/close1.png");width: 10px;height: 10px;position: absolute;top: calc(50% - 5px);right: 12px;background-size: 100% 100%;}
.selected_prosum .left a:hover { color: #ffffff;background: #222222;}
.selected_prosum .left a:hover:after { background: url("../images/close2.png");background-size: 100% 100%;}
.selected_prosum .right { width: 350px;float: right;text-align: right;}
.selected_prosum dd { width: 45%;position: relative;float: left;}
.selected_prosum dd:last-child { float: right;}
.selected_prosum .tit { position: relative;font-size: 16px;color: #222222;line-height: 40px;padding-right: 30px;cursor: pointer;}
.selected_prosum .tit:after { content: '';background: url("../images/prev_icon.png");width: 18px;height: 18px;background-size: 100%;position: absolute;top: 10px;right: 0;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-webkit-transition: all .4s;transition: all .4s;}
.selected_prosum .tit.up:after { transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.selected_prosum .option { display: none;width: 100%;position: absolute;top: 100%;left: 0;z-index: 12;background: #ffffff;line-height: 45px;font-size: 16px;box-shadow: 0 1px 21px rgba(0, 0, 0, .1);border: 1px solid rgba(0, 0, 0, .1);}
.selected_prosum .option a { color: #666666;display: block;text-align: center;padding: 0 10px;box-sizing: border-box;border-top: 1px solid rgba(0, 0, 0, .1);transition: all .4s;-webkit-transition: all .4s;}
.selected_prosum .option a:hover { background: #f2f2f2;color: #222222;}
.selected_prosum .option a:first-child { border: 0;}
.more { margin-bottom: 70px !important;}
.window_open_form {}
.window_open_form .bg {
    position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: 100;background: #000000;opacity: .4;display: none;}
.window_open_form .re { position: fixed;top: 0;right: -445px;max-width: 445px;width: 100%;height: 100vh;z-index: 110;background: #ffffff;transition: all .5s;-webkit-transition: all .5s;}
.window_open_form.show .re { right: 0;}
.window_open_form.show .bg { display: block;}
.window_open_form .re_wrapper { position: relative;padding: 60px;height: 100vh;box-sizing: border-box;}
.window_open_form .option {}
.window_open_form .dt { text-align: center;font-size: 26px;color: #222222;font-family: Didot Bold;margin: 25px 0 30px;}
.window_open_form .option dd { width: 100%;margin-left: 0;margin-bottom: 9px;float: none;padding: 0;}
.window_open_form .option .tit { color: #0d0c0b;padding: 0 20px;font-size: 16px;}
.window_open_form .advance-sub-filter { position: static;-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0);box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0);padding: 20px 20px;border-top: 1px solid #eee;}
.window_open_form .submit { width: 150px;line-height: 55px;background: #000000;color: #ffffff;text-align: center;font-size: 16px;position: absolute;bottom: 10vh;left: 60px;}
.eng1 .neiye_tit { padding-bottom: 35px;text-align: left;}
.banner_list { padding-top: 145px;}
.banner_list .left { width: 48%;float: left;position: relative;}
.banner_list .right { width: 47%;float: right;}
.banner_list .right .neiye_tit { padding: 35px 0;}
.banner_list .right .content { font-size: 16px;line-height: 24px;color: #666666;text-align: center;margin-bottom: 30px;}
.banner_list .right .selling_wrapper li { width: calc(50% - 12px);/*margin-left: 20px;*/ margin-bottom: 20px;}
.banner_list .right .selling_wrapper li:last-child { margin-left: 20px;}
.banner_list .slick-dots li { width: 14px;height: 14px;background: #ffffff;opacity: 1;border-radius: 50%;display: inline-block;margin: 0 8px;transition: all .4s;-webkit-transition: all .4s;}
.banner_list .slick-dots li.slick-active {background: #222;}
.anything { background: #f2f2f2;margin-bottom: 10%;}
.anything .img { max-width: 1000px;margin: 37px auto 0 auto;}
.anything img { margin-bottom: -15%;}
.anything .neiye_tit { padding: 70px 0 35px 0;}
.anything .Explore { margin: 0 auto !important;}
.What {}
.what_list { position: relative;padding-top: 49.8%;}
.what_list li { width: calc(25% - 10px);/*padding-top: calc(33.3% - 7px);*/ position: absolute;transition: all .5s;-webkit-transition: all .5s;}
.what_list .re { position: relative;width: 100%;padding-top: 100%;overflow: hidden;background: #f2f2f2;}
.what_list .picture { position: absolute;width: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);text-align: center;}
.what_list li:first-child { width: calc(50% - 10px);left: calc(25% + 3px);top: 0;}
.what_list li:first-child .re { padding-top: calc(50% - 7px);}
.what_list li:nth-child(2) { left: 0;top: 0;}
.what_list li:nth-child(3) { right: 0;top: 0;}
.what_list li:nth-child(4) { left: 0;bottom: 0;}
.what_list li:nth-child(5) { left: calc(25% + 3px);bottom: 0;}
.what_list li:nth-child(6) { left: calc(50% + 5px);bottom: 0;}
.what_list li:nth-child(7) { right: 0;bottom: 0;}
.what_list .tit { font-size: 26px;width: 100%;padding: 0 20px;box-sizing: border-box;line-height: 38px;font-family: Didot;color: #222222;}
.what_list .heng { height: 23px;width: 1px;background: #222222;margin: 20px auto 30px;transition: all .4s;-webkit-transition: all .4s;}
.what_list li:hover .heng { margin: 28px auto 35px;}
.what_list .button { width: 150px;line-height: 50px;height: 50px;border: 1px solid #222222;color: #222222;font-size: 16px;transition: all .4s;-webkit-transition: all .4s;}
.what_list .button:hover { background: #222222;color: #ffffff;}
.contact_eng { background: #f2f2f2;margin: 125px 0 50px;padding: 105px 0;}
.contact_eng .left { width: 60%;float: left;}
.contact_eng .editor { line-height: 28px;color: #222222;margin-top: 35px;}
.contact_eng .left .neiye_tit { padding: 30px 0;text-align: left;border-bottom: 1px solid #dddddd;}
.contact_eng .right { width: 36.2%;background: #ffffff;padding: 45px 45px 60px;font-size: 16px;line-height: 2;float: right;box-sizing: border-box;}
.contact_eng .right .tit { font-size: 22px;line-height: 1;color: #000000;padding-bottom: 23px;font-family: Didot Bold;}
.contact_eng .right .tit:first-child { padding-bottom: 32px}
.contact_eng .right .con { border-top: 1px solid #eeeeee;}
.contact_eng .right .tips { color: #999999;}
.contact_eng .right .iphone { font-size: 20px;}
.contact_eng .right .cory { line-height: 24px;text-decoration: underline;color: #222;margin-bottom: 50px;}
.contact_eng .right .cory:hover { color: #ec1b02;}
.contact_eng .right .con1 { padding-top: 25px;}
.contact_eng .right .message { border: 1px solid #000000;line-height: 60px;width: 100%;font-size: 16px;color: #000000;transition: all .5s;-webkit-transition: all .5s;text-align: center;}
.contact_eng .right .message:hover { background: #000000;color: #ffffff;}
.pro_details .contact_eng { background: #ffffff;margin: 0;padding: 0;}
.pro_details .contact_eng .right { border: 1px solid #eeeeee;}
@media screen and (max-width: 1440px) {
    .contact_eng .right .iphone {font-size: 18px;}
    .contact_eng .editor {line-height: 1.5;}
    .contact_eng {margin: 85px 0 35px;padding: 80px 0;}
    .contact_eng .left .neiye_tit {padding: 20px 0;}
    .contact_eng .right {padding: 30px 30px 45px;font-size: 15px;}
    .contact_eng .right .tit:first-child {padding-bottom: 22px;}
    .contact_eng .right .tit {font-size: 18px;padding-bottom: 15px;}
    .what_list .tit {font-size: 22px;padding: 0 15px;line-height: 1.5;}
    .what_list .heng {height: 18px;}
    .what_list .button {width: 120px;line-height: 40px;height: 40px;font-size: 14px;}
    .help .tit {font-size: 20px;}
    .anything .neiye_tit {padding: 50px 0 25px 0;}
    .window_open_form .dt {font-size: 22px;margin-bottom: 25px;}
    .banner_list .right .content {font-size: 14px;line-height: 20px;margin-bottom: 10px;}
    .banner_list .right .neiye_tit {padding: 25px 0;}
    .banner_list {padding-top: 80px;}}
@media screen and (max-width: 1366px) {
    .what_list .tit {font-size: 18px;padding: 0 10px;}
    .what_list .heng {height: 14px;margin: 10px auto 15px;}
    .what_list li:hover .heng {margin: 15px auto 22px;}}
@media screen and (max-width: 1024px) {
    .contact_eng .right, .contact_eng .left {width: 100%;float: none;}
    .contact_eng {margin: 50px 0 25px;padding: 40px 0;}
    .contact_eng .left .neiye_tit {padding: 15px 0;}
    .contact_eng .editor {margin-bottom: 40px;margin-top: 20px;}
    .what_list {padding-top: 0;margin-top: -30px;}
    .what_list li {position: static;width: calc(33.3% - 10px);display: inline-block;vertical-align: top;margin: 5px 0;}
    .what_list li:nth-child(3n) {margin: 5px 10px;}
    .what_list li:first-child {width: 100%;}
    .what_list .tit {font-size: 16px;}
    .what_list .button {width: 100px;line-height: 35px;height: 35px;}
    .What {padding-top: 20px;}
    .anything {margin: 30px 0 10%;}
    .anything {margin-top: 15px;}
    .anything .neiye_tit {padding: 35px 0 15px 0;}
    .banner_list {padding-top: 50px;}
    .banner_list .left {max-width: 600px;margin: auto;}
    .banner_list .left, .banner_list .right {width: 100%;float: none;}
    .select_prosum dd {width: 30%;margin-left: 5%;margin-bottom: 10px;}
    .select_prosum dd:nth-child(3n -2) {margin-left: 0;}
    .selected_prosum .left a {padding: 0 30px 0 15px;font-size: 12px;line-height: 28px;margin-right: 12px;}
    .selected_prosum .right, .selected_prosum .left {width: 100%;float: none;}
    .selected_prosum .right {max-width: 350px;text-align: left;margin-bottom: 20px;}
    .selected_prosum {padding-top: 0;}}
@media screen and (max-width: 600px) {
    .contact_eng {margin: 50px 0 15px;padding: 20px 0 30px;}
    .contact_eng .right .message {line-height: 45px;font-size: 14px;}
    .what_list {margin-top: -10px;}
    .eng1 .neiye_tit {padding: 30px 0 15px;}
    .what_list li, .what_list li:nth-child(3n) {position: static;width: calc(50% - 6px);display: inline-block;vertical-align: top;margin: 5px 0;}
    .what_list li:nth-child(even) {margin: 5px 8px 5px 0;}
    .select_prosum dd, .select_prosum dd:nth-child(3n -2) {width: 48%;margin-left: 4%;line-height: 35px;padding: 0 10px;}
    .select_prosum dd:nth-child(odd) {margin-left: 0;}
    .selected_prosum .option, .select_prosum .tit {line-height: 35px;font-size: 13px;}
    .selected_prosum .tit {font-size: 14px;}
    .select_prosum .tit:after {top: 10px;right: 5px;}
    .select_prosum dd.last .tit:after {top: 8px;right: 15px;}
    .help {padding: 20px 0;margin-bottom: 30px;}
    .help .left, .help .right {width: 100%;float: none;}
    .help .content {font-size: 13px;line-height: 22px;padding-bottom: 20px;}
    .advance-sub-filter a {font-size: 12px;line-height: 1.2;}
    .help .tit {font-size: 18px;}
    .help .button {margin-top: 5px;font-size: 14px;width: 200px;line-height: 40px;}
    .lans .me {font-size: 13px;opacity: 1;}
    .slick-arrow, .selling_item .slick-arrow {width: 24px;height: 24px;top: calc(50% - 9px);background-size: 50%;}
    .Breadcrumbs {font-size: 13px;margin: 20px auto 10px;}
    .window_open_form dd, .window_open_form dd:nth-child(3n -2) {width: 100%;margin-left: 0;padding: 0;}
    .window_open_form .advance-sub-filter {padding: 10px;}
    .window_open_form .dt {font-size: 18px;margin-bottom: 20px;}
    .window_open_form .option .tit {font-size: 14px;}
    .window_open_form .submit {width: 110px;line-height: 40px;font-size: 14px;bottom: 5vh;left: 30px;}
    .window_open_form .re_wrapper {padding: 30px;}}
/*E eng.html*/
/*pro_D.html*/
.prodetails .left { width: 47%;float: left;position: relative;}
.prodetails .swiper-button-next { right: 0;background: url("../images/next.png");width: 20px;height: 100%;border-radius: 0;background-size: 100% 100%;top: 0;margin-top: 0;}
.prodetails .swiper-button-next:hover { background: url("../images/next1.png");}
.prodetails .swiper-button-prev { left: 0;background: url("../images/prev.png");width: 20px;height: 100%;border-radius: 0;background-size: 100% 100%;top: 0;margin-top: 0;}
.prodetails .swiper-button-prev:hover { background: url("../images/prev1.png");}
.prodetails .smallView { position: relative;}
.prodetails .left #bigView { border: 1px solid #d7d7d7;box-sizing: border-box;}
.prodetails .left #smallView { width: calc(100% - 50px);margin: 20px auto 0;}
.prodetails .left #smallView .swiper-slide { border: 1px solid #d7d7d7;box-sizing: border-box;}
.prodetails .left #smallView .swiper-slide.swiper-slide-active { border-color: #222222;}
.prodetails .left a { display: block;}
.contact_eng .left1 { float: left;width: 56%;border: 1px solid #e5e5e5;}
.prodetails { padding-bottom: 80px;}
.prodetails .right { width: 46%;float: right;}
.prodetails .r_sum1 {}
.prodetails .r_sum1 .title { font-size: 26px;line-height: 36px;color: #222222;}
.prodetails .r_sum1 .r2 { margin: 30px 0 10px;border-bottom: 1px solid #d7d7d7;}
.prodetails .r_sum1 .type { font-size: 20px;color: #666666;float: left;}
.prodetails .r_sum1 .price { font-family: "Avenir-Book", "Microsoft YaHei", '微软雅黑', "Arial";color: #222222;font-size: 28px;float: right;}
.prodetails .r_sum1 .content { padding: 20px 0 40px;font-size: 18px;line-height: 28px;color: #666666;}
.prodetails .r_sum1 .r4 {}
.prodetails .r_sum1 .button { width: 250px;line-height: 60px;text-align: center;background: #222222;color: #ffffff;font-size: 24px;float: left;transition: border .3s cubic-bezier(.39, .575, .565, 1), box-shadow .3s cubic-bezier(.39, .575, .565, 1), color .3s cubic-bezier(.39, .575, .565, 1), background .3s cubic-bezier(.39, .575, .565, 1), box-shadow .3s cubic-bezier(.39, .575, .565, 1);}
.prodetails .r_sum1 .button:hover { background: #f6f5f3;color: #222;}
.prodetails .r_sum1 .share { float: right;}
.prodetails .r_sum1 .share a { margin: 20px 0 0 10px;width: 28px;vertical-align: top;-webkit-filter: grayscale(100%);filter: grayscale(100%);transition: all .4s;-webkit-transition: all .4s;}
.prodetails .r_sum1 .share a:hover { -webkit-filter: grayscale(0%);filter: grayscale(0%);}
.prodetails .r_sum2 { padding-top: 85px;}
.prodetails .r_sum2 li { margin-bottom: 45px;}
.prodetails .r_sum2 .tit { font-size: 20px;margin-bottom: 20px;color: #222222;}
.prodetails .r_sum2 .select_status {}
.prodetails .r_sum2 .select_status1 {}
.prodetails .r_sum2 .select_status1 a { line-height: 28px;color: #666666;font-size: 14px;padding: 10px;margin-right: 10px;display: inline-block;}
.prodetails .r_sum2 .select_status1 img { width: 28px;margin-right: 10px;}
.prodetails .r_sum2 .select_status1 a:hover,.prodetails .r_sum2 .select_status1 a.on { color: #222222;box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);}
.prodetails .r_sum2 .select_status2 {}
.prodetails .r_sum2 .select_status2 img { margin-right: 6px;display: inline-block;vertical-align: top;width: 50px;}
.prodetails .r_sum2 .select_status2 img:last-child { margin-right: 0;}
.pro_details .r_sum3 { font-size: 14px;padding-top: 20px;}
.pro_details .r_sum3 a { color: #222222;text-decoration: underline;}
.pro_details1 {}
.pro_details1 .question_sum { padding-bottom: 0;border: 0;}
.pro_details1 .question_sum>li:last-child .tit { border: 0;}
.pro_details1 .question_sum>li { padding: 0;border: 0;}
.pro_details1 .question_sum .status { display: none;}
.pro_details1 .question_sum .tit { font-family: Didot Bold;border-bottom: 1px solid #e5e5e5;}
.pro_details1 .question_sum .tit:after { content: '';background: url("../images/prev_icon.png");width: 23px;height: 23px;position: absolute;bottom: calc(50% - 12px);right: 20px;transform: rotate(-90deg);}
.pro_details1 .question_sum li.on .tit:before { opacity: 0;}
.pro_details1 .question_sum li.on { background: #ffffff;}
.pro_details1 .question_sum .content { padding-bottom: 30px;border-bottom: 1px solid #e5e5e5;}
.pro_details1 .question_sum .table { width: 100%;max-width: 500px;font-size: 16px;line-height: 2;color: #444444;margin-top: 30px;}
.pro_details1 .slicks_banner { position: relative;padding-bottom: 30px;margin-top: 30px;}
.slicks_banner .swiper-container { width: 87%;margin: auto;}
.slicks_banner .swiper-button-next { right: 0px;}
.slicks_banner .swiper-button-prev { left: 0px;}
.pro_details1 .slicks_banner li { border: 1px solid #d7d7d7;box-sizing: border-box;padding: 0;}
.pro_details1 .slicks_banner li img {}

.pro_details1 .tips { font-size: 16px;line-height: 26px;color: #444444;padding-top: 30px;}
.return_box a { font-size: 18px;color: #000000;padding: 40px 0;}
.return_box a img { margin-right: 20px;}
.show_360 { width: 30px;cursor: pointer;opacity: .5;position: absolute;bottom: 140px;z-index: 5;transition: all .4s;right: 10px;}
.show_360:hover { opacity: 1;}
.rotote { position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: 120;}
.bg0 { top: 0;left: 0;width: 100%;height: 100vh;background: #000000;opacity: .5;position: fixed;}
#id360 { text-align: center;position: fixed;width: 50%;min-width: 280px;top: 50%;left: 50%;transform: translate(-50%, -50%);transform: -webkit-translate(-50%, -50%);}
#id360 img { margin: auto;border-radius: 5px;overflow: hidden;}
.pc_banner { display: block !important;}
.sj_banner { display: none !important;}
@media screen and (max-width: 1800px) {
    .prodetails .r_sum1 .title {font-size: 23px;line-height: 1.5;}
    .prodetails .r_sum1 .r2 {margin: 20px 0 5px;}
    .prodetails .r_sum1 .type {font-size: 18px;}
    .prodetails .r_sum1 .price {font-size: 24px;}
    .prodetails .r_sum1 .content {padding: 15px 0 30px;font-size: 16px;line-height: 1.5;}
    .prodetails .r_sum2 .select_status2 img {margin-right: 4px;width: 35px;}
    .pro_details .r_sum3 {font-size: 12px;padding-top: 16px;}}
@media screen and (max-width: 1650px) {
    .pro_details1 .question_sum .tit {font-size: 18px;}
    .prodetails {padding-bottom: 50px;}
    .pro_details1 .question_sum .table {font-size: 14px;}
    .pro_details1 .tips {font-size: 14px;line-height: 22px;padding-top: 20px;}
    .prodetails .r_sum1 .button {width: 200px;line-height: 50px;font-size: 20px;}
    .prodetails .r_sum1 .share a {margin: 15px 0 0 7px;width: 23px;}
    .prodetails .r_sum2 {padding-top: 60px;}
    .prodetails .r_sum2 li {margin-bottom: 30px;}
    .prodetails .r_sum2 .tit {font-size: 16px;margin-bottom: 16px;}
    .prodetails .r_sum2 .select_status1 a {line-height: 2;font-size: 12px;padding: 7px;margin-right: 7px;}
    .prodetails .r_sum2 .select_status1 img {width: 22px;margin-right: 8px;}
    .pro_details.neiye_container .neiye_tit {font-size: 28px;}}
@media screen and (max-width: 1366px) {
    .prodetails .r_sum1 .title {font-size: 21px;}
    .prodetails .r_sum1 .button {width: 180px;line-height: 45px;font-size: 16px;}
    .prodetails .left {}
    .prodetails .right {width: 50%;}
    .prodetails .r_sum2 {padding-top: 40px;}
    .prodetails .r_sum1 .content {padding: 10px 0 30px;font-size: 14px;}
    .pro_details.neiye_container .neiye_tit {font-size: 25px;}}
@media screen and (max-width: 1024px) {
    .pc_banner {display: none !important;}
    .sj_banner {display: block !important;}
    #id360 {display: none;}
    .show_360 {display: none;}
    .return_box {padding: 0 5%;}
    .return_box a img {width: 18px;width: 18px;}
    .return_box a {font-size: 14px;padding: 20px 0;}
    .return_box a img {margin-right: 10px;}
    .contact_eng .right {padding: 15px 15px 25px;font-size: 15px;}
    .prodetails .r_sum1 .button {width: 120px;line-height: 45px;font-size: 14px;}
    .pro_details1 .question_sum .tit {font-size: 16px;}
    .prodetails {padding-bottom: 30px;}
    .slicks_banner .swiper-button-next {right: -20px;}
    .slicks_banner .swiper-button-prev {left: -20px;}
    .contact_eng .left1 {width: 100%;float: none;margin-bottom: 30px;}
    .pro_details1 .question_sum .table {margin-top: 15px;}
    .prodetails .left {width: 95%;float: none;max-width: 600px;margin: 0 auto 30px;}
    .prodetails .right {width: 100%;float: none;}
    .prodetails .r_sum1 .title {font-size: 17px;}
    .prodetails .r_sum1 .type {font-size: 15px;}
    .prodetails .r_sum1 .price {font-size: 17px;}
    .pro_details.neiye_container .neiye_tit {font-size: 22px;}}
/*end pro_D.html*/
.footer { border-top: 1px solid rgba(0, 0, 0, .1);line-height: 50px;font-family: "Avenir-Book", "Microsoft YaHei", '微软雅黑', "Arial";font-weight: 500;padding: 40px 0;font-size: 16px;}
.footer .footer_top {position: relative;width: 82%;}
.footer .footer_left {width: 23%;float: left;}
.footer .tit { /* font-family: Avenir; */ font-weight: 550;font-size: 18px;color: #222222;}
.footer .footer_center { font-size: 18px;width: 310px;position: absolute;top: 0;left: calc(50% - 105px);}
.footer .footer_center a { color: #222222;width: 150px;display: inline-block;vertical-align: top;/* font-weight: 550; */ font-family: Avenir;}
.footer .footer_right {width: 14%;float: right;}
.footer .contact_href {}
.footer .contact_href a { width: 28px;/* padding: 7px; */ margin: 0 13px 0 0;-webkit-filter: grayscale(100%);filter: grayscale(100%);transition: all .4s;-webkit-transition: all .4s;}
.footer .contact_href a:hover { -webkit-filter: grayscale(0%);filter: grayscale(0%);}
.footer .footer_bottom { line-height: 30px;margin-top: 45px;text-align: center;color: #999999;font-size: 16px;}
.footer .blogroll {}
.footer .blogroll a { color: #999999;margin: 0 10px;}
.footer .b2 { color: #222222;}
.footer .b2 a { color: #999999;}
.footer .text { float: left;line-height: 50px;font-size: 16px;width: calc(100% - 120px);border: 1px solid #dddddd;padding: 0 10px;box-sizing: border-box;cursor: pointer;}
.footer .submit { line-height: 50px;font-size: 16px;float: right;width: 100px;background: #222222;color: #ffffff;text-align: center;border: 0;}
.footer .tips { color: #999999;line-height: 1.5;margin-top: 10px;}
.ToMessage { position: fixed;right: 5%;top: 80vh;z-index: 100;background: #ffffff;width: 60px;height: 60px;padding: 15px;border-radius: 50%;box-sizing: border-box;box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);transition: all .4s;-webkit-transition: all .4s;}
.ToMessage img { vertical-align: top;}
.ToMessage:hover { padding: 13px 15px;box-shadow: 0 0 25px 0 rgba(0, 0, 0, .15);}
@media screen and (max-width: 1440px) {
    .footer .text {line-height: 40px;font-size: 14px;width: calc(100% - 110px);}
    .footer .submit {line-height: 40px;font-size: 14px;}
    .footer {line-height: 40px;padding: 30px 0;font-size: 14px;}
    .footer .footer_left {width: 30%;}
    .footer .footer_center, .footer .tit {font-size: 16px;}
    .footer .footer_center a {width: 95px;}
    .footer .footer_right {width: 20%;}
    .footer .contact_href a {width: 22px;/* padding: 7px; */margin: 0 8px 0 0;}
    .footer .footer_bottom {line-height: 25px;margin-top: 30px;font-size: 14px;}}
@media screen and (max-width: 1024px) {
    .footer .footer_left, .footer .footer_center, .footer .footer_right {width: 100%;float: none;position: static;margin: 0;}
    .footer .footer_center {margin: 15px 0;padding: 15px 0;border-top: 1px solid rgba(0, 0, 0, .05);border-bottom: 1px solid rgba(0, 0, 0, .05);}
    .footer .footer_center a {width: 120px;}
    .ToMessage {width: 40px;height: 40px;padding: 10px;}
    .ToMessage:hover {padding: 10px;}
}

.preview {/* float:left; */width: 100%;/* height: 585px; */margin-right: 50px;border: 1px solid #d7d7d7;position: relative;/* padding-top: 100%; */}

/* smallImg */

.smallImg {position: relative;height:90px;margin-top: 1px;padding: 15px 5px;width: 100%;overflow: hidden;float: left;}
.scrollbutton {width: 25px;height: 90px;overflow: hidden;position: relative;float: left;cursor: pointer;}
.scrollbutton.smallImgUp,.scrollbutton.smallImgUp.disabled {background: url(../images/prev.png) no-repeat left center;}
.scrollbutton.smallImgDown,.scrollbutton.smallImgDown.disabled {background: url(../images/next.png) no-repeat left center;position: absolute;top: 15px;right: 0;}
.scrollbutton.smallImgDown:hover,.scrollbutton.smallImgDown.disabled:hover {background: url(../images/next1.png) no-repeat left center;}
.scrollbutton.smallImgUp:hover,.scrollbutton.smallImgUp.disabled:hover {background: url(../images/prev1.png) no-repeat left center;}
#imageMenu {height: 90px;width: calc(100% - 25px);overflow: hidden;margin-left: 0;float: left;}
#imageMenu ul {margin-left: -5px;}
#imageMenu li {height:90px;width:102px;overflow: hidden;float: left;text-align: center;position: relative;}
#imageMenu li img {width: 90px;height: 90px;cursor: pointer;border: 1px solid #efefef;box-sizing: border-box;position: relative;}
#imageMenu li .play{
    content: '';
    background: url("../images/ico_play.png");
    background-size: 100% 100%;
    width: 25px;
    height: 25px;
    position: absolute;
    top: calc(50% - 15px);
    left: calc(50% - 12.5px);
    z-index: 10;
}
#imageMenu li#onlickImg img,#imageMenu li:hover img {width: 90px;height: 90px;border: 1px solid #222;}
/* bigImg */

.bigImg {position: relative;/* float: left; */width: 100%;overflow: hidden;/* border:1px solid #ddd; */padding-top: 100%;}
/*.bigImg #midimg {width:100%;padding-top: 100%;position: relative;}*/
.bigImg #midimg,.video_sum video {
    max-height: 100%;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    z-index: 6;
    }
    .video_sum{
    height: 100%;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    line-height: 100%;
    background: #000;
    z-index: 6;
    }
        .video_sum video{
            width:100%;
        }
.bigImg #winSelector {width: 235px;height: 210px;z-index: 10;}
#winSelector {position: absolute;cursor: crosshair;filter: alpha(opacity=15);-moz-opacity: 0.15;opacity: 0.15;background-color: #000;border: 1px solid #fff;}

/* bigView */

#bigView {position: absolute;border: 1px solid #ddd;overflow: hidden;z-index: 29;background-color: #fff;width: 500px;height: 500px;}
#bigView img {position: absolute;max-width: 300%;/* width: 240%; */width: 1170px;}