@charset "UTF-8";

/*basic css*/

body, button, dd, div, dl, form, h1, h2, h3, h4, h5, h6, html, img, input, li, ol, p, ul {margin: 0;padding: 0;border: 0}
* {-webkit-tap-highlight-color: transparent}
body {font-family: "Microsoft YaHei", STHeiti, 宋体, arial;background-color: #fff;min-width: 1280px;color: #313131;font-size: 14px;overflow-x: hidden;}
button, input, textarea {font-family: "Microsoft YaHei", STHeiti, 宋体, arial;padding: 0;font-family: Verdana, Arial}
h1, h2, h3, h4, h5, h6 {font-family: "Microsoft YaHei", STHeiti, 宋体, arial;font-weight: normal}
img {border: 0;max-width: 100%;vertical-align: middle;}
button:hover, input[type=submit]:hover {cursor: pointer}
button:focus, input:active, input:focus, textarea:focus {outline-color: transparent;border: 0}
a {display: inline-block;color: #333;}
a:link {text-decoration: none}
a:visited {text-decoration: none}
a:hover {text-decoration: none;cursor: pointer}
a:active {text-decoration: none}
li {list-style: none;}
.hidden {display: none;visibility: hidden}
.wrap:after {clear: both;content: "";display: table}
.clear {clear: both;font-size: 0;line-height: 0;height: 0;visibility: hidden}
.clearfix:after, .clearfix:before {content: "";display: table}
.clearfix:after {clear: both}
.clearfix {zoom: 1}
.picture {overflow: hidden;}
.picture img {transition: all linear .45s;-moz-transition: all linear .45s;-webkit-transition: all linear .45s;}
.each-item:hover .picture img {transform: scale(1.08);-moz-transform: scale(1.08);-webkit-transform: scale(1.08);}
.ones {overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
textarea {overflow: auto;}
.twos {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.box {width: 1280px;margin: auto;position: relative;}
/*css sprites*/

.icon {background-image: url(../images/jlt.png);background-repeat: no-repeat;display: inline-block;width: 25px;height: 25px;vertical-align: middle;}
.header .top .right .icon {height: 15px;margin-right: 5px;margin-top: -1px;}
.header .top .right li:last-child {padding-right: 0;position: relative;z-index: 3;}
.icon1 {background-position: 0 -5px;}
.icon2 {background-position: -25px -5px;}
.icon3 {background-position: -50px -4px;}
.icon4 {background-position: -75px -5px;}
.icon5 {background-position: -100px 0;background-color: transparent;}
.iconloc {background-position: -250px 0;margin-top: -3px;}
.icon6 {background-position: -275px 0;vertical-align: top;margin-top: 9px;}
.icon7 {background-position: -300px -13px;width: 10px;height: 10px;margin: 0 5px;margin-top: -5px;}
.icon7.on, .icon7:hover {background-position: -300px -38px;}
.left .icon7:first-child + i {position: absolute;bottom: 5px;transform: rotate(180deg);right: 6px;z-index: 3;}
.icontop {background-position: -300px 0;width: 10px;height: 10px;}
.icontop.on, .icontop:hover {background-position: -300px -25px;}
.series-list {width: 100%;}
/*end css sprites*/


/*header*/

.header {font-size: 12px;box-shadow: 0px 10px 20px 3px rgba(0, 0, 0, 0.1);position: relative;z-index: 11;}
.header .top {color: #999;background-color: #f4f4f4;border-bottom: 1px solid #dedede;padding: 10px 0 7px 0;}
.header .top .left {float: left;height: 20px;line-height: 20px;}
.header .top .right {float: right;font-size: 12px;line-height: 18px;color: #666666;}
.header .top .right li {line-height: 12px;height: 12px;float: left;border-left: 1px solid #ddd;padding: 0 18px;}
.header .top .right a {color: #999999;}
.header .top .right a:hover, .header .top .right a.on {color: #ff0000;}
.header .top .right li.ons1:before {content: '';display: block;width: 120px;height: 40px;position: absolute;top: -15px;left: 0;background-color: #fff;z-index: -1;border: 1px solid #d8d8d8;border-bottom: 0px;}
.header .top .right li.ons1 a:hover {color: #999;}
.header .login {color: #999999;line-height: 20px;}
.header .reg {color: #ff0000;margin-left: 10px;display: inline-block;line-height: 20px;font-size: 12px;}
.header .bottom {}
.header .middle {width: 400px;margin: 25px auto;}
.header .h_ewm {position: absolute;top: 10px;right: -20px;font-size: 12px;line-height: 1.5;color: #999;}
.header .h_ewm .h_img {width: 70px;margin: 5px auto;}
.header .middle .t1 {height: 30px;border: 1px solid #ff0000;border-radius: 40px;position: relative;}
.header .middle .t1-input {margin-left: 20px;height: 28px;line-height: 30px;width: 340px;}
.header .middle .t1-sub {}
.header .middle .t2 {padding-top: 5px;}
.header .t2 a {display: inline-block;color: #999;padding: 0 13px;border-left: 1px solid #999;font-size: 12px;line-height: 12px;margin-top: 5px;}
.header .t2 a:first-child {border: 0;}
.header .top .right li:first-child {border: 0;margin-right: 0;}
.header .t2 a:hover {color: #dd2727;}
.header .logo {float: left;}
.header .nav {text-align: center;}
.header .nav > a {color: #333333;display: block;font-size: 14px;width: 130px;line-height: 40px;float: left;text-align: center;}
.header .nav a:hover, .header a.on {color: #dd2727;}
.header .all li > a:after {content: "";width: 13px;height: 13px;position: absolute;border-right: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;transform: rotate(-45deg);right: 20px;top: 20px;transition: all linear .3s;-webkit-transition: all linear .3s;}
.header .all img {margin-top: -1px;margin-right: 15px;}
.header .nav .all {font-size: 14px;width: 240px;float: left;position: relative;margin-right: 50px;}
.header .all-cell {text-align: left;font-size: 16px;line-height: 40px;background-color: #d2d2d2;color: #3a0a0a;cursor: pointer;padding-left: 20px;position: relative;}
.header .all ul {display: none;position: absolute;top: 40px;left: 0;width: 240px;z-index: 99;background-color: rgba(255, 255, 255, 1);}
#cell.on:after {display: block;}
.header .all ul:after {content: "";position: absolute;width: 1040px;height: 500px;top: 0;left: 240px;background-color: #fff;z-index: 10;display: none;}
.header .all li {border-bottom: 4px solid rgba(244, 244, 244, 0.7);}
.header .all li:hover .cell {display: block;}
.header .all li > a {width: 100%;border-bottom: 1px solid rgba(228, 228, 228, 0.7);text-align: left;box-sizing: border-box;padding-left: 20px;line-height: 55px;position: relative;height: 55px;float: none;transition: all linear .3s;-webkit-transition: all linear .3s;}
.header .all li > a:hover {background-color: rgba(255, 255, 255, 0.3)}
.header .all a:hover:after {border-color: #a09f9f;}
.cell {position: absolute;top: 15px;left: 240px;width: 1000px;text-align: left;z-index: 11;vertical-align: top;display: none;background-color: #fff;}
.cell .cell-list {display: block;width: 775px;margin: 10px 0px 20px 23px;}
.cell h3 {font-weight: bold;font-size: 12px;line-height: 12px;width: 100%;padding: 0 30px; /* text-align: right; */box-sizing: border-box;vertical-align: top;padding-top: 5px;display: block;}
.cell h3 > a {color: #313131;}
.cell .cell-list a:last-child {border-right: 0px}
.cell .cell-list a {float: none;display: inline-block;margin-bottom: 5px;width: auto;font-size: 12px;padding: 0 8px;border-right: 1px solid #999;line-height: 12px;}
.cell dd {margin-bottom: 7px;}
.cell-list a {color: #999999;display: inline-block;}
/*end header*/


/*footer*/

.footer > .box {width: 1305px;}
.footer .footer-top {padding: 35px 0 32px 0;}
.footer-top li + li + li + li + li { /* margin-right: 0px */}
.footer-top li:nth-child(5n) { /* margin-right: 0px */}
.footer-top li {float: left;margin: 0 10px;}
.footer-top li:first-child { /* margin-left: 0; */}
.footer .footer-middle {width: 1280px;border-top: 1px solid #d8d8d8;margin: auto;}
.footer-middle .left {padding: 30px 0 40px 0;width: 900px;}
.footer-middle li {width: 180px;float: left;}
.footer-middle h3 {font-size: 16px;color: #333333;padding-bottom: 20px;}
.footer-middle a:before {content: '- '}
.footer-middle a {font-size: 14px;line-height: 26px;display: block;color: #666 !important;}
.footer-middle .right {float: right;width: 300px;text-align: right;font-size: 14px;line-height: 18px;color: #666;margin-top: 30px;}
.footer-middle .call {font-size: 24px;line-height: 30px;color: #f60e29;margin-bottom: 20px;margin-top: 2px;}
.footer .footer-bottom {font-size: 12px;line-height: 50px;height: 50px;text-align: center;background-color: #fff;color: #999;}
.footer-bottom a { /*margin-left: 45px;*/}
.footer a {color: #999999;}
/*end footer*/


/*index.html*/


/*banner*/

.banner-index {width: 100%;height: 500px;overflow: hidden;}
.banner-index a {display: block;background-position: center center;background-repeat: no-repeat;width: 100%;height: 500px;}
/*pro1*/

.index-list {padding-bottom: 55px;background-color: #f4f4f4;}
.pro_list {}
.pro_list .pro_list_top {padding-top: 30px;}
.pro_list_top a.more {width: 105px;height: 35px;line-height: 35px;text-transform: uppercase;text-align: center;border: 1px solid #282828;color: #282828;font-size: 14px;font-family: 'arial';display: block;float: right;}
.pro_list_top a.more:hover {border-color: #dd2727;color: #dd2727;}
.pro_list_top .c-name, .pro_list1 .c-name {font-size: 20px;color: #282828;line-height: 20px;margin-bottom: 5px;}
.pro_list_top .e-name, .pro_list1 .e-name {text-transform: capitalize;font-family: 'arial';font-size: 18px;line-height: 25px;color: #282828;font-weight: lighter;}
.pro_list_bottom {margin: 5px 0 35px -3px;width: 1285px;}
.pro_list_bottom a {transition: all linear .4s;-webkit-transition: all linear .4s;opacity: 1;margin: 5px;}
.pro_list_bottom a:hover {opacity: .78;}
.pro_list_bottom .t1 {float: left;margin-left: 0;}
.pro_list_bottom .t2 {float: left;}
.pro_list_bottom .t2-1 {}
.pro_list_bottom .t2-2 a {float: left;}
.pro_list_bottom .t2-2 {}
.pro_list_bottom .t3 {float: left;margin-right: 0px;}
/*pro2*/

.pro_list1 {background-color: #f4f4f4;}
.pro_list1 .right {}
.pro_list1 .more-list {float: right;margin-top: 25px;margin-right: 15px;}
.pro_list1 .more-list a {color: #333333;font-size: 14px;line-height: 14px;display: inline-block;margin-right: 15px;padding-left: 15px;border-left: 1px solid #666666;}
.pro_list1 .more-list a:hover {color: #dd2727;}
.pro_list1 .more-list a:first-child {border-left: 0;}
.pro_list1 a.more {float: right;font-size: 14px;color: #dd2727;text-transform: uppercase;font-family: 'arial';margin-top: 25px;}
.pro_list1 .left {}
.pro_list1 .t1 {width: 410px;height: 410px;float: left;}
.pros a {}
.pro_list1 .title {padding-top: 20px;padding-bottom: 10px;}
.pro_list1 .t1 {margin: 5px 8px 0 0;}
.pro_list1 .t1 a, .pro_list1 .t3 {transition: all linear .4s;-webkit-transition: all linear .4s;}
.pro_list1 .t1 a:hover, .pro_list1 .t3:hover {opacity: .85;}
.pro_list1 .t2 {width: 426px;float: left;}
.pro_list1 .t2 a {margin: 5px 8px 5px 5px;float: left;width: 200px;height: 200px;box-sizing: border-box;border: 3px solid #fff;text-align: center;background-color: #fff;position: relative;transition: all .5s;-webkit-transition: all .5s;}
.pro_list1 .t2 a:hover {border-color: #dd2727;box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.1);}
.pro_list1 .t2 a:after {position: absolute;right: -3px;top: -3px;z-index: 3;width: 100px;height: 100px;border-top: 3px solid #ffffff;border-right: 3px solid #ffffff;content: '';}
.pro_list1 .t2 a:hover:after {animation: myfirst linear .5s;-webkit-animation: myfirst linear .5s; /* Safari and Chrome */}
.pro_list1 .t3 {float: left;margin-left: 8px;margin-top: 5px;}
.pros .slick-dots {position: absolute;bottom: 10px;left: 0;width: 100%;text-align: center;}
.slick-dots li {width: 10px;border-radius: 50%;height: 10px;background-color: #ffffff;display: inline-block;color: transparent;margin: 0 5px;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.21);transition: all .5s;-webkit-transition: all .5s;}
.slick-dots li button {display: none;}
.slick-dots .slick-active {background-color: #dd2727;}
@keyframes myfirst {0% {    width: 0px;    height: 1px;    right: 190px;}50% {    width: 190px;    right: -3px;}99% {    height: 0;}100% {    width: 100px;    height: 100px;    right: -3px;}}
@-webkit-keyframes myfirst {0% {    width: 0px;    height: 1px;    right: 190px;}50% {    width: 200px;    right: -3px;}99% {    height: 1px;}100% {    width: 100px;    height: 100px;    right: -3px;}}
.index-pro {position: relative;}
.index-pro .navs {position: absolute;left: 23vh;z-index: 10;top: 22px;}
.index-pro .navs.on {position: fixed;top: 22px;left: 23vh;z-index: 10;}
.index-pro .dh {width: 40px;height: 40px;font-size: 12px;line-height: 40px;background-color: #dd2727;text-align: center;color: #fff;}
.index-pro .navs a {display: block;width: 40px;height: 40px;background-color: #ffffff;color: #282828;margin-top: 5px;font-size: 12px;text-align: center;box-sizing: border-box;line-height: 14px;padding: 5px;}
.index-pro .navs .zhiding {background-color: #282828;padding-top: 15px;}
.index-pro .zhiding i {width: 15px;height: 15px;border-top: 1px solid #ffffff;border-right: 1px solid #ffffff;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);display: block;margin: auto;}
/*end index.html*/


/*help.html*/

.help {}
.loc {color: #777777;font-size: 14px;height: 26px;line-height: 26px;padding: 24px 0;}
.loc a {color: #777777;}
.loc span.on {color: #dd2727}
.loc .now {color: #dd2727;line-height: 26px;display: inline-block;margin-right: 5px;padding: 0 25px 0 10px;position: relative;}
.loc .now:after {content: 'x';color: #dd2727;position: absolute;top: -2px;right: 10px;font-size: 12px;}
.loc .now.on {border: 1px dashed #dd2727;}
.help_list {}
.help_list .right {float: right;width: 1050px;background-color: #fff;box-sizing: border-box;padding: 0px 20px 45px 20px;border-radius: 5px;margin-bottom: 40px;position: relative;}
.help_list .left {width: 200px;padding-bottom: 60px;}
.help_list .left ul {border-top: 1px solid #e0e0e0;}
.help_list .left h3 {font-size: 16px;color: #333333;font-weight: bold;padding-top: 25px;padding-bottom: 10px;}
.help_list .left li {width: 100%;box-sizing: border-box;padding-left: 15px;}
.help-nav a {display: block;font-size: 14px;color: #666666;padding-left: 15px;line-height: 30px;}
.help-nav a:hover, .help-nav a.on {color: #dd2727;}
.editor {font-size: 14px;line-height: 26px;color: #666666;}
.help .right h2.title {font-size: 16px;color: #333333;font-weight: bold;line-height: 53px;border-bottom: 1px solid #ddd;}
.help .question {width: 100%;padding-top: 20px;}
.help .question li {margin-bottom: 10px;}
.help .question li.on {box-shadow: 0px 0px 30px 3px rgba(0, 0, 0, 0.1);}
.help .question li.on .t1 {background-color: #fff}
.help .t1 {cursor: pointer;background-color: #f6f6f6;line-height: 43px;padding: 0 20px;box-sizing: border-box;}
.help .t1-1 {float: right;position: relative;width: 20px;height: 2px;background-color: #b4b4b4;margin-top: 18px;}
.help .t1-1:after {content: "";height: 20px;width: 2px;display: block;background-color: #b4b4b4;position: absolute;top: -8px;left: 10px;transition: all .3s;-webkit-transition: all .3s;}
.help .question li.on .t1-1 {background-color: #666666;}
.help .question li.on .t1-1:after {opacity: 0;}
.help .t1-2 {}
.help .t1-3 {display: inline-block;line-height: 23px;color: #333333;font-size: 14px;width: 800px;padding: 10px 20px;}
.help .t1:hover .icon, .help li.on .icon {background-position-y: -25px;}
.help .question li.on .t2 {display: block;}
.help .t2 {box-sizing: border-box;padding: 25px 40px 45px 40px;border-top: 1px solid #ddd;margin: 0 20px;display: none;}
/*end help.html*/


/*pro.html*/


/*pro-header*/

.pro-header {}
.pro-header dd {background-color: #f8f8f8;margin-bottom: 4px;position: relative;}
.pro-header .t1 {background-color: #f8f8f8;width: 100px;height: auto;float: left;padding: 20px 30px;box-sizing: border-box;border: 2px solid #f4f4f4;border-right: 0px;position: absolute;text-align: center;top: 0;left: 0;font-size: 14px;height: 100%;z-index: 2;color: #333333;}
.pro-header .t2 {width: 1170px;box-sizing: border-box;padding: 18px 10px;position: relative;float: right;border: 2px solid #f4f4f4;background-color: #fff;}
.pro-header .more:after {content: '';position: absolute;top: 0px;right: -20px;border-top: 1px solid #d8d8d8;border-left: 1px solid #d8d8d8;display: block;width: 10px;height: 10px;transform: rotate(225deg);}
.pro-header .more {color: #dd2727;font-size: 14px;position: absolute;top: 35px;right: 30px;display: block;}
.pro-header .b-list {}
.b-list li {float: left;margin-right: -1px;margin-bottom: -1px;width: 116px;height: 55px;border: 1px solid #e4e4e4;overflow: hidden;position: relative;}
.b-list a {position: absolute;top: 0;left: 0;transition: all linear .3s;-webkit-transition: all linear .3s;z-index: 5;}
.b-list a:hover {top: -55px;}
.b-list .name {width: 118px;background-color: #dd2727;color: #ffffff;text-align: center;font-size: 14px;line-height: 55px;}
.pro-header dd:first-child .t1, .pro-header dd:first-child .t2 {border-width: 3px;}
.pro-header .series-list {font-size: 14px;line-height: 30px;margin-top: -7px;}
.series-list a {color: #666666;margin: 0 10px;font-family: 'arial';}
.pro-header .price-list {}
.price-list a {font-size: 14px;line-height: 30px;color: #666;margin: 0 10px;font-family: 'arial';}
.price-list a:hover, .price-list a.on, .series-list a:hover, .series-list a.on {color: #dd2727;}
/*pro-middle*/


/*select-list*/

.select-list {background-color: #f6f6f6;height: 50px;width: 100%;box-sizing: border-box;padding: 10px 20px;margin-top: 15px;}
.select-list .right a:hover {background-color: #fff;}
.select-list .right a {width: 30px;height: 30px;display: inline-block;border: 1px solid #ddd;margin: 0 5px;box-sizing: border-box;padding: 10px 11px;}
.select-list .left a {width: 60px;height: 30px;position: relative;text-align: center;box-sizing: border-box;border: 1px solid #e4e4e4;line-height: 30px;float: left;font-size: 14px;background-color: #fff;color: #666;margin-left: -1px;}
.select-list .right .next i {transform: rotate(-225deg);-webkit-transform: rotate(-225deg);}
.select-list .right i {width: 8px;height: 8px;border-top: 1px solid #999;border-left: 1px solid #999;display: block;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.select-list .right .next {padding-left: 8px;}
.select-list .left .in, .select-list .left a:hover {background-color: #f8f8f8;}
.select-list .right {float: right;font-size: 14px;color: #aaa;height: 30px;position: relative;}
.select-list .right .number {display: inline-block;line-height: 30px;position: absolute;right: 85px;}
.select-list a {position: relative;}
.select-list .text {margin-left: 10px;float: left;font-size: 14px;position: relative;}
.select-list .text:before {content: '￥';position: absolute;line-height: 30px;left: 5px;font-size: 14px;color: #666;font-family: 'arial';}
.select-list .input1 {width: 60px;height: 30px;border: 1px solid #eee;padding-left: 20px;box-sizing: border-box;}
.select-list .price_sub {border: 1px solid #DDD;background-color: #f7f7f7;width: 50px;height: 30px}
.select-list .and {float: left;margin-left: 5px;font-size: 30px;line-height: 30px;color: #b4b4b4;}
/*end pro.html*/


/*pro1.html*/

.proDetails {width: 1040px;float: left;margin-right: 30px;}
.proDetails .cool {padding-top: 30px;}
.proDetails .left {width: 420px;float: left;}
.proDetails .right {width: 580px;margin-left: 35px;float: left;}
.proDetails .left1 {width: 420px;height: 420px;position: relative;}
.proDetails .left1 img {width: 418px;height: 418px;border: 1px solid #d8d8d8;}
.proDetails .left1 li {opacity: 0;width: 420px;height: 420px;position: absolute;top: 0;left: 0;overflow: hidden;}
.proDetails .left1 li:first-child {opacity: 1;}
.left2-wrapper {width: 420px;overflow: hidden;}
.proDetails .left2 {height: 80px;margin-top: 18px;height: 100px;text-align: left;}
.proDetails .left2 > div.ons {border-color: #dd2727;}
.proDetails .left1 li.slick-slide {border: 1px solid #dddddd;}
.slick-slide:focus, .slick-slide a:focus {outline: none;}
.proDetails .left2 div.slick-active {}
.proDetails .left2 > div { /* margin: auto; */border: 1px solid #d8d8d8;width: 70px;height: 72px;margin: 0 5px;box-sizing: border-box;display: inline-block;}
.proDetails .pick {width: 100%;height: 110px;background-color: #fff8f8;padding: 15px 0;box-sizing: border-box;margin-bottom: 30px;}
.proDetails .pick li {line-height: 40px;}
.proDetails .h1 {font-size: 20px;line-height: 20px;color: #282828;}
.proDetails .h2 {font-size: 14px;color: #dd2727;margin: 11px 0 25px 0px;}
.proDetails .h3 {font-size: 14px;color: #666666;width: 100px;float: left;padding-left: 20px;line-height: 25px;}
.proDetails li .h3 {line-height: 40px;}
.proDetails .h4 {font-size: 24px;color: #dd2727;float: right;width: 460px;}
.proDetails .h5 {font-size: 14px;color: #666666;text-decoration: line-through;}
.proDetails .h6 {line-height: 30px;display: inline-block;width: 190px;font-size: 14px;color: #666666;border-left: 1px solid #e4e4e4;float: left;text-align: center;}
.proDetails .h6 span {display: inline-block;padding-left: 5px;}
.h6-list {padding: 20px 0;border-top: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;margin: 40px 0;}
.proDetails .h6:first-child {border-left: 0;}
.proDetails .hrefs {padding-top: 65px;padding-bottom: 50px;}
.proDetails .hrefs a {border: 1px solid #dd2727;border-radius: 5px;width: 210px;height: 50px;line-height: 18px;line-height: 50px;text-align: center;float: right;margin-right: 10px;color: #dd2727;}
.proDetails .hrefs a.no-arrowed {background-color: #999;color: #f8f8f8;border-color: #e4e4e4;cursor: not-allowed;}
.proDetails .hrefs a.on {background-color: #dd2727;color: #ffffff;}
.number-add {display: inline-block;margin-right: 10px;position: absolute;left: 0;}
.h4.on {color: #999999;font-size: 14px;line-height: 25px;position: relative;padding-left: 125px;box-sizing: border-box;}
.number-add .num {display: block;float: left;width: 50px;height: 25px;border-top: 1px solid #dd2727;border-bottom: 1px solid #dd2727;box-sizing: border-box;line-height: 25px;color: #999999;text-align: center;font-size: 14px;}
.number-add i {position: relative;font-style: normal;width: 25px;display: block;float: left;box-sizing: border-box;height: 25px;background-color: #dd2727;font-size: 25px;border: 1px solid #dd2727;color: #ffff;cursor: pointer;text-align: center;}
.number-add i:before {content: '';width: 12px;height: 2px;display: block;background: #fff;position: absolute;top: 11px;right: 5px;}
.number-add i:last-child:after {content: '';width: 2px;height: 12px;top: 6px;left: 11px;position: absolute;display: block;background: #fff;}
.proDetails .h4 a {border: 1px solid #dddddd;position: relative;margin-bottom: 10px;}
.proDetails .h4 a.sel {border: 0;margin-right: 3px;}
.proDetails .h4 a.sel:after {content: '';display: block;position: absolute;top: 0;left: 0;z-index: 3;background: url("../images/pro-border.png") center center no-repeat;width: 60px;height: 60px;}
.proDetails .right .h3:last-child {}
.mousetrap {cursor: crosshair !important;}
.any {z-index: -1;}
.any.on {z-index: 5;}
.any div {border-width: 1px !important;}
.share {margin-top: 35px;padding-bottom: 10px;}
.share a, .bds_more {font-size: 14px !important;color: #666666 !important;margin: 0 !important;margin-right: 40px !important;}
.share a img {margin-right: 10px;}
.pro-right {float: left;padding-left: 27px;border-left: 1px solid #dddddd;height: 875px;}
.pro-right1 {padding-left: 0;border: 0;padding-right: 29px;border-right: 1px solid #dddddd;}
.pro-right .number {}
.pro-right .title {width: 180px;height: 40px;border: 1px solid #dddddd;font-size: 16px;color: #666666;line-height: 40px;text-align: center;}
.pro-right1 .title {background-color: #dd2727;border-color: #dd2727;color: #ffffff;}
.pro-right .title:before, .pro-right .title:after {width: 40px;height: 1px;margin: 0 8px;border-bottom: 1px dashed #d8d8d8;content: '';margin-bottom: 6px;display: inline-block;}
.pro-right1 .title:before, .pro-right1 .title:after {width: 0;}
.pro-right ul {width: 182px;height: 788px;}
.pro-right li {border: 1px solid #d8d8d8;width: 180px;box-sizing: border-box;margin-top: 15px;}
.pro-right a {position: relative;overflow: hidden;width: 180px;height: 180px;display: block;}
.pro-right a img {transition: all .3s linear;-webkit-transition: all .3s linear;}
.pro-right a:hover img { /* margin-top: -10px; */opacity: .9;}
.pro-right .price {width: 100%;position: absolute;bottom: 0;left: 0;z-index: 3;color: #fff;font-size: 14px;line-height: 30px;text-align: center;background: rgba(0, 0, 0, .6);}
.pro-right .slick-arrow {width: 85px;height: 30px;border-radius: 0;background-image: url(.);top: auto;bottom: -45px;}
.pro-right .slick-arrow:after {width: 15px;height: 15px;display: block;margin: auto;content: "";border-bottom: 1px solid #ddd;border-right: 1px solid #dddddd;transform: rotate(45deg);-webkit-transform: rotate(45deg);margin-top: 2px;}
.pro-right .slick-arrow.prev {left: 0;}
.pro-right .slick-arrow:hover {background-color: #333;border-color: #333333;}
.pro-right .slick-arrow:hover:after {border-color: #ffffff;}
.right-cool {width: 800px;float: left;margin-left: 28px;}
.right-cool .cool-xxk {width: 100%;height: 40px;border: 1px solid #dddddd;}
.cool-xxk a {padding: 0 30px;line-height: 18px;border-right: 1px solid #dddddd;color: #666666;}
.cool-xxk li {padding: 10px 0 8px 0;display: inline-block;border-bottom: 3px solid transparent;}
.cool-xxk li:hover, .cool-xxk li.on {border-color: #dd2727;}
.cool-xxk li:hover a, .cool-xxk li.on a {color: #dd2727;}
.cool-xxk2 {margin-bottom: 30px;}
.cool-xxk2 > li {display: none;}
.cool-xxk2 .prod-table {border: 1px solid #dddddd;padding: 30px;font-size: 14px;margin: 5px 0;color: #666666;}
.prod-table .name {margin-bottom: 15px;}
.prod-table .name2 {margin-top: 15px;margin-bottom: 7px;}
.prod-table table {line-height: 30px;margin-left: -4px;}
.prod-table tr td:nth-child(odd) {width: 100px;text-align: left;}
.prod-table tr td:nth-child(even) {width: 300px;text-align: left;color: #666666;}
.cool-xxk2 .liuyansum {width: 790px;box-sizing: border-box;background-color: #ffffff;margin: auto;border: 10px solid #f4f4f4;padding: 0 20px;}
.cool-xxk2 .liuyansum .lans {width: 620px;}
.cool-xxk2 .liuyansum .imgs { /* margin-left: 30px; */}
.ljpj {background-color: #282828;font-size: 14px;line-height: 40px;width: 802px;margin-top: 5px;box-sizing: border-box;padding: 0 20px;color: #ffffff;}
/*end pro1.html*/


/*pro-lists*/

.pro-lists {width: 1300px;margin: auto;}
.pro-lists li {width: 240px;height: 380px;box-sizing: border-box;margin: 20px 10px;border: 1px solid #f2f2f2;float: left;}
.pro-lists li:hover {border-color: #dd2727;}
.pro-lists li > a, .pro-lists li > div.each-item {padding: 10px;}
.pro-lists .imgs {width: 220px;height: 220px;margin-bottom: 18px;overflow: hidden;}
.pro-lists .price {margin-bottom: 8px;font-family: 'arial';}
.pro-lists .t1 {float: right;line-height: 26px;color: #aaa;text-decoration: line-through;background-color: transparent;}
.pro-lists .t2 {color: #dd2727;display: inline-block;font-size: 16px;line-height: 26px;padding: 0;margin: 0;border: 0;}
.pro-lists .big {font-size: 26px;}
.pro-lists .twos {font-size: 14px;color: #666666;line-height: 20px;height: 40px;vertical-align: top;}
.pro-lists .lans {width: 100%;border-top: 1px solid #eee;box-sizing: border-box;font-size: 14px;line-height: 22px;color: #999999;height: 42px;overflow: hidden;}
.pro-lists .lans span {color: #172bb8;display: inline-block;margin-right: 3px;vertical-align: middle;}
/*pagetion*/

.pagetion {text-align: center;color: #888;padding: 20px 0 70px 0;}
.pagetion a {padding: 7px 10px;font-size: 14px;line-height: 14px;color: #888888;border: 1px solid #d8d8d8;margin: 0 2.5px;background-color: #fff;}
.pagetion a:hover, .pagetion a.on {border-color: #dd2727;color: #dd2727;}
.loc .sl {color: #777777;font-size: 14px;float: right;line-height: 34px;}
/*thhh.html*/

.help_list .left .imgs {position: relative;padding-bottom: 10px;}
.help_list .left .img1 {border: 10px solid #f8e4e4;border-radius: 50%;width: 100px;height: 100px;position: relative;z-index: 5;}
.help_list .left .img1 img {border-radius: 50%;}
.help_list .left .img2 {width: 50px;height: 13px;color: #fff;background-color: #dd2727;font-size: 12px;text-align: right;padding: 0 7px;box-sizing: border-box;border-radius: 15px;position: absolute;left: 88px;top: 98px;z-index: 2;line-height: 15px;font-family: 'arial';}
.help_list .left .name {font-size: 16px;color: #333333;font-family: 'arial';line-height: 25px;padding-bottom: 10px;}
.table-thhh, .table-shdz {width: 100%;margin-top: 20px;}
.table-thhh th, .table-shdz th {font-weight: normal;font-size: 12px;color: #666666;background-color: #f6f6f6;line-height: 40px;height: 40px;padding: 0 10px;text-align: left;}
.table-thhh td {color: #aaaaaa;font-size: 12px;line-height: 16px;font-family: 'arial';padding: 27px 10px 25px 10px;box-sizing: border-box;border-bottom: 1px solid #ebebeb;}
.table-thhh td:first-child {width: 140px;color: #666666;}
.table-thhh td:first-child + td {width: 260px;padding-right: 35px;}
.table-thhh td:first-child + td + td {width: 110px;font-size: 16px;line-height: 18px;color: #999999;}
.table-thhh td:first-child + td + td + td {width: 200px;color: #999;font-size: 16px;}
.table-thhh td:first-child + td + td + td + td, .table-thhh td:first-child + td + td + td + td + td {width: 120px;font-size: 14px;line-height: 18px;}
.table-thhh td:first-child + td + td + td + td + td + td {width: 90px;}
.table-thhh a {color: #999999;font-size: 12px;line-height: 16px;}
.table-thhh a:hover {color: #dd2727;}
.table-thhh td:last-child a:hover {text-decoration: underline;}
.table-td {padding-top: 11px;}
.help_list .href-a {position: absolute;top: 18px;left: 150px;}
.help_list .href-a a {color: #666666;font-size: 14px;padding: 0 30px;border-left: 1px solid rgba(0, 0, 0, 0.1);}
.help_list .href-a a:hover, .href-a a.on {color: #dd2727;}
.help_list .href-a a:first-child {border: 0px;}
/*sq1.html*/

.sq_list {background-color: #ffefef;height: 195px;margin-top: 20px;background-size: cover;}
.sq_list .sq1 {font-size: 16px;color: #222222;text-align: center;}
.sq_list li {width: 100px;text-align: center;display: inline-block;float: left;position: relative;margin-left: 140px;}
.sq_list li:before {content: '';width: 210px;height: 6px;background-color: #fff;display: inline-block;margin-left: -34px;border-top: 3px solid #fff;border-bottom: 3px solid #fff;position: absolute;top: 50px;left: -140px;}
.sq_list li:first-child:before {content: '';display: none;}
.sq_list li.on:before {content: '';background-color: #dd2727;}
.sq_list li.on .sq3 {display: block;}
.sq_list .sq2 {background-position: -355px 0;width: 45px;height: 45px;margin: 10px 0;}
.sq_list li.on .sq2 {background-position: -310px 0;}
.sq_list ul {padding-top: 40px;}
.sq_list .sq3 {font-size: 14px;line-height: 20px;color: #aaaaaa;font-family: 'arial';width: 100px;text-align: center;margin: auto;display: none;}
.sq_pro {position: relative;}
.sq_pro .right1 {position: absolute;right: 0;width: 460px;top: 40%;transform: translate(0, -50%);}
.sq_pro .right1.on {position: static;transform: translate(0, 0%);float: right;}
.sq_pro .right2 {font-size: 24px;color: #333333;padding: 35px 0 25px 0;}
.sq_pro .right3 {font-size: 14px;line-height: 1.7;color: #888;width: 448px;overflow: hidden;}
.kuaidi_info {max-height: 140px;margin-top: 20px;overflow: scroll;overflow-x: hidden;padding-right: 10px;width: 450px;line-height: 1.6;color: #999;}
.sq_pro .left1 {width: 520px;box-sizing: border-box;position: relative;padding-right: 100px;}
.sq_pro .left1:after {content: url("../images/after.jpg");position: absolute;top: 0;right: 0;}
.sq_pro .left1 .title, .sq_pro .right1.on .title {padding-top: 40px;padding-bottom: 15px;font-size: 16px;color: #333333;border-bottom: 1px solid #e4e4e4;}
.sq_pro .left1 .cell1 {width: 98%;padding: 30px 0; /* display: block; */}
.sq_pro .left1 .lans {float: right;width: 310px;}
.sq_pro .left1 .name {font-size: 14px;line-height: 18px;color: #333333;padding-bottom: 20px;font-family: 'arial';}
.sq_pro .left1 .guige {color: #999999;}
.sq_pro .left1 .imgs {width: 80px;height: 80px;border: 1px solid #e4e4e4;}
.sq_pro .left1 li {border-top: 1px dashed #e4e4e4;padding: 20px 0 23px 0;display: inline-block;width: 100%;}
.sq_pro .left1 .li1 {width: 80px;color: #999999;font-size: 14px;line-height: 22px;float: left;}
.sq_pro .left1 .li1.on {width: 100%;}
.sq_pro .left1 .li2 {width: 330px;color: #666666;float: right;}
.sq_pro .left1 .mess {color: #333333;}
/*sq2*/

.sq_pro .right4 {}
.sq_pro .right4 dl {}
.sq_pro .right4 dd {font-size: 14px;vertical-align: top;line-height: 22px;color: #666666;margin-top: 20px;}
.sq_pro .right4 .ul_list {width: 260px;height: 30px;line-height: 30px;display: inline-block;vertical-align: text-bottom;position: relative;padding: 0 10px;box-sizing: border-box;position: relative;margin-bottom: -5px;}
.sq_pro .right4 .ul_list:hover:after {border-top-color: #666666;}
.sq_pro .right4 .ul_list:after {content: '';width: 0px;height: 0px;border-left: 5px solid transparent;border-top: 8px solid #aaa;border-right: 5px solid transparent;position: absolute;top: 10px;right: 15px;}
.sq_pro .right4 .ul_list:hover ul {height: auto;opacity: 1;}
.sq_pro .right4 .ul_list ul {position: absolute;top: 25px;left: -1px;width: 252px;box-sizing: border-box;border: 1px solid #e4e4e4;display: none;border-top: 0px;background-color: #fff;}
.sq_pro .right4 .ul_list li {display: block;}
.sq_pro .right4 .ul_list li a {padding: 0 10px;}
.sq_pro .right4 .input1 {width: 250px;border: 1px solid #e4e4e4;height: 30px;margin-left: 4px;}
.sq_pro .right4 .input2 {margin-left: 75px;border-radius: 3px;width: 130px;line-height: 30px;height: 30px;display: block;background-color: #dd2727;color: #ffffff;}
.input3 {width: 256px;height: 100px;border: 1px solid #e4e4e4;resize: none;vertical-align: top;padding: 10px;box-sizing: border-box;}
.btn {border-radius: 4px;width: 100px;height: 35px;line-height: 35px;border: 1px solid #e4e4e4;background: url("../images/btn-bg.jpg") center center repeat-x;color: #222222;}
.btn:hover {opacity: .8;}
.btn.red {background-image: url('../images/bg-btn1.jpg');height: 40px;line-height: 40px;width: 130px;text-align: center;font-size: 12px;color: #666666;margin-top: 20px;}
.sq_pro .right4 .dd1 {font-size: 12px;color: #aaaaaa;vertical-align: top;margin-top: 5px;padding-left: 70px;}
.sq_pro .right4 .dd1 img {border: 1px solid #e4e4e4;margin-right: 5px;vertical-align: bottom;}
.shumu {display: inline-block;height: 50px;line-height: 6px;}
.sq_pro .right4 .dd2 {padding-top: 18px;}
textarea:focus {border: #e4e4e4 solid 1px;}
/*zhmm.html and zhmm3.html*/

.zhmm-liucheng {width: 1000px;margin: auto;padding-top: 110px;}
.zhmm-liucheng li {float: left;width: 33%;position: relative;}
.zhmm-liucheng1 li {width: 300px;}
.zhmm-liucheng li:after {content: '';width: 330px;height: 3px;background-color: #e4e4e4;display: block;position: absolute;top: 15px;left: 0;z-index: 1;}
.zhmm-liucheng1 li:after {width: 300px;}
.zhmm-liucheng li.on:after {content: '';background-color: #dd2727;}
.zhmm-liucheng .number {background-color: #e4e4e4;color: #ffffff;font-size: 18px;width: 30px;height: 30px;border-radius: 50px;line-height: 30px;position: relative;text-align: center;margin: auto;z-index: 3;}
.zhmm-liucheng li.on .number {background-color: #dd2727;}
.zhmm-liucheng li .lans {font-size: 18px;line-height: 24px;color: #999999;text-align: center;margin-top: 20px;}
.zhmm-liucheng li.on .lans {color: #333;}
.zhmm-list {width: 1000px;margin: 90px auto 140px auto;}
.zhmm-list li {margin-bottom: 20px;}
.zhmm-list li.on {font-size: 26px;color: #dd2727;}
.zhmm-list li.on img {margin-right: 30px;}
.zhmm-list .left {width: 330px;height: 40px;float: left;font-size: 14px;line-height: 40px;color: #999999;text-align: right;}
.zhmm-list .right {width: 670px;float: left;box-sizing: border-box;padding-left: 30px;line-height: 40px;}
.zhmm-list .input1 {width: 300px;height: 40px;box-sizing: border-box;border: 1px solid #e4e4e4;}
.zhmm-list .input2 {width: 150px;margin-right: 10px;height: 40px;box-sizing: border-box;border: 1px solid #e4e4e4;}
.zhmm-list .sub {width: 300px;height: 40px;box-sizing: border-box;background-color: #dd2727;color: #ffffff;text-align: center;font-size: 18px;line-height: 40px;}
.zhmm-list .sub.small {width: 141px;font-size: 14px;}
/* END zhmm.html and zhmm3.html*/


/*zc1.html and zc3.html*/

.zc-liucheng {width: 900px;margin: auto;padding-top: 85px;}
.zc-liucheng li {float: left;width: 300px;position: relative;text-align: center;padding-bottom: 10px;}
.zc-liucheng li:after {content: '';width: 300px;height: 3px;background-color: #e4e4e4;display: block;position: absolute;left: 0;bottom: 0;z-index: 1;}
.zc-liucheng li.on:after {content: '';background-color: #dd2727;}
.zc-liucheng .number {background-color: #e4e4e4;color: #ffffff;font-size: 18px;width: 30px;height: 30px;border-radius: 50px;line-height: 30px;position: relative;text-align: center;z-index: 3;display: inline-block;}
.zc-liucheng li.on .number {background-color: #dd2727;}
.zc-liucheng li .lans {font-size: 18px;line-height: 24px;color: #999999;text-align: center;margin-top: 20px;display: inline-block;}
.zc-liucheng li.on .lans {color: #333;}
.zhmm-list li.on2 .right {width: 1000px;text-align: center;padding: 20px 0 25px 0;font-size: 16px;}
/*END zc1.html and zc3.html*/


/*shdz.html*/

.table-shdz {}
.table-shdz td {box-sizing: border-box;font-family: 'arial';font-size: 12px;line-height: 16px;color: #aaaaaa;border-bottom: 1px solid #e4e4e4;padding: 15px 0;padding-left: 10px;}
.table-shdz a {color: #aaaaaa;padding: 0 5px;display: inline-block;}
.table-shdz .s1, .table-shdz .s2, .table-shdz .s3 {color: #666666;}
.table-shdz .s1 {width: 85px;}
.table-shdz .s2 {width: 240px;}
.table-shdz .s3 {width: 280px;}
.table-shdz .s4 {width: 66px;text-align: center;padding-left: 0;}
.table-shdz .s5 {width: 175px;padding-left: 0;text-align: center;}
.table-shdz .s6 {text-align: center;padding-left: 0;}
.table-shdz .on .s6, .table-shdz .on a {color: #007eff;}
.table-shdz .on .remove {color: #dd2727;}
.table-shdz th:nth-child(4), .table-shdz th:nth-child(5), .table-shdz th:nth-child(6) {text-align: center;}
/*end shdz.html*/


/*yxyz.html*/
.zhmm-list .btn {width: 140px;background-size: contain;}
/*END yxyz.html*/


/*wdsc.html*/
.right .pro-lists {width: 100%;padding-top: 15px;}
.right .pro-lists li {width: 230px;height: 330px;margin: 15px 10px;}
.right .pro-lists .imgs {width: 210px;height: 210px;position: relative;}
.pro-lists .searchs {line-height: 40px;height: 40px;text-align: center;color: #ffffff;font-size: 14px;background-color: #dd2727;position: absolute;bottom: -40px;z-index: 10;width: 100%;left: 0;transition: all .3s;-webkit-transition: all .4s;}
.pro-lists li:hover .searchs {bottom: 0px;}
.right .pro-lists .t1 {padding: 0 10px;}
/*END wdsc.html*/


/*jypj.html and jypj1.html*/

.jypjSum {}
.jypjSum .title {margin-top: 10px;}
.jypjSum .title li {float: left;text-align: center;height: 40px;line-height: 40px;background-color: #f6f6f6;color: #666666;}
.jypjSum .j1 {width: 490px;}
.jypjSum .j2 {width: 80px;}
.jypjSum .j3 {width: 160px;}
.jypjSum .j4 {width: 140px;}
.jypjSum .j5 {width: 140px;}
.jypj-table table {border-collapse: collapse;}
.jypj-table li {box-sizing: border-box;margin-top: 10px;}
.jypj-table td {border: 1px solid #e4e4e4;text-align: center;padding: 20px;box-sizing: border-box;vertical-align: top;border-collapse: collapse;}
.jypj-table .top {padding: 0 20px;box-sizing: border-box;background-color: #f6f6f6;color: #999999;line-height: 30px;height: 30px;font-family: 'arial';font-size: 12px;border: 1px solid #e4e4e4;border-bottom: 0;}
.jypj-table .top a {float: right;}
.icon.dustbin {background-position: -75px -25px;}
.icon.dustbin:hover {opacity: .5;}
.jypj-table .lans, .jf-table .lans {width: 310px;text-align: left;float: right;font-size: 14px;line-height: 24px;}
/****商品属性***/

.spec {font-size: 12px;color: #666}
.jypj-table a, .jf-table a {display: block;}
.jypj-table .imgs, .jf-table .imgs {border: 1px solid #eaeaea;width: 80px;height: 80px;}
.jypj-table .j1 {padding-right: 55px;}
.jypj-table .j2 {color: #999999;}
.jypj-table .j3 {font-size: 18px;color: #666666;}
.jypj-table .j4, .jypj-table .j4 a {font-size: 14px;line-height: 24px;color: #999999;}
.jypj-table .j4 a.btn_pay, .jypj-table .j5 a.btn_pay {box-sizing: border-box;display: inline-block;border: none;height: 25px;line-height: 25px;padding: 0 8px;border-radius: 3px;font-size: 12px;cursor: pointer;text-decoration: none;background: #dd2727;color: #fff;}
.jypj-table .j5 a {font-size: 14px;line-height: 14px;margin-bottom: 10px;color: #999999;cursor: pointer;}
.jypj-table .j5 a.btn {font-size: 14px;line-height: 40px;color: #666666;display: inline-block;}
.btn_cancle {color: #333 !important;}
.btn_cancle:hover {color: #dd2727 !important;}
.liuyansum {}
.liuyansum .liuyan-top {width: 100%;margin-top: 20px;box-sizing: border-box;border: 10px solid #ffefef;}
.liuyan-top textarea {width: 100%;box-sizing: border-box;border: 1px solid #e4e4e4;padding: 15px;height: 150px;resize: none;display: block;}
.liuyan-top .bottom {height: 50px;text-align: right;font-size: 14px;line-height: 50px;background-color: #f6f6f6;border: 1px solid #e4e4e4;border-top: 0px;color: #bbbbbb;}
.liuyan-top a {float: right;width: 120px;text-align: center;background-color: #9b999a;color: #fff;font-size: 16px;margin-left: 20px;}
.liuyan-top a:hover {background-color: #666666}
.liuyan-top a.on {background-color: #dd2727;}
.liuyan-top a.on:hover {background-color: #dd2727;}
.liuyansum ul {}
.liuyansum li {border-bottom: 1px dashed #e4e4e4;padding: 30px 0;}
.liuyansum .h1 {font-size: 16px;color: #333333;}
.liuyansum .h2 {font-size: 12px;color: #bbbbbb;padding: 5px 0;}
.liuyansum .h3 {color: #999999;font-size: 14px;line-height: 24px;width: 100%;padding: 0;}
.liuyansum .h4 {color: #833d3d;font-size: 14px;line-height: 22px;background-color: #fff5f5;padding: 12px;box-sizing: border-box;margin-top: 15px;width: 100%;}
.liuyansum .imgs {border-radius: 50%;overflow: hidden;width: 80px;height: 80px;}
.liuyansum .lans {width: 890px;float: right;}
/*END jypj.html and jypj1.html*/


/*jydd.html*/

.help_list .right .pagetion {padding-bottom: 0;margin-bottom: -8px;padding-top: 25px;}
.slick-arrow {width: 30px;height: 30px;border: 1px solid #e4e4e4;border-radius: 50%;background: url("../images/jlt.png") -99px -25px no-repeat;position: absolute;right: 40px;top: -55px;z-index: auto;cursor: pointer;}
.slick-arrow.next {transform: rotate(-180deg);-webkit-transform: rotate(-180deg);right: 0;background-position-y: -23px;}
.slick-arrow:hover {background-position-x: -123px;background-color: #dd2727;border-color: #dd2727;}
.right.rightj1 {margin-bottom: 20px;}
.right.rightj2 {margin-bottom: 60px;}
/*end jydd.html*/


/*zhap.html*/

.zhap {padding-bottom: 250px;}
.zhap li {padding: 20px 0;border-top: 1px dashed #d8d8d8;}
.zhap li:first-child {border-top: 0;}
.zhap .icon10 {width: 50px;height: 50px;background: url("../images/jlt.png") -50px -50px no-repeat;float: left;}
.zhap li.on .icon10 {background-position: -0px -50px;}
.zhap .zhap1 {color: #666666;font-size: 22px;line-height: 50px;float: left;padding: 0 30px;border-right: 1px solid #f0f0f0;}
.zhap .zhap2 {font-size: 12px;line-height: 18px;color: #999999;width: 540px;box-sizing: border-box;padding: 0 30px;float: left;}
.zhap .zhap3 {float: right;width: 100px;text-align: center;}
.zhap3 a {color: #999999;font-size: 14px;line-height: 40px;}
.zhap3 a:hover {color: #dd2727;}
/*end zhap.html*/


/*.wdyhq.html*/

.wdyhq-list {padding-top: 5px;}
.wdyhq-list li {float: left;width: 320px;height: 180px;background: url("../images/yhq1.png") center center repeat-y;border-radius: 10px;text-align: -webkit-auto;margin: 15px 0;}
.wdyhq-list li.on {background: url("../images/yhq2.png") center center repeat-y;}
.wdyhq-list a {display: block;position: relative;height: 180px;padding-top: 15px;font-family: 'arial';}
.wdyhq-list li:nth-child(3n-1) {margin: 15px 25px;}
.wdyhq-list .yhq-header {width: 40px;height: 40px;line-height: 40px;color: #fff;font-size: 24px;font-weight: bold;position: absolute;top: 70px;right: 10px;text-align: center;}
.wdyhq-list li .date {color: #ffffff;font-family: 'arial';font-size: 16px;padding-top: 15px;}
.wdyhq-list span, .wdyhq-list .span {color: #ffffff;display: inline-block;font-family: 'arial';font-size: 30px;line-height: 1;margin-right: 10px;}
.wdyhq-list .tt {color: #ffffff;font-size: 20px;border-radius: 15px;}

.right1.ddxx-right {top: 50%;}
.left1.ddxx-left ul li:first-child {border: 0;}
.sq_pro .left1.ddxx-left:after {height: 480px;content: url('../images/after1.jpg');padding-top: 20px;}
.sq_list1 li:before {width: 155px;margin-left: 21px;}
.sq_list1 li {margin-left: 85px;}
/*end wdyhq.html*/


/*zhxx1.html and zhxx.html*/

.zhxx1sum {}
.zhxx1sum .btn {font-size: 12px;color: #666666;text-align: center;width: 200px;height: 30px;line-height: 30px;margin-top: 38px;}
.zhxx1sum .icon {background-position: -150px -25px;}
.zhxx1sum .sm {color: #aaaaaa;font-size: 14px;line-height: 18px;padding: 8px 0 15px 0;}
.zhxx1sum .rights {float: right;width: 390px;color: #999999;font-size: 14px;line-height: 20px;}
.zhxx1sum .imgs {border: 5px solid #f0f0f0;width: 100px;height: 100px;border-radius: 50%;background-color: #fafafa;margin-top: 20px;margin-bottom: 10px;}
.zhxx1sum .imgs1 {width: 80px;height: 80px;margin-top: 25px;}
.zhxx1sum .imgs img {border-radius: 50%;}
.zhxx1sum .lefts {width: 570px;border-right: 1px solid #c9c9ca;padding: 8px 0;}
.zhxx1sum .lefts .pic {border: 1px solid #c9c9ca;width: 520px;height: 350px;background: url("../images/icon-sc.png") center center no-repeat;background-color: #f6f6f6;text-align: center;}
.zhxx2sum {padding: 0 50px;margin-top: 40px;box-sizing: border-box;}
.zhxx2sum .top {}
.zhxx2sum .top span {color: #dd2727;}
.zhxx2sum .zhxx-ul {color: #666666;margin-top: 30px;}
.zhxx2sum li {margin-bottom: 20px;font-size: 14px;}
.zhxx2sum .zhxx21 {width: 110px;float: left;color: #999999;line-height: 30px;}
.zhxx2sum .zhxx22 {width: 780px;line-height: 30px;float: right;}
.zhxx2sum .i1 {width: 350px;height: 30px;border: 1px solid #ddd;box-sizing: border-box;padding: 0 10px;}
.zhxx2sum .i2 {width: 240px;height: 30px;border: 1px solid #ddd;box-sizing: border-box;padding: 0 10px;}
.zhxx2sum .i3 {}
.zhxx2sum .label {}
.zhxx2sum .label a {margin-right: 20px;}
.zhxx2sum .rd {width: 20px;height: 20px;display: inline-block;border: 1px solid #ddd;border-radius: 50%;position: relative;margin-right: 8px;margin-bottom: -5px;margin-left: 20px;}
.zhxx2sum .rd.on {border-color: #dd2727;}
.zhxx2sum .label .rd:first-child {margin-left: 0;}
.zhxx2sum .rd.on:after {content: '';width: 10px;height: 10px;display: block;background-color: #dd2727;border-radius: 50%;top: 5px;left: 5px;position: absolute;}
.zhxx2sum select {border: solid 1px #cccccc;width: 100px;appearance: none;-moz-appearance: none;-webkit-appearance: none;background: url("../images/arrow_bottom.jpg") no-repeat scroll 85px center transparent;padding: 0 10px;box-sizing: border-box;height: 30px;color: #aaaaaa;margin-right: 8px;line-height: 30px;}
.zhxx2sum option {color: #333333;}
.zhxx2sum .sub, .zhxx1sum .sub {width: 80px;height: 30px;line-height: 30px;background-color: #dd2727;color: #ffffff;text-align: center;font-size: 16px;border-radius: 5px;}
.zhxx2sum input:focus, .zhxx2sum select:focus {border: 1px solid #dd2727;box-shadow: 0px;}
.zhxx1sum .lan {margin-top: 8px;}
.zhxx1sum .cl {margin-bottom: 25px;}
/*end zhxx1.html and zhxx.html*/


/*login.html*/

.login-bg {background-position: center center;background-repeat: no-repeat;background-size: cover;height: 560px;}
.login-box {width: 360px;height: 460px;background-color: #ffffff;border-radius: 5px;float: right;box-sizing: border-box;padding: 30px;margin-top: 55px;box-shadow: 0px 0px 40px 0 rgba(0, 0, 0, 0.1);}
.login-box .msg_error {float: right;color: #F00;font-size: 14px;margin-top: 10px;}
.login-box h2 {font-size: 18px;line-height: 18px;color: #333333;font-weight: bold;margin-top: 10px;}
.login-input {padding: 8px 0 8px 7px;margin-top: 20px;border: 1px solid #ddd;}
.login-input .icon-login1 {background-position: -175px -28px;}
.login-input .icon-login2 {background-position: -198px -27px;}
.login-input .input1 {width: 240px;height: 25px;border-left: 1px solid #ddd;padding: 0 20px;box-sizing: border-box;margin-left: 10px;}
.login-box .right {float: right;color: #999999;font-size: 12px;margin-top: 30px;}
.login-box .right .icon {border-radius: 50%;background-color: #dd2727;background-position: -128px -29px;margin-left: 10px;transform: rotate(-180deg);-webkit-transform: rotate(-180deg);width: 20px;height: 20px;zoom: .8;margin-bottom: 4px;}
.login-box .left {color: #bbbbbb;font-size: 12px;line-height: 15px;margin-top: 30px;cursor: pointer;}
.login-box .left i {color: transparent;width: 15px;height: 15px;margin-right: 10px;font-size: 15px;display: inline-block;border: 1px solid #dddddd;}
.login-box .left .login-btn.on {color: #dd2727;}
.login-box .sub {background-color: #dd2727;color: #ffffff;font-size: 18px;line-height: 40px;height: 40px;width: 100%;margin: 25px 0;text-align: center;}
.login-box .wanji {color: #dd2727;font-size: 14px;display: block;text-align: center;margin-bottom: 15px;}
.login-box .lans {font-size: 14px;color: #aaaaaa;vertical-align: top;}
.login-box .lans:before, .login-box .lans:after {content: '';height: 1px;background-color: #aaaaaa;display: inline-block;width: 80px;margin-bottom: 5px;}
.login-box .lans:before {margin-right: 20px;}
.login-box .lans:after {margin-left: 20px;}
.login-box .href-a {text-align: center;padding-top: 15px;}
.login-box .href-a a {width: 40px;height: 40px;margin: 0 3px;}
.login-box .href-aa:hover {opacity: .5;}
.login-box .href-a .iconl1 {background-position: -100px -60px;}
.login-box .href-a .iconl2 {background-position: -150px -60px;}
.login-box .href-a .iconl3 {background-position: -200px -60px;}
/*end login.html*/


/*ddxx.html*/

.jiage {width: 225px;float: right;margin-top: 20px;}
.jiage td {font-size: 14px;line-height: 30px;color: #333333;text-align: right;}
.jiage tr td:first-child {color: #999999;width: 70px;}
/*end ddxx.html*/


/*.wdjf.html*/

.sq_list1 .lans {height: 100px;box-sizing: border-box;padding-top: 50px;text-align: center;}
.sq_list1 .lans.old {opacity: .5;border-left: 1px solid #ecd3d3;}
.sq_list1 .lans .p1 {font-size: 16px;color: #666;}
.sq_list1 .lans .p2 {font-size: 46px;line-height: 90px;color: #dd2727;font-family: 'arial';font-weight: bold;}
.jf-table {margin-top: 15px;border-collapse: collapse;}
.jf-table TD {padding: 20px 0;border-bottom: 1px solid #e4e4e4;}
.jf-table .j1 {width: 420px;}
.jf-table .j1 p {font-size: 12px;color: #cccccc;margin-top: 10px;line-height: 16px;}
.jf-table .j2 {color: #ff3232;font-family: 'arial';font-size: 36px;width: 250px;text-align: center;}
.jf-table .j3 {font-size: 14px;color: #aaaaaa;width: 270px;font-family: 'arial';text-align: center;}
.jf-table .j4 {font-size: 12px;color: #aaaaaa;}
/*end wdjf.html*/


/*wdxx.html*/

.wdxx-sum {}
.wdxx-sum li {}
.wdxx-sum .date {font-size: 14px;font-family: 'arial';line-height: 50px;text-align: center;color: #999999;}
.wdxx-sum .top {height: 40px;background-color: #f5f5f5;font-size: 14px;color: #333333;line-height: 40px;overflow: hidden;border: 1px solid #dddddd;padding-left: 20px;position: relative;}
.wdxx-sum .close {position: absolute;right: -25px;top: -25px;background: #dddddd;color: #ffffff;display: block;width: 50px;height: 50px;border-radius: 50%;line-height: 0px;padding-top: 35px;box-sizing: border-box;padding-left: 12px;}
.wdxx-sum .close:hover {background-color: #666666;}
.wdxx-sum .top {}
.wdxx-sum .bottom {font-size: 14px;line-height: 22px;color: #999999;border: 1px solid #dddddd;border-top: 0;padding: 15px 20px;box-sizing: border-box;}
.wdxx-sum .bottom a {text-align: right;display: block;font-size: 14px;margin-top: 25px;color: #666666;text-decoration: underline;}
.wdxx-sum .bottom a:hover {color: #dd2727;}
/*end wdxx.html*/
.topsum {height: 100vh;width: 38px;position: fixed;top: 0;right: 0;z-index: 99;background-color: #dd2727;}
.topsum .blane {background-color: #282828;width: 38px;height: 50vh;top: 0;right: 0;z-index: 99;}
.topsum .re {position: relative;height: 50vh;}
.topsum a {color: #ffffff;font-size: 14px;text-align: center;width: 26px;margin: 7px 0;padding: 6px 6px;margin-bottom: -5px;position: relative;}
.topsum .numbercar {background-color: #dd2727;width: 20px;margin: auto;height: 20px;border-radius: 50%;display: block;margin-top: 5px;line-height: 20px;display: block;}
.topsum .ab1 {position: absolute;bottom: 20px;}
.icons1 {background-position: -125px 0;}
.icons2 {background-position: -150px 0;}
.icons3 {background-position: -175px 0;}
.icons4 {background-position: -200px 0;}
.icons5 {background-position: -225px 0;}
.topsum a:hover {background-color: #ff4545;}
.topsum a:hover .shoucan {display: block;}
.topsum a:hover .shoucan:after {opacity: 1;}
.shoucan {display: none;width: 120px;height: 40px;line-height: 40px;background-color: #282828;color: #ffffff;text-align: center;font-size: 14px;position: absolute;top: 0px;right: 36px;}
.shoucan:after {opacity: 0;content: '';height: 0px;width: 0px;border-top: 7px solid transparent;border-right: 8px solid #282828;border-bottom: 8px solid transparent;position: absolute;top: 13px;right: -7px;transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
.red .top {box-sizing: border-box;height: 40px;width: 38px;position: fixed;bottom: 0;right: 0;}
.topsum .top i {margin: auto;margin-top: 10px;width: 15px;height: 15px;display: block;border-top: 1px solid #ffffff;border-left: 1px solid #ffffff;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
@media screen and (max-width: 1440px) {.topsum a {    padding: 6px 2px;}
    .red .top {    padding: 0;    width: 30px;}
    .topsum {    width: 30px;}
    .shoucan {    right: 30px;}
    .topsum .blane {    width: 30px;}}
/*gwc.html*/

.gwcsum {padding-top: 50px;}
.gwc1 {}
.gwc1 .right {color: #999999;float: right;}
.gwc1 .left {border-bottom: 1px solid #ddd;}
.gwc1 .right .jiesuan {width: 60px;height: 25px;background-color: #dd2727;text-align: center;font-size: 14px;color: #ffffff;line-height: 25px;border-radius: 5px;margin-left: 10px;}
.gwc1 .left li {display: inline-block;padding-bottom: 22px;border-bottom: 3px solid transparent;}
.gwc1 .left li:hover a, .gwc1 .left li.on a {color: #dd2727;}
.gwc1 .left li:hover, .gwc1 .left li.on {border-color: #dd2727;}
.gwc1 .left a {font-size: 16px;line-height: 20px;color: #666666;padding: 0 20px;display: inline-block;border-right: 1px solid #ddd;}
.gwc2 {}
.gwc2 ul {text-align: center;}
.gwc2 ul li {padding-top: 15px;padding-bottom: 25px;}
.gwc2 table {border-collapse: collapse !important;margin-bottom: 10px;margin-left: 7px;}
.gwc2 table td {font-size: 14px;line-height: 24px;color: #666666;float: none !important;text-align: center;border: 1px solid #e4e4e4;padding: 20px 0 40px 0;vertical-align: top;background-color: #fdfdfd;}
.gwc2 .gt1 {cursor: pointer;width: 55px;float: left;border-right: 0px;}
.gwc2 .gt1 i {border: 1px solid #ddd;background-color: #ffffff;width: 20px;height: 20px;display: inline-block;text-align: center;color: transparent;margin-right: 5px;}
.gwc2 .gt1.on i {color: #dd2727;}
.gwc2 .gt2 {width: 560px;float: left;}
.gwc2 .gt3 {width: 170px;float: left;}
.gwc2 .gt4 {width: 180px;float: left;}
.gwc2 .gt5 {width: 160px;float: left;}
.gwc2 .gt6 {width: 130px;float: left;padding-left: 45px;box-sizing: border-box;text-align: left;}
.gwcsum .number-add {position: static;}
.gwc2 table a {display: block;}
.gwc2 table a.clearfix {width: 520px;margin-left: 20px;}
.gwc2 .imgs {width: 80px;height: 80px;border: 1px solid #e4e4e4;}
.gwc2 .lans {width: 400px;float: right;line-height: 22px;text-align: left;}
.gwc2 .hui {display: block;font-size: 14px;color: #999999;text-decoration: line-through;font-family: 'arial';}
.gwc2 table.on td {background-color: #fcf8f8;}
.jss1 .gwc2 table.on td {background-color: #fcf8f8;}
.gwc2 table.on .hong {color: #aaaaaa;}
.gwc2 table.on .gt1 {vertical-align: middle;}
.gwc2 .hong {color: #dd2727;font-size: 22px;font-family: 'arial';}
.gwc2 .gt6 a:hover {color: #dd2727;}
.gwc3 {background-color: #f2f2f2;height: 70px;line-height: 70px;}
.gwc3 .right {float: right;}
.gwc3 a {margin: 0 20px;}
.gwc3 .left {float: left;}
.gwc3 .right a {cursor: text;}
.gwc3 .right a.jiesuans {cursor: pointer;width: 180px;text-align: center;margin: 0;color: #fff;background-color: #dd2727;font-size: 24px;}
.gwc3 a i {border: 1px solid #ddd;background-color: #ffffff;width: 20px;height: 20px;display: inline-block;text-align: center;color: transparent;margin-right: 5px;margin-bottom: -5px;}
.gwc3 i.on {color: #dd2727;}
.gwc3 a:hover { /* color: #dd2727; */}
.gwc3 .right a:hover {}
.gwc3 .number {font-size: 24px;color: #dd2727;font-weight: bold;font-family: 'arial';}
.gwcsum .ris {}
.gwc1 .left li:last-child a {border: 0;}
.ris.right .pro-lists {width: 1300px;margin-left: -10px;}
.ris.right .pro-lists li {width: 240px;}
.ris.right .pro-lists .imgs {width: 230px;}
.ris .pro-lists li a {padding: 5px;}
.jssum {}
.jssum .js1 {}
.jssum table {border-collapse: separate;border-spacing: 0px 5px;}
.jssum table, .jssum table a {line-height: 20px;font-size: 14px;color: #666666;}
.jssum .tr {font-family: 'arial';cursor: pointer;}
.jssum td {text-align: center;}
.jssum td.bg {background-color: #f5f5f5;}
.jssum .js1 {}
.js1 tr:hover a {opacity: 1;}
.js1 .m1 {padding: 0 20px;display: inline-block;color: #dd2727;opacity: 0;border-right: 1px solid #ddd;}
.js1 .m2 {opacity: 0;padding: 0 20px;}
.js1 .m3 {opacity: 0;color: #fff;width: 17px;height: 16px;display: inline-block;border-radius: 50%;background-color: #ddd;text-align: center;margin-right: 20px;}
.js1 td.bg a {opacity: 1;}
.js1 .jc1 {width: 140px;text-align: center;}
.js1 .jc1 a {position: relative;border: 5px solid #f2f2f2;display: block;height: 40px;background-color: #ffffff;line-height: 30px;box-sizing: border-box;}
.js1 .on .jc1 a {border: 0;line-height: 40px;}
.js1 .on .jc1 a:after {display: block;content: url('../images/pro-border1.png');width: 140px;height: 40px;top: 0;position: absolute;left: 0;z-index: 10;}
.js1 .jc2 {width: 130px;}
.js3 .moren {display: inline-block;margin: 0 20px;width: 60px;height: 25px;background-color: #dddddd;color: #ffffff;text-align: center;line-height: 25px;font-style: normal;}
.use_point {background: url(../images/ico_jia.png) no-repeat left 2px;height: 31px;display: inline-block;line-height: 31px;font-size: 14px;text-indent: 32px;margin-top: 20px;}
.use_point_on {background: url(../images/ico_jian.png) no-repeat left 2px;display: inline-block;}
.point_use {font-size: 12px;height: 31px;line-height: 31px;margin-top: 6px;display: none;}
.point_use input {border: 1px solid #cccccc;height: 31px;width: 50px;}
.point_use .n {color: #e24d58;font-size: 22px;line-height: 31px;}
table .js3 {width: 690px;padding: 0 20px;text-align: left;}
table .js4 {text-align: right;}
.jstitle {font-size: 18px;color: #333333;padding: 30px 0 15px 0;}
.delivery_type_list .t {color: #000000;}
.delivery_type_list input {width: 98px;height: 32px;border: 1px solid #dbdbdb;color: #333;background-color: #fff;margin-right: 10px;cursor: pointer;}
.delivery_type_list input:hover {border: 2px solid #e24d58;}
.delivery_type_list .delivery_type_sel {border: 2px solid #666;background: url(../images/input_sel.png) no-repeat right bottom;}
.delivery_time {margin-top: 20px;}
.delivery_time .t {color: #000000;}
.delivery_time input {margin-bottom: 5px;}
.delivery_time .time {margin-right: 5px;display: inline-block;line-height: 20px;}
.table-w {width: 1280px;overflow: hidden;}
.table-w .tables {max-height: 285px;overflow: hidden;overflow-y: scroll;width: 1293px !important;}
.jssum .btn {width: 140px;text-align: center;margin: 40px 0 30px 0;}
.jsli2 {border-top: 1px solid #dddddd;}
.jsli2 .textarea, .jsli3 .textarea {border: 10px solid #f8f8f8;background-color: #f8f8f8;background: #fff;}
.delivery_type_list, .delivery_time {margin: 20px 30px;}
.jsli2 textarea {border: 1px solid #e6e6e6;height: 60px;width: 100%;resize: none;display: block;}
.jsli3 .gwc3 {background-color: #f8f8f8;}
.jsli3 table td {background-color: #fdfdfd;font-size: 14px;line-height: 22px;}
.jsli3 .gwc2 .hong {color: #282828;}
.lanjisuan {margin-bottom: 40px;}
.lanjisuan li {text-align: right;font-size: 14px;line-height: 30px;margin-top: 20px;color: #333;padding-right: 10px;}
.lanjisuan i {display: inline-block;}
.lanjisuan .text {border: 1px solid #d8d8d8;height: 20px;width: 100px;margin: 0 10px;}
.lanjisuan .kouchu {display: inline-block;margin-left: 50px;}
.lanjisuan .sfk {font-size: 24px;color: #dd2727;font-weight: bold;}
.lanjisuan .red {color: #dd2727; /*margin-left: 100px;*/display: inline-block;}
.lanjisuan a:hover {opacity: .8;}
.lanjisuan a.sub {width: 160px;height: 45px;text-align: center;background-color: #dd2727;color: #fff;line-height: 45px;border-radius: 5px;margin-left: 20px;margin-right: -10px;}
.jss1 .table-w .tables {height: auto;overflow: auto;width: 1280px;}
.jss1 .jc1 a {border: 0px !important;line-height: 40px;}
.fangshi {height: 80px;line-height: 80px;background-color: #fff;}
.fangshi li {margin-left: 30px;margin-right: 30px;display: inline-block;}
.fangshi li.on .dian:after {content: '';position: absolute;top: 3px;left: 3px;width: 9px;height: 9px;border-radius: 50%;display: inline-block;background-color: #282828;}
.fangshi li i.dian {position: relative;width: 15px;height: 15px;border: 1px solid #ddd;margin-right: 10px;display: inline-block;border-radius: 50%;font-style: normal;margin-bottom: -5px;}
.bg_heise {background-color: rgba(0, 0, 0, .15);width: 100vw;height: 100vh;z-index: 100;position: fixed;top: 0;left: 0;display: none;}
.lanmu {width: 700px;height: 400px;border-radius: 10px;background-color: #ffffff;position: fixed;top: 50%;left: 50%;margin-left: -350px;margin-top: -200px;}
.lanmu {}
.lanmu table {font-size: 14px;line-height: 30px;border-spacing: 15px;border-collapse: separate;vertical-align: middle;margin-top: -10px;}
.close img {cursor: pointer;margin: 10px 10px 0 0;}
.lanmu tr td {color: #cccccc;}
.lanmu tr td:first-child {width: 130px;padding-right: 15px;text-align: right;box-sizing: border-box;color: #444444;}
.lanmu .input2 {width: 280px;height: 30px;border: 1px solid #ddd;display: inline-block;line-height: 30px;}
.lanmu .input3 {width: 380px;}
.lanmu .input4 {width: 200px;}
.lanmu .input5 {width: 150px;}
.lanmu .china {width: 80px;text-align: center;display: inline-block;margin-right: 10px;}
.lanmu select {border: solid 1px #cccccc;width: 120px;appearance: none;-moz-appearance: none;-webkit-appearance: none;background: url("../images/down-icon.jpg") no-repeat scroll 100px center transparent;padding: 0 10px;box-sizing: border-box;height: 30px;color: #aaaaaa;margin-right: 8px;line-height: 30px;}
.lanmu select.ss1 {width: 90px;background: url("../images/down-icon.jpg") no-repeat scroll 70px center transparent;}
.lanmu i.input2 {width: 15px;height: 15px;line-height: 15px;color: transparent;text-align: center;margin-right: 15px;cursor: pointer;}
.lanmu i.input2.on {color: #dd2727;}
.lanmu .bc {width: 140px;height: 40px;font-size: 16px;text-align: center;background-color: #dd2727;color: #ffffff;line-height: 40px;border-radius: 5px;}
.lanmu .close {text-align: right;}
/*end js.html*/

@media screen and (max-width: 1680px) {.index-pro .navs {    left: 10vh;}
    .index-pro .navs.on {    left: 10vh;}}
@media screen and (max-width: 1440px) {.index-pro .navs {    left: 0px;}
    .index-pro .navs.on {    left: 0px;}
    .topsum .ab1 {bottom: 15px;}
    .header .h_ewm {    right: 0px;}}
@media screen and (max-width: 1366px) {.shoucan {    right: 26px;}
    .topsum {    width: 26px;}
    .topsum .blane {    width: 26px;}
    .topsum a {    margin: 0;    padding: 6px 0;}
    .red .top {    width: 27px;}
    .topsum .top i {    width: 10px;    height: 10px;}
    .topsum .ab1 {}
    .index-pro .navs a, .index-pro .dh {    width: 30px;    height: 30px;    padding: 0;}
    .index-pro .dh {    line-height: 30px;}
    .index-pro .navs .zhiding {    padding-top: 10px;}}
@media screen and (max-width: 1280px) {.header .h_ewm {    right: 70px;    top: 5px;}
    .index-pro .navs {    display: none;}}
#pro {position: relative;width: 420px;height: 520px;}
#pro dd {position: absolute;top: 0;left: 0;z-index: -3;opacity: 0;}
#pro dd.on {opacity: 1;z-index: 2;}
#pro .left1 + .zoom-desc .any {}
#pro dd.on:hover {z-index: 11;}
#pro .left1:hover + .zoom-desc .any {left: 420px !important;}
.others {padding-top: 30px;}
.h4.lists a {font-size: 14px;line-height: 30px;padding: 0 20px;margin-bottom: 10px;}
.proDetails .h4.lists a.sel:after {background: url("../images/pro-border1.png");width: 100%;height: 30px;background-size: 100% 100%;}
.zc-title {font-size: 26px;border-bottom: 1px solid #e4e4e4;text-align: center;padding: 105px 0 10px 0;color: #333;}
/*11.9*/

.tablejifen {border-collapse: collapse;width: 100%;background-color: #fff;line-height: 1.5;font-size: 15px;text-align: center;font-family: 'arial';border: 1px solid #efefef;margin-top: 30px;}
.tablejifen th {background-color: #f3f3f3;border: 1px solid #efefef;color: #666;font-weight: normal;line-height: 40px;}
.tablejifen td {border: 1px solid #efefef;padding: 10px 0;max-width: 300px;min-width: 150px;color: #000;}
.tablejifen td .red {color: #ff0000;}
.tablejifen td .green {color: #0a980a;}
.all .left {float: left;}
.all .right {position: absolute;top: 25px;left: 1050px;width: 200px;z-index: 11;display: none;text-align: left;}
.all .right .imgs {width: 200px;display: block;margin-bottom: 2px;box-sizing: border-box;border: 1px solid rgba(0, 0, 0, .2);position: relative;}
.all .right .imgs img {margin: 0;}
.all .right .lans {position: absolute;bottom: 5px;left: 5%;width: 90%;z-index: 100;color: #666;}
.all .right .lans:hover {color: #000000;}
.all .right .imgs:hover {border: 1px solid rgba(221, 39, 39, .5);}
.searchs-cell {position: absolute;width: 100%;background-color: #fff;top: 31px;padding: 10px 0;box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .3);z-index: 20;display: none;}
.searchs-cell li {font-size: 14px;line-height: 2;padding: 0 10px;box-sizing: border-box;}
.searchs-cell li:hover {background-color: rgba(85, 85, 85, .2);}
.searchs-cell a {display: block;}
.searchs-cell .left {color: #222222;}
.searchs-cell .right {color: #999;float: right;}
.hover {width: 320px;position: absolute;border: 1px solid #d8d8d8;box-sizing: border-box;border-top: 0;background-color: #ffffff;top: 24px;right: -18px;display: none;}
.hover .title {font-size: 14px;color: #666666;line-height: 1;padding: 15px 15px 10px 15px;}
.hover .car-pro {max-height: 352px;overflow: hidden;overflow-y: scroll;}
.hover .car-pro::-webkit-scrollbar {width: 4px;height: 4px;}
.hover .car-pro::-webkit-scrollbar-thumb {width: 14px;height: 14px;border-radius: 0;-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);background: #ccc;}
.hover .car-pro::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 0;background: #d8d8d8;}
.hover dd {padding: 16px 0;border-bottom: 1px dashed #d8d8d8;}
.hover dd > a {}
.hover dd .imgs {border: 1px solid #d8d8d8;width: 50px;height: 50px;margin: 0 15px;float: left;}
.hover dd .lans {font-size: 12px;line-height: 18px;max-height: 54px;width: 110px;color: #666666;float: left;-webkit-line-clamp: 3;}
.hover dd .right {padding-right: 15px;text-align: right;}
.hover dd .r1 .money {font-weight: bold;display: inline-block;margin-right: 3px;}
.hover .wei {height: 40px;line-height: 40px;background-color: #f4f4f4;color: #666666;box-sizing: border-box;padding-left: 15px;}
.hover dd .detele {margin-top: 3px;display: inline-block;}
.hover .go {width: 90px;height: 30px;line-height: 30px;background-color: #dd2727;border-radius: 2px;font-size: 14px;color: #ffffff !important;display: inline-block;text-align: center;margin-left: 72px;}
.hover dd:hover {background-color: #f4f4f4;}
.header .top .right li.ons1 a.detele:hover {color: #dd2727;}
.red {color: #F00;font-size: 16px;}
.form_footer {position: absolute;top: -30px;right: -420px;width: 380px;height: 490px;background: #ffffff;box-sizing: border-box;padding: 0 30px;border-radius: 10px;transition: opacity .4s;-webkit-transition: opacity .4s;opacity: 0;box-shadow: 0px 8px 20px rgba(0, 0, 0, .1);}
.form_footer.on {right: 37px;opacity: 1;}
.form_footer .title img {float: right}
.form_footer:before {opacity: 0;content: '';height: 0px;width: 0px;border-top: 7px solid transparent;border-right: 8px solid #fff;border-bottom: 8px solid transparent;position: absolute;top: 43px;right: -7px;transform: rotate(-180deg);-webkit-transform: rotate(-180deg);transition: opacity .4s;-webkit-transition: opacity .4s;}
.form_footer.on, .form_footer.on:before {opacity: 1;}
.form_footer .title {font-size: 22px;color: #333333;text-align: center;padding: 25px 0 35px;}
.form_footer .text1 {width: 320px;height: 38px;margin-bottom: 10px;line-height: 38px;font-size: 14px;box-sizing: border-box;padding: 0 10px;background: #f4f4f4;}
.form_footer .text2 {width: 320px;height: 120px;border: 0;padding: 10px;margin-bottom: 10px;line-height: 38px;font-size: 14px;box-sizing: border-box;background: #f4f4f4;resize: none;}
.form_footer .sub {border: 0;background: #dd2727;color: #ffffff;font-size: 18px;font-weight: bold;text-align: center;width: 120px;height: 40px;line-height: 40px;margin-top: 15px;border-radius: 5px;}
.mlv {display: inline-block;color: #fff;background: #e55d2e;font-family: 'arial';font-style: italic;font-size: 14px;line-height: 15px;padding: 0 4px;border-radius: 2px;height: 15px;overflow: hidden;vertical-align: top;margin-top: 2px;}
.mlv img {height: 14px;}
/*20.19.1.24新增扫一扫页面*/

.syt-header {padding: 35px 0 25px;}
.syt-header .right {float: right;text-align: right;font-size: 14px;vertical-align: bottom;width: 400px;}
.syt-header .price {font-size: 42px;color: #dd2727;vertical-align: bottom;line-height: 1;}
.syt-header .left {float: left;width: 800px;}
.syt-header .l1 {font-size: 14px;line-height: 25px;color: #333333;}
.syt-header .l2 {font-size: 14px;line-height: 25px;color: #999999;}
.syt-body {background: #ffffff;box-sizing: border-box;text-align: center;padding: 50px 0;}
.syt-body .t1 {font-size: 20px;color: #333333;}
.syt-body .t2 {font-family: Arial;font-size: 40px;color: #dd2727;font-weight: bold;padding-top: 5px;}
.syt-body .syt-box {border: 1px solid #d8d8d8;border-radius: 5px;box-sizing: border-box;padding: 25px;width: 360px;margin: 45px auto;}
.syt-box .imgs {width: 315px;}
.syt-box .sao {font-size: 16px;line-height: 24px;color: #333333;vertical-align: top;padding: 40px 0 15px;}
.syt-box .sao img {vertical-align: top;margin-right: 25px;}
.syt-box .sao-lans {vertical-align: top;width: 160px;display: inline-block;text-align: left;}
.lans_no {display: block;color: #666;font-size: 14px;text-align: center;padding: 30px;box-sizing: border-box;}
.lans_no span {display: inline-block;color: #dd2727;margin: 0 5px;}
.lans_no:hover span {text-decoration: underline;}
.wdyhq-list .tt1 {font-size: 14px;line-height: 24px;color: #ffffff;margin-top: 15px;}
.wdyhq-list .ys1 {display: inline-block;font-size: 32px;font-weight: bold;width: 32px;color: #ffd817;margin: 10px 15px;}
.wdyhq-list li.on .ys1 {color: #c6c6c6;}
.wdyhq-list .ys2 {display: inline-block;width: 210px;margin-left: 27px;}
.wdyhq-list li.on .tt, .wdyhq-list li.on .tt1, .wdyhq-list li.on span, .wdyhq-list li.on .span, .wdyhq-list li.on .yhq-header {color: #bbbbbb;}
.tishi{}
.tishi .title{font-size: 26px;color:#333333;padding: 80px 0 45px;text-align: center;border-bottom: 1px solid #DDDDDD}
.tishi .tishi_body{text-align: center;padding: 95px 0;}
.tishi_body .r1{width: 310px;padding: 33px 70px;display: inline-block}
.tishi_body .r1 a{display:block;width:270px;padding-right:40px;height: 70px;line-height: 70px;text-align: center;font-size: 26px;color: #ffffff;background: url('../images/bdyd.png') 220px center no-repeat #f32b2b;}
.tishi_body .r2 a{background-color: #333333}
.tishi_body .r2{border-left: 1px solid #DDDDDD;}