@charset "utf-8";
/*
 * 深圳超时尚
 * 请尊重他人劳动成果，你可以模仿页面，但是请自己写代码！
 * 技术支持：QQ2863868475
 * 2021-05-03
 * coyright ： tengcee.com
*/
@font-face {
  font-family: 'iconfont';  /* Project id 2935032 */
  src: url('//at.alicdn.com/t/font_2935032_ep661tj4g1.woff2?t=1638078000234') format('woff2'),
       url('//at.alicdn.com/t/font_2935032_ep661tj4g1.woff?t=1638078000234') format('woff'),
       url('//at.alicdn.com/t/font_2935032_ep661tj4g1.ttf?t=1638078000234') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
* { margin:0; padding:0; word-break:break-all; }
body {font-size:13px; margin:0px; padding:0px; font-family:'microsoft Yahei';background-color:#f5f5f5;}
a { color:#3e413f; text-decoration:none; }
a:hover { text-decoration:none; }
img { border:0; vertical-align:bottom; }
li { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }
button{ outline: none; }
input[type=submit],input[type=reset],input[type=button]{outline:none;filter: chroma(color=#000000);}
input{ outline: none }
input:focus{ outline: none; border:none; }
select{ background-color:#fff;outline:none; }
.c20 { clear:both; line-height:20px; height:20px; }
.c { clear:both; }
.mt5 { margin-top:5px; }
.mt0 { margin-top:0px !important; }
.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mb10 { margin-bottom:10px;}
.mb20 { margin-bottom:20px;}
.mt70,.mt90{ margin-top:70px;}
.mt100,.mt90{ margin-top:90px;}
.mr10{ margin-right:10px; }
.ml10{ margin-left:10px; }
.left { float:left !important; }
.right { float:right !important; }
.w1200 { width: 1200px; min-width:1200px; }
.center { margin-right: auto; margin-left: auto; margin-top: 0px; }
.wrapper { width:1200px; margin-left:auto; margin-right:auto;}
.wrapper2 { width:1400px; margin-left:auto; margin-right:auto;}
.wrapper3 { width:100%; padding:0 50px; box-sizing: border-box;}
.relative{ position: relative; }
.red { color:#CC0000 }
.green{ color: #309b38 }
.radius {-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;}
.radius2{-moz-border-radius:2px;-webkit-border-radius:2px;-ms-border-radius:2px;border-radius:2px;}
.radius10{-moz-border-radius:10px;-webkit-border-radius:10px;-ms-border-radius:10px;border-radius:10px;}
.line{border-bottom:solid 1px #e2e2e2;}
.white{ background-color:#FFFFFF;}
.border{border:solid 1px rgba(255, 255, 255, 0.3);}
.imgshadow { overflow: hidden; background-color:#000;display: block; position: relative;}
.imgshadow img{-moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.imgshadow:hover img{opacity:.85;transform: scale(1.1, 1.1);background-color:#000;-moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.imgskew span img{-moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.imgskew span:hover img{-moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.pc,.pc2{ display: block; }
.wap{ display: none; }
.pad{ display: none; }
@media screen and (max-width:1200px){
    .wrapper { width:100%;}
    .wrapper2 { width:100%;}
    .pc2{ display: none; }
    .pad{ display: block; }
}
@media screen and (max-width:750px){
    .pc{ display: none; }
    .wap{ display: block; }
    .mt10,.mt20,.mt30,.mt40 { margin-top:1em !important; }
    .mb10,.mb20{ margin-bottom: 1em!important;}
}
/*通用阴影*/
.shadow {box-shadow:2px 4px 10px rgba(195,206,201,0.3),-2px -4px 10px rgba(195,206,201,0.3)};
.shadow2 { box-shadow: 0 27px 3px rgba(179,188,198,0.25);}
.shadow3 {box-shadow:2px 2px 8px rgba(195,206,201,0.2),-2px -2px 8px rgba(195,206,201,0.2)};
.line{ width: 100%; border-bottom: solid 1px #e2e2e2; padding-top: 10px; margin-bottom: 10px; position: relative; clear: both;}
.opacity85{opacity:0.85; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter:alpha(opacity=85);  -moz-opacity:0.85; -khtml-opacity: 0.85;}
/* 分页 */
#pages { padding-top: 14px; padding-right: 0; padding-bottom: 10px; padding-left: 0; text-align: center; }
#pages a { display:inline-block; height:40px; line-height:40px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 15px; margin:5px 0; }
#pages a.a1 { padding:0 15px;}
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:40px; line-height:40px; border:1px solid #d80106; color:#fff; text-align:center; padding:0 15px; background-color: #d80106; }
.page .noPage { display:inline-block; width:56px; height:40px; line-height:40px; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }
/* 默认幻灯片 */
.FocusPic { zoom:1; position:relative; overflow:hidden; float: left; height: 240px; width: 320px; }
.FocusPic .content { overflow:hidden }
.FocusPic .changeDiv a { position:absolute; top:0px; left:0px; display:none; }
.FocusPic .title-bg, .FocusPic .title { position:absolute; left:0px; bottom:0; width:320px; height:30px; line-height:30px; overflow:hidden }
.FocusPic .title-bg { background:#000; filter:alpha(opacity=60); opacity:0.6; }
.FocusPic .title a { display:block; padding-left:10px; color:#fff; font-size:14px; }
.FocusPic .change { bottom:5px; height:20px; right:3px; *right:5px;_right:4px; position:absolute; text-align:right; z-index:9999; }
.FocusPic .change i { background:#666; color:#FFF; cursor:pointer; font-family:Arial; font-size:12px; line-height:15px; margin-right:2px; padding:2px 6px; font-style:normal; height:15px; display:inline-block; display:-moz-inline-stack; zoom:1; *display:inline;
}
.FocusPic .change i.cur { background-color: #155ba4; }
/*网站地图*/
.rss { padding: 20px; float: left; width: 100%; box-sizing: border-box; background-color: #fff; box-sizing: border-box;}
.rss_title { line-height: 45px; background-image: url(../images/ico_link.png); background-repeat: no-repeat; background-position: left center; float: left; height: 45px; width: 100%; padding-left: 30px; border-bottom:1px solid #e2e2e2; margin-top: 10px; box-sizing: border-box; }
.rss_title span { float:left; font-size:16px; font-weight:bold; color: #333333; }
.rss_title em { font-size: 12px; font-style: normal; line-height: 20px; background-color: #CCCCCC; text-align: center; float: left; height: 20px; margin-top: 15px; margin-left: 10px; padding-right: 8px; padding-left: 8px;}
.rss_title em a{ color:#FFFFFF; text-decoration:none}
.rss_list { line-height: 40px; padding: 10px; float: left; width: 100%; box-sizing: border-box; }
.rss_list li { padding-left:5px; padding-right:15px; display:block; float:left;}
.rss_list li a {  color:#666666; text-decoration:none;}
.rss_list li em { font-size: 12px; font-style: normal; line-height: 15px; background-color: #FF6600; text-align: center; height: 15px; margin-top: 8px; margin-left: 5px; padding-right: 5px; padding-left: 5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; }
.rss_list li em a{ color:#FFFFFF; text-decoration:none}
a.blue{ color:#128bca;}
/*按钮*/
.btn { width:100%; line-height:50px; height:50px; text-align:center; color:#FFFFFF; font-size:15px; background-color:#00b63e; border: none; float:left; }
.btn-radius { line-height:40px; height:40px; text-align:center; color:#FFFFFF; font-size:15px; background-color:#00b63e; border: none; float:left; padding:0 20px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;}
.btns2 { line-height:50px; height:50px; text-align:center; color:#FFFFFF; font-size:15px; background-color:#00b63e; border: none; float:left; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;}
.gary{ background-color: #999; }
.w100{ width: 100% !important;  }
.btn:hover,.btn-radius:hover,.btns2:hover{ background-color: #029a36; }
/*flex*/
.flex {
    display: -webkit-box;
    display: -moz-box; 
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.flex1 { 
    -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */ 
    -moz-box-flex: 1; /* OLD - Firefox 19- */ 
    width: 20%; /* For old syntax, otherwise collapses. */ 
    -webkit-flex: 1; /* Chrome */ 
    -ms-flex: 1; /* IE 10 */ 
    flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */ 
}
/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;top:200px;width:70px;height:240px; z-index:99999; right:1px;}
.suspension-box{position:relative;float:right;}
.suspension .a{ display:block; width:44px; height:44px; background-color:#d80106; margin-bottom:1px; cursor:pointer; outline:none; }
.suspension .a.active,
.suspension .a:hover{background:#dc183c;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat; }
.suspension .a .p{float:left;width:24px;height:24px;padding:10px;}
.suspension .a .p img{ width: 100%;height: auto; }
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{ display:none; width:223px; background:#fff; position:absolute; right:50px; min-height:90px; border:1px solid #E0E1E5; border-radius:3px; box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11); }
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-buy{top:34px;}
.suspension .d-phone{top:78px;}
.suspension .d-qrcode{top:90px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.qrcode-img img{ width:120px; height:auto;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
.btn-buy{ width: 100%; float: left;margin:8px 0; line-height: 40px; border-radius: 5px; text-align: center; background-color: #e43d3f; }
.btn-buy a{ color: #fff; }
.btn-buy em{ color: #fff; font-size: 20px; }
@media screen and (max-width:750px){
    .suspension{ display: none; }  
}