/* CSS Document */
*{padding:0; margin:0;}

html {overflow:-moz-scrollbars-vertical; scrollbar-face-color:#e8e8e8;scrollbar-shadow-color:#c1c1bb;scrollbar-highlight-color:#c1c1bb;scrollbar-3dlight-color:#ebebe4;scrollbar-darkshadow-color:#ebebe4;scrollbar-track-color:#f4f4f0;scrollbar-arrow-color:#cacab7; }

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,input,img{padding:0; margin:0;}   
div,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
a{text-decoration:none; color:#000; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;outline:none;}
a:hover {text-decoration:none; color:#ec0004;noOutline:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear{margin:0; padding:0; clear:both;}
table {BORDER-COLLAPSE:collapse; border-spacing:0;}
img{display:block; border:0; width:100%;}
b {font-weight:700;}i,em {font-style:normal;}

button, input, textarea,radio {display:block; margin:0; padding:0; outline:none; background-color:transparent; border:0; border-radius:none; -webkit-font-smoothing:antialiased; -webkit-appearance:none; appearance:none;}
button {cursor:pointer;}


.clearfix:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-table;}
*html .clearfix {height:1%;}
.clearfix {display:block;}
*+html .clearfix {min-height:1%;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999; opacity:1;}
input:-moz-placeholder,textarea:-moz-placeholder{color:#999;opacity:1;}
input::-moz-placeholder,textarea::-moz-placeholder{color:#999;opacity:1;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999;opacity:1;}

/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: "阿里巴巴普惠体";
  src: url("//at.alicdn.com/wf/webfont/jFLIiUQzspkX/Lb9arnc6aUpa.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/jFLIiUQzspkX/nGSXr6kfo8fQ.woff") format("woff");
  font-display: swap;
}


body {font-size:14px; color:#000; background:#fff; font-family:"阿里巴巴普惠体",Verdana, Geneva, sans-serif;  padding:0; margin:0; behavior:url("images/csshover.htc");-webkit-text-size-adjust:none;}

.main {position:relative; margin:0 auto; width:96%; max-width:1250px;}
@media screen and (max-width:768px) {
.main {width:99%;}
}

/***头部***/

.header {position:fixed; top:0; left:0; width:100%; z-index:9;}
.header_top{height:65px; background:#a60799;}
.header-logo {float:left; margin-top:10px; width:10%;font-size:28px;}
.header-logo img{width:140px; height:45px; float:left; margin-right:10px;}
.header-logo h2{font-size:28px; margin-top:15px;}

.header-right{position:relative; float:right; margin-top:10px; width:85%;}

.header-nav {height:45px;}
.header-nav ul{ float:left; width:100%; color:#FFF;}
.header-nav ul li{position:relative; float:left; width:12.5%; height:45px; line-height:45px; font-size:16px; text-align:center; box-sizing:border-box; font-weight:700;}
.header-nav ul li a {position:relative;color:#FFF;}
.header-nav ul li a:hover{color:#ffe400;}
.header-nav ul li span{ font-size:12px; font-weight:normal; line-height:16px;}
.header-nav ul li:last-child{ margin-right:0; border-right:0;}
.header-nav ul li img{ width:30px; height:30px; display:inline; margin-top:8px;}

/*
.header-nav ul li:after{ position:absolute; display:inline-block; vertical-align:middle; content:""; width:24px; height:1px; background:#ccc; transform: rotate(-65deg) translateY(100%); top:15px; right:-15px;}
.header-nav ul li:last-child:after{display:none;}
*/

.header-nav-right{float:right;}
.header-search{position: relative; padding:5px 30px 5px 20px; line-height:24px; border-radius:50px; background:#FFF; box-sizing:border-box; margin-top:8px;}
.header-search .input{width:100%; height:30px; line-height:30px; font-size:14px; border:0; outline:none;}
.header-search .search {position:absolute; top:8px; right:15px; width:18px; height:18px; background: url(../images/search.png) no-repeat;  background-size:cover;}

#menu:before, #menu:after {content:"";display:table;}
#menu:after {clear: both;}
#menu {zoom:1;}
#menu li:hover > a {color:#ffe400;}
*html #menu li a:hover {color:#ffe400;}
#menu ul {margin:15px 0 0 -8px; opacity:0; visibility:hidden; position:absolute; top:45px; width:150px; z-index:1; background:none; background-color:rgba(164,25,180,0.9); border-radius:10px; -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
#menu li:hover > ul {opacity:1; visibility:visible; margin:0 0 0 -8px; width:150px;}
#menu ul li:hover > ul {opacity:1; visibility:visible; margin:0; width:150px;}
#menu ul li{margin:0; padding:14px 10px; width:150px; height:auto; line-height:20px; font-size:16px; background:none; border-bottom:1px solid rgba(255,255,255,0.35);text-align:center; text-transform:capitalize; border-right:0; font-weight:normal;}
#menu ul li:after{display:none;}
#menu ul li a {display:block; color:#fff;}
#menu ul li:hover {color:#fff000;}
#menu ul li:hover a{color:#fff000;}
#menu ul li:last-child{border-bottom:0;}
#menu ul ul {top:0; left:0; margin:0 0 0 10px; display:block;}


.m-header {display:none;}

@media screen and (max-width:1024px) {
.header-logo h2{font-size:28px; margin-top:0px;}
.header-right{width:70%;}
}


@media screen and (max-width:768px) {
.header {display:none;}
.m-header {display:block; position:fixed; top:0; left:0; width:100%; background:rgba(166,7,153,1); z-index:99;}
.m-header .main {margin:0 auto; width:96%; height:45px; overflow:hidden;}
.m-header-left{float:left; width:30%; margin-top:10px;}
.m-header-left img{ width:25px; height:25px; display:inline;}
.m-header-left span{ padding-left:5px; padding-right:20px;}

.m-header-logo {float:left; width:40%;  text-align:center;}
.m-header-logo img{ width:auto; height:45px; display:inline;}
.m-header-logo h2{ font-size:16px; margin-top:3px;}

.nav-btn {position:relative; float:right; margin:14px -9px 0 0; width:50px; height:30px; cursor:pointer;}
.nav-btn span {position:absolute; left:10px; display:block; width:30px; height:3px; background:#fff; transition:all ease 0.35s;}
.nav-btn span:nth-of-type(1){top:0;}
.nav-btn span:nth-of-type(2){top:8px;}
.nav-btn span:nth-of-type(3){top:16px;}
.nav-btn-se span:nth-of-type(1){top:10px; transform:rotate(45deg);}
.nav-btn-se span:nth-of-type(2){width:0}
.nav-btn-se span:nth-of-type(3){top:10px; transform:rotate(-45deg);}

.m-nav {position:fixed; top:-100%; left:0; z-index:9999; width:100%; height:calc(100%); font-size:16px; line-height:42px; background:#a60799; overflow:auto; overflow-x:hidden; transition:top ease 0.35s; opacity:0.96;}
.nav-show {top:45px;}
.nav-show ul {border-bottom:1px rgba(255,255,255,0.3) solid;}
.m-nav ul li i {position:absolute; top:5px; right:0px; border-left:1px rgba(255,255,255,0.3) solid; height:30px; padding:0 17px 0 17px;}
.m-nav ul li i svg {transform:rotate(-90deg); transition:all ease 0.35s;}
.m-nav ul li .m-nav-i-se svg {transform:rotate(0deg);}
.m-nav ul li {position:relative;line-height:45px; font-size:16px; border-bottom:1px rgba(255,255,255,0.3) solid;}
.m-nav ul li span{ margin-left:10px;}
.m-nav ul li ul {display:none; background:#871594; overflow:hidden;}
.m-nav ul li a {color:#fff; width:80%; display:block; padding-left:20px;}
.m-nav ul li ul li{width:50%; float:left; box-sizing:border-box; background:url(../images/dian.png) 20px center no-repeat; padding-left:15px;}
.m-nav ul li ul li a {display:block; font-size:14px; line-height:45px; height:45px; text-align:left; overflow:hidden;}
.m-nav ul li i svg {width:20px; height:20px; fill:#fff;}
.m-nav ul li .m-nav-i-se svg {fill:#fff;}
.m-nav ul li ul li>ul {margin-left:10px;}
}


/***banner***/
.flexslider{display:block; position:relative; height:auto; overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
#bannermob{display:none;}
#bannerpc{display:block; margin-top:65px;}
.slides{position:relative;z-index:0;}
.slides li {position:relative;}
.slides li img {display:block;}

.flex-control-nav{position:absolute; bottom:15px; left:50%; margin-left:-150px; padding:4px 0 2px; z-index:2; width:300px; text-align:center;}
.flex-control-nav li{display:inline-block; width:14px; height:14px; margin:0 5px; *display:inline; zoom:1;}
.flex-control-nav a{display:inline-block; width:14px; height:14px; line-height:40px; overflow:hidden; background:url(../images/bpng02.png) no-repeat; cursor:pointer;}
.flex-control-nav .flex-active{background:url(../images/bpng01.png) no-repeat;}

.flex-direction-nav{position:absolute; z-index:3; width:100%; top:50%; margin-top:-30px;}
.flex-direction-nav li a{position:absolute; display:block; width:28px; height:48px; overflow:hidden; cursor:pointer;}
.flex-direction-nav li a.flex-prev{left:10px; background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:10px; background:url(../images/next.png) center center no-repeat;}

@media screen and (max-width:768px) {
.flexslider {display:block; position:relative; height:auto; overflow:hidden; background:url(../images/loading.gif) 50% no-repeat; margin:45px auto 0;}
#bannerpc{display:none;}
#bannermob{display:block; margin-top:45px;}
.slides {position:relative; z-index:0;}
.flex-control-nav {position:absolute; bottom:10px; z-index:2; left:50%; margin-left:-150px; padding:1px 0; z-index:2; width:300px; text-align:center;}
.flex-control-nav li {display:inline-block; width:8px; height:8px; margin:0 4px; *display:inline; zoom:1;}
.flex-control-nav a {display:inline-block; width:8px; height:8px; line-height:30px; overflow:hidden; background:url(../images/bpng04.png) no-repeat; cursor:pointer;}
.flex-control-nav .flex-active {background:url(../images/bpng03.png) no-repeat;}

.flex-direction-nav {position:absolute; top:35%; z-index:3; width:100%; display:none;}
.flex-direction-nav li a {position:absolute; display:block; width:15px; height:29px; overflow:hidden; cursor:pointer;}
.flex-direction-nav li a.flex-prev {left:10px; background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next {right:10px; background:url(../images/next.png) center center no-repeat;}
}


/***img***/
.imgbox {position:relative; overflow:hidden;}
.imgbox img {transition:clip 0.3s cubic-bezier(0,.3,.6,1), transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease, -webkit-clip 0.3s cubic-bezier(0,.3,.6,1);}
a:hover .imgbox img {-webkit-transform:scale(1.05); transform:scale(1.05);}
.mask{position:absolute;bottom:0; left:0; width:100%;  color:#fff; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.7)), to(rgba(0, 0, 0, 0))); padding:25px 50px; box-sizing:border-box; text-align:center;}
.mask h2{font-size:18px;font-weight:700; border:2px #fff solid;box-sizing:border-box; line-height:45px;}
.mask p{ font-size:14px; line-height:20px; font-family:Arial, Helvetica, sans-serif;}
@media screen and (max-width:768px) {
.mask{padding:10px;}
.mask h2{font-size:16px; margin-bottom:0; line-height:35px;}
.mask p{font-size:13px; line-height:20px; opacity:0.7; display:none;}
}

/***htitle***/
.htitle {margin:0 auto 20px; text-align:left; box-sizing:border-box;}
.htitle h2 {position:relative; height:35px; line-height:35px; font-size:32px;padding-bottom:10px; border-bottom:2px #a60799 solid; margin-bottom:5px;}
.htitle h2 i{font-size:20px; font-weight:normal; margin-left:5px; color:#555;}
.margintop30{ margin-top:60px;}
.margintop30 h2{font-size:24px!important;}
@media screen and (max-width:768px) {
.htitle {margin:0 auto 10px;}
.htitle h2 {height:30px; line-height:30px; font-size:24px; padding-bottom:10px; text-align:center;}
.margintop30{ margin-top:40px;}
.margintop30 h2{font-size:20px!important;}
}



.div_more{text-align:center;}
.more{display:inline-block; margin:40px auto 0; height:40px; line-height:40px; font-size:14px; padding:0 40px; text-align:center; text-transform: uppercase;border-radius:50px; color:#666; border:1px #ddd solid;}
.more:hover{color:#fff; background:#ff6600; border:1px #ff6600 solid;}
@media screen and (max-width:768px) {
.more { margin:20px auto 0; width:100%; height:35px; line-height:35px; font-size:14px; box-sizing:border-box;}
}



/***mod1***/
.mod1{background:#fff; padding:60px 0; overflow:hidden;}
.mod1 ul{ letter-spacing:-8px;}
.mod1 ul li{ display:inline-block; vertical-align:top; letter-spacing:normal; width:31.33%; box-sizing:border-box;-webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; text-align:center; position:relative; border:1px #ddd solid;}
.mod1 ul li:not(:nth-of-type(3n)){margin-right:3%;}
.mod1 ul li:nth-child(n+4){margin-top:3%;}
.mod1 ul li img{width:100%;}
@media screen and (max-width:768px){
.mod1{padding:20px 0;}
.mod1 ul li{width:100%;}
.mod1 ul li:not(:nth-of-type(3n)){margin-right:0;}
.mod1 ul li:nth-child(n+2){margin-top:2%;}
}



/***mod2***/
.mod2{background:#f5f5f5; padding:60px 0; overflow:hidden;}
.mod2 ul{ letter-spacing:-8px;}
.mod2 ul li{ display:inline-block; vertical-align:top; letter-spacing:normal; width:22.75%; box-sizing:border-box;-webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; text-align:center; position:relative; border:1px #ddd solid;}
.mod2 ul li:not(:nth-of-type(4n)){margin-right:3%;}
.mod2 ul li:nth-child(n+5){margin-top:3%;}
.mod2 ul li img{width:100%;}
.mod2 ul li h2{font-size:24px; text-align:center; color:#FFF; line-height:60px;}
.mod2 ul li:nth-child(1){ background:#a1c405}
.mod2 ul li:nth-child(2){ background:#d94962}
.mod2 ul li:nth-child(3){ background:#987fe9}
.mod2 ul li:nth-child(4){ background:#76aca7}
.mod2 ul li:nth-child(5){ background:#d94962}
.mod2 ul li:nth-child(6){ background:#a1c405}
.mod2 ul li:nth-child(12){ background:#987fe9}
.mod2 ul li:nth-child(11){ background:#76aca7}
.mod2 ul li:nth-child(10){ background:#a1c405}
.mod2 ul li:nth-child(9){ background:#d94962}
.mod2 ul li:nth-child(8){ background:#987fe9}
.mod2 ul li:nth-child(7){ background:#76aca7}

@media screen and (max-width:768px){
.mod2{padding:20px 0;}
.mod2 ul li{width:47.5%;}
.mod2 ul li:not(:nth-of-type(4n)){margin-right:0;}
.mod2 ul li:not(:nth-of-type(2n)){margin-right:5%;}
.mod2 ul li:nth-child(n+3){margin-top:5%;}
.mod2 ul li h2{font-size:24px; line-height:50px;}
}

/***mod3***/
.mod3{background:#fff; padding:60px 0; overflow:hidden;}
.mod3 ul{ letter-spacing:-8px;}
.mod3 ul li{ display:inline-block; vertical-align:top; letter-spacing:normal; width:14.16%; box-sizing:border-box;-webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; text-align:center; position:relative; border:1px #ddd solid;}
.mod3 ul li:not(:nth-of-type(6n)){margin-right:3%;}
.mod3 ul li:nth-child(n+7){margin-top:3%;}
.mod3 ul li img{width:100%;}
.mod3 ul li h2{font-size:24px; text-align:center; color:#FFF; line-height:60px;}
.mod3 ul li:nth-child(1){ background:#e8993c}
.mod3 ul li:nth-child(2){ background:#d94962}
.mod3 ul li:nth-child(3){ background:#ea7e9e}
.mod3 ul li:nth-child(4){ background:#75aca7}
.mod3 ul li:nth-child(5){ background:#c786d6}
.mod3 ul li:nth-child(6){ background:#997fea}
.mod3 ul li:nth-child(7){ background:#28ccb6}
.mod3 ul li:nth-child(8){ background:#95d587}
.mod3 ul li:nth-child(9){ background:#bcd949}
.mod3 ul li:nth-child(10){ background:#be94c6}
.mod3 ul li:nth-child(11){ background:#c6ac95}
.mod3 ul li:nth-child(12){ background:#e8993c}
@media screen and (max-width:768px){
.mod3{padding:20px 0;}
.mod3 ul li{width:47.5%;}
.mod3 ul li:not(:nth-of-type(6n)){margin-right:0;}
.mod3 ul li:not(:nth-of-type(2n)){margin-right:5%;}
.mod3 ul li:nth-child(n+3){margin-top:5%;}
.mod3 ul li h2{font-size:24px; line-height:50px;}
}

/***mod4***/
.mod4{background:#f5f5f5; padding:60px 0; overflow:hidden;}
.mod4 ul{ letter-spacing:-8px;}
.mod4 ul li{ display:inline-block; vertical-align:top; letter-spacing:normal; width:22.75%; box-sizing:border-box;-webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; text-align:center; position:relative; border:1px #ddd solid;}
.mod4 ul li:not(:nth-of-type(4n)){margin-right:3%;}
.mod4 ul li:nth-child(n+5){margin-top:3%;}
.mod4 ul li img{width:100%;}
.mod4 ul li h2{font-size:20px; text-align:center; color:#FFF; line-height:60px;}

.mod4 ul li:nth-child(1){ background:#84a100}
.mod4 ul li:nth-child(2){ background:#c4374f}
.mod4 ul li:nth-child(3){ background:#5e3fc0}
.mod4 ul li:nth-child(4){ background:#38867f}
.mod4 ul li:nth-child(5){ background:#932cab}
.mod4 ul li:nth-child(6){ background:#5d3bc7}
.mod4 ul li:nth-child(7){ background:#12a490}
.mod4 ul li:nth-child(8){ background:#51ae3d}
.mod4 ul li:nth-child(9){ background:#89a41c}
.mod4 ul li:nth-child(10){ background:#813490}
.mod4 ul li:nth-child(11){ background:#a3632b}
.mod4 ul li:nth-child(12){ background:#af6610}
@media screen and (max-width:768px){
.mod4{padding:20px 0;}
.mod4 ul li{width:47.5%;}
.mod4 ul li:not(:nth-of-type(4n)){margin-right:0;}
.mod4 ul li:not(:nth-of-type(2n)){margin-right:5%;}
.mod4 ul li:nth-child(n+3){margin-top:5%;}
.mod4 ul li h2{font-size:16px; line-height:50px;}
}


/***mod5***/
.mod5{background:#f5f5f5; padding:0; overflow:hidden; text-align:center; line-height:45px;}
@media screen and (max-width:768px){
.mod5{display:none;}	
}


/***footer***/
.footer {padding:20px 0 20px 0; background:#2c2c2c; position:relative; text-align:center; color:#fff;}
.footer-copyright {line-height:24px; text-align: center; color:#fff; font-size:12px;}
.footer-copyright img{width:auto; max-width:100%; margin:0 auto;}
.footer-copyright a{color:#FFF;}
.footer-copyright a:hover{opacity:0.7;}
.footer_links{line-height:30px; text-align:center; color:#fff; font-size:14px;}
.footer_links span{margin-right:20px;}
.footer_links a{ color:#FFF;}
.footer_links a:hover{opacity:0.7;}

@media screen and (max-width:768px) {
.footer {padding:20px 10px 60px 10px;}
.footer-copyright {line-height:24px;}
}



/*--------手机版底部按钮--------------*/
.zsend{display:none;}
@media screen and (max-width:768px) {
#idend{ display:none;}
.subnav{display:none;}
.end{ padding:13px 5% 65px; width:90%;}
.zsend{display:block;margin:0 auto; position:fixed; bottom:0; width:100%;left:0; right:0; z-index:2; background:#006faf;}
.zsend li{float:left; text-align:center; color:#fff; width:25%; font-size:14px; height:45px; line-height:45px; position:relative;}
.zsend li img{width:26px; margin-right:6px; /*display:-webkit-inline-box;*/ display:none;}
.endli01{background:#225fb8;}
.endli02{background:#12a490;}
.endli03{background:#ff6600;}
.endli04{background:#a60799;}


.zsend li .online-show {position:absolute; top:55px; opacity:1; box-shadow:0 0px 8px 0 #999; width:0; height:0; left:0; margin-left:0; z-index:9;}
.zsend li .online-show img{width:90%; background:#FFF; padding:5%;}
.zsend li .endli02:hover .online-show {opacity:1; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;top:45px; left:50%; margin-left:-70px; width:140px; height:140px;}
}



/*--------内页路径--------*/
#weizhi{width:100%; margin:65px auto 0; background:#fff; border-bottom:1px #ddd solid;}
.weizhi{overflow:hidden;width:96%; max-width:1250px; margin:0 auto; font-size:14px; line-height:30px; padding:5px 0 5px;}
.span_right{float:right; font-size:14px;}
.span_page{width:20px; height:20px; background: url(../images/icon5.png) no-repeat left center; margin-right:5px; display:-webkit-inline-box; vertical-align:middle;}
.span_root{width:3px; height:5px; background: url(../images/point.png) no-repeat left center; margin:0 8px; display:-webkit-inline-box;vertical-align:middle;}
@media screen and (max-width:768px) {
#weizhi{margin:45px auto 0;}
.weizhi{padding:5px 0px; width:99%; line-height:20px; font-size:12px; height:20px;}
.span_right{ font-size:12px; margin-left:15px;}
}

/****************************公用****************************/
.wrap {margin:0 auto; padding:30px 0; width:100%; background-color:#f5f5f5;}
.lymain {position:relative; margin:0 auto; width:96%; max-width:1250px; overflow:hidden; /*display:table;*/}
@media screen and (max-width:768px) {
.wrap {padding:0; width:100%;}
.lymain {width:100%; margin:0 auto; padding:5% 2%; background:#FFF; min-height:430px; box-sizing:border-box;}
}

#onsec {color:#ec0004;}
#onsec a{color:#ec0004;}
#onsec a:hover{color:#ff6600;}

/*分页*/
.page{text-align:center; padding:30px 0; /*margin-top:20px;border:1px solid #D9D9D9;background:#fff; */ }
.page a{display:inline-block; border:1px #ddd solid; font-size:16px; padding:2px 10px; border-radius:3px; margin:0 2px; font-family:"宋体"; line-height:20px; height:20px;}
.page a:hover{background:#111c36; color:#fff;}
.pagea{background:#111c36; color:#fff;}
@media screen and (max-width: 768px) {
.page{padding:8px 0;margin-top:10px;}
.page a{font-size:0.75rem; padding:3px 8px; margin:0;}
}

.lytext {margin:0 auto 80px; text-align:center;}
.lyhtitle {position:relative; font-size:32px;font-weight:700; font-family:Tahoma, Geneva, sans-serif; margin-bottom:10px; }
.lytext_txt {margin:0 auto; width:80%; line-height:28px; font-size:16px; text-align:center;}
@media screen and (max-width:768px) {
.lytext {margin:30px auto;}
.lytext_txt {line-height:24px; font-size:14px; width:90%;}
.lyhtitle {font-size:24px;}
}


/*about us*/
.about_txt{line-height:36px; font-size:16px; overflow:hidden; padding:40px; box-sizing:border-box; background:#FFF;}
.about_txt img{max-width:100%; width:auto; margin:0 10px 10px 0;}
.about_txt:last-child {margin-bottom:40px;}
.about_txt h2{font-size:16px; text-transform:uppercase; margin-bottom:20px; padding:5px 20px; font-weight:700; background:#222; color:#FFF; border-radius:5px;}
.about_txt b,.about_txt strong{ font-size:16px; font-weight:normal; color:#ec0004;}
.about_txt td{padding:4px; line-height:18px; font-size:14px;}
@media screen and (max-width:768px) {
.about_txt{padding:20px;}
.about_txt table{display:block;  display:-webkit-box;  width:auto!important; white-space:nowrap;overflow-x:auto; overflow-y: hidden;}
.about_txt img{width:100%; min-width:120px;}
.about_txt:last-child {margin-bottom:0px;}
.about_txt h2{font-size:18px; text-transform:uppercase; padding-bottom:10px; margin-bottom:10px;}
.about_txt b,.about_txt strong{}
}

.contact_txt{line-height:36px; overflow:hidden; padding:40px; box-sizing:border-box; background:#FFF;}
.contact_txt ul{overflow:hidden;}
.contact_txt ul li{ margin-bottom:40px; text-align:center; background:#fff; border:1px #ddd solid; box-sizing:border-box; line-height:40px;}
.contact_txt ul li img{ width:auto; max-width:250px; display:inline;}
.contact_txt ul li p{ display:block; font-size:16px; background:#f5f5f5; border-bottom:1px #ddd solid; font-weight:700;}
.contact_txt ul li:last-child{ margin-bottom:0;}

/*product*/
.productsul{overflow:hidden;letter-spacing:-8px;}
.productsul li{overflow:hidden; width:23.5%; letter-spacing:normal; vertical-align:top; position:relative; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; border:1px #ddd solid; box-sizing:border-box; display:inline-block; background:#fff;}
.productsul li:not(:nth-of-type(4n)){ margin-right:2%;}
.productsul li:nth-child(n+5){margin-top:2%;}
.productsul li:hover{ border:1px #ccc solid;box-shadow: 0 0px 10px 0 #ddd;}
.productsul li .imgbox{height:240px;}
.productsul li .imgbox img{height:100%; width:100%;}
.productsul_info {padding:10px; position:relative; z-index:2; text-align:center;}
.productsul_info h3 {font-size:16px; text-align:center; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
.productsul li .imgbox .mask, .productsul li .imgbox .view {position:absolute; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; opacity:0;}
.productsul li .imgbox .mask {bottom:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.70);}
.productsul li .imgbox .view {top:50%; left:50%; margin:-24px 0 0 -24px; width:48px; height:48px; /*background:url(../images/view.png) no-repeat; */ -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1); text-align:center;}
.productsul li .imgbox .view p{line-height:48px; font-size:16px; color:#FFF;}
.productsul li .imgbox:hover .mask{opacity:0.35;}
.productsul li .imgbox:hover .view {opacity:1;}
.productsul li .imgbox:hover .view {-webkit-transform:scale(1,1); transform:scale(1,1);}
.productsul li .imgbox:hover .view p a{color:#FFF;}
.productsul li .imgbox:hover .view p a:hover{color:#0096e6;}
@media screen and (max-width: 1024px) {
.productsul li .imgbox{height:172px;}
}

@media screen and (max-width:768px) {
.productsul{ padding:0%;}
.productsul li{width:49%;}
.productsul li:not(:nth-of-type(4n)){ margin-right:0;}
.productsul li:not(:nth-of-type(2n)){ margin-right:2%;}
.productsul li:nth-child(n+3){margin-top:2%;}
.productsul li .imgbox{height:240px;}
}

@media screen and (max-width: 425px) {
.productsul li .imgbox{height:140px;}
}




/*product category*/
.productcate{padding:0; overflow:hidden;}
.productcateul{letter-spacing:-8px; overflow:hidden;}
.productcateul li{overflow:hidden; width:23.5%; letter-spacing:normal; vertical-align:top; position:relative; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; border:1px #ddd solid; box-sizing:border-box; display:inline-block; background:#fff;}
.productcateul li:hover{box-shadow:0 0 10px 0 #ddd; border:1px #ccc solid; }
.productcateul li:not(:nth-of-type(4n)){ margin-right:2%;}
.productcateul li:nth-child(n+5){margin-top:2%;}
.productcateul li .imgbox{height:240px; overflow:hidden;}
.productcateul li .imgbox img{height:100%;}
.productcate_info {padding:10px; position:relative; z-index:2; text-align:center;}
.productcate_info h3 {font-size:16px; text-align:center; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}

.productcateul li .imgbox .mask, .productcateul li .imgbox .view {position:absolute; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; opacity:0;}
.productcateul li .imgbox .mask {bottom:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.70);}
.productcateul li .imgbox .view {top:50%; left:50%; margin:-24px 0 0 -24px; width:48px; height:48px; /*background:url(../images/view.png) no-repeat; */ -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1); text-align:center;}
.productcateul li .imgbox .view p{line-height:48px; font-size:16px; color:#FFF;}
.productcateul li .imgbox:hover .mask{opacity:0.35;}
.productcateul li .imgbox:hover .view {opacity:1;}
.productcateul li .imgbox:hover .view {-webkit-transform:scale(1,1); transform:scale(1,1);}
.productcateul li .imgbox:hover .view p a{color:#FFF;}
.productcateul li .imgbox:hover .view p a:hover{color:#0096e6;}

.imgbox_colour{width:100%; height:100%; text-align:center; }
.imgbox_colour h2{font-size:24px; position:absolute; top:50%; transform:translateY(-50%); width:80%; padding:0 10%;}
.imgbox_colour1{border:3px #84a100 solid; box-sizing:border-box;}
.imgbox_colour2{border:3px #c4374f solid; box-sizing:border-box;}
.imgbox_colour3{border:3px #5e3fc0 solid; box-sizing:border-box;}
.imgbox_colour4{border:3px #38867f solid; box-sizing:border-box;}
.imgbox_colour5{border:3px #932cab solid; box-sizing:border-box;}
.imgbox_colour6{border:3px #5d3bc7 solid; box-sizing:border-box;}
.imgbox_colour7{border:3px #12a490 solid; box-sizing:border-box;}
.imgbox_colour8{border:3px #51ae3d solid; box-sizing:border-box;}
.imgbox_colour9{border:3px #89a41c solid; box-sizing:border-box;}
.imgbox_colour10{border:3px #89a41c solid; box-sizing:border-box;}
.imgbox_colour11{border:3px #a3632b solid; box-sizing:border-box;}
.imgbox_colour12{border:3px #af6610 solid; box-sizing:border-box;}



@media screen and (max-width: 1024px) {
.productcateul li .imgbox{height:172px;}
}

@media screen and (max-width: 768px) {
.productcateul{ padding:0;}
.productcateul li{width:49%;}
.productcateul li .imgbox{height:240px;}
.productcateul li:not(:nth-of-type(4n)){ margin-right:0;}
.productcateul li:not(:nth-of-type(2n)){ margin-right:2%;}
.productcateul li:nth-child(n+3){margin-top:2%;}
.productcate_info {padding:10px; position:relative; z-index:2;}
.imgbox_colour h2{font-size:18px;}
}

@media screen and (max-width: 425px) {
.productcateul li .imgbox{height:140px;}
}



.cpshow{margin:0px auto; background:#ffffff; padding:40px;box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);}
.cpshowtop{overflow:hidden;}
.cpshowtop_l{float:left; width:600px;}
.cpshowtop_r{float:right; width:43%; overflow:hidden;}
.cpshowtop_r h1{font-size:32px; line-height:45px; padding-bottom:10px; border-bottom:1px #ddd solid; margin-bottom:20px;}
.cpshowtop_r h1 p{float:left; line-height:45px; font-size:14px; color:#999; display:block;}
.cpshowtop_r_tags{font-size:16px; line-height:30px; margin:10px 0 0 0;}
.cpshowtop_r_div{font-size:16px; overflow:hidden; background:#f5f5f5; border:1px #ddd solid; padding:10px; margin-bottom:20px; line-height:30px;}

.cpshowtop_r_down{margin-top:20px; padding:15px; background:#fafafa; border:1px #ddd solid;}
.cpshowtop_r_down h3{ font-size:18px; line-height:36px; border-bottom:1px #ddd solid; margin-bottom:10px;}
.cpshowtop_r_down p img{width:auto; display:inline-block;}

.sharebtn{ display:block; overflow:hidden; margin-top:30px;}
.sharebtn img{float:left; width:32px; display:inline-block; margin-right:15px;}

.pp_1{width:100%; padding-bottom:15px; border-bottom:1px #ddd solid; margin-bottom:15px; font-size:18px; color:#225fb8;}
.pp_1 span{font-weight:700;}

.pp_22{width:100%; padding-bottom:15px; border-bottom:1px #ddd solid; margin-bottom:15px; font-size:18px; text-decoration:line-through; color:#666666;}
.pp_22 span{font-weight:700;}

.pp_2{width:100%; padding-bottom:15px; border-bottom:1px #ddd solid; margin-bottom:15px; font-size:18px; }
.pp_2 span{font-weight:700; color:#E02B2B;}
.pp_2 i{ font-size:14px; margin-top:10px; color:#ff6600;}

.pp_3{width:100%; padding-bottom:15px; border-bottom:1px #ddd solid; margin-bottom:15px; font-size:14px; }
.login_btn{background-color:#E02B2B; color:#fff; font-size:16px; cursor:pointer;text-align:center; border-radius:5px; padding:6px 40px; margin-left:10px;}

.nosale{background:#2c2c2c; color:#ffffff; font-size:18px; padding:10px 20px; box-sizing:border-box; display:inline-block; margin-bottom:20px; border-radius:5px;}

@media screen and (max-width: 1024px) {
.cpshowtop_r{width:30%;}
}

@media screen and (max-width: 768px) {
.cpshow{margin:0px auto; padding:0px; box-shadow:none;}
.cpshowtop_r h1{font-size:24px; margin-bottom:10px;}
.cpshowtop_r_div{margin-bottom:10px; line-height:20px;}
}



/*产品详情页滚动*/
.lanrenzhijia{width:100%; position:relative; overflow:hidden; margin:0 auto;}
.lanrenzhijia .picBox{width:600px; height:450px;position:relative;overflow:hidden; border:1px #ddd solid; margin:0 auto;}
.lanrenzhijia .picBox ul{position:absolute;}
.lanrenzhijia .picBox li{overflow:hidden; width:600px; height:450px; float:left;}
.lanrenzhijia .picBox li img{width:100%; height:450px; display:block;}
.lanrenzhijia .listBox{width:600px;height:105px;margin:0 auto;position:relative;padding:15px 0 0 0; overflow:hidden;}
.lanrenzhijia .listBox ul{height:105px; width:600px!important;/*position:absolute;*/}
.lanrenzhijia .listBox li{width:140px;height:105px;cursor:pointer;position:relative; float:left;}
.lanrenzhijia .listBox li:not(:nth-of-type(4n)){margin-right:2%;}
.lanrenzhijia .listBox li a{display: block;width:140px;height:105px;}
.lanrenzhijia .listBox li img{width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box;}
.lanrenzhijia .listBox .on img{width:100%; height:100%; border:1px solid #e17212; box-sizing:border-box;}
@media screen and (max-width: 425px) {
.lanrenzhijia{width:100%;position:relative; overflow:hidden; margin:0 auto;}
.lanrenzhijia .picBox{ width:320px; height:240px;position:relative;overflow:hidden; margin:0 auto;}
.lanrenzhijia .picBox ul{height:240px;position:absolute;}
.lanrenzhijia .picBox li{width:320px;height:240px;}
.lanrenzhijia .picBox li img{width:100%; height:240px; display:block;}
.lanrenzhijia .listBox{width:320px;height:56px;margin:0 auto;position:relative;padding:15px 0;overflow:hidden;}
.lanrenzhijia .listBox ul{width:320px!important; height:56px; margin-left:0px;}
.lanrenzhijia .listBox li{width:75px;height:56px;cursor:pointer;position:relative;}
.lanrenzhijia .listBox li:not(:nth-of-type(4n)){margin-right:2%;}
.lanrenzhijia .listBox li a{display: block;width:75px;height:56px}
}


.related{margin-top:40px;}
.related h2{display:inline-block; font-size:18px; width:100%; box-sizing:border-box; margin-bottom:20px; font-weight:700; background:#2c2c2c; padding:10px; color:#FFF; border-radius:5px;}
.relatedul{overflow:hidden; letter-spacing:-8px;}
.relatedul li{display:inline-block; overflow:hidden; width:22.75%; letter-spacing:normal; vertical-align:top; box-sizing:border-box; border:1px #ddd solid;}
.relatedul li:not(:nth-of-type(4n)){ margin-right:3%;}
.relatedul li .imgbox{height:240px;}
.relatedul li .imgbox img{height:100%; width:100%;}
.relatedul li p{font-size:16px; text-align:center; margin:5px 0;overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}

.prod_detail{line-height:32px!important; font-size:16px!important; margin:40px auto; padding:20px 0 0 0; overflow:hidden; border-top:1px #ddd solid;}
.prod_detail p,.prod_detail span{line-height:32px!important; font-size:16px;}
.prod_detail td{padding:2px 4px; font-size:16px!important; border:1px #CCCCCC solid!important;}
.prod_detail td p,.prod_detail td span{font-size:16px!important;}
.prod_detail table{width:100%;}
.prod_detail img{ max-width:100%; width:auto; height:auto; overflow:hidden; margin:0 auto; display:inline;}

@media screen and (max-width: 1024px) {
.relatedul li .imgbox{height:152px;}
}

@media screen and (max-width: 768px) {
.cpshowtop{padding:0%;}
.cpshowtop_l{float:none; width:100%; border:0px #ddd solid;margin-top:0px;}
.cpshowtop_r{float:none; width:100%; margin-left:0; margin-top:20px;}
.cpshowtop_r h1{font-size:24px; line-height:30px; margin-bottom:10px;}
.cpshowtop_r p{font-size:16px;}

.related{display:block;}
.related h2{font-size:16px; }
.relatedul li{ width:47.5%;}
.relatedul li:not(:nth-of-type(4n)){ margin-right:0;}
.relatedul li:not(:nth-of-type(2n)){ margin-right:5%;}
.relatedul li:nth-child(n+3){margin-top:5%;}
.relatedul li p{font-size:14px; text-align:center; line-height:24px;}
.relatedul li .imgbox{height:240px;}
.prod_detail{margin:20px auto 0; border-top:0; padding:0;}
}

@media screen and (max-width: 425px) {
.relatedul li .imgbox{height:112px;}
}





/*--------在线留言--------------*/
.guestbook2{width:100%; margin:5px auto 0; padding:0;}
.guestbook2 h4{font-size:24px; margin:10px 0px;}
.guestbook2 ul{ overflow:hidden;} 
.guestbook2 ul li{overflow:hidden; margin-bottom:8px; float:left; width:100%;}
.guestbook2 ul li p{ margin-top:5px;}
.box22 {width:100%; border:1px #ddd solid; line-height:30px; padding:8px 15px; box-sizing:border-box; background:#f5f5f5;}
.box44 {width:100%; border:1px #ddd solid; line-height:30px; padding:8px 15px; box-sizing:border-box; background:#f5f5f5;}
.box33 {width:100%; border:1px #ddd solid; line-height:24px; padding:8px 15px; font-family:Verdana, Microsoft YaHei,Arial, Helvetica, sans-serif; box-sizing:border-box; background:#f5f5f5;}
.sub_gestbook2 {background-color:#ff6600; border:none;width:100%; height:45px; line-height:45px; color:#fff; font-size:18px; cursor:pointer;text-align:center; text-transform:uppercase; border-radius:5px;}
.sub_gestbook2:hover{ background:#d7180f;}

@media screen and (max-width: 768px) {
.guestbook{ width:94%; margin:0 auto;}
.box2 {width:100%;}
.box4 {width:100%;}
.box3 {width:100%;}
}


/*新闻*/
.pubdate{line-height:20px; margin:0 0 20px 0; OVERFLOW: hidden; color:#999999; font-size:12px;}
.pubdate span{margin:0px 20px 0 0;}
.pubdate a{color:#999999;}
.pubdate a:hover{ color:#f08619;}
.pubdate1{height:20px; line-height:20px; margin:10px 0 20px 0; OVERFLOW: hidden; text-align:center; color:#999999;}


.lytext {margin:0 20px 30px 20px; text-align:left;}
.lyhtitle {position:relative; font-size:24px;font-weight:700;  margin-bottom:20px; }
.lytext_txt {margin:0 auto; width:100%; line-height:26px; font-size:14px; text-align:left;}
@media screen and (max-width:768px) {
.lytext {margin:0 auto 30px;}
.lyhtitle {font-size:24px; margin-bottom:10px; }
.lytext_txt {line-height:22px; font-size:14px; width:100%; }
}


/*---搜索页面----*/
.searcharea{padding:0;}
.searcharea ul{overflow:hidden;}
.searcharea ul li{border-bottom:1px #ddd dotted; padding:20px 10px;}
.searcharea ul li:hover{background:#fff;}
.searcharea ul li h3{font-size:14px;}
.searcharea ul li h4{ font-size:14px; color:#666; line-height:20px; margin-top:5px;}


/*视频播放页面*/
.videoback{position:relative; margin:0 auto; width:100%; max-width:1250px; overflow:hidden;}
.videoplay{overflow:hidden; margin-bottom:30px;}
@media screen and (max-width: 768px) {
.videoback{width:100%;}
.videoplay{padding:0;}
}

.sitemap{overflow:hidden; background:#FFF; padding:50px; border:1px #ddd solid;}
.sitemap h2 {font-size:18px; font-weight:bold; color:#173c96; margin-bottom:10px;}
.sitemap h2 a{color:#173c96;}
.sitemap h2 a:hover{color:#ff6600;}
.sitemap ul{ overflow:hidden; margin-bottom:30px; padding:10px 10px; background:#fafafa; border:1px #ddd dotted;}
.sitemap ul h3 {font-size:18px; padding-bottom:5px; border-bottom:1px #ddd dotted; margin-bottom:5px; line-height:24px;}
.sitemap ul li{float:left; width:auto; margin-right:25px; font-size:14px; line-height:24px;}
@media screen and (max-width:768px) {
.sitemap{padding:0.15rem;}
}

.page404{ width:100%; margin:300px 0 200px 0; text-align:center;}
.page404 img{ width:auto; display:inline-block;}
@media screen and (max-width:768px) {
.page404{ width:80%; margin:100px 10%; text-align:center;}
.page404 img{ width:auto; max-width:100%; display:inline-block;}
}



/*会员登录*/
.loginbox{padding:50px; overflow:hidden; margin:0 auto; background:#FFF; box-sizing:border-box;}
.email_autocomplete{margin:0px; padding:0px;}
.common-input-user{background:#F9F9F9; border:1px solid #e2e2e2; border-radius:5px; font-size:16px; line-height:18px; padding:12px 10px; width:100%;margin-bottom:15px; box-sizing:border-box;}
.common-input-user2{background:#f5f5f5; border:1px solid #999999; border-radius:5px; font-size:16px; line-height:18px; padding:12px 10px; width:100%;margin-bottom:15px; box-sizing:border-box;}
.common-input-user3{background:#a60799; border-radius:5px; font-size:16px; line-height:18px; padding:12px 10px; width:100%;margin-bottom:15px; box-sizing:border-box; color:#ffffff; width:60%; display:inline-block;}
.common-input-box{width:100%; height:90px; border:1px solid #e2e2e2; border-radius:5px; font-size:16px; line-height:18px; padding:12px 10px; font-family: Arial, Helvetica, sans-serif; box-sizing:border-box; background:#f9f9f9;margin-bottom:15px;}

#onseclect{background:url(../images/toright.svg) right 1px top 17px no-repeat; background-size:20px;}

.sub_btn{display:block; background-color:#225fb8; width:100%; margin:0px auto 30px;	height:42px; line-height:42px;	color:#fff;	font-size:18px;	cursor:pointer;	text-align:center;
	border-radius:5px;}

.sub_btn_1 {display:block; background:#f49b1b; width:100%; margin:0px auto 10px; height:42px;	line-height:42px;	color:#fff;	font-size:18px;	cursor:pointer;	text-align:center;
border-radius:5px;}

.sub_btn_2{display:block; background-color:#f5f5f5; width:100%;	margin:10px auto 0;	height:42px; line-height:42px;color:#333333; font-size:18px; cursor:pointer;text-align:center;	border-radius:5px; border:1px #CCCCCC dotted;}

.sub_btn_3{display:block; background-color:#68B268; width:100%;	margin:10px auto 0;	height:42px; line-height:42px; color:#fff;	font-size:18px;	cursor:pointer;	text-align:center;
	border-radius:5px;}

.loginbox_notes{font-size:14px; line-height:24px; margin-bottom:20px; color:#666666;}
.loginbox_txt{font-size:16px; margin-bottom:30px; color:#222; background:#f5f5f5; padding:10px 20px; border:1px #ddd solid; line-height:30px;}
.loginbox_txt b{ font-size:20px; color:#ff6600; font-weight:700;}
@media screen and (max-width:768px) {
.loginbox{padding:5%; background:none;}
.loginbox_txt{font-size:14px; line-height:24px; margin-bottom:20px; padding:5px 10px; color:#222; background:#fff;}
.common-input-user{background:#fff; margin-bottom:10px;}
.common-input-user2{margin-bottom:10px;}
.common-input-user3{margin-bottom:10px;}

}


.wzzc_lr{overflow:hidden; padding:80px 0px;}
.wzzc_lr p{width:100%; margin:0 auto 20px; text-align:center; font-size:16px;}
.wzzc_text{width:100%; height:42px; margin-bottom:20px; line-height:42px; border:1px solid #dddddd; background:#f5f5f5; padding:0px 5px; box-sizing:border-box;}
.wzzc_submit{width:100%; height: 42px; line-height: 42px; text-align:center; font-size: 16px; /* font-weight:bold;*/cursor: pointer; border-radius:5px; background:#FF571D; color:#fff;}


.membertext img{ width:auto;}
.membertext h2{font-size:28px; margin-bottom:25px;}
.membertext h2 span{ float:right; font-size:18px;}
.membertext p{ font-size:16px; border-bottom:1px #ddd solid; padding-bottom:10px; margin-bottom:10px;}
.membertext p b{ font-weight:bold; color:#df2f2f;}
.membertext ul{overflow:hidden; padding:20px; background:#f5f5f5;}
.membertext ul li{font-size:16px; border-bottom:1px #ddd solid; padding-left:30px; background:url(../images/file.png) left center no-repeat; background-size:20px; line-height:60px;}

.orderlist{margin-bottom:30px; background:#f5f5f5; width:100%;}
.orderlist ul{overflow:hidden; display:flex; align-items:stretch;}
.orderlist ul li{ border-bottom:1px #ddd solid; float:left; width:65%; padding:7px 10px; box-sizing:border-box; line-height:30px; font-size:16px;}
.orderlist ul li img{width:auto;}
.orderlist ul li:first-child{width:35%; text-align:right; border-right:1px #ddd solid;}
.orderlist ul li a{color:#df2f2f; font-weight:700;}
.orderlist_btn{display:block; background:#225fb8; width:100%; margin:0px auto; height:45px; line-height:45px; color:#fff; font-size:16px; cursor:pointer; text-align:center; font-weight:700;}
.orderlist_btn:hover{ background:#df2f2f; color:#FFF;}

.order_radio{ width:20px; height:20px; -webkit-appearance:auto; display:inline; margin-top:12px;}

.orderdetail{}
.orderdetail ul{overflow:hidden;}
.orderdetail ul li{border-bottom:1px #ddd solid; width:100%; padding:10px; box-sizing:border-box; font-size:16px;}
.orderdetail ul li img{ width:auto; max-width:100%;}


.orderend img{ width:auto;}
.orderend h2{font-size:28px; margin-bottom:25px;}
.orderend h2 span{ float:right; font-size:18px;}
.orderend li{ font-size:16px; border-bottom:1px #ddd solid; padding-bottom:10px; margin-bottom:10px; line-height:30px;}
.orderend li b{ font-weight:bold; color:#df2f2f;}


@media screen and (max-width:768px) {
.membertext h2{font-size:18px; margin-bottom:30px;}
.membertext h2 span{ float:right; font-size:16px;}
.wzzc_text{background:#fff;}
}


.mycart{font-size:16px; overflow:hidden; margin-bottom:20px; line-height:42px; height:42px; padding:0 15px;}
#myprods{font-weight:700; color:#df2f2f; padding:0 5px;}
.mycart_right{float:right;}
.shopping_btn{background:#E02B2B; color:#fff; font-size:16px; cursor:pointer;text-align:center; border-radius:5px; padding:5px 20px;}
.noshop{ width:100%; line-height:30px; text-align:center; padding:100px 20px; background:#f5f5f5; margin-bottom:20px; font-size:18px; box-sizing:border-box;}

.orderlist_end{ text-align:center; margin-bottom:40px;}
.shopping_btn2{background:#E02B2B; color:#fff; font-size:16px; cursor:pointer; text-align:center; border-radius:5px; padding:8px 30px; display:inline;}
.shopping_btn3{background:#666; color:#fff; font-size:16px; cursor:pointer; text-align:center; border-radius:5px; padding:8px 30px; display:inline;}
@media screen and (max-width:768px) {
.orderlist_end{ text-align:center; margin-bottom:20px;}
.shopping_btn2{width:100%;}
.shopping_btn3{width:100%; margin-top:5px;}
}


.shoptxt{ width:100%; line-height:30px; text-align:left; padding:20px; background:#f5f5f5; font-size:16px; box-sizing:border-box;}



.shopping{width:100%; margin:0 auto; overflow:hidden;}
.shopping dl{padding:20px;border-bottom:1px #ddd dotted; background:#f5f5f5; box-sizing:border-box; margin-bottom:20px; overflow:hidden;}
.shopping dt{float:left; width:20%;}
.shopping dt img{ width:100%; height:auto;}
.shopping dd{float:right; width:78%;}
.shopping dd h4{padding-bottom:5px; line-height:26px; font-size:16px;}
.shopping dd p{line-height:42px; height:42px; font-size:16px;}
.shopping dd p span{ color:#E02B2B;}
.textshoppingcart{display:inline; width:50px; height:30px; border:1px #ddd solid; background:#FFF; box-sizing:border-box; margin:6px 0; padding:0 5px;}

.shopping-input{background:#fff; border:1px solid #e2e2e2; border-radius:5px; font-size:16px; line-height:18px; padding:12px 10px; width:100%; box-sizing:border-box;}

@media screen and (max-width:768px) {
.mycart{margin-bottom:10px;}
.shopping dl{padding:10px; background:#fff;}
.shopping dt{float:none; width:100%; margin-bottom:5%;}
.shopping dt img{ width:100%; height:auto;}
.shopping dd{float:none; width:100%;}
.shopping dd h4{padding-bottom:5px; line-height:26px; font-size:16px;}
.shopping dd p{line-height:42px; height:42px; font-size:16px;}

}