/*
叉叉网络 设计编写 原创设计 请勿仿制
公司网址:www.ecmsshop.com
yecha编写 QQ:372009617
*/
@CHARSET "UTF-8";
@import url("../font/iconfont.css");
a, body, button, caption, dd, div, dl, dt, em, figure, form, h1, h2, h3, h4, h5, h6, html, i, img, input, label, li, ol, p, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul { margin:0; padding:0 }
b, h1, h2, h3, h4, h5, h6 { font-weight:400 }
body, html { height:100%; background:#f4f4f4 }
button, input, select, textarea { font-family:inherit; font-size:14px; border:0; outline:0 }
button::-moz-focus-inner, input[type=button]::-moz-focus-inner {
 border:none;
 padding:0
}
body { font:14px/1.5"PingFang SC", "Lantinghei SC", "Microsoft YaHei", "HanHei SC", "Helvetica Neue", "Open Sans", Arial, "Hiragino Sans GB", "微软雅黑", STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif }
img { border:0 }
ul li { list-style-type:none }
a { color:inherit; text-decoration: none; outline:0 }
a:focus { outline:0 }
a[class|=btn] { display:inline-block; vertical-align:top; zoom:1 }
a:hover { transition: color 160ms ease 0s, background-color 200ms ease 0s, border-color 160ms ease 0s, transform 500ms ease 0s; color: #f77; cursor: pointer; }
.block, main { display:block }
input[type=checkbox], input[type=radio] { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 }
i { font-style:normal }
input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {
 background-color:#fff!important;
 background-image:none!important;
 color:#333!important;
 -webkit-box-shadow:0 0 0 1000px #f4f4f4 inset
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
 color:#bbb
}
input:-moz-placeholder, textarea:-moz-placeholder {
 color:#bbb
}
input::-moz-placeholder, textarea::-moz-placeholder {
 color:#bbb
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
 color:#bbb
}
input:-webkit-autofill:focus, textarea:-webkit-autofill:focus {
 -webkit-box-shadow:0 0 0 1000px #fff inset
}
input[type=text]:focus, input[type=password]:focus, textarea:focus { background:#fff; color:#444 }
input[type=text].borderred, textarea.borderred { border:1px solid #f4523b!important }
.hide { display: none; }
/*常用功能*/
i { font-style: normal; }
.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden; font-size:0 }
.clearfix { display:inline-block; clear:both }
*html .clearfix { height:1% }
.clearfix { display:block }
.clearfix { zoom:1 }
.fl { float: left; }
.fr { float: right; }
.center { text-align: center; }
.block, .g-row { width: 1280px; margin-right: auto; margin-left: auto; }
.bgw { width:100%; background:#fff; }
.bggray { width:100%; background:#f4f4f4; overflow: hidden; }
.disabled, .disabled-color { color: #bbb!important; cursor: default!important; }
.mt10 { margin-top:10px; }
.mr10 { margin-right:10px; }
.f-fl, .f-lifl li, .f-dlfl dt, .f-dlfl dd { float: left; display: inline; }
.f-fr { float: right; display: inline; }
/*开始编写*/

.cover-one-wrapper { width: 1200px; margin: 0 auto; }
/*头部*/
.head_top { height: 40px; line-height: 40px; background-color: #363636; font-size: 12px }
.head_top .top_l { left: -12px; position: relative }
.head_top_wrap { }
.head_top li { float: left }
.head_top li a { color: #bfbfbf; text-decoration: none }
.head_top li a:hover { color: #fc8080; text-decoration: none }
.head_top .topnavinco { padding: 0 12px; z-index: 1100 }
.head_top .tophline { width: 1px; height: 12px; padding: 0; margin-top: 15px; background: #aaa none repeat scroll 0% 0%; overflow: hidden }
.head_top .cart { background-color: #4a4a4a; position: relative }
.head_top .cart a:hover { color: #bfbfbf }
.head_top .cart i { float: left; font-size: 15px; margin-right: .5em; margin-top: -.1em }
.head_top .cart span { float: left; margin-right: 12px; color: #bfbfbf }
.head_top .cart strong { float: left; width: 24px; margin-top: 12px; font-weight: 400; line-height: 18px; text-align: center; background-color: #666; border-radius: 5px }
.topnavinco span { color: #bababa; }
.j-categorys { position: absolute; right: 0; top: 40px; width: 1210px; padding: 30px 0 20px; border: 1px solid #dcdcdc; border-top: 0; background-color: #fff; display: none; z-index: 500 }
.site_map .categorys a { font-size: 14px; color: #333; position: relative; padding: 2px 5px }
.site_map .categorys a:hover { color: #f87878 }
.icon_hot, .icon_new { position: absolute; top: -3px; right: -7px; display: block; width: 9px; height: 14px; overflow: hidden }
.icon_hot { background: url(../images/icon_hot.gif) no-repeat scroll 0% 0% }
.icon_new { background: url(../images/icon_new.gif) no-repeat scroll 0% 0% }
.type-oner { float: left; width: 1px; min-height: 180px; height: 100%; padding: 0; border-right: 1px dashed #bcbcbc; overflow: hidden }
.site_map .categorys h3 { font-size: 16px; margin-left: 4px }
.categorys .categorys-dsxt { width: 139px }
.categorys .categorys-dsxt h3 { color: #227ac1 }
.categorys .categorys-mbt { width: 145px }
.categorys .categorys-mbt h3 { color: #fc8080 }
.categorys .categorys-mobile { width: 200px }
.categorys .categorys-mobile h3 { color: #2ca916 }
.categorys .categorys-aliyun { width: 159px }
.categorys .categorys-aliyun h3 { color: #6f1fb9 }
.categorys .categorys-life { width: 150px }
.categorys .categorys-life h3 { color: #f59c00 }
.categorys .categorys-service { width: 200px }
.categorys .categorys-service h3 { color: #333 }
.type-box h3 { font-size: 16px; font-family: 微软雅黑, 'arial, helvetica, sans-serif'; margin-bottom: 10px }
.categorys .type-box { padding-left: 40px }
.type-box li { height: 30px; line-height: 30px; display: block; float: none }
.categorys .type-box .two_cols { float: left; margin-right: 40px }
.wds { width: 100%; position: relative; }
.head { border-bottom: 1px #f1f1f1 solid; height: 108px; background:#fff; }
.logo { width: 250px; height: 48px; line-height: 48px; margin-top: 34px; }
.head_logo_nav .logo .llogo img { margin-top: -9px; }
.nav_head { width: 850px; height: 108px; line-height: 108px; z-index: 1000; overflow: hidden; padding-left: 13px; }
.nav_head li { float: left; height: 108px; line-height: 108px; padding: 0 6px; }
.nav_head a { color: #333; font-size: 16px; padding: 0 15px; display: inline-block; position: relative; }
.head .search-product { position: relative; z-index: 300; float: left; width: 286px; height: 48px; margin-top: 34px; }
.head .search-product .fontello-icon-search { cursor: pointer; height: 40px; display: inline-block; width: 42px; line-height: 35px; font-size: 20px; text-align: center; color: #ccc; background-color: #fff; border: 1px solid #ccc; border-left: 0; padding-right: -5px; font-size: 30px; }
.head .search-product .search-box { width: 218px; height: 26px; border: 1px solid #ccc; border-radius: 0; }
#keyword { padding: 6px 8px; }
/*首页主体*/
.g-box-1200 { width: 1200px; height: auto; margin: auto; display: block; }
.g-newstop { margin: 15px auto }
.g-newstop dt, .g-newstop dd { height: 510px; background-color: #fff; box-shadow:0px 0px 2px #cfcfcf }
.g-newstop dt { width: 340px; display: inline-block; }
.g-newstop dd { margin-left: 15px; }
.g-newstop dd.m-newtopc { width: 510px; }
.g-newstop dd.m-newtopr { width: 320px; }
.m-newsico { background-image: url(../images/newsico.gif); background-repeat: no-repeat; }
.m-tith4 { height: 42px; margin: 12px 20px }
.m-tith4 .f-fl { font-size: 20px; color: #333; font-weight: normal; height: 38px; line-height: 38px; margin: 3px 5px 0 0 }
.m-tith4 .f-fl i { display: inline-block; width: 30px; height: 30px; }
.m-tith4 .f-fr { margin:11px 0 0 0; font-weight: normal; }
.m-tith4 .f-fr a { font-size: 14px; color: #aaa }
.m-tith4 .f-fr a:hover { color: #f77 }
.m-xbtj i { background-position: -9px -7px }
.m-jkzs i { background-position: -9px -47px }
/* 第一栏 */
.m-tjimg { }
.m-tjimg li { width: 140px; height: 124px; margin: 0 0 22px 20px; }
.m-tjimg li a { display: block; }
.m-tjimg li a img { display: block; width: 140px; height: 94px; }
.m-tjimg li a p { height: 30px; line-height: 30px; overflow: hidden; padding: 0 10px; font-size: 14px; background-color: #fafafa; }
.m-tjimg li a:hover p { background-color:#f77; color: #fff }
.m-tjimg li a:hover img { filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8; }
.m-newtopc h2 { font-size: 24px; text-align: center; height: 40px; line-height: 40px; overflow: hidden; padding: 0 20px; margin: 10px auto 0 }
.m-h2info { color: #aaa; margin: 0 20px; overflow: hidden; font-size: 14px; }
.m-h2info p { height: 24px; line-height: 24px; overflow: hidden; margin-bottom: 10px; }
.m-newtopsul { border-top: 1px #f5f5f5 solid; margin:0 20px; padding: 8px 0 8px 0 }
.m-newtopsul li { height: 32px; line-height: 32px; overflow: hidden; }
.m-newtopsul li a { font-size: 14px; }
.m-newtopsul li span.f-fr { color: #999 }
.m-newtopsul li span.f-fl { background-color: #00aaff; width: 4px; height: 4px; margin:14px 5px 0 0; }
.m-jkzsdiv { position: relative; }
.m-jkzsdiv p.m-utop, .m-jkzsdiv p.m-ubottom { position:absolute; height: 18px; width: 3px; background-color: #fff; left: 19px; z-index: 1 }
.m-jkzsdiv p.m-utop { top: 0 }
.m-jkzsdiv p.m-ubottom { bottom: 0 }
.m-jkzsul { position: relative; }
.m-jkzsul li { border-left: 1px #f5f5f5 solid; margin: 0 20px; padding-left: 20px; position: relative; }
.m-jkzsul li .f-fr { color: #999; margin:8px 0 0 8px; }
.m-jkzsul li b { width: 7px; height: 7px; position:absolute; left: -4px; top:10px; background: url(../images/ullidian.gif) left -7px; z-index: 10 }
.m-jkzsul li.f-ix b { background-position: left top }
.m-jkzsul li p.m-titbt { height: 28px; line-height: 28px; font-size: 14px; overflow:hidden }
.m-jkzsul li .m-js { display: none; background: url(../images/ppage.gif) #fafafa no-repeat; padding: 14px 10px 10px 10px; line-height: 20px; height: 48px; overflow: hidden; }
.m-jkzsul li .m-js p { height: 40px; line-height: 20px; overflow: hidden; padding-top: 6px; color: #999 }
.m-jkzsul li .m-js img { width: 80px; height: 50px; display: block; margin-right: 15px }
.m-jkzsul li.f-ix .m-js { display: block; }
/* 图片切换 */
.m-hdbox { position:relative; width: 280px; height: 175px; margin:12px auto 0; overflow:hidden; }
.flashbox { width: 280px; height: 175px; }
.flashbox ul { width: 2850px; height: 175px; position: absolute; left: 0; top: 0; }
.flashbox li { width: 280px; height: 175px; float: left; display: block; }
.flashbox a { display: block; width: 280px; height: 175px; position: relative; overflow: hidden }
.flashbox a img { width: 280px; height: 175px; }
.flashbox em { display: block; width: 280px; height: 36px; background: #000; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; position: absolute; left: 0px; bottom: 0px; }
.flashbox strong { display: block; width: 230px; height: 36px; line-height: 36px; padding: 0 30px 0 10px; position: absolute; left: 0px; bottom: 0; color: #fff; font-size: 14px; font-weight: bold; overflow:hidden; font-weight: normal; }
.flashpoint { width: 36px; height: 6px; position: absolute; right: 0px; bottom: 14px }
.flashpoint i { float: left; width: 12px; height: 6px; background: #fff; margin-right: 5px; cursor: pointer; overflow: hidden; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.flashpoint i.on { background: #f70; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
/*个性板块*/
.g-gexing { background-color: #fff; box-shadow: 0px 0px 2px #cfcfcf; margin-bottom: 15px; padding-top: 12px }
.g-gexing h4 { margin-top: 0 }
.m-gximg { position: relative; }
.m-gximg b { position: absolute; width: 46px; height: 72px; background-color:;
top: 54px; cursor: pointer; }
.m-gximg b.m-prev-page { left: -50px; background-position: 0 -275px; }
.m-gximg b.m-hover { background-position: 0 -185px; }
.m-gximg b.m-next-page { right: -50px; background-position: 0 -450px; }
.m-gximg b.m-hover2 { background-position: 0 -360px; }
.m-gximg div { margin:0 20px; width: 1160px; height: 240px; overflow: hidden; position: relative; }
.m-gximg div ul { position: relative; }
.m-gximg div ul li { margin:0 15px 15px 0; width: 180px; overflow: hidden; height: 224px; }
.m-gximg div ul li a { font-size: 14px; width: 180px; display: block; }
.m-gximg div ul li a img { width: 180px; height: 180px; display: block; margin: 0 0 5px }
.m-tith4 .m-jxgexspan { margin:7px 10px 0 0; }
.m-tith4 .m-jxgexspan a { display: inline-block; width: 70px; height: 26px; border-radius: 5px; line-height: 26px; text-align: center; margin-right: 10px }
.m-tith4 .m-jxgexspan a:hover { background-color: #f77; color: #fff }
/*首页资讯*/
.bgt { background:#fff; margin-top:12px; margin-bottom:15px; }
.cover-one-wrapper .course { height: 100%; padding:20px; }
.leftbox { float:left; width: 780px; height:100%; }
.cover-one-wrapper .dsc-course { margin-bottom: 20px; }
.cover-one-wrapper .course div.title { border-bottom: #ddd 1px solid; height:42px; }
.cover-one-wrapper .course div.title h2 { float: left; font-size: 20px; padding:0px 0 3px 0px; color: #0af; font-weight:normal; }
.cover-one-wrapper .course div.box1 { height: 124px; margin-top: 30px; }
.cover-one-wrapper .course div.box1 a.fl { height: 124px; width: 221px; }
.cover-one-wrapper .course div.box1 div.fr { height: 100%; width: 530px; position: relative; }
.cover-one-wrapper .course div.box2 { height: auto; margin-top: 20px; }
.cover-one-wrapper .course div.box2>a { font-size: 14px; line-height: 2; width: 45%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; padding-right: 30px; }
.dsc-course .title i { display: inline-block; width: 30px; height: 30px; background-position: -9px -47px; margin-right:5px; }
.cover-one-wrapper .course div.box1 div.fr a { font-size: 20px; color: #333; width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cover-one-wrapper .course div.box1 div.fr p { line-height: 1.5; color: #999; padding-top: 10px; }
.cover-one-wrapper .course div.box2>a:hover, .cover-one-wrapper .course div.box1 div.fr a:hover { color: #fc8080; }
.cover-one-wrapper .slidebar { height: 100%; width: 355px; overflow:hidden; }
.cover-one-wrapper .slidebar .r-adv { height: 176px; border: 0; background: #fff; margin: 0; }
.cover-one-wrapper .slidebar .r-adv div { height: 100%; width: 172px; background-size: cover; position: relative; overflow: hidden; }
.cover-one-wrapper .slidebar .r-adv div img { width:172px; height:172px; }
.gradual { background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(20%, rgba(0, 0, 0, 0.4)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0, 0, 0, 1)', endColorstr='rgba(0, 0, 0, 0)', GradientType=0 );
}
.com-gradual { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.cover-one-wrapper .slidebar .r-adv div p { position: absolute; bottom: 10px; color: #fff; width: 100%; text-align: center; left: 0; font-size: 16px; height: 45px; overflow: hidden; }
.cover-one-wrapper .slidebar>div { background-color: #fafafa; margin-top: 15px; border: #f1f1f1 1px solid; width: 353px; }
.cover-one-wrapper .slidebar .hot-module { height: 215px; }
.cover-one-wrapper .slidebar h2 { font-size: 20px; padding: 3px 20px; margin-top: 10px; border-left: 4px #0af solid; }
.cover-one-wrapper .slidebar ul { width: 90%; margin: 8px auto 0; }
.cover-one-wrapper .slidebar ul li { float: left; background: #fff; margin: 5px; }
.cover-one-wrapper .slidebar ul li a { padding: 5px 15px; border: 1px #ddd solid; cursor: pointer; display: block; color: #333; text-decoration: none; font-size: 12px; }
.cover-one-wrapper .slidebar ul li a:hover { color: #fc8080; border-color: #fc8080; }
.cover-one-wrapper .slidebar .d-load .img { height: 177px; width: 320px; margin: 20px auto; position: relative; overflow: hidden; padding:0 15px; }
.cover-one-wrapper .slidebar .d-load .img img { width:100%; height:177px; }
.cover-one-wrapper .slidebar .d-load .img .part { position: absolute; width: 320px; background: rgba(0, 0, 0, .6); color: #fff; height: 60px; line-height:23px; bottom:0; }
.cover-one-wrapper .slidebar .d-load .img .part p { font-size: 14px; padding:5px 10px; }
.cover-one-wrapper .slidebar .manual { height: 290px; background: #fff; border: 0; }
.cover-one-wrapper .slidebar .manual>a { border: #f1f1f1 1px solid; height:85px; width: 353px; margin-bottom: 10px; display: block; }
.cover-one-wrapper .slidebar .manual>a div.fl { width: 23%; }
.cover-one-wrapper .slidebar .manual>a div.fl i { display: block; height: 60px; width: 60px; background: url(../images/manual.png) no-repeat center center; background-position: 0 0; margin: 14px 0 0 14px; }
.cover-one-wrapper .slidebar .manual>a div.fr { width: 77%; }
.cover-one-wrapper .slidebar .manual>a div.fr h3 { font-size: 18px; font-weight: 700; padding: 20px 0 5px; }
.cover-one-wrapper .slidebar .manual>a div.fr p { color: #888; }
.news-wrap { background: #fff; padding: 42px 0; }
.news-item { width: 340px; margin: 0 26px 0 32px; float: left; }
.news-title { font-size: 24px; margin-bottom: 26px; }
.news-list { margin-bottom: 17px; }
.news-list dt { height: 180px; position: relative; margin-bottom: 20px; overflow: hidden; }
.news-list dt img { width: 340px; height: 180px; transition: all .4s;
}
.news-list dt .text { position: absolute; left: 0; right: 0; color: #fff; bottom: 10px; font-size: 15px; padding: 0 24px; line-height: 1.5; height: 44px; overflow: hidden; transition: all .2s;
}
.news-list dd { margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-list dd a { font-size: 14px; color: #909499; }
.news-item .more { width: 100px; height: 36px; display: block; line-height: 36px; border: 1px solid #e4e4e4; text-align: center; transition: all .1s;
}
.news-item .more:hover { background: #f96a69; border-color: #f96a69; color: #fff; }
.news-list dd a:hover { color: #ec6061; }
/*底部*/
.containers { width: 1200px; margin: 0 auto; padding: 0; }
.footer { background:#333; overflow:hidden; width:100%; color:#888; padding:27px 0 35px }
.footer a { color:#888; transition:all .1s
}
.footer a:hover { color:#e8e8e8 }
.foot-service { margin-right:-26px; margin-bottom:38px; padding-left:69px }
.foot-service .service-item { float:left; height:30px; width:240px; margin-right:26px }
.foot-service .service-item i { width:50px; height:25px; float:left; margin:17px 17px 0 29px; opacity:.8; -webkit-transform:scale(.6); -moz-transform:scale(.6); transform:scale(.6) }
.foot-service .service-item.item-1 i { background:url(../images/bottom_icon01.png) no-repeat center center; background-size:contain }
.foot-service .service-item.item-2 i { background:url(../images/bottom_icon02.png) no-repeat center center; background-size:contain }
.foot-service .service-item.item-3 i { background:url(../images/bottom_icon03.png) no-repeat center center; background-size:contain }
.foot-service .service-item.item-4 i { background:url(../images/bottom_icon04.png) no-repeat center center; background-size:contain }
.foot-service .service-item .text { font-size:16px; color:#ccc; float:left; margin-top:29px }
.footer-splite { height:0; display:block; clear:both; border-bottom:1px solid #393854 }
.footer-links { margin-bottom:60px; padding-top:40px; padding-left:69px }
.footer-links .article-link { width:209px; height:110px; float:left; margin-right:23px; line-height:2; font-size:14px }
.footer-links .article-link dt { color:#ccc; font-size:16px; margin-bottom:10px; line-height:2; font-weight:300 }
.footer-links .article-link dd { line-height:2 }
.footer-links .contact { width:145px; float:left }
.footer-links .contact h3 { font-size:16px; color:#ccc; line-height:2; margin-bottom:10px }
.footer-links .contact .tel { margin-bottom:15px }
.footer-links .contact .tel .text { font-size:16px; margin-bottom:5px }
.footer-links .contact .tel .number { font-size:22px; color:#fff; font-family:Arial, microsoft yahei, hanhei sc, PingHei, pingfang sc, helvetica neue, Helvetica, Arial, hiragino sans gb, heiti sc, wenquanyi micro hei, sans-serif }
.footer-links .contact .qrcode { margin-right:-18px }
.footer-links .contact .qrcode-item { float:left; width:110px; margin-right:18px; text-align:center }
.footer-links .contact .qrcode-item p { font-size:14px; color:#ccc; margin-top:12px }
.footer-copyright { line-height:20px; font-size:14px; text-align:center }
.footer-copyright p { margin-bottom:9px }
/*列表页*/
.place { padding-left: 5px; line-height: 62px; color: #333; font-size: 13px; }
.filter { line-height: 48px; background: #fff; padding: 10px 20px 10px 30px; font-size: 14px; margin-bottom:15px; }
.filter-list { overflow: hidden; }
.filter-list dt { float:left; width:64px; font-weight:700; line-height:48px; position:relative }
.filter-list dt:after { content:""; position:absolute; right:12px; top:22px; border:1px solid #333; border-width:0 1px 1px 0; width:4px; height:4px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg) }
.filter-list dd { border-bottom:1px dotted #e0e0e0; margin-left:64px; overflow:hidden }
.filter-list:last-of-type dd { border-bottom:0 }
.filter-list .filter-item { color:#8d8d91; font-size:14px; line-height:14px; height:14px; float:left; border-right:1px solid #e0e0e0; padding:0 16px; margin:17px 0 }
.filter-list .filter-item:last-child { border-right:0 }
.filter-list .filter-item.active, .filter-list .filter-item:hover { color:#fc8080 }
.cover-one-wrapper .slidebar .article-module div.text .box-wrap { border-left: #fc8080 1px solid; position: relative; height: 45px; }
.cover-one-wrapper .slidebar .article-module div.text { width: 90%; margin: 20px auto 0; }
.cover-one-wrapper .slidebar .article-module div.text .box-wrap .yuan { width: 8px; height: 8px; position: absolute; background: #fc8080; border-radius: 50%; left: -4px; }
.cover-one-wrapper .slidebar .article-module div.text .box-wrap a { font-size: 16px; padding-left: 18px; position: absolute; top: -8px; display: block; height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cover-one-wrapper .slidebar .article-module div.text .box-wrap:last-child { border: 0; position: relative; padding-bottom: 15px; }
.m-titlediv { border-bottom: 1px solid #eeeeee; }
.f_cle { line-height: 50px; height: 50px; margin: 0 10px; }
.f_cle dt.m_fldt { width: 50px; text-align: center; font-size: 12px;overflow: hidden; }
.f_cle .m_fldd1 { width: 510px; font-size: 15px; height: 40px; overflow: hidden; }
.f_cle .m_fldd2 { text-align: center; width: 200px; }
.m_softmc .m-dj { position: absolute; left: 30px; }
.m_softmc .m-smc { position: absolute; right: 109px; width:100px; }
.m_softmc .m-hpf { position: absolute; right: 15px; }
.f-fl, .f-lifl li { float: left; display: inline; }
.m_softmc { position: relative; left: 10px; }
.f_cle .m_fldd1 .m-soft-mark { display: inline-block; padding: 0 45px; }
.f_cle dt.f-i1, .f_cle dt.f-i2, .f_cle dt.f-i3 { color: #fe0000; }
.f_cle .m_fldd1 span a { display: inline; padding: 0 5px; color: #aaa; }
.f_cle .m_fldd2 i { width: 40%; }
.f_cle .m_fldd2 .m_softp4 span { font-size: 12px; }
.f_cle .m-hpf { display: inline-block; width:100px; }
.f_cle .m-redc { color: #fe0000; }
.f_cle .m-s { display: inline-block; width:100px; }
/*分页*/

/*下载页*/
.details { padding: 30px 40px; background-color: #fff; width: 1120px; }
.details .left { position: relative; width: 70px; }
.details .left .up-btn { top: 0; background-image: url(../images/cover-page-details-9.png); }
.details .left .up-down-btn { position: absolute; left: 20px; width: 29px; height: 15px; background-repeat: no-repeat; cursor: pointer; }
.details .left .canvas { position: relative; width: 70px; height: 375px; margin-top: 25px; margin-bottom: 25px; overflow: hidden; }
.details .left .canvas-container { position: relative; left: 0; }
.details .left .canvas-container-li { width: 20px; height: 20px; margin-bottom: 5px; padding: 4px; border-width: 1px; border-style: solid; border-color: #e9e9e9; cursor: pointer; }
.details .left .canvas-container-li.now, .details .left .canvas-container-li:hover { border-color: #fa0e0e; }
.details .left .canvas-container-li img { width: 20px; height: 20px; }
.details .left .down-btn { bottom: 0; background-image: url(../images/cover-page-details-10.png); }
.cover-page-details .details .left .up-down-btn { position: absolute; left: 20px; width: 29px; height: 15px; background-repeat: no-repeat; cursor: pointer; }
.details .mid { width: 460px; height: 300px; margin-left: 20px; padding: 10px; border: 1px solid #e8e8e8; position: relative; }
.details .mid-container { position: relative; z-index: 100; width: 460px; height: 300px; }
.details .mid-container div.details-mid-item { position: relative; float: left; display: none; }
.details .mid-container div.details-mid-item img { width: 460px; height: 300px; }
.details .right { width: 552px; font-size: 12px; }
.details .right .discount-msg { position: relative; font-size:24px; line-height: 36px; }
.details .right .discount-msg h3 { font-size:22px; }
.details .right .discount-msg-two { padding-top: 15px; margin-bottom: 15px; border-bottom: 1px solid #dcdbd9; }
.details .right .price { font-family: Arial; display: inline; padding-bottom: 5px; padding-left: 5px; padding-right: 10px; font-size: 24px; font-weight: bolder; color: #ef353d; }
.tb-promo-type { vertical-align: middle; display: inline-block; padding: 3px; height: 14px; line-height: 14px; color: #fff; background: #ff8e1b; font-size: 14px; font-family: SimSun; font-weight: 400; margin-bottom: 7px; }
.details .right .offer { position: relative; z-index: 10; float: right; margin-top: 0; margin-bottom: 0; }
.dazhe { display: inline-block; position: relative; width: 40px; height: 50px; }
.details .right .offer span[class] { float: left; width: 40px; height: 40px; margin-left: 8px; font-size: 18px; line-height: 40px; color: #fff; text-align: center; border-radius: 20px; cursor: pointer; }
.details .right span.offer-fold { background-color: #ff4146; }
.manjian { display: inline-block; position: relative; width: 40px; height: 50px; }
.details .right span.offer-less { background-color: #71cd9c; }
.details .right p.offer-less { left: 59px; display: none; background: #fff; }
.details .right p.offer-item { position: absolute; top: 50px; width: 164px; min-height: 60px; padding: 5px; font-size: 12px; line-height: 25px; border: 1px solid #dde3e4; background-color: #fff; }
.manjian:hover #jian_p { display: block; }
.details .right p.offer-fold { left: 12px; display: none; }
.dazhe:hover #zhe_p { display: block; }
.details .right .attri_l { float: left; width: 66px; }
.details .right .attri_l i { float: left; margin-right: 16px; font-style: normal; line-height: 30px; color: #888; }
.details .right .attri_r { float: left; width: 296px; }
.details .right .attri_r span { float: left; margin: 0 10px 10px 0; padding: 5px 10px; border-width: 1px; border-style: solid; border-color: #dfdfdf; cursor: pointer; }
.details .right .attri_r span.now { border-color: #ff4343; }
#xiangmai { height: 28px; width: 113px; position: relative; float: right; }
.xiangmai div { height: 28px; width: 113px; float: right; cursor: pointer; overflow: hidden; }
.xiangmai span { color: #ff004f; position: absolute; left: 17px; bottom: 0; font-size: 17px; display: none; }
.xiangmai div p em { font-family: microsoft yahei, 微软雅黑, simsun, 宋体; font-size: 13px; font-weight: lighter; font-style: normal; }
.xiangmai div p { height: 28px; line-height:28px; width: 57px; text-align: center; font-size: 14px; color: #888; overflow: hidden; }
.xiangmai .digg_good { background: url(../images/xiangmai.png) 114px -2px; }
.details .right .make-cart { width: 170px; height: 46px; font-size: 16px; line-height: 46px; color: #fff; }
.details .right .infos { position: relative; float: left; }
.details .right .infos em { float: left; margin-right: 42px; font-style: normal; color: #888; }
.details .right .make { margin-top: 17px; padding-bottom: 25px; border-bottom: 0 solid #dcdbd9; }
.details .right .make-cart { margin-right: 10px; text-align: center; background-color: #1fa9e1; }
.details .right .make-show { background-color: #598dc7; }
.details .right .make-show, .details .right .make-xcx, .details .right .make-aliyun { width: 138px; height: 40px; font-size: 14px; line-height: 40px; color: #fff; }
.details .right .make-show i { float: left; width: 40px; height: 40px; margin-right: 15px; background-color: #3e73b7; background-image: url(../images/cover-page-details-12.png); background-repeat: no-repeat; background-position: center center; }
.details .right .make-aliyun { margin-left: 10px; background-color: #ffb446; }
.details .right .make-aliyun i { float: left; width: 40px; height: 40px; margin-right: 15px; background-color: #ff9801; background-image: url(../images/cover-page-details-aliyun_button.png); background-repeat: no-repeat; background-position: center center; }
.package { padding: 20px; width:1160px; margin-top: 15px; background-color: #fff; }
.package h4 { margin-bottom: 20px; padding-bottom: 18px; font-size: 16px; border-bottom: 1px solid #dcdbd9; }
.package .canvas { position: relative; width: 1170px; }
.package .canvas .package-btn { position: absolute; top: 75px; width: 15px; height: 29px; background-repeat: no-repeat; cursor: pointer; }
.package .canvas .package-btn-left { left: 20px; background-image: url(../images/cover-page-pack-3.png); }
.package .canvas .package-btn-right { right: 20px; background-image: url(../images/cover-page-pack-2.png); }
.package .canvas .package-container { position: relative; width: 1049px; margin-left: 55px; overflow: hidden; }
.package .canvas .package-container-items { position: relative; left: 0; top: 0; float: left; width: 10000px; }
.package .canvas .package-container-items li { position: relative; float: left; width: 190px; margin-left: 12px; margin-right: 12px; }
.package .canvas .package-container-items li img { width: 180px; height: 180px; margin-bottom: 5px; }
.package .canvas .package-container-items li span { float: left; width: 165px; margin-left: 2px; font-size: 13px; }
.package .canvas .package-container-items li span i { margin-top: 2px; font-style: normal; color: #ff4146; }
.package .canvas .package-container-items li span .attente { padding-left: 15px; color: #71cd9c; background-image: url(../images/cover-page-attente.png); background-repeat: no-repeat; background-position: left center; cursor: pointer; }
.zoomdiv { z-index:100; position:absolute; border:1px solid #e8e8e8; display:none; text-align:center; overflow:hidden }
.bigimg { width:512px; height:512px }
.jqZoomPup { position:absolute; top:0; left:0; z-index:10; width:150px; height:150px; background-image:url(../images/zoom-point.png); cursor:move; visibility:hidden }
.desc { padding:10px; font-size: 14px; line-height: 1.8; overflow:hidden; width:760px; min-height: 200px;}
.desc img { max-width:90%!important; }
.joke-content-area a, .joke-content-area a:hover { width: 145px; height: 36px; background: url(../images/zk.png) no-repeat; display: inline-block; margin: 0 auto; font-size: 15px; color: #fff; line-height: 36px; text-indent: -22px; }
.joke-content-area { width: 780px; text-align: center; }
.Postcon-article-tit { border-bottom: 1px solid #ddd; height: 40px; position: relative; width: 100%; margin-bottom: 15px; }
.Postcon-article-tit .tt { float: left; height: 40px; width: 200px; overflow: hidden; }
.Postcon-article-tit .tt .icons { background-color: #fc8080; color: #fff; float: left; font-size: 30px; height: 40px; line-height: 30px; margin-right: 12px; text-align: center; width: 40px; }
.Postcon-article-tit .tt span.up { color: #333; font-size: 18px; font-weight: 700; line-height: 40px; }
.section-8 { padding-bottom: 0; background: #fff; overflow: hidden; margin-bottom:15px; }
.section-8 li { float: left; width: 248px; margin-left: 10px; }
.section-8 li h5 { padding-top: 18px; height: 45px; background: #6ad8fe; font-size: 18px; font-weight: 700; color: #fff; text-align: center; }
.section-8 li div { border: 1px #6ad8fe solid; line-height: 300%; padding-bottom: 20px; padding-top: 14px; height: 320px; text-align: center; }
.section-8 li div p span { display: inline-block; margin: 0 5px; }
.section-8 .ft-red { color: #fd2121; }
.btn-red { background-color: #fca6a6; border-bottom-color: #fca0a0; color: #fff; display: block; width: 220px; margin: 0 auto; border-radius: 4px; }
.Postcon-article-tit { border-bottom: 1px solid #ddd; height: 40px; position: relative; width: 100%; }
.sorcelist { width: 430px; padding-top: 5px; }
.sorcelist li { padding-left: 10px; }
.sorcelist li a { width: 360px; font-size: 14px; line-height:38px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; }
.sorcelist li span { float: left; }
.sorcelist li i { font-size: 12px; line-height:38px; color: #8a8a8a; float: right; }

/*分页*/

.pg_pcl {
    margin-top:20px;
    overflow: hidden;
}
.pg_pcl .tspage {
    height: 28px;
    margin: 5px 0 5px;
    background: none;
    line-height: 26px;
}
.pg_pcl .tspage .tsp_count, .tsp_change {
    display: none;
}
.pg_pcl .tspage .tsp_nav {
    text-align: center;
}
.pg_pcl .tspage .tsp_nav i {
    font-style: normal;
    display: inline-block;
    padding: 0 15px;
    background-color: #fbfbfb;
    color: #999;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
}
.pg_pcl .tspage .tsp_nav b {
    display: inline-block;
    padding: 0 15px;
    background-color: #4c94ee;
    color: #fff;
    border: 1px solid #4c94ee;
    border-radius: 3px;
}
.pg_pcl .tspage .tsp_nav a {
    display: inline-block;
    padding: 0 15px;
    background-color: #fbfbfb;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    color: #000;
}
.pg_pcl .tspage .tsp_nav a.tsp_more, .pg_pcl .tspage .tsp_nav a.tsp_next, .pg_pcl .tspage .tsp_nav a.tsp_end, .pg_pcl .tspage .tsp_nav a.tsp_home, .pg_pcl .tspage .tsp_nav a.tsp_prev {
    padding: 0;
    border:none;
}
.pg_pcl .tspage .tsp_nav a:hover {
    background: #4c94ee;
    color: #fff;
    border: 1px solid #4c94ee;
}
.pg_pcl .tspage .tsp_nav a.tsp_more:hover i {
    background: #4c94ee;
    color: #fff;
    border: none;
}
.pg_pcl .tspage .tsp_nav a.tsp_next:hover i {
    background: #4c94ee;
    color: #fff;
    border: none;
}
.pg_pcl .tspage .tsp_nav a.tsp_end:hover i {
    background: #4c94ee;
    color: #fff;
    border: none;
}
.pg_pcl .tspage .tsp_nav a.tsp_home:hover i {
    background: #4c94ee;
    color: #fff;
    border: none;
}
.pg_pcl .tspage .tsp_nav a.tsp_prev:hover i {
    background: #4c94ee;
    color: #fff;
    border: none;
}

.cover-one-wrapper .slidebar ul.m-tjimg li{ width: 140px; height: 124px; margin: 0 0 22px 18px; }
.cover-one-wrapper .slidebar ul.m-tjimg li a { display: block;padding: 0;border: 0; }
.cover-one-wrapper .slidebar ul.m-tjimg li a img { display: block; width: 140px; height: 94px; }
.cover-one-wrapper .slidebar ul.m-tjimg li a p { height: 30px; line-height: 30px; overflow: hidden; padding: 0 10px; font-size: 14px; background-color: #fff; }
.cover-one-wrapper .slidebar ul.m-tjimg li a:hover p { background-color:#f77; color: #fff }
.cover-one-wrapper .slidebar ul.m-tjimg li a:hover img { filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8; }
.flink {
    padding: 10px 25px;
}
.flink a {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 10px;
}
ul.sorcelist.w380list {
    width: 380px;
}
.w380list li a{width: 300px;}
.m-content dd.f-fl.m_fldd1 {
    width: 560px;
}

/*新增资讯内容页*/
.nrtitle {
    font-size: 24px;
    text-align: center;
    line-height: 80px;
    height: 80px;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    overflow: hidden;
}
.newsxx {
    text-align: center;
    color: #0084bf;
    font-size: 13px;
    margin-bottom: 15px;
}

/*分页*/
#ecmspage { font-size: 16px; text-align: center; width: 100%; height: 35px; line-height: 35px; overflow: hidden; padding: 30px 0; font-family: 微软雅黑; }
#ecmspage a>b { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 8px 15px; background: #0285BD; color: #fff; }

#ecmspage a b { background: none; color: #000; border: none; }
#ecmspage a { border: 1px solid lightGrey; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 8px 15px; margin: 0 3px; cursor: pointer; color: #919191; font-size: 16px; box-shadow: 0 1px 0 white inset, 0 1px 0px #DFDFDF; -webkit-box-shadow: 0 1px 0 white inset, 0 1px 0px #DFDFDF; -moz-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #dfdfdf; text-decoration: none; background-color: #F2F2F2; }
#ecmspage a:hover { background: #f6f6f6; background: -moz-linear-gradient(top, #f6f6f6 0%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%,


8 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e8e8e8', GradientType=0 );
border: 1px solid #757575; }



/*新增右侧联系*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color:transparent; position:relative }
.owl-carousel { display:none; width:100%; z-index:1 }
.owl-carousel .owl-stage { position:relative; -ms-touch-action:pan-Y; touch-action:manipulation; -moz-backface-visibility:hidden }
.owl-carousel .owl-stage:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0 }
.owl-carousel .owl-stage-outer { position:relative; overflow:hidden; -webkit-transform:translate3d(0, 0, 0) }
.owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0) }
.owl-carousel .owl-item { min-height:1px; float:left; -webkit-backface-visibility:hidden; -webkit-touch-callout:none }
.owl-carousel .owl-item img { display:block; width:100% }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display:none }
.no-js .owl-carousel, .owl-carousel.owl-loaded { display:block }
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor:pointer; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background:0 0; color:inherit; border:none; padding:0!important; font:inherit }
.owl-carousel.owl-loading { opacity:0; display:block }
.owl-carousel.owl-hidden { opacity:0 }
.owl-carousel.owl-refresh .owl-item { visibility:hidden }
.owl-carousel.owl-drag .owl-item { -ms-touch-action:pan-y; touch-action:pan-y; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }
.owl-carousel.owl-grab { cursor:move; cursor:grab }
.owl-carousel.owl-rtl { direction:rtl }
.owl-carousel.owl-rtl .owl-item { float:right }
.owl-carousel .animated { animation-duration:1s; animation-fill-mode:both }
.owl-carousel .owl-animated-in { z-index:0 }
.owl-carousel .owl-animated-out { z-index:1 }
.owl-carousel .fadeOut { animation-name:fadeOut }
@keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
.owl-height { transition:height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy { opacity:0; transition:opacity .4s ease
}
.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
max-height:0
}
.owl-carousel .owl-item img.owl-lazy { transform-style:preserve-3d }
.owl-carousel .owl-video-wrapper { position:relative; height:100%; background:#000 }
.owl-carousel .owl-video-play-icon { position:absolute; height:80px; width:80px; left:50%; top:50%; margin-left:-40px; margin-top:-40px; background:url(owl.video.play.png) no-repeat; cursor:pointer; z-index:1; -webkit-backface-visibility:hidden; transition:transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover { -ms-transform:scale(1.3, 1.3); transform:scale(1.3, 1.3) }
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display:none }
.owl-carousel .owl-video-tn { opacity:0; height:100%; background-position:center center; background-repeat:no-repeat; background-size:contain; transition:opacity .4s ease
}
.owl-carousel .owl-video-frame { position:relative; z-index:1; height:100%; width:100% }
#side_func { position:fixed; _position:absolute; bottom:230px; right:50%; height:232px; margin-right:-666px; width:58px; z-index:1500; }
.single #side_func { bottom:290px; }
#side_func a.sfa { vertical-align:bottom; display:block; width:50px; height:50px; text-align:center; color:#fff; overflow:hidden; z-index:10; font-size:12px; border:1px #f0f0f0 solid; margin-bottom:-1px; }
#side_func a.sfa:hover { color:#fff; line-height:50px; opacity:1; }
#side_func #bdshare_l.show_bds { position:absolute; top:50px !important; left:-212px !important; background:#fff !important; z-index:10000 !important; }
#side_func a.lapin:hover { background-color:#1a1a1a; }
#side_func a.app, #side_func a.sideweixin { line-height:76px !important; font-size:10px; width:50px; height:50px; background:url(codew.svg) 15px 8px no-repeat; background-size:20px; background-color:#206a9c; }
#side_func a.app:hover, #side_func a.sideweixin:hover { background:url(codew.svg) 15px 8px no-repeat; background-color:#d22222; background-size:20px; }
#side_func a.sideweixin:hover { background-color:#81bc06 !important; }
#side_func a.tougao { line-height:76px !important; font-size:10px; width:50px; height:50px; background:url(tw.svg) 15px 8px no-repeat; background-size:20px; background-color:#206a9c; }
#side_func a.tougao:hover { background:url(tw.svg) 15px 8px no-repeat; background-color:#ffba08 !important; background-size:20px; }
#side_func a.gotop { line-height:76px !important; font-size:10px; width:50px; height:50px; background:url(toph.svg) 15px 8px no-repeat; background-size:20px; background-color:#206a9c; }
#side_func a.gotop:hover { background:url(toph.svg) 15px 8px no-repeat; background-color:#2e6cf3 !important; background-size:20px; }
#side_func a.comment { display:none; line-height:76px !important; font-size:10px; width:50px; height:50px; background:url(commentw.svg) 15px 8px no-repeat; background-size:20px; background-color:#1a1a1a; }
#side_func a.comment:hover { background:url(commentw.svg) 15px 8px no-repeat; background-color:#d22222; background-size:20px; }
.single #side_func a.comment { display:block; }
#side_func>div { position:absolute; left:-133px; display:none; border:1px solid #f0f0f0; height:152px; overflow:hidden; }
#side_func .papp { top:0; }
#side_func .pweixin { top:51px; }
@media screen and (min-width:1520px) {
 #side_func {
 margin-right:-766px;
 right:50%;
}
}