@charset "utf-8";
/* CSS Document */
/*来源:LeafCMS*/
/*全局*/
@font-face {
    font-family: "NotoSansHans";
    src: url("../font/NotoSansHans-Light.woff2") format("woff2"),
         url("../font/NotoSansHans-Light.woff") format("woff"),
         url("../font/NotoSansHans-Light.ttf") format("truetype"),
         url("../font/NotoSansHans-Light.eot") format("embedded-opentype"),
         url("../font/NotoSansHans-Light.svg") format("svg");
}
html{overflow-x:auto;overflow-y:auto;}
* {padding:0;margin:0;outline:none !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
ul,ol,li {list-style-type:none;}
body{background:#f6f7f8;}
body,button,input,select,textarea {font-family:'NotoSansHans','Microsoft Yahei';font-size:12px;font-weight:500;color:#666;}
code,kbd,pre,samp {font-family:'NotoSansHans','Microsoft Yahei';}
a{text-decoration:none;color:#555;cursor:pointer;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;}
a:hover{color:#18bc9c;}
img {border:0;}
li {line-height:normal;}
table {border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6 {margin:0;font-weight:normal;font-family:'NotoSansHans','Microsoft Yahei';}
input,table,tr,td {margin:0;padding:0;border:none;}
button,table {border:none;background:none;margin:0;padding:0;}
body {position:relative;float:left;width:100%;overflow:hidden;}
select {margin:0;padding:0;font-family:'NotoSansHans','Microsoft Yahei';border:none;}
textarea {resize:none;outline:none;}
label {margin-bottom:0;font-weight:normal;}
input,select,textarea {margin:0;padding:0;border:0;outline:none;-moz-border-radius:0px;-webkit-border-radius:0;-khtml-border-radius:0;border-radius:0;}
.fl{float:left;}
.fr{float:right;}
.elli{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mr15{margin-right:15px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.mb10{margin-bottom:10px;}
.pl10{padding-left:10px;}
.pr5{padding-right:5px;}



.leafcms_header{position:fixed;top:0;bottom:0;left:0;width:100%;z-index:9999;height:80px;background:rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.1);box-shadow:0 3px 16px 0 rgba(0,0,0,.08);transition:all 300ms linear;-webkit-transition:all 300ms linear;-ms-transition:all 300ms linear;-o-transition:all 300ms linear;-moz-transition:all 300ms linear;}
.leafcms_header.bar{background:rgba(255,255,255,1);}
.leafcms_banner{float:left;width:100%;position:relative;}
.leafcms_main{float:left;width:100%;height:auto;}
.leafcms_footer{float:left;width:100%;background:#27282d;overflow:hidden;}
.bg_copyright{border-top:solid 1px #333;}
.bg_topbar{border-bottom:1px solid #eee;}
.bg_menu{background:#18bc9c;box-shadow:2px 2px 4px #ccc;}
.bg_white{background:#ffffff;}
.bg_gray{background:#efefef;}
.bg_feature{background:#333;/*box-shadow: 0 3px 16px 0 rgba(0,0,0,.08);*/border-top:1px solid #eee;border-bottom:1px solid #333;}
.bg_7color{width:100%; height:7px; background:url(../images/footer_bg1.jpg) top center no-repeat; overflow:hidden;}
/*.bg_copyright{border-top:solid 1px #f1f1f1;}*/
.bg_topbar{border-bottom:1px solid #f1f1f1;}
.bg_menu{background:#18bc9c;box-shadow:2px 2px 4px #ccc;}
.bg_gray{background:#f1f1f1;}
.flexbox{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
#mask{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:899;display:none;}

@media screen and (max-width:767px){
  .leafcms_header{height:60px;}
}
/*Bootstrap3.4.1重置*/
a:hover,a:focus{color:#18bc9c;text-decoration:none;}
ul,
ol {margin-bottom:0; }
.container { padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; }
@media (min-width:768px){
	.container{width:768px;}
}
@media (min-width:992px){
	.container{width:992px;}
}
@media (min-width:1200px){
	.container{width:1200px;}
}
@media (min-width:1920px){
  .container{width:1400px;}
}
.container-fluid{padding-right:0;padding-left:0;}
/*Bootstrap3.4.1重置*/
/*头部*/

.logo {float:left;height:50px;text-align:left;margin:15px 0;}
.logo img{width:auto;height:50px;}

.menu{float:right;margin-right:30px;}
.menu li{margin-left:6px;float:left;}
.menu li>a{display:block;font-size:15px;font-weight:300;line-height:80px;padding:0 22px;color:#fff;position:relative;}
.menu li .arr{float:right;height:40px;width:40px;position:relative;display:none;}
.menu li .arr:after{content:'';border-top:2px solid #ccc;border-left:2px solid #ccc;-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(225deg);transform:rotate(225deg);right:10px;}
.menu li.dropdown{position:relative;}
.menu .dropdown-box{position:absolute;left:0;min-width:100%;top:100%;display:none;z-index:10;text-align:center;background: rgba(255,255,255,.8);box-shadow:0px 8px 20px 0px rgba(0,0,0,0);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.1);}
.menu .dropdown-box p{margin:0;}
.menu .dropdown-box a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;display:block;line-height:35px;}
.menu li.active>a,
.menu li.open>a,
.menu li>a:hover{color:#18bc9c;}
.menu li.open>a:after,
.menu li>a:hover:after{width:100%;left:0;}
.menu li.open .dropdown-box{display:block;}
.menu li.open .dropdown-box a:hover{color:#18bc9c;}

.bar .menu li>a{color:#555;}
.bar .menu li>a:hover,
.bar .menu li.active>a,
.bar .menu li:hover>a{color:#18bc9c;}
.bar .menu li>a::after{background-color:#18bc9c;}

.menu-btn{display:none;padding:18px 0;}
.menu-btn:before,
.menu-btn:after,
.menu-btn span{display:block;height:2px;background-color:#18bc9c;content:'';}
.menu-btn:before{width:24px;}
.menu-btn:after{width:18px;margin-left:6px;}
.menu-btn span{width:12px;margin:8px 0 8px 12px;}


.search {margin:24px 0;position: relative;}
.search .seachtext {border: none;width: 185px;height: 32px;line-height: 32px;background: #f4f4f4;border-radius:3px;color: #a8a8a8;text-indent:8px;}
.search .SearchBtn{display: block;position: absolute;z-index: 10;width: 16px;height: 16px;cursor: pointer;right: 12px;top: 8px;color: #6b6b6b;}
.search .SearchBtn svg{width:16px;height:16px}
.login-user{margin:24px 10px;}
.login-user .login-ico{background:#9ae4d2;border-radius:50%;padding:4px;width:32px;height:32px;cursor:pointer;display:inline-block}
.login-user .login-ico .icon{width:24px;height:24px;color:#fff;}
.login-user .login-ico:hover{background:#18bc9c;}
.login-user .user-ico{display:inline-block;border-radius:50%;position:relative;}
.login-user .user-ico img{width:32px;height:32px;border-radius:50%;}


.login-user .user-ico:hover .pop-up{display:block}
.pop-up{width:284px;height:auto;right:-10px;position:absolute;top:32px;display:none;z-index:9999;}
/*.pop-up a{font-size:14px;font-weight:500}*/
.pop-up .box{float:left;width:100%;height:auto;padding:15px;right:0;background:#fff;border:1px solid #f1f1f1;border-radius:6px;position:relative;top:10px;overflow: hidden;}
.pop-up:before{content:'';display:inline-block;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #f1f1f1;position:absolute;top:-5px;right:22px;transform: rotate(90deg);z-index:9999;}
.pop-up:after{content: ''; display: inline-block; border-top:11px solid transparent; border-bottom:11px solid transparent; border-right:11px solid #fbfdfb; position: absolute;top:-3px;right:21px;transform: rotate(90deg);z-index:9999;}
.pop-up .box .pop-user-info{float:left;width:100%;height:auto;overflow: hidden;}
.pop-up .box .pop-user-info .face{float:left;width:68px;}
.pop-up .box .pop-user-info .face img{border-radius:50%;width:58px;height:58px}
.pop-up .box .pop-user-info .intro{float:left;width:calc(100% - 88px);}
.pop-up .box .pop-user-info .intro p{font-size:13px;color:#666;line-height:20px;}
.pop-up .box .pop-user-info .intro p a{display:inline-block;color:#08121c;line-height:35px;max-width:100px;font-size:16px;font-weight:500;}
.pop-up .box .pop-user-info .intro p span{color:#f60;}
.pop-up .box .pop-user-navlist{float:left;width:100%;height:auto;margin-top:10px;overflow: hidden;}
.pop-up .box .pop-user-navlist ul{margin:0 -5px;}
.pop-up .box .pop-user-navlist ul li{float:left;width:50%;padding:5px;}
.pop-up .box .pop-user-navlist ul li .items{float:left;width:100%;background:#f4f4f4;}
.pop-up .box .pop-user-navlist ul li .items a{border-radius:3px;color:#333;font-size:13px;font-weight:500;display:block;padding:8px 10px;}
.pop-up .box .pop-user-navlist ul li .items a:hover{background:#18bc9c;color:#fff;}
.label img{display:inline;margin-top:-8px}


@media screen and (max-width:767px) {
.menu-btn{display:block;}
.logo{float:none;margin:5px -5px;}
.menu{display:none;float:none;margin-left:0;width:100%;z-index:9999; }
.menu li{display:block;margin:0;border-top:1px solid #f1f1f1;float:none;}
.menu li>a{line-height:40px;padding:0 15px;}
.menu li .arr{display:block;position:relative;z-index:1;}
.menu li a:hover{color:#18bc9c}
.menu li.open .arr:after{border-color:#18bc9c;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.menu .dropdown-box{position:static;min-width:auto;text-align:left;border:none;background:none;}
.menu .dropdown-box a{border-top:1px dotted #e6e6e6;padding:0 20px;background: rgba(255,255,255,.1);line-height:30px;}

.search{margin:13px 0;}
.search .seachtext {width: 120px;}
.login-user{margin:13px 10px;}
}


/*banner*/
.slide_banner{margin:0 -10px;}
.slide_banner .slick-slide{width:100%;padding:0;}
.slide_banner img{width:100%;}
.slick-prev{left:180px;z-index:1000;}
.slick-next{right:180px;z-index:1000;}
.slick-prev:before,
.slick-next:before{font-size:45px;color:rgba(0,0,0,.3);}
.slick-dotted.slick-slider{margin-bottom:0;}
.slick-dots{bottom:10px;}
.slick-dots li{width:15px;height:15px;margin:0 3px;}
.slick-dots li button{width:15px;height:15px;}
.slick-dots li button:before{font-size:15px;color:#fff;opacity:1;}
.slick-dots li.slick-active button:before{color:#18bc9c;font-size:15px;}
@media  screen and (max-width:767px){
  .slick-prev{left:30px;}
  .slick-next{right:30px;}
  .slick-prev:before,
  .slick-next:before{font-size:28px;}
  .slick-dots li{margin:0 2px;}
  .slick-dots li button:before{font-size:10px;}
  .slick-dots li.slick-active button:before{font-size:10px;}
}
.sub-banner{width:100%;height:300px;overflow:hidden;position:relative;text-align:center;background:#000;z-index:8;}
.sub-banner .img{height:100%;opacity:1;fiter:alrha(opacity=100);position:relative;}
.sub-banner .img:before{position:absolute;left:0;top:0;width:100%;height:100%;content:'';background-color:#000;opacity:0.5;filter:alpha(opacity=50);}
@media  screen and (max-width:767px){
  .sub-banner{height:300px;}
  .sub-banner .con .txt{padding-top:38px;}
}



/*首页幻灯 开始*/
.main{width:calc(75% - 5px);height:auto;overflow:hidden;}
.box-025{width:calc(25% - 12.5px);}
.box-050{width:calc(50% - 7.5px);height:auto;margin-left:16px;overflow:hidden;}

@media screen and (max-width:767px) {
.box-main{width:100%;}
.box-025{width:100%;}
.box-050{width:100%;margin-left:0;}
}




.sidebar {width:calc(25% - 12.5px);}
.sideleft{width:200px;}
.main-0100 {width:100%;}
.sidebars {width:150px;z-index:989}
.sidelefts{width:150px;}

@media screen and (max-width:991px) {
.content-wrap {padding-right:0px;}
.main {width:100%;}
.sidebar {width:100%;right:auto;top:auto;position:relative;}
.sideleft{width:100%;}
.content-wraps{float:left;}
}


.in-tit{float:left; width:100%; padding-top:30px; padding-bottom:10px; background:url(../images/title_bg.png) no-repeat center bottom;}
.in-tit h2{float:left; width:100%; height:34px; color:#666; font:normal 28px/34px "Microsoft Yahei"; text-align:center;}
.in-tit span{float: left; display: block; width: 100%; font-size: 14px; color: #c4c4c4; line-height: 28px; height: 28px; text-transform: uppercase; text-align: center; font-family: Microsoft Yahei; position: relative;}
.in-tit span::before{content: ""; width: 219px; height: 1px; background: #f1f1f1; position: absolute; bottom: -6px; left: 50%; margin-left: -238px;}
.in-tit span::after{content: ""; width: 219px; height: 1px; background: #f1f1f1; position: absolute; bottom: -6px; right: 50%; margin-right: -238px;}

@media  screen and (max-width:767px){
  .in-tit{padding-top:20px;}
  .in-tit h2{font-size:18px; height:24px; line-height:24px;}
  .in-tit span{font-size:14px; height:28px; line-height:28px;}
  .in-tit span::before{width:89px; height:1px; bottom:-6px; margin-left:-118px;}
  .in-tit span::after{width:89px; height:1px; bottom:-6px; margin-right:-118px;}
}




/* 内页 标题 */
.sub-tit{float:left;width:100%;padding:0 8px;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);background: rgba(255,255,255,.8);border-radius:5px 5px 0 0;border-bottom:1px solid #f2f2f2;position:relative;}
.sub-tit .name{padding:10px 0;letter-spacing:1px;color:#555;/*font-weight:400;*/position:relative}
.sub-tit .name i{font-size:20px;color:#18bc9c}
.sub-tit .name a{position:absolute;left:28px;top:10px;font-size:16px;}
.sub-tit .more{display:block;position:absolute;right:3px;top:13px;padding:0 5px;font-size:10px; transform: scale(0.83333); transform-origin: 0 0;text-transform:uppercase;border-radius:3px;border:1px solid #18bc9c;background:#18bc9c;color:#fff;}
.sub-tit .more:hover{color:#fff;background:#333;border-color:#333;}


/*侧边大家都在看 结束*/


.section-1{position:relative;z-index:3;top:-65px;float:left;width:100%;height:auto;background:#fff;box-shadow:0px 6px 70px 1px rgba(0,0,0,0.16);border-radius:6px;}
.section-1 ul{float:left;width:100%;height:auto;overflow:hidden;}
.section-1 ul li{float:left;width:25%;height:auto;padding:30px;}
.section-1 ul li .items{float:left;width:100%;overflow:hidden;}
.section-1 ul li .items .img{float:left;width:50px;height:55px;position:relative;transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; display:inline;}
.section-1 ul li .items .img img{width:100%;padding-bottom:110%;overflow:hidden;position:relative;}
.section-1 ul li .items .img:hover{transform:rotate(360deg); -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg);}
.section-1 ul li .items .text{float:right;width:calc(100% - 65px);margin-top:3px;}
.section-1 ul li .items .text .name{width:100%;font-size:16px;margin-bottom:5px;}
.section-1 ul li .items .text .des{width:100%;font-size:13px;color:#95989d;white-space:nowrap;}
@media screen and (max-width:767px ) {
  .section-1 ul li{width:100%;padding:10px 20px;}
}


.in-plugins{float:left; width:100%; margin:30px 0;}
.in-plugins ul{margin:0 -7.5px;}
.in-plugins ul li{float:left; width:20%; margin-top:30px; padding:7.5px;}
.in-plugins ul li .items{float:left; width:calc(100% - 2px); padding:23px 0 33px;background:rgba(255,255,255,.9);box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);border:1px solid #f1f1f1;border-radius:8px;text-align:center; position:relative; display:block;
 -webkit-border-radius:8px; 
    -moz-border-radius:8px;
         border-radius:8px;}
.in-plugins ul li .items .icons{width:60px; height:60px; left:calc(50% - 30px);top:-30px; border-radius:50%; background:#18bc9c; box-shadow: 0px 5px 4px 0px rgba(221, 229, 235, 0.9); position:absolute;display:flex;align-items:center;justify-content:center;}
.in-plugins ul li .items .icons i{color:#fff;font-size:40px;align-self:center;}
.in-plugins ul li .items h4{float:left; width:100%; height:32px; margin-top:20px; line-height:32px; font-size:16px; color:#333; text-align:center;}
.in-plugins ul li .items span{float:left; width:100%; height:auto; margin-top:10px; padding:0 12px; line-height:25px; overflow:hidden; color:#999; font-size:13px; display:block;}
.in-plugins ul li .items:hover{box-shadow:0 30px 15px -30px rgb(155 155 155 / 20%);}
@media screen and (max-width:767px ) {
.in-plugins{margin:20px 0 0;}
.in-plugins ul{margin:0 -5px;}
.in-plugins ul li{float:left; width:50%; padding:5px;}
}



.in-system{float:left; width:100%; margin:60px 0 0;}
.in-system ul{margin:0 -7.5px;}
.in-system ul li{float:left; width:25%; padding:7.5px;}
.in-system ul li .serPic{overflow:hidden; line-height:0;}
.in-system .items{float:left; width:calc(100% - 2px); padding:23px 0 33px;background:rgba(255,255,255,.9);border:1px solid #f1f1f1;border-radius:8px;text-align:center; position:relative; display:block;
 -webkit-border-radius:8px; 
    -moz-border-radius:8px;
         border-radius:8px;}
.in-system .items .icons{width:90px; height:90px; left:calc(50% - 45px); border-radius:50%; background:#18bc9c; top:-40px;box-shadow: 0px 5px 4px 0px rgba(221, 229, 235, 0.9); position:absolute;display:flex;align-items:center;justify-content:center;}
.in-system .items .icon{color:#fff;font-size:50px;align-self:center;}
.in-system .items h4{float:left; width:100%; height:32px; margin-top:50px; line-height:32px; font-size:16px; color:#333; text-align:center;}
.in-system .items span{float:left; width:100%; height:auto; margin-top:15px; padding:0 16px; line-height:25px; overflow:hidden; color:#999; font-size:12px; display:block;}
.in-system .items:hover{box-shadow:0 30px 15px -30px rgb(155 155 155 / 20%);}

.in-system .slick-dots{position:static; bottom:auto; margin:0 auto; padding-top:2%; text-align:center; line-height:0;}
.in-system .slick-dots li{float:none; display:inline-block; vertical-align:top; padding:0; width:11px; height:11px; background-color:#eee; margin:0 5px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.in-system .slick-dots li.slick-active{background-color:#18bc9c;}
.in-system .slick-dots li button{display:none;}
@media screen and (max-width:767px ) {
.in-system{margin:20px 0 0;}
.in-system ul{margin:0 -5px;}
.in-system ul li{float:left; width:25%; padding:40px 5px 0;}
.in-system .slick-dots{position:static; bottom:auto; margin:0 auto; padding-top:4%; text-align:center; line-height:0;}
}


.in-moban{float:left;width:100%;height:auto;margin:30px 0;}
.in-moban ul{margin:0 -7.5px;}
.in-moban ul li{float:left;width:25%;padding:7.5px;}
.in-moban ul li .items{float:left;width:100%;padding:10px;;background:rgba(255,255,255,.9);box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);border:1px solid #f1f1f1;border-radius:5px;transition: all .4s ease;}
.in-moban ul li .items .img{height:220px;}
.in-moban ul li .items .scroll_img{overflow:hidden}
.in-moban ul li .items .scroll_img img{width:100%;position:relative}
.in-moban ul li .items .text{float:left;width:100%;overflow:hidden;}
.in-moban ul li .items .text .tit{position:relative;float:left;width:100%;padding:10px 0;font-size:15px;color:#555;border-bottom:1px solid #f2f2f2;overflow:hidden;}
.in-moban ul li .items .text .tit .num{display:inline-block;float:left;width:50px;margin-top:1px;padding:2px 3px;color:#fff;border:1px solid #18bc9c;border-radius:3px;line-height:1;font-size:10px;background:#18bc9c;}
.in-moban ul li .items .text .tit .name{display:inline-block;float:left;width:calc(100% - 68px);}
.in-moban ul li .items .text .meta{float:left;width:100%;padding:8px 0 0;overflow:hidden;position:relative;}
.in-moban ul li .items .text .meta span{font-size:12px}
.in-moban ul li .items .text .meta .money{font-size:22px}
.in-moban ul li .items .text .meta .c_9{color:#999}
.in-moban ul li .items .text .meta .c_f60{color:#f60}
.in-moban ul li .items .text .meta .c_c{color:#ccc}
.in-moban ul li .items .text .meta .online{position:absolute;right:0;bottom:0;display:block;padding:3px 10px;border:1px solid #f2f2f2;border-radius:5px;background-color:#fbfbfb;font-size:14px;text-align:center;}
.in-moban ul li .items .text .meta .online:hover{background-color:#f4543c;border-color:#f4543c;color:#fff;}
.in-moban ul li .items:hover{box-shadow:0 30px 15px -30px rgb(155 155 155 / 20%);}
@media  screen and (max-width:767px){
  .in-moban{margin:20px 0 0;}
  .in-moban ul{margin:0 -5px;}
  .in-moban ul li{width:100%;padding:5px;}
  .in-moban ul li .items .img{height:150px;}
  .in-moban ul li .items .text .tit{font-size:13px;}
  .in-moban ul li .items .text .meta .online{padding:3px 6px;font-size:13px;}
}



/*首页-模板列表 开始*/
.in-moban-list{float:left;width:100%;height:auto;margin:15px 0;}
.in-moban-list ul{margin:-7.5px;}
.in-moban-list ul li{float:left;width:25%;padding:7.5px;}
.in-moban-list ul li .items{float:left;width:100%;height:auto;padding:10px;background:rgba(255,255,255,.9);box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);border:1px solid #f1f1f1;transition: all .4s ease;border-radius:5px;}
.in-moban-list ul li .items .img{width:100%;padding-bottom:70.625%;position:relative;overflow:hidden;}
.in-moban-list ul li .items .img img{width:100%;min-height:100%;position:absolute;left:0;top:0;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-o-transition:width all 0.3s linear;}
.in-moban-list ul li .items .img:hover img{transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);}
.in-moban-list ul li .items .tit{float:left;width:100%;height:76px;padding:10px 0;line-height:28px;border-bottom:1px solid #f2f2f2;color:#555;font-size:15px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:justify;}
.in-moban-list ul li .items .tit nobr{display:inline-block;padding:1px 3px;color:#fff;border:1px solid #46cead;border-radius:3px;line-height:1;font-size:10px;background:#46cead;}
.in-moban-list ul li .items .meta{display:flex;width:100%;align-items:center;font-size:14px;height:30px;line-height:30px;justify-content:space-between;color:#bbb;}
.in-moban-list ul li .items .meta>div{align-items:center;display:flex;}
.in-moban-list ul li .items .meta i{padding-right:5px;font-size:16px;font-weight:400;color:#aaa;}
.in-moban-list ul li .items:hover{box-shadow:0px 2px 15px rgba(150,150,150,0.1);}
@media  screen and (max-width:1199px){
  .in-moban-list ul li{width:33.333%;}
}
@media  screen and (max-width:991px){
  .in-moban-list ul{margin:-2.5px;}
  .in-moban-list ul li{width:50%;}
  .in-moban-list ul li .items .tit{height:60px;padding:5px 0;line-height:25px;font-size:13px;}
}
@media  screen and (max-width:767px){
  .in-moban-list ul li{width:50%;}
}
/*首页-模板列表 结束*/



/*首页-文章推荐 开始*/
.in-article{float:left;width:100%;margin:30px 0;}
.in-article ul{margin:0 -7.5px;}
.in-article ul li{float:left;width:25%;padding:7.5px;}
.in-article .items{float:left;width:100%;height:auto;padding:5px 10px;background:rgba(255,255,255,.9);box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);border:1px solid #f1f1f1;border-radius:5px;transition: all .4s ease;}
.in-article .items .cat-top{float:left;width:100%;height:52px;padding:0 8px;line-height:52px;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);background: rgba(255,255,255,.8);border-radius:6px 6px 0 0;border-bottom:1px solid #f1f1f1;vertical-align:middle;overflow:hidden;position:relative}
.in-article .items .cat-top .cat-name{padding-left:30px;font-size:16px;color:#666;vertical-align:middle;}
.in-article .items .cat-top .cat-name i{position:absolute;top:0;left:5px;color:#18bc9c;font-size:26px;vertical-align:middle;}
.in-article .items .cat-top .cat-name span{color:#ddd;font-size:14px;text-transform:uppercase;}
.in-article .items .cat-top .more{position:absolute;top:0;right:5px;display:block;}
.in-article .items .cat-top .more i{color:#bbb;font-size:26px;}
.in-article .items .cat-con{float:left;width:100%;height:auto;margin-top:10px;overflow:hidden;}
.in-article .items .cat-con .catimg{float:left;width:100%;height:105px;margin-bottom:5px;position:relative;z-index:11;overflow:hidden;}
.in-article .items .cat-con .catimg img{width:100%;height:105px;position:absolute;z-index:2;left:0;top:0;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;}
.in-article .items .cat-con .catimg:hover img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
.in-article .items .cat-con .catlist{float:left;width:100%;height:45px;border-bottom:1px dashed #f1f1f1;line-height:45px;font-size:13px;overflow:hidden;}
.in-article .items .cat-con .catlist a{float:left;height:45px;overflow:hidden;}
.in-article .items .cat-con .catlist a i{font-size:12px;}
.in-article .items .cat-con .catlist:last-child{border-bottom:none;}
.in-article .items .cat-con .catlist span{float:right;color:#999;}
.in-article .items:hover{box-shadow:0 30px 15px -30px rgb(155 155 155 / 20%);}
.in-article .slick-dots{position:static;bottom:auto;margin:0 auto;padding:10px 0 20px;text-align:center;line-height:0;}
.in-article .slick-dots li{float:none;display:inline-block;vertical-align:top;padding:0;width:11px;height:11px;background-color:#f1f1f1;margin:0 5px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;}
.in-article .slick-dots li.slick-active{background-color:#18bc9c;}
.in-article .slick-dots li button{display:none;}

@media  screen and (max-width:767px){
.in-article{margin:20px 0 0;}
.in-article ul{margin:0 -5px;}
.in-article ul li{padding:5px;}
}
/*首页-文章推荐 结束*/



/*内页当前位置  开始*/
.position{float:left;width:100%;margin:15px 0 10px;font-size:13px;}
@media screen and (max-width:767px) {
.position{margin:12px 0;font-size:12px;}
}
/*内页当前位置  结束*/

/*单页侧边 侧栏分类*/
.sideleft .side_nav{width:100%;float:left;background:white;padding:10px 0;border-radius:5px;}
.sideleft .side_nav .title{width:100%;padding:0 15px 10px;border-bottom:solid 1px #f1f1f1;font-size:16px;color:#666;vertical-align:middle;}
.sideleft .side_nav .title i{float:left;font-size:20px;margin-right:5px;}

/*侧边搜索*/
.side-search {float:left;width:100%;margin-bottom:15px;padding-right:54px;background:#fff;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);border-radius:5px;position:relative;}
.side-search .search-key {display:block;width:100%;height:46px;line-height:46px;padding-left:15px;font-size:14px;color:#888;background:white;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:6px 0 0 6px;-khtml-border-radius:6px 0 0 6px;border-radius:6px 0 0 6px;}
.side-search .search-btn {width:54px;height:46px;display:block;position:absolute;right:0;top:0;background:#18bc9c;cursor:pointer;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0;-khtml-border-radius:0 6px 6px 0;border-radius:0 6px 6px 0;}
.side-search .search-btn i {color:#fff;font-size:22px;}






/* 内页 标题 */
.sub-category-name{float:left;width:100%;padding:0;vertical-align:middle;overflow:hidden;}
.sub-category-name h1{float:left;position:relative;line-height:35px;}
.sub-category-name h1 i{float:left;font-size:20px;position:absolute;left:0px;top:0;}
.sub-category-name h1 a{float:left;margin-left:25px;font-size:16px;}
.sub-category-name span{float:right;line-height:35px;}
.sub-category-name span a{margin-left:5px;padding:8px 10px;font-size:13px;transition:color 0.3s ease-out;}
@media  screen and (max-width:767px){
.sub-category-name{padding:5px 0;}
.sub-category-name h1 i{float:left;color:#18bc9c;font-size:18px;position:absolute;left:0px;top:0;}
.sub-category-name h1 a{float:left;margin-left:23px;font-size:15px;}
}



.widget .content-list a{display:block;width:100%}
.widget .content-list li a{display:block;background-color:#f1f1f1;text-align:center;line-height:38px;border-radius:2px}
.widget .content-list li a.on,.widget .content-list li a:hover{border-radius:2px;color:#fff;background:#29ae5f;background-image:linear-gradient(135deg,#3ada7d 10%,#29ae5f 100%)}
.widget .content-list li{display:inline-block;overflow:hidden;padding:5px;width:49%}


/*模板-筛选项开始*/
.screen{float:left;width:100%;height:auto;margin-bottom:15px;border-radius:5px;border:1px solid #f1f1f1;background:#fff;overflow:hidden;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);}
.screen ul{}
.screen li{float:left; width:100%;}
.screen li .d1{float:left; width:108px; height:50px; border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; text-align:center; line-height:50px; font-size:16px;}
.screen li:first-child .d1{width:108px; height:155px; line-height:155px;}
.screen i{margin-right:8px;}
.screen li .d2{padding:7px 12px; line-height:25px; border-bottom:1px solid #f2f2f2; overflow:hidden;}
.screen li .d2 a{display:inline-block; margin:5px 0 5px 1.2%; padding:0 8px; height:25px; text-align:center; line-height:25px;}
.screen li .d2 .on{border-radius:3px;background:#18bc9c; color:#fff;}
.screen li .d2 . a{border-radius:3px;background:#18bc9c; color:#fff;}
.screen li:last-child .d1, .screen li:last-child .d2{border-bottom:none;}

@media  screen and (max-width:767px){
  .screen li .d2{padding:7px 5px;}
  .screen li .d2 a{margin:5px 0 5px 1%; padding:0 6px;}
  .screen li .d2 a:first-child{display:none;}
}
/*模板-筛选项结束*/

/*内页二级导航开始*/
.sub-menu{float:left;width:100%;height:auto;margin-bottom:15px;border-radius:5px;border:1px solid #f1f1f1;text-align:center;background:#fff;overflow:hidden;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);}
.sub-menu ul{}
.sub-menu ul li{display:inline-block; margin:5px 0.5% 5px 0.5%; padding:4px 7px; text-align:center; line-height:25px; font-size:14px;border-radius:5px;}
.sub-menu ul li.on{background:#f2f2f2;}
.sub-menu ul li.on a{color:#18bc9c;}

@media  screen and (max-width:767px){
  .sub-menu ul li {margin:3px 2% 3px 2%;padding:3px 10px;font-size:13px;}
}
/*内页二级导航结束*/


/*服务-列表 开始*/
.list-service{float:left;width:100%;height:auto;margin-bottom:15px;padding:30px;}
.list-service ul{margin:0 -7.5px;}
.list-service ul li{float:left;width:33.333%;padding:7.5px;}
.list-service ul li .items{position:relative;overflow:hidden;float:left;width:100%;height:auto;background:rgba(255,255,255,.9);border:1px solid #f1f1f1;border-radius:8px;text-align:center;transition:.3s ease;}

/*.list-service ul li .items:before{z-index:10;position:absolute;top:0;left:0;content:"";width:0;height:2px;background:#fe4629;transition:1s;}*/
.list-service ul li .items .name{float:left;width:100%;padding:20px 0;color:#555;font-size:16px;font-weight:600;border-bottom:1px dashed #eee;position:relative;}
.list-service ul li .items .des{float:left;width:100%;margin:20px 0;padding:0 20px;line-height:25px;color:#888;font-size:13px;text-align:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;text-align:justify;}
.list-service ul li .items .price{float:left;width:100%;padding:20px 0;font-size:15px;border-top:1px dashed #eee;}
.list-service ul li .items .price span{display:inline-block;padding-right:8px;font-size:40px;font-weight:bold;color:#18bc9c;}
.list-service ul li .items .info{overflow:hidden;float:left;width:100%;height:auto;margin-bottom:20px;padding:20px 0;display:flex;/*父元素设置flex属性*/justify-content:center;/*平主轴居中*/align-items:center;/*垂直交叉轴居中*/border-top:1px dashed #eee;border-bottom:1px dashed #eee;}
.list-service ul li .items .info .box{width:198px;}
.list-service ul li .items .info .box p{height:30px;padding-bottom:15px;line-height:32px;font-size:13px;text-align:left;}
.list-service ul li .items .info .box p i{float:left;margin-top:5px;margin-right:5px;font-size:20px;color:#18bc9c;line-height:20px;}
.list-service ul li .items .btn-a{display:block;position:relative;z-index:9;clear:both;overflow:hidden;width:138px;height:40px;margin:0 auto 20px;line-height:38px;font-size:14px;text-align:center;background-image:linear-gradient(90deg,#fff 5%,#f9f9f9 100%);border:1px solid #ececec;border-radius:20px;letter-spacing:1px;transition:all 0.4s;-webkit-transform:all 0.4s;}
.list-service ul li .items .btn-a a{display:block;width:100%;height:100%;color:#666;}
.list-service ul li .items .btn-a::after{display:block;z-index:-1;position:absolute;left:0;top:0;width:0;height:100%;content:'';border-radius:20px;transition:all 0.4s;background:linear-gradient(135deg,#1bcda9 5%,#18bc9c 100%);}
.list-service ul li .items .btn-a:hover::after,
.list-service ul li .items:hover .btn-a::after{width:100%;}
.list-service ul li .items .btn-a:hover a,
.list-service ul li .items:hover .btn-a a{color:#fff;border-color:#18bc9c;}
.list-service ul li .items .status-text{position:absolute;top:9px;right:9px;width:67px;height:67px;color:#fff;font-size:12px;line-height:17px;transform:rotateZ(-315deg);}
.list-service ul li .items .status-bg{position:absolute;top:0px;right:0px;width:67px;height:67px;}
.list-service ul li .items .status-bg img{width:100%;height:100%;}
.list-service ul li .items .light-icon{position:absolute;right:0px;bottom:-20px;font-size:150px;color:rgb(251,93,24,.06);}
.list-service ul li .items .light-icon i{font-size:100px;transform:rotate(-30deg);}
.list-service ul li .items:hover{box-shadow:0 30px 15px -30px rgb(155 155 155 / 20%);border:1px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(to bottom,#fff,#fff),linear-gradient(180deg,#18bc9c,#f1f1f1);}
.list-service ul li .items:hover:before{width:100%;}
@media screen and (max-width:767px){
  .list-service ul{margin:5px;}
  .list-service ul li{width:100%;padding:5px;}
  .list-service ul li .items .info{padding:15px 40px;}
  .list-service ul li .items .price span{padding-right:5px;font-size:35px;}
}

/*服务-列表 结束*/


/*模板-筛选项开始*/
.retrieve{float:left;width:100%;height:auto;margin-bottom:15px;border-radius:5px;border:1px solid #f1f1f1;background:#fff;overflow:hidden;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);}
.retrieve ul{}
.retrieve li{float:left; width:100%;}
.retrieve li .d1{float:left; width:108px; height:50px; border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; text-align:center; line-height:50px; font-size:16px;}
.retrieve li:first-child .d1{width:108px; height:190px; line-height:190px;}
.retrieve i{margin-right:8px;}
.retrieve li .d2{padding:7px 12px; line-height:25px; border-bottom:1px solid #f2f2f2; overflow:hidden;}
.retrieve li .d2 a{display:inline-block; margin:5px 0 5px 1%; padding:0 8px; height:25px; text-align:center; line-height:25px;}
.retrieve li .d2 .on{border-radius:3px;background:#18bc9c; color:#fff;}
.retrieve li:last-child .d1, .retrieve li:last-child .d2{border-bottom:none;}

@media  screen and (max-width:767px){
  .retrieve li .d2{padding:7px 5px;}
  .retrieve li .d2 a{margin:5px 0 5px 1%; padding:0 6px;}
  .retrieve li .d2 a:first-child{display:none;}
}
/*模板-筛选项结束*/


.list-moban-001{float:left;width:100%;height:auto;}
.list-moban-001 ul{margin:0 -7.5px;}
.list-moban-001 ul li{float:left;width:25%;padding:7.5px;}
.list-moban-001 ul li .items{float:left;width:100%;padding:10px;;background:rgba(255,255,255,.9);box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);border:1px solid #f1f1f1;border-radius:5px;transition: all .4s ease;}
.list-moban-001 ul li .items .img{height:220px;}
.list-moban-001 ul li .items .scroll_img{overflow:hidden}
.list-moban-001 ul li .items .scroll_img img{width:100%;position:relative}
.list-moban-001 ul li .items .text{float:left;width:100%;overflow:hidden;}
.list-moban-001 ul li .items .text .tit{position:relative;float:left;width:100%;padding:10px 0;font-size:15px;color:#555;border-bottom:1px solid #f2f2f2;overflow:hidden;}
.list-moban-001 ul li .items .text .tit .num{display:inline-block;float:left;width:50px;margin-top:1px;padding:2px 3px;color:#fff;border:1px solid #18bc9c;border-radius:3px;line-height:1;font-size:10px;background:#18bc9c;}
.list-moban-001 ul li .items .text .tit .name{display:inline-block;float:left;width:calc(100% - 68px);}
.list-moban-001 ul li .items .text .meta{float:left;width:100%;padding:8px 0 0;overflow:hidden;position:relative;}
.list-moban-001 ul li .items .text .meta span{font-size:12px}
.list-moban-001 ul li .items .text .meta .money{font-size:22px}
.list-moban-001 ul li .items .text .meta .c_9{color:#999}
.list-moban-001 ul li .items .text .meta .c_f60{color:#f60}
.list-moban-001 ul li .items .text .meta .c_c{color:#ccc}
.list-moban-001 ul li .items .text .meta .online{position:absolute;right:0;bottom:0;display:block;padding:3px 10px;border:1px solid #f2f2f2;border-radius:5px;background-color:#fbfbfb;font-size:14px;text-align:center;}
.list-moban-001 ul li .items .text .meta .online:hover{background-color:#f4543c;border-color:#f4543c;color:#fff;}
.list-moban-001 ul li .items:hover{box-shadow:0 30px 15px -30px rgb(155 155 155 / 20%);}
@media  screen and (max-width:767px){
  .list-moban-001 ul{margin:0 -5px;}
  .list-moban-001 ul li{width:100%;padding:5px;}
  .list-moban-001 ul li .items .img{height:280px;}
  .list-moban-001 ul li .items .text .tit{font-size:13px;}
  .list-moban-001 ul li .items .text .meta .online{padding:3px 6px;font-size:13px;}
}




/*模板-详情 开始*/

.moban-header{float:left;width:100%;}
.moban-header .moban-header-left{float:left;width:40%;height:auto;padding:15px;border:1px solid #f1f1f1;border-radius:5px;background:#fff;overflow:hidden;}
.moban-header .moban-header-left .img{height:488px;}
.moban-header .moban-header-left .scroll_img{overflow:hidden}
.moban-header .moban-header-left .scroll_img img{width:100%;position:relative}
.moban-header .moban-header-right{float:right;width:58.5%;padding:5px 0;border:1px solid #f1f1f1;border-radius:5px;background:#fafafa;}
.moban-header .moban-header-right .tit{float:left;width:100%;margin:10px 0 16px;padding:6px 10px;font-size:30px;color:#333;letter-spacing:1px;}
.moban-header .moban-header-right .panel-a{float:left;width:100%;padding:10px 15px;color:#fff;background:#18bc9c;letter-spacing:1px;}
.moban-header .moban-header-right .panel-a i{font-size:40px;}
.moban-header .moban-header-right .panel-a .items-a{font-size:30px;}
.moban-header .moban-header-right .panel-a .items-b{font-size:12px;}
.moban-header .moban-header-right .panel-a .items-b s{text-decoration:line-through;}
.moban-header .moban-header-right .panel-b{float:left;width:100%;padding:10px 15px;font-size:14px;color:#555;background:#f2f2f2;}
.moban-header .moban-header-right .panel-b i{font-size:15px;font-weight:400;color:#18bc9c;}
.moban-header .moban-header-right .panel-c{float:left;width:100%;font-size:13px;color:#666;}
.moban-header .moban-header-right .panel-c ul{}
.moban-header .moban-header-right .panel-c ul li{float:left;padding:10px 15px;border-bottom:dashed 1px #f1f1f1;}
.moban-header .moban-header-right .panel-c ul li:nth-child(odd){width:45%;}
.moban-header .moban-header-right .panel-c ul li:nth-child(even){width:55%;}
.moban-header .moban-header-right .panel-c ul li:last-child{width:100%;line-height:23px;}
.moban-header .moban-header-right .panel-d{float:left;width:100%;font-size:15px;}
.moban-header .moban-header-right .panel-d ul{padding:0 7.5px;}
.moban-header .moban-header-right .panel-d ul li{float:left;width:calc(33.333% - 15px);margin:12.5px 7.5px 10px;text-align:center;}
.moban-header .moban-header-right .panel-d ul li a{float:left;width:100%;height:40px;line-height:40px;background:#18bc9c;color:#fff;border-radius:5px;}
.moban-header .moban-header-right .panel-d ul li:nth-child(9n+2) a{background:#f56c6c;}
.moban-body{float:left;width:100%;margin:20px 0;}
.moban-body .hd{float:left;width:100%;height:52px;border:solid 1px #f1f1f1;border-radius:5px 5px 0 0;background:#fafafa;}
.moban-body .hd ul{width:100%;display:inline-block;}
.moban-body .hd ul li{float:left;width:16%;height:52px;line-height:46px;border-top:2px solid #f9f9f9;border-right:1px solid #f2f2f2;font-size:16px;font-weight:bold;color:#555;text-align:center;cursor:pointer;position:relative;}
.moban-body .hd ul li.on{background:#fff;color:#18bc9c;border-top:2px solid #18bc9c;border-right:1px solid #f1f1f1;}
.moban-body .bd{float:left;width:100%;padding:15px;border:solid 1px #f1f1f1;border-top:none;border-radius:0 0 5px 5px;}
.moban-body .bd .con{float:left;width:100%;height:auto;}
.moban-body .bd .con img{max-width:100%;}
.moban-body .bd .faq{float:left;width:100%;height:auto;}
.moban-body .bd .faq ul{margin:0 -10px;}
.moban-body .bd .faq ul li{float:left;width:100%;height:auto;padding:0 10px;overflow:hidden;}
.moban-body .bd .faq ul li .items{float:left;width:100%;height:auto;padding:5px 15px;border-bottom:1px dashed #f1f1f1;overflow:hidden;}
.moban-body .bd .faq ul li .items .text{width:100%;overflow:hidden;}
.moban-body .bd .faq ul li .items .text .question{float:left;width:100%;height:30px;line-height:30px;font-size:15px;color:#333;font-weight:bold;}
.moban-body .bd .faq ul li .items .text .question i{font-size:16px;color:#f60;font-weight:200;}
.moban-body .bd .faq ul li .items .text .answer{float:left;width:100%;height:auto;padding-bottom:5px;line-height:25px;font-size:13px;color:#666;}
.moban-body .bd .faq ul li .items .text .answer i{font-size:16px;color:#18bc9c;}
.moban-body .bd .faq ul li:last-child .items{border-bottom:none;}
.moban-body .bd .after-sale{float:left;width:100%;border-top:solid 1px #f1f1f1;border-left:solid 1px #f1f1f1;height:auto;font-size:14px;border-collapse:collapse;border-spacing:0;overflow:hidden;}
.moban-body .bd .after-sale th,
.moban-body .bd .after-sale td{padding:10px 10px;border-bottom:solid 1px #f1f1f1;border-right:solid 1px #f1f1f1;}
.moban-body .bd .after-sale .td{width:120px;}
.moban-body .bd .after-sale tr:nth-child(even){background:#fafafa;}
.moban-body .bd .after-sale th{padding:0}
@media  screen and (max-width:767px){
  .moban-header .moban-header-left{width:100%;padding:10px;}
  .moban-header .moban-header-right{float:left;width:100%;margin-top:10px;}
  .moban-header .moban-header-right .tit{margin:10px 0;font-size:15px;}
  .moban-header .moban-header-right .panel-a{padding:10px;}
  .moban-header .moban-header-right .panel-a i{font-size:32px;}
  .moban-header .moban-header-right .panel-a .items-a{font-size:20px;}
  .moban-header .moban-header-right .panel-b{padding:5px 10px;font-size:12px;}
  .moban-header .moban-header-right .panel-c{font-size:12px;}
  .moban-header .moban-header-right .panel-c ul li{padding:8px 10px;}
  .moban-header .moban-header-right .panel-d ul{padding:0 5px;}
  .moban-header .moban-header-right .panel-d ul li{width:calc(33.333% - 10px);margin:10px 5px 5px;text-align:center;}
  .moban-header .moban-header-right .panel-d ul li a{height:30px;line-height:30px;}
  .moban-body{margin-top:10px;}
  .moban-body .hd{height:36px;}
  .moban-body .hd ul li{height:36px;width:33.333%;line-height:34px;font-size:13px;}
  .moban-body .hd ul li:last-child{border-right:none;}
  .moban-body .bd{padding:10px;}
  .moban-body .bd .faq ul li .items{padding:10px;}
  .moban-body .bd .faq ul li .items .text .question{height:26px;line-height:26px;font-size:13px;}
  .moban-body .bd .faq ul li .items .text .answer{font-size:12px;}
  .moban-body .bd .after-sale{font-size:12px;}
  .moban-body .bd .after-sale .td{width:105px;}
}



/* 猜你喜欢 */
.relatives{float:left;width:100%;height:auto;}
.relatives .tit{float:left;width:100%;border-bottom:1px solid #f2f2f2;position:relative;}
.relatives .tit .name{padding:10px 0;letter-spacing:1px;color:#555;/*font-weight:400;*/position:relative}
.relatives .tit .name i{font-size:20px;color:#18bc9c}
.relatives .tit .name a{position:absolute;left:28px;top:10px;font-size:16px;}
.relatives .tit .more{display:block;position:absolute;right:0;top:13px;padding:0 5px;font-size:10px; transform: scale(0.83333); transform-origin: 0 0;text-transform:uppercase;border-radius:3px;border:1px solid #18bc9c;background:#18bc9c;color:#fff;}
.relatives .tit .more:hover{color:#fff;background:#333;border-color:#333;}

.relatives .con{float:left;width:100%;height:auto;}
.relatives .con ul{margin:0 -5px;padding-top:5px;}
.relatives .con ul li{float:left;width:25%;padding:5px;}
.relatives .con ul li .items{float:left;width:100%;height:auto;padding:10px;background: rgba(255,255,255,.8);border:1px solid #f1f1f1;box-shadow:0px 2px 4px 0px rgba(32,32,32,0.02);border-radius:5px;}
.relatives .con ul li .items .img{float:left;width:100%;padding-bottom:66.666%;position:relative;overflow:hidden;}
.relatives .con ul li .items .img img{width:100%;position:absolute;left:0;top:0;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-o-transition:width all 0.3s linear;}
.relatives .con ul li .items:hover{box-shadow:0px 2px 15px rgba(150,150,150,0.1);}
.relatives .con ul li .items .text{float:left;width:100%;}
.relatives .con ul li .items .text .name{float:left;width:100%;height:28px;margin-top:5px;text-align:center;font-size:13px;line-height:28px;}
@media  screen and (max-width:767px){
  .relatives .con ul li{width:50%;}
}
/*WEB列表 开始*/
.list-web-recommend{float:left;width:100%;height:auto;margin-bottom:15px;padding:5px;background:rgba(255, 255, 255, .6);border-radius:0 0 5px 5px;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);}
.list-web-recommend ul{}
.list-web-recommend ul li{float:left;width:16.666%;padding:5px;}
.list-web-recommend ul li .items{float:left;width:100%;height:auto;padding:10px;background:#eef0f4;border-radius:5px;}
.list-web-recommend ul li .items .img{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;width:35px;height:35px;-webkit-border-radius:100%;-ms-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.list-web-recommend ul li .items .img img{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;width:35px;height:35px;-webkit-border-radius:100%;-ms-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.list-web-recommend ul li .items:hover{}
.list-web-recommend ul li .items .text{width:170px;margin-left:5px;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;}
.list-web-recommend ul li .items .text .tit{font-size:14px;line-height:28px;color:#444;}
.list-web-recommend ul li .items .text .des{font-size:12px;line-height:28px;}
@media  screen and (max-width:991px){
  .list-web-recommend ul li{width:50%;}
}
@media  screen and (max-width:767px){
  .list-web-recommend ul li{width:50%;}
}





.mod{padding: 46px 0;}
.mod-gray{background: #f0f0f0;}
.mod-bg{background-repeat: no-repeat;background-position: center top;}
.mod-ad{background-image: url(../images/bg-ad.jpg);}
.mod-ad .name{font-size: 20px;color: #fff;text-align: center;}

.category-top {float:left;width:100%;margin-bottom:15px;padding-bottom:10px;font-size:24px;line-height:24px;border-bottom:1px solid #f1f1f1;}
.category-top .name{float:left;width:100%;color:#404040;}
.category-top .name p{float:left;width:100%;color:#404040;font-size:15px;margin-bottom:10px;}
.category-top .name span{color:#333;font-size:30px;margin-bottom:10px;padding:8px 0;font-weight:600;position:relative;}
.category-top .name span:after{position:absolute; left:0; bottom:0; width:100%; height:5px;content:'';background:#18bc9c;}


/*文章列表 开始*/
.article-list{float:left;width:100%;height:auto;margin-bottom:15px;padding:30px;}
.article-list ul{margin:0 -7.5px;}
.article-list ul li{float:left;width:100%;padding:0 7.5px;}
.article-list ul li .items{position:relative;float:left;width:100%;padding:20px 0;border-bottom:1px solid #f2f2f2;transition:all .2s linear;}
/*.article-list ul li .items:after{z-index:-1;width:0;background:#f2fdfb;content:'';position:absolute;left:0px;height:calc(100% - 1px);top:0;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}*/
.article-list ul li .items .l-line{position:absolute;z-index:5;top:20px;left:-30px;width:4px;height:25px;border-radius:2px;background-image:linear-gradient(135deg,#18bc9c 5%,#1bcda9 100%);-webkit-transform:scaleY(0);transform:scaleY(0);transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s,-webkit-transform 0.35s;}
.article-list ul li .items:hover .l-line{-webkit-transform:scaleY(1);transform:scaleY(1);}
.article-list ul li .items .img{position:relative;overflow:hidden;float:left;width:210px;height:140px;}
.article-list ul li .items .img img{position:absolute;left:0;top:0;width:100%;padding-bottom:66.666%;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-o-transition:width all 0.3s linear;}
.article-list ul li .items:hover .img img{transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);}
.article-list ul li .items .haveImg{margin-left:225px;}
.article-list ul li .items .text{overflow:hidden;z-index:9999;}
.article-list ul li .items .text .tit{float:left;width:100%;height:26px;line-height:26px;font-size:16px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.article-list ul li .items .text .desc{float:left;width:100%;margin-top:10px;color:#999;line-height:26px;font-size:13px;font-weight:400;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:justify;}
.article-list ul li .items .text .meta{float:left;width:100%;margin-top:10px;padding-top:10px;line-height:24px;font-size:12px;word-wrap:break-word;color:#aaa;}
.article-list ul li .items .text .meta span{float:left;height:24px;margin-right:6px;padding:0 8px;font-size:12px;color:#aaa;background:#f6f6f6;display:block;border-radius:6px;}
.article-list ul li .items .text .meta span i{margin-right:4px;font-size:13px;}
.article-list ul li .items .text .meta .meta-tags{display:flex;flex-wrap:wrap}
.article-list ul li .items .text .meta .meta-tags a{align-items:center;display:flex;height:24px;padding:0 8px;background:#f6f6f6;border-radius:6px;color:#aaa;}
.article-list ul li .items .text .meta .meta-tags a+a{margin-left:6px}
.article-list ul li .items .text .meta .meta-tags .dot{background-color:#fd721f;border-radius:50%;width:5px;height:5px;margin-right:5px;}
.article-list ul li .items .text .meta .meta-tags a:nth-child(2) .dot{background-color:#4caf50}
.article-list ul li .items .text .meta .meta-tags a:nth-child(3) .dot{background-color:#2196f3}
.article-list ul li .items:hover{box-shadow:0 30px 15px -30px rgb(155 155 155 / 20%);}
/*.article-list ul li .items:hover:after{width:100%;}*/
@media screen and (max-width:767px){
  .article-list ul li .items{padding:10px;}
  .article-list ul li .items .img{width:138px;height:92px;}
  .article-list ul li .items .haveImg{margin-left:148px;}
  .article-list ul li .items .text{}
  .article-list ul li .items .text .tit{font-size:16px;}
  .article-list ul li .items .text .desc{margin-top:5px;}
  .article-list ul li .items .text .meta{display:none;}
}
/*文章列表 结束*/



/*手册列表 开始*/
.list-doc{float:left;width:100%;height:auto;margin-bottom:15px;padding:30px;}
.list-doc ul{}
.list-doc ul li{float:left;width:100%;border-bottom:1px solid #f2f2f2;}
.list-doc ul li .items{position:relative;float:left;width:100%;padding:10px 0;transition:all .2s linear;overflow:hidden;}
.list-doc ul li .items:after{z-index:-1;width:0;background-image:linear-gradient(135deg,#fbfbfb 5%,#f5fcfb 100%);content:'';position:absolute;left:0px;height:calc(100% - 1px);top:0;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.list-doc ul li .items .date{position:relative;float:left;width:100px;height:100px;border-radius:5px;text-align:center;overflow:hidden;}
.list-doc ul li .items .date span{display:block;height:65px;background:#eeeeee;color:#666;font-size:38px;font-weight:600;line-height:65px;}
.list-doc ul li .items .date p{display:block;height:35px;background:#e5e5e5;color:#999;line-height:35px;font-size:15px;}
.list-doc ul li .items:hover .date span{background:#1bcfab;color:#fff;}
.list-doc ul li .items:hover .date p{background:#18bc9c;color:#fff;}

.list-doc ul li .items .info{margin-left:120px;overflow:hidden;z-index:9999;}
.list-doc ul li .items .info .tit{float:left;width:100%;height:45px;line-height:45px;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-align:justify;}
.list-doc ul li .items .info .tit a{color:#555;}
.list-doc ul li .items .info .tit span{float:right;color:#999;font-weight:400;}
.list-doc ul li .items .info .tit a:hover,
.list-doc ul li .items:hover .info .tit,
.list-doc ul li .items:hover .info .tit a{color:#18bc9c;}
.list-doc ul li .items .info .desc{overflow:hidden;width:100%;height:auto;margin-top:5px;color:#aaa;line-height:25px;font-size:13px;font-weight:400;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:justify;}
.list-doc ul li .items:hover:after{width:100%;}
@media screen and (max-width:767px){
  .list-doc{padding:5px;}
  .list-doc ul li .items{padding:5px 0;}
  .list-doc ul li .items .date{display:none;}
  .list-doc ul li .items .info{margin-left:0;}
  .list-doc ul li .items .info .tit{height:35px;line-height:35px;font-size:15px;font-weight:600;}

}
/*手册列表 结束*/

/*文章详情 开始*/
.goods-show,
.case-show,
.news-show,
.notice-show,
.article-show,
.moban-show,
.solution-show{float:left;width:100%;height:auto;margin-bottom:15px;padding:30px;overflow:hidden;}

/*详情通用 开始*/
.show-title{float:left;width:100%;padding:30px 0;text-align:center;color:#333;font-size:38px;font-weight:400;}
.show-title span{color:#18bc9c;}
.show-meta{float:left;width:100%;height:40px;line-height:40px;text-align:center;overflow:hidden;}
.show-meta nobr{margin-right:20px;line-height:40px;color:#666;font-size:14px;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;display:inline-block;}
.show-meta nobr i{margin-right:5px;color:#18bc9c;font-size:20px;vertical-align:middle;}
.show-line{float:left;width:100%;height:1px;margin:10px 0;overflow:hidden;background:#eee;}
.show-description{float:left;width:100%;margin:10px 0;padding:20px;border:solid 1px #f1f1f1;background:#fbfbfb;border-radius:6px;overflow:hidden;}
.show-description .big{float:left;width:45px;height:66px;padding-right:20px;font-size:24px;line-height:33px;border-right:1px solid #f1f1f1;color:#333;text-align:center;}
.show-description .small{height:66px;padding-left:20px;font-size:14px;line-height:22px;color:#999;overflow:hidden;word-break:break-all;text-align:justify;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;}

.show-descriptions{float:left;width:100%;margin:10px 0;padding:20px;border:solid 1px #f1f1f1;background:#fbfbfb;border-radius:6px;overflow:hidden;}
.show-descriptions .big{float:left;width:45px;height:88px;padding-right:20px;font-size:18px;line-height:22px;border-right:1px solid #f1f1f1;color:#333;text-align:center;}
.show-descriptions .small{height:88px;padding-left:20px;font-size:14px;line-height:22px;color:#999;overflow:hidden;word-break:break-all;text-align:justify;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;}

.show-content{float:left;width:100%;height:auto;min-height:420px;margin:10px 0;font-size:15px;line-height:28px;}
.show-content h1,
.show-content h2,
.show-content h3,
.show-content h4,
.show-content h5,
.show-content h6{margin:20px 0;padding-left:15px;border-left:4px solid #18bc9c;font-weight:600;overflow:hidden;}
.show-content h1{font-size:26px}
.show-content h2{font-size:24px}
.show-content h3{font-size:22px}
.show-content h4{font-size:20px}
.show-content h5{font-size:18px}
.show-content h6{font-size:16px}
.show-content p{word-break:break-all;text-align:justify;font-size:15px;font-weight:400;line-height:25px;}
.show-content img{max-width:100%;}
.show-content table{float:left;width:100%;height:auto;margin:5px 0 20px;border-top:solid 1px #eee;border-left:solid 1px #eee;font-size:14px;border-collapse:collapse;border-spacing:0;overflow:hidden;}
.show-content table th,
.show-content table td{padding:10px 10px;border-bottom:solid 1px #eee;border-right:solid 1px #eee;}
.show-content table .td{width:120px;}
.show-content table tr:nth-child(even){background:#fafafa;}
.show-content table td em{flex-wrap:wrap;margin:5px 10px 5px 0;padding:3px 6px;color:#fc9258;background:#fff3ec;border:1px solid #fc9258;border-radius:3px;font-style:normal;cursor:pointer;}
.show-share{float:left;width:100%;margin:10px 0;padding:15px;line-height:28px;text-align:center;border:1px #18bc9c dashed;border-radius:8px;}
.show-share legend{width:auto;margin-bottom:0;padding:0 20px;text-align:center;color:#fff;background:#18bc9c;border-radius:8px;font-size:13px;cursor:pointer;}
.show-share #aurl{position:absolute;top:-9999em;left:-9999em;}
.show-tags{float:left;width:100%;margin:15px 0;line-height:25px;font-size:13px;}
.show-tags a{background:#f3f3f3;box-shadow:0 0 1px rgb(0 0 0 / 10%);color:#333;line-height:14px;margin:0 10px 5px 0;padding:4px 10px 4px 0;}
.show-tags a:hover{background:#1ac6a4;color:#fff;text-decoration:none}
.show-tags a:before{background:#18bc9c;color:#fff;content:"#";line-height:inherit;margin:-4px 6px -4px 0;padding:4px 7px;vertical-align:top;}
.show-tags a,
.show-tags a:before{border-radius:20px;display:inline-block;font-size:14px;}

/*详情通用 结束*/
@media screen and (max-width:767px){
  .goods-show,
  .article-show,
  .moban-show,
  .case-show,
  .doc-show,
  .news-show{margin-bottom:0;padding:10px;}
  .show-title{padding:10px 0;font-size:26px;}
  .show-meta{height:30px;line-height:30px;}
  .show-meta nobr{margin-right:10px;line-height:30px;color:#999;font-size:13px;}
  .show-meta nobr i{margin-right:5px;font-size:18px;vertical-align:middle;}
  .show-meta nobr span{display:none;}
  .show-line{margin:5px 0;}
  .show-description{margin:5px 0;padding:10px;}
  .show-description .big{width:30px;height:60px;padding-right:10px;float:left;font-size:16px;line-height:30px;}
  .show-description .small{height:60px;padding-left:10px;line-height:20px;font-size:13px;}
  .show-descriptions{margin:5px 0;padding:10px;}
  .show-descriptions .big{width:30px;height:80px;padding-right:10px;float:left;font-size:16px;line-height:20px;}
  .show-descriptions .small{height:80px;padding-left:10px;line-height:20px;font-size:13px;}
  .show-tuzu{float:left;width:100%;padding:10px;}
  .show-content{min-height:100px;font-size:13px;line-height:20px;}
  .show-content h1,
  .show-content h2,
  .show-content h3,
  .show-content h4,
  .show-content h5,
  .show-content h6{margin:20px 0;padding-left:15px;border-left:4px solid #18bc9c;font-weight:600;overflow:hidden;}
  .show-content h1{font-size:20px}
  .show-content h2{font-size:18px}
  .show-content h3{font-size:17px}
  .show-content h4{font-size:16px}
  .show-content h5{font-size:15px}
  .show-content h6{font-size:14px}
  .show-content p{font-size:13px;}
  .show-content table{font-size:12px;}
  .show-content table .td{width:80px;}
}

/*详情通用 结束*/


/*文章详情 结束*/
/*文章页上下篇css*/
.prev-next{display:flex;flex-wrap:wrap;margin:10px 0;padding:20px 10px;border:solid 1px #f1f1f1;background:#fbfbfb;border-radius:6px;font-size:15px;overflow:hidden;}
.prev-next .div-prev,
.prev-next .div-next{position:relative;width:50%;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.prev-next .div-prev{padding:0 20px 0 35px;text-align:left;border-right:1px solid #f1f1f1;}
.prev-next .div-prev>a:after{content:'«';position:absolute;left:0;top:50%;margin-top:-15px;color:#EDEDED;font-size:50px;line-height:19px;}
.prev-next .div-next{padding:0 35px 0 20px;text-align:right}
.prev-next .div-next>a:after{content:'»';position:absolute;right:0;top:50%;margin-top:-15px;color:#EDEDED;font-size:50px;line-height:19px;}
.prev-next .div-prev>a>span,.prev-next .div-next>a>span{display:block;color:#999;cursor:default;}
.prev-next .div-next:hover>a:after{content:'»';position:absolute;right:0;top:50%;margin-top:-15px;font-size:50px;color:#ccc;line-height:19px;}
.prev-next .div-prev:hover>a:after{content:'«';position:absolute;right:0;top:50%;margin-top:-15px;font-size:50px;color:#ccc;line-height:19px;}

@media screen and (max-width:767px){
.prev-next{margin:5px 0;padding:10px;font-size:13px;}
.prev-next .div-prev,
.prev-next .div-next{width:100%;}
.prev-next .div-prev{padding:5px 0;margin-bottom:10px;border-right:none;}
.prev-next .div-next{padding:0;text-align:left;}
.prev-next .div-prev>a:after,
.prev-next .div-next>a:after{content:'';font-size:20px;}
.prev-next .div-prev>a>span,.prev-next .div-next>a>span{display:inline;margin-right:10px;}
.prev-next .div-prev:hover>a:after,
.prev-next .div-next:hover>a:after{content:'';}
}




/*帮助列表 开始*/
.list-help{float:left;width:100%;height:auto;border-radius:5px;background:#fff;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);overflow:hidden;}
.list-help h2{height:50px;padding-left:20px;font:normal 15px/50px "NotoSansHans";}
.list-help ul{margin:0 -10px;}
.list-help ul li{float:left;width:100%;height:auto;border-bottom:1px solid #f1f1f1;}
.list-help ul li .items{float:left;width:100%;height:auto;margin:5px 0;padding:10px 25px;}
.list-help ul li .items .date{float:left;width:70px;height:66px;margin-right:20px;border-radius:5px;text-align:center;overflow:hidden;}
.list-help ul li .items .date span{display:block;height:46px;padding-top:5px;background:#f1f1f1;color:#999;font-size:15px;line-height:40px;}
.list-help ul li .items .date p{display:block;height:20px;background:#bbb;color:#fff;line-height:20px;font-size:12px;}
.list-help ul li .items:hover .date span{background:#1bcfab;color:#fff;}
.list-help ul li .items:hover .date p{background:#18bc9c;color:#fff;}
.list-help ul li .items .tit{display:block;height:25px;margin-bottom:3px;padding-top:2px;font-size:15px;overflow:hidden;}
.list-help ul li .items .desc{display:block;height:36px;margin:0 0 5px;line-height:18px;color:#999;overflow:hidden;}
.list-help ul li:last-child .items{border-bottom:none;}
@media screen and (max-width:767px){
  .list-help ul{margin:0 -5px;}
  .list-help ul li .items{padding:5px 15px;}
  .list-help ul li .items .date{margin-right:10px;}
}
/*帮助列表 结束*/

/*文章-详情 开始*/
.show-help{float:left; width:100%; height:auto; padding:20px;border-radius:5px;background:#fff;overflow:hidden;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);}
.show-help .title{float:left;width:100%;padding:30px 0;text-align:center;font-size:38px;color:#333;font-weight:bold;}
.show-help .meta{float:left;width:100%;height:35px;text-align:center;line-height:35px;color:#999;background:#fbfbfb;border-radius:5px;overflow:hidden;}
.show-help .meta a{color:#999;cursor:pointer;font-weight:bold;}
.show-help .description{float:left;width:100%;margin:15px 0;padding:20px;border:dashed 1px #ddd;background:#fbfbfb;border-radius:5px;}
.show-help .description .big{float:left;width:45px;height:60px;font-size:24px;line-height:30px;border-right:1px solid #ddd;color:#666;}
.show-help .description .small{height:60px;padding-left:20px;line-height:20px;color:#999;overflow:hidden;}
.show-help .content{float:left;width:100%;padding:15px 10px;font-size:13px;line-height:2;}
.show-help .content img{max-width:100%;}
.show-help .pager{float:left;width:100%;margin:28px 0 0;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;position:relative;}
.show-help .pager::after{float:left;width:1px;height:100%;background:#f2f2f2;content:'';position:absolute;left:50%;top:0;}
.show-help .pager a{float:left;width:50%;font-size:14px;line-height:50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.show-help .pager a.l_pager{padding-right:12px;text-align:left;}
.show-help .pager a.r_pager{float:right;padding-left:12px;text-align:right;}
.show-help .bdshare_det{float:left;width:100%;height:36px;text-align:center;}
.show-help .bdshare_det .bdshare2{display:inline-block;*display:inline;*zoom:1;vertical-align:top;}
.show-help .bdshare_det .bdshare2 a,.show-help .bdshare_det .bdshare2 .bds_more{width:36px!important;height:36px!important;margin:0 8px!important;padding:0!important;}
.show-help .bdshare_det .bdshare2 .bds_weixin{background:url(../images/icon-weixin.png) 0 0 no-repeat!important;}
.show-help .bdshare_det .bdshare2 .bds_tsina{background:url(../images/icon-weibo.png) 0 0 no-repeat!important;}
.show-help .bdshare_det .bdshare2 .bds_qzone{background:url(../images/icon-qzone.png) 0 0 no-repeat!important;}
@media screen and (max-width:767px){
  .show-help{margin-bottom:15px; padding:10px;}
  .show-help .title{padding:15px 0;font-size:20px;line-height:30px;}
  .show-help .meta{height:28px;font-size:12px;line-height:28px;}
  .show-help .description{margin:10px 0;padding:10px;}
  .show-help .description .big{width:30px;float:left;font-size:20px;line-height:30px;}
  .show-help .description .small{padding-left:12px;}
  .show-help .content{padding:10px 0;font-size:12px;}
  .show-help .pager{width:100%;margin:20px 0;}
  .show-help .pager a{font-size:13px;line-height:38px;}
}
/*文章-详情 结束*/


/*案例-列表 开始*/
.case-list{float:left;width:100%;height:auto;margin-bottom:15px;padding:30px;overflow:hidden;}
.case-list ul{margin:0 -7.5px;}
.case-list ul li{float:left;width:33.333%;padding:7.5px;}
.case-list ul li .items{float:left;width:100%;height:auto;background:rgba(255,255,255,1);border:1px solid #efefef;border-radius:8px;transition:.5s ease;}
.case-list ul li .items .img{float:left;width:100%;padding-bottom:66.31%;border-radius:8px 8px 0 0;position:relative;overflow:hidden;}
.case-list ul li .items .img img{width:100%;position:absolute;left:0;top:0;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-o-transition:width all 0.3s linear;}
.case-list ul li .items:hover .img img{transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);}
.case-list ul li .items:hover{box-shadow:0px 1px 20px rgba(0,0,0,.1);}
.case-list ul li .items .text{float:left;width:100%;padding:10px 20px;border-radius:0 0 8px 8px;}
.case-list ul li .items .text .tit{float:left;width:100%;height:50px;line-height:50px;border-bottom:1px solid #efefef;vertical-align:middle;}
.case-list ul li .items .text .tit a{display:block;overflow:hidden;float:left;width:calc(100% - 60px);font-size:16px;font-weight:600;color:#555;white-space:nowrap;text-overflow:ellipsis;}
.case-list ul li .items .text .tit a:hover,
.case-list ul li .items .text .tit .tit a{color:#18bc9c;}
.case-list ul li .items .text .tit span{float:right;width:60px;color:#999;font-size:15px;text-align:right;}
.case-list ul li .items .text .tit span i{margin-right:5px;font-size:18px;color:#18bc9c;}
.case-list ul li .items .text .des{overflow:hidden;float:left;width:100%;height:40px;line-height:40px;font-size:14px;}
@media  screen and (max-width:767px){
  .case-list ul{margin:-6px;}
  .case-list ul li{width:100%;padding:6px;}
  .case-list ul li .items .text{padding:5px 10px;}
  .case-list ul li .items .text .tit{font-size:16px;}
  .case-list ul li .items .text .des{font-size:13px;}
}

/*案例-列表 结束*/

/*案例详情 开始*/

.case-banner{width:100%;height:500px;overflow:hidden;position:relative;background:#000;z-index:8;}
.case-banner .img{height:100%;opacity:1;fiter:alrha(opacity=100);position:relative;}
.case-banner .img:before{position:absolute;left:0;top:0;width:100%;height:100%;content:'';background-color:#000;opacity:0.5;filter:alpha(opacity=50);}
.case-banner .con{height:120px;position:absolute;top:168px;left:0;z-index:99;width:100%;}
.case-banner .con .txt{float:left;width:100%;}
.case-banner .con .txt .name{float:left;width:100%;height:50px;margin-bottom:10px;font-size:32px;font-weight:500;line-height:50px;color:#fff;text-align:center;}
.case-banner .con .txt .label{float:left;width:100%;height:36px;margin-bottom:20px;line-height:36px;color:#ddd;text-align:center;}
.case-banner .con .txt .label a{display:inline-block;width:36px;height:36px;line-height:36px;border:1px solid #eee;border-radius:50%;margin:0 10px;}
.case-banner .con .txt .label a i{font-size:16px;color:#eee;}
.case-banner .con .txt .label a:hover{border:1px solid #18bc9c;background:#18bc9c;}
@media  screen and (max-width:767px){
  .case-banner{height:400px;}
  .case-banner .con{height:120px;top:150px;}
  .case-banner .con .txt .name{height:30px;margin-bottom:10px;font-size:20px;line-height:30px;}
  .case-banner .con .txt .label{height:30px;margin-bottom:10px;line-height:30px;}
  .case-banner .con .txt .label a{width:30px;height:30px;line-height:30px;margin:5px;}
  .case-banner .con .txt .label a i{font-size:13px;}
}

.show-box{float:left;width:100%;margin-bottom:20px;padding:20px;border:1px solid #efefef;border-radius:8px;box-shadow:0px 2px 4px 0px rgba(32,32,32,0.02);}
.show-box .box-tit{float:left;width:100%;height:50px;line-height:50px;font-size:18px;color:#555;font-weight:500;border-bottom:1px solid #efefef;vertical-align:middle;}
.show-box .box-tit i{color:#18bc9c;font-size:25px;vertical-align:middle;}
.show-box .box-info{float:left;width:100%;margin:15px 0;height:auto;max-height:84px;line-height:28px;font-size:14px;overflow:hidden;}
.show-box .box-info p{word-break:break-all;text-align:justify;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.show-box .box-meta{width:100%;height:auto;margin:0 auto;padding:0}
.show-box .box-meta nobr{float:left;width:auto;height:40px;margin-right:20px;overflow:hidden;line-height:40px;color:#999;font-size:14px;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;display:inline-block;}
.show-box .box-meta nobr i{margin-right:5px;color:#18bc9c;font-size:20px;vertical-align:middle;}
.show-box .box-con{float:left;width:100%;margin:15px 0;height:auto;line-height:28px;font-size:14px;overflow:hidden;}
.show-box .box-con p{word-break:break-all;text-align:justify;}
.show-box .box-con img{max-width:100%;}
.show-box .box-caseList{float:left;width:100%;height:auto;padding:10px 0 0;}
.show-box .box-caseList ul{margin:0 -6px;}
.show-box .box-caseList ul li{float:left;width:25%;padding:6px;}
.show-box .box-caseList ul li .items{float:left;width:100%;height:auto;background:rgba(255,255,255,1);border:1px solid #efefef;border-radius:8px;transition:.5s ease;}
.show-box .box-caseList ul li .items .img{float:left;width:100%;padding-bottom:66.666%;border-radius:8px 8px 0 0;position:relative;overflow:hidden;}
.show-box .box-caseList ul li .items .img img{width:100%;position:absolute;left:0;top:0;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-o-transition:width all 0.3s linear;}
.show-box .box-caseList ul li .items:hover .img img{transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);}
.show-box .box-caseList ul li .items:hover{box-shadow:0px 2px 15px rgba(150,150,150,0.1);}
.show-box .box-caseList ul li .items .text{float:left;width:100%;padding:5px 10px;border-radius:0 0 8px 8px;}
.show-box .box-caseList ul li .items .text .tit{float:left;width:100%;height:40px;padding-bottom:10px;line-height:40px;border-bottom:1px solid #efefef;vertical-align:middle;}
.show-box .box-caseList ul li .items .text .tit a{display:block;overflow:hidden;float:left;width:calc(100% - 60px);font-size:15px;font-weight:600;color:#555;white-space:nowrap;text-overflow:ellipsis;}
.show-box .box-caseList ul li .items .text .tit a:hover,
.show-box .box-caseList ul li .items:hover .text .tit a{color:#18bc9c;}
.show-box .box-caseList ul li .items .text .tit span{float:right;width:60px;color:#999;font-size:15px;text-align:right;}
.show-box .box-caseList ul li .items .text .tit span i{margin-right:5px;font-size:18px;color:#18bc9c;}
.show-box .box-caseList ul li .items .text .des{overflow:hidden;float:left;width:100%;height:40px;font-size:13px;line-height:40px;}
@media  screen and (max-width:767px){
  .show-box{margin-bottom:10px;padding:10px;}
  .show-box .box-tit{height:40px;line-height:40px;font-size:16px;}
  .show-box .box-tit i{font-size:22px;}
  .show-box .box-info{margin:10px 0;max-height:66px;line-height:22px;}
  .show-box .box-meta nobr{height:35px;margin-right:20px;line-height:35px;font-size:12px;}
  .show-box .box-meta nobr span{display:none;}
  .show-box .box-meta nobr i{margin-right:5px;font-size:16px;}
  .show-box .box-caseList ul{margin:-5px -10px;}
  .show-box .box-caseList ul li{width:100%;padding:5px 10px;}
}

/*案例详情 结束*/



/*案例-详情 开始*/
.show-case{float:left;width:100%;height:auto;padding:20px;border-radius:5px;background:#fff;box-shadow:0px 2px 4px 0px rgba(32,32,32,0.02);overflow:hidden;}
.show-case h2{float:left;width:100%;margin:15px 0;padding:30px 0;text-align:center;font-size:30px;color:#333;font-weight:bold;letter-spacing:1px;}
.show-case .category{padding:6px 0;}
.show-case .category a{color:#18bc9c;}
.show-case .category a:hover{text-decoration:underline}
.show-case .meta{color:#999;text-align:center;font-size:12px;} 
.show-case .meta i{font-size:12px;}
.show-case .meta span,.show-case .meta time{padding-right:12px;}
.show-case .from a{color:#999;}
.show-case .from a:hover{color:#fd5f56;}
.show-case .editor a{color:#999;}
.show-case .editor a:hover{color:#4e9e00;}
.show-case .pic{float:left;width:100%;padding:15px 10px;text-align:center;}
.show-case .pic img{max-width:100%;}
.show-case .link{float:left;width:100%;padding:15px 0;font-size:12px;text-align:center;}
.show-case .link ul{float:left;width:100%;padding:0 8px;}
.show-case .link ul li{display:inline-block;width:120px;height:40px;margin:0 8px;border-radius:5px;line-height:40px;text-align:center;background:#18bc9c;letter-spacing:1px;}
.show-case .link ul li a{color:#fff;}
.show-case .link ul li:nth-child(9n+2){background:#f56c6c;}
.show-case .content{float:left;width:100%;padding:15px 10px;font-size:13px;}
.show-case .content img{max-width:100%;}
.show-case .tags{font-size:13px;color:#999;padding:5px 10px;}
.show-case .tags a{padding-right:8px;}
.show-case .tags a:nth-child(9n){color: #4A4A4A;}
.show-case .tags a:nth-child(9n+1){color: #428BCA;}
.show-case .tags a:nth-child(9n+2){color: #5CB85C;}
.show-case .tags a:nth-child(9n+3){color: #D9534F;}
.show-case .tags a:nth-child(9n+4){color: #567E95;}
.show-case .tags a:nth-child(9n+5){color: #B433FF;}
.show-case .tags a:nth-child(9n+6){color: #00ABA9;}
.show-case .tags a:nth-child(9n+7){color: #B37333;}
.show-case .tags a:nth-child(9n+8){color: #FF6600;}
.show-case .pager{float:left;width:100%;padding:5px 10px;border-top:1px solid #f2f2f2;font-size:13px;border-bottom:1px solid #f2f2f2;position:relative;}
.show-case .pager::after{float:left;width:1px;height:100%;background:#f2f2f2;content:'';position:absolute;left:50%;top:0;}
.show-case .pager a{float:left;width:40%;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.show-case .pager a.l_pager{padding-right:12px;text-align:left;}
.show-case .pager a.r_pager{float:right;padding-left:12px;text-align:right;}

.show-case .tip{padding:15px 10px;color:#aaa;font-size:12px;}
.show-case .tip i{font-size:13px;}
.show-case .tip a{color:#1279ee;}
@media  screen and (max-width:767px){
  .show-case{padding:10px;}
  .show-case h2{margin:0 0 10px;padding:6px 10px;font-size:16px;color:#333;}
  .show-case .moban-header-left .img{height:300px;}
  .show-case .moban-header-right{float:left;width:100%;margin-top:10px;}
  .show-case .moban-header-right .tit{margin:10px 0;font-size:15px;}
  .show-case .moban-header-right .panel-a{padding:10px;}
  .show-case .moban-header-right .panel-a i{font-size:32px;}
  .show-case .moban-header-right .panel-a .items-a{font-size:20px;}
  .show-case .moban-header-right .panel-b{padding:5px 10px;font-size:12px;}
  .show-case .moban-header-right .panel-c{font-size:12px;}
  .show-case .moban-header-right .panel-c ul li{padding:8px 10px;}
  .show-case .moban-header-right .panel-d ul{padding:0 5px;}
  .show-case .moban-header-right .panel-d ul li{width:calc(33.333% - 10px);margin:10px 5px 5px;text-align:center;}
  .show-case .moban-header-right .panel-d ul li a{height:30px;line-height:30px;}
  .show-case .moban-body{margin-top:10px;}
  .show-case .moban-body .hd{height:36px;}
  .show-case .moban-body .hd ul li{height:36px;width:33.333%;line-height:34px;font-size:13px;}
  .show-case .moban-body .hd ul li:last-child{border-right:none;}
  .show-case .moban-body .bd{padding:10px;}
  .show-case .moban-body .bd .faq ul li .items{padding:10px;}
  .show-case .moban-body .bd .faq ul li .items .text .question{height:26px;line-height:26px;font-size:13px;}
  .show-case .moban-body .bd .faq ul li .items .text .answer{font-size:12px;}
  .show-case .moban-body .bd .after-sale{font-size:12px;}
  .show-case .moban-body .bd .after-sale .td{width:105px;}
}
/*案例-详情 结束*/






/*侧边大家都在看 开始*/
.side-list-hot {float:left; width:100%; height:auto;margin-bottom:20px;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);background: rgba(255,255,255,.8);box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);border-radius:0 0 5px 5px;}
.side-list-hot ul{float:left; width:100%; height:auto; padding:5px 10px; overflow:hidden;}
.side-list-hot ul li{float:left; width:100%; height:35px;border-bottom:1px dashed #f1f1f1; line-height:35px; font-size:14px; overflow:hidden;}
.side-list-hot ul li span{float:left; width:19px; height:19px; margin:8px 8px 8px 0; line-height:19px; display:inline-block; border-radius:5px; background:#999;font-size:12px; text-align:center; color:#fff; transition: all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out;}
.side-list-hot ul li:hover span{transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);}
.side-list-hot ul li:last-child{border-bottom:none;}
/*侧边大家都在看 结束*/
.side-list-new {float:left; width:100%; height:auto;margin-bottom:20px;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);background: rgba(255,255,255,.8);box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);border-radius:0 0 5px 5px;}
.side-list-new ul{float:left; width:100%; height:auto; padding:5px 10px; overflow:hidden;}
.side-list-new ul li{float:left; width:100%; height:35px;border-bottom:1px dashed #f1f1f1; line-height:35px; font-size:14px; overflow:hidden;}
.side-list-new ul li span{float:left; width:19px; height:19px; margin:8px 8px 8px 0; line-height:19px; display:inline-block; border-radius:5px; background:#999;font-size:12px; text-align:center; color:#fff; transition: all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out;}
.side-list-new ul li:hover span{transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);}
.side-list-new ul li:last-child{border-bottom:none;}




/*侧边大家都在看 结束*/
.side-list-img-001{float:left;width:100%;height:auto;margin-bottom:20px;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);background: rgba(255,255,255,.8);box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);border-radius:0 0 5px 5px;}
.side-list-img-001 ul{float:left;width:100%;height:auto;padding:5px;overflow:hidden;}
.side-list-img-001 ul li{width:100%;height:auto;padding:7.5px 5px;border-bottom:1px dashed #f1f1f1;}
.side-list-img-001 ul li .items{display:flex;position:relative;overflow:hidden;}
.side-list-img-001 ul li .items .img{width:100px;flex-shrink:0;overflow:hidden;border-radius:6px;}
.side-list-img-001 ul li .items .img a{width:100%;padding-bottom:66.666%;overflow:hidden;position:relative;display:block}
.side-list-img-001 ul li .items .img a img{width:100%;height:100%;position:absolute;object-fit:cover;border-radius:3px;object-fit:cover;-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;}
.side-list-img-001 ul li .items:hover .img a img{transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);}
.side-list-img-001 ul li .items .text{position:relative;margin-left:10px;width:calc(100% - 108px);flex-shrink:1;}
.side-list-img-001 ul li .items .text .title{height:40px;margin-top:2px;margin-bottom:2px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-orient:vertical;display:block;display:-webkit-box;-webkit-line-clamp:2;line-height:20px;font-size:14px;}
.side-list-img-001 ul li .items .text .meta{position:absolute;bottom:2px;font-size:13px;line-height:20px;font-family:"Georgia";color:#bbb;}
.side-list-img-001 ul li .items .text .meta span{float:left;margin-right:10px;display:block;}
.side-list-img-001 ul li .items .text .meta span i{font-size:10px;}
.side-list-img-001 ul li:last-child{border-bottom:none;}
@media screen and (max-width:767px){
}


.side-list-img-002 {float:left; width:100%; height:auto;margin-bottom:15px;background:#fff;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);border-radius:0 0 5px 5px;}
.side-list-img-002 ul{float:left;width:100%;padding:5px;overflow:hidden;}
.side-list-img-002 ul li{float:left;width:50%;padding:5px;}
.side-list-img-002 ul li .items{float:left;width:100%;height:auto;padding:10px;background:#fff;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);border-radius:5px;}
.side-list-img-002 ul li .items .img{float:left;width:100%;padding-bottom:66.666%;position:relative;overflow:hidden;}
.side-list-img-002 ul li .items .img img{width:100%;position:absolute;left:0;top:0;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-o-transition:width all 0.3s linear;}
.side-list-img-002 ul li .items:hover{box-shadow: 0px 5px 28px 0px rgba(65, 106, 123, 0.2);}
.side-list-img-002 ul li .items .text{float:left;width:100%;}
.side-list-img-002 ul li .items .text .name{float:left;width:100%;height:28px;margin-top:5px;text-align:center;font-size:13px;line-height:28px;}








/*单页详情  开始*/
.page-content{float:left; width:100%; height:auto; min-height:350px; padding:20px;border-radius:5px;background:#fff;overflow:hidden;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);}
.page-content img{max-width:100%;}
.page-content .catname{float:left;width:100%;padding:15px 0;text-align:center;font-size:30px;border-bottom:1px solid #f1f1f1;color:#555;}
.page-content .content{float:left;width:100%;padding:15px 0 0;line-height:180%;font-size:14px;color:#666;}

@media screen and (max-width:991px){
	.page-content{padding:15px;}
	.page-content .catname{padding:10px 0;font-size:26px;}
	.page-content .content{padding:10px 0 0;font-size:13px;}
}

/*单页详情  结束*/

/*案例列表 开始*/
.list-case{float:left;width:100%;height:auto;margin-bottom:15px;border-radius:5px;background:#fff;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);}
.list-case ul{float:left;width:100%;padding:7.5px;}
.list-case ul li{float:left;width:33.333%;padding:7.5px;}
.list-case ul li .items{float:left;width:100%;height:auto;padding:10px;background:#fff;border:1px solid #f1f1f1;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);border-radius:5px;}
.list-case ul li .items .img{float:left;width:100%;padding-bottom:66.666%;position:relative;overflow:hidden;}
.list-case ul li .items .img img{width:100%;position:absolute;left:0;top:0;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-o-transition:width all 0.3s linear;}
.list-case ul li .items:hover{box-shadow: 0px 5px 28px 0px rgba(65, 106, 123, 0.2);}
.list-case ul li .items .text{float:left;width:100%;}
.list-case ul li .items .text .name{float:left;width:100%;height:28px;margin-top:5px;text-align:center;font-size:13px;line-height:28px;}
@media  screen and (max-width:1199px){
  .list-case ul li{width:33.333%;}
}
@media  screen and (max-width:991px){
  .list-case ul li{width:50%;}
}
@media  screen and (max-width:767px){
  .list-case ul li{width:50%;}
}
/*案例列表 结束*/



/*内页栏目导航 结束*/
.main-fluid{float:left;width:100%;margin-bottom:20px;position:relative;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);background: rgba(255,255,255,.8);border-radius:5px;border:1px solid #f1f1f1;overflow:hidden;box-shadow:0px 2px 4px 0px rgba(32,32,32,0.02);border-radius:5px;}
.main{float:left;width:calc(100% - 320px);margin-bottom:20px;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);background: rgba(255,255,255,.8);border-radius:0 0 5px 5px;border:1px solid #f1f1f1;overflow:hidden;box-shadow:0px 2px 4px 0px rgba(32,32,32,0.02);border-radius:5px;transition:all .3s ease 0s;z-index:9;position:relative;}
.mains{float:left;width:calc(100% - 320px);margin-bottom:20px;overflow:hidden;position:relative;}
.sidebar{float:right;width:300px;margin-bottom:20px;}
.sideleft{float:left;width:200px;}
@media screen and (max-width:991px){
  .content-wrap{padding-right:0px;}
  .main-fluid{margin-top:-100px;margin-bottom:10px;padding:20px 15px;border-radius:10px;}
  .main{width:100%;margin-bottom:15px;padding:5px;}
  .mains{width:100%;margin-bottom:10px;}
  .sidebar{float:left;width:100%;margin-bottom:10px;}
  .sideleft{width:100%;}
  .content-wraps{float:left;}
}

/*单页详情  结束*/

.sub-tit{float:left;width:100%;padding:3px 8px;border-radius:5px 5px 0 0;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);border-bottom:1px solid #f1f1f1;color:#555;background:#fff;vertical-align:middle;overflow:hidden;}
.sub-tit .catname{float:left;width:100%;height:38px;font:normal 15px/38px "Microsoft Yahei";color:#666;}
.sub-tit .catname span{color:#ddd;font-size:12px;text-transform:uppercase;}
.sub-tit .catname a{float:right;width:36px;height:13px;display:block;margin-top:12px;background:url(../images/more.png) center center no-repeat;display:block;}

@media  screen and (max-width:767px){
.sub-tit h1 i{float:left;color:#18bc9c;font-size:18px;position:absolute;left:0px;top:0;}
.sub-tit h1 a{float:left;margin-left:23px;font-size:15px;}
}


/*.side-tit{float:left;width:100%;height:52px;padding:0 8px;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);background: rgba(255,255,255,.8);border-radius:5px 5px 0 0;border-bottom:1px solid #f2f2f2;}
.side-tit .catname{padding:10px 0;letter-spacing:1px;color:#555;position:relative}
.side-tit .catname i{position:absolute;top:8px;left:0;font-size:26px;color:#18bc9c}
.side-tit .catname span{color:#ddd;font-size:14px;text-transform:uppercase;}
.side-tit .catname a{position:absolute;left:30px;top:15px;font-size:16px;}
.side-tit .catname a i{color:#bbb;}
.side-tit .more{display:block;position:absolute;right:3px;top:18px;padding:0 5px;font-size:10px; transform: scale(0.83333); transform-origin: 0 0;text-transform:uppercase;border-radius:3px;border:1px solid #18bc9c;background:#18bc9c;color:#fff;}
.side-tit .more:hover{color:#fff;background:#333;border-color:#333;}*/

.side-tit{float:left;width:100%;height:52px;padding:0 8px;line-height:52px;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);background: rgba(255,255,255,.8);border-radius:6px 6px 0 0;border-bottom:1px solid #f1f1f1;vertical-align:middle;overflow:hidden;position:relative}
.side-tit .catname{padding-left:30px;font-size:16px;color:#666;vertical-align:middle;}
.side-tit .catname i{position:absolute;top:0;left:8px;color:#18bc9c;font-size:26px;vertical-align:middle;}
.side-tit .catname span{color:#ddd;font-size:14px;text-transform:uppercase;}
.side-tit .more{position:absolute;top:0;right:8px;display:block;}
.side-tit .more i{color:#bbb;font-size:26px;}
@media  screen and (max-width:767px){
  .side-tit{margin-top:10px;}
}



/*侧边导航*/
.side-category{float:left;width:100%;height:auto;margin-bottom:20px;padding:5px 0;background:#fff;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.03);border-radius:0 0 6px 6px; overflow:hidden;}
.side-category ul{}
.side-category ul li{float:left;width:100%;height:auto;padding:5px 10px;}
.side-category ul li .items{float:left;width:100%;border:1px solid #f2f2f2;border-radius:6px;background-image:linear-gradient(135deg,#f9f9f9 5%,#f2f2f2 100%);overflow:hidden;box-shadow:0px 2px 4px 0px rgba(32,32,32,0.02);transition:.5s ease;}
.side-category ul li .items a{display:block;float:left;width:100%;height:40px;padding:0 15px;line-height:40px;font-size:15px;}
.side-category ul li:hover .items,
.side-category ul li.active .items{background-image:linear-gradient(135deg,#1bcda9 5%,#18bc9c 100%);}
.side-category ul li:hover .items a,
.side-category ul li.active .items a{color:#fff;}
@media  screen and (max-width:767px){
  .side-category{}
}


/*单页详情  结束*/

.page{float:left;width:100%;height:auto;margin-bottom:15px;padding:30px;}
.page .page-top {float:left;width:100%;font-size:24px;line-height:24px;border-bottom:1px solid #f1f1f1;}
.page .page-top .name{float:left;width:100%;color:#404040;}
.page .page-top .name p{float:left;width:100%;color:#404040;font-size:15px;margin-bottom:10px;}
.page .page-top .name h3{float:left;width:100%;color:#333;font-size:30px;margin-bottom:10px;font-weight:600;}
.page .page-top .name span{float:left;display:block;width:120px;height:5px;background:#18bc9c;margin-bottom:15px;}

.page .page-con {float:left;width:100%;/*display:flex;justify-content:space-between;*/}
.page .page-con .con-box {float:left;width:100%;margin-top:15px;}
.page .page-con .con-box .content {float:left;width:100%;height:;padding-right:10px;overflow-y:auto;font-size:16px;line-height:28px;text-align:justify;color:#666;}
.page .page-con .con-box .content .after-sale{float:left;width:100%;border-top:solid 1px #f1f1f1;border-left:solid 1px #f1f1f1;height:auto;font-size:14px;border-collapse:collapse;border-spacing:0;overflow:hidden;}
.page .page-con .con-box .content .after-sale th,
.page .page-con .con-box .content .after-sale td{padding:10px 10px;border-bottom:solid 1px #f1f1f1;border-right:solid 1px #f1f1f1;}
.page .page-con .con-box .content .after-sale .td{width:120px;}
.page .page-con .con-box .content .after-sale tr:nth-child(even){background:#fafafa;}
.page .page-con .con-box .content .after-sale th{padding:0}
@media  screen and (max-width:767px){
  .page{padding:15px;}
  .page .page-top .name p{font-size:14px;margin-bottom:10px;}
  .page .page-top .name h3{font-size:25px;margin-bottom:10px;}
  .page .page-top .name span{width:80px;height:5px;margin-bottom:15px;}
  .page .page-con .contact-info{width:100%;}
}



/*联系我们 开始*/
.contact{float:left;width:100%;margin-bottom:15px;padding:30px;overflow:hidden;}
.contact .contact-top {float:left;width:100%;font-size:24px;line-height:24px;border-bottom:1px solid #f1f2f3;}
.contact .contact-top .name{float:left;width:100%;color:#404040;}
.contact .contact-top .name p{float:left;width:100%;color:#404040;font-size:15px;margin-bottom:10px;}
.contact .contact-top .name h3{float:left;width:100%;color:#333;font-size:30px;margin-bottom:10px;font-weight:600;}
.contact .contact-top .name span{float:left;display:block;width:120px;height:5px;background:#18bc9c;margin-bottom:15px;}

.contact .contact-con {float:left;width:100%;/*display:flex;justify-content:space-between;*/}
.contact .contact-con .con-box {float:left;width:100%;margin-top:15px;}
.contact .contact-con .con-box .content {float:left;width:100%;height:500px;padding-right:10px;overflow-y:auto;font-size:16px;line-height:28px;text-align:justify;color:#666;}
.contact .contact-con .con-box .info::-webkit-scrollbar {width:5px;height:10px;background-color:#f3f4f5;}
.contact .contact-con .con-box .info::-webkit-scrollbar-track {background-color:#f3f4f5;}
.contact .contact-con .con-box .info::-webkit-scrollbar-thumb {background-color:#0f6ab4;}

.contact .contact-con .contact-info{float:left;width:calc(50% - 20px);margin-top:15px;}
.contact .contact-con .contact-info ul{}
.contact .contact-con .contact-info ul li{border-bottom:1px solid #f1f1f1; padding:15px 0;}
.contact .contact-con .contact-info ul li i{font-size:34px; color:#666;text-align:center;height:32px;width:32px;line-height:32px;
margin-top:16px;margin-right:10px}
.contact .contact-con .contact-info ul li p{opacity:.7;filter:alpha(opacity=70);line-height:20px;font-size:14px;color:#666; display:inline-block}
.contact .contact-con .contact-info ul li .s4{ font-size:2.2em; padding-top:0.2em;   font-family: 'Raleway',Microsoft Yahei,Helvetica,sans-serif;color:#666; }
.contact .contact-con .contact-info ul li:hover p{opacity:1;filter:alpha(opacity=100)}

.contact .contact-con .contact-map{float:right;width:calc(50% - 20px);margin-top:15px;padding-top:15px;}
.contact .contact-con .contact-map .map{float:left;width:100%;height:auto;/*background:url(../images/map.png) center no-repeat;background-size:cover;*/overflow:hidden;}
.contact .contact-con .contact-map .map img{max-width:100%;}
.contact .contact-con .contact-map .bdmap{float:left;width:100%;height:360px;border:1px solid #f1f1f1;-moz-box-shadow: 0px 0px 20px rgba(127,128,130,0.2);
  -webkit-box-shadow: 0px 0px 20px rgba(127,128,130,0.2);
  box-shadow: 0px 0px 20px rgba(127,128,130,0.2);}
@media  screen and (max-width:767px){
  .contact{padding:10px;}
  .contact .contact-top .name p{font-size:14px;margin-bottom:10px;}
  .contact .contact-top .name h3{font-size:25px;margin-bottom:10px;}
  .contact .contact-top .name span{width:80px;height:5px;margin-bottom:15px;}
  .contact .contact-con .contact-info{width:100%;}
  .contact .contact-con .contact-map{width:100%;}
  .contact .contact-con .contact-map .map{margin-top:20px;}
  .contact .contact-con .contact-map .bdmap{width:100%;height:320px;}
}



/*在线留言 开始*/
.guestbook{overflow:hidden;float:left;width:100%;}
.gbook{overflow:hidden;float:left;width:100%;height:auto;margin-bottom:10px;}
.gbook-tit{float:left;width:100%;margin:10px 0;padding:0 8px 8px;border-bottom:1px solid #f1f1f1;overflow:hidden;}
.gbook-tit i{margin-right:8px;font-size:25px;color:#18bc9c;vertical-align:middle;}
.gbook-tit span{font-size:16px;font-weight:600;vertical-align:middle;}
.gbook-con{float:left;width:100%;}
.gbook-con ul{display:flex;flex-flow:row wrap;justify-content:space-between;}
.gbook-con ul li{width:calc(50% - 5px);margin:6px 0;}
.gbook-con ul li:nth-child(9n+5){width:100%;}
.gbook-con ul li:nth-child(9n+6){width:100%;font-size:14px;}
.gbook-con ul li:nth-child(9n+6) i{margin-right:5px;font-size:15px;color:#18bc9c;}
.gbook-con ul li:nth-child(9n+7){width:100%;}
.gbook-con ul li .textinput{width:100%;height:45px;padding:0 15px;line-height:45px;border:1px solid #f1f1f1;border-radius:5px;font-size:14px;}
.gbook-con ul li .textarea{width:100%;height:auto;padding:10px 15px;border:1px solid #f1f1f1;border-radius:5px;font-size:14px;line-height:25px;}
.gbook-con ul li .captcha{position:relative;}
.gbook-con ul li .captcha img{position:absolute;right:1px;top:1px;width:100px!important;height:43px!important;border-radius:0 5px 5px 0;}
.gbook-con ul li .button{cursor:pointer;width:100%;height:45px;line-height:45px;border-radius:6px;border:none;color:#fff;text-align:center;font-size:15px;letter-spacing:2px;background:linear-gradient(90deg,#18bc9c 5%,#14977c 100%);}
.gbook-con ul li .button i{margin-right:5px;font-size:18px;color:#fff;font-weight:200;}
.gbook-con ul li .button:hover{opacity:.95;filter:alpha(opacity=95);}
/*在线留言 结束*/


/*在线留言 开始*/
.guestbook{float:left;width:100%;margin-bottom:15px;overflow:hidden;}
.gbook-box{float:left;width:28%;height:auto;overflow:hidden;margin:0;padding:60px 40px;background:linear-gradient(90deg,#18bc9c 5%,#15a386 100%);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.gbook-box p{width:100%;height:auto;line-height:40px;color:#fff;font-size:26px;margin:0 auto 15px;padding:0}
.gbook-box span{display:block;width:100%;height:auto;line-height:30px;color:rgba(255,255,255,0.65);font-size:14px;word-break:break-all;text-align:justify;margin:0 auto;padding:0}
.gbook-box .box-btn{width:100%;height:auto;margin:60px auto 0;padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.gbook-box .box-btn a{display:block;width:100%;height:45px;overflow:hidden;line-height:45px;color:#fff;font-size:15px;text-align:center;margin:0 auto;padding:0;background-color:#333;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;border-radius:5px;}
.gbook-box .box-btn a:hover{background-color:#202020}


.gbook-msg{float:right;width:72%;height:auto;padding:20px;overflow:hidden;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;}
.gbook-msg b{font-size: 24px;margin-bottom: 20px;display: block;}
.gbook-msg form{display:flex;flex-flow: row wrap;justify-content: space-between;}
.gbook-msg input{width:calc(50% - 20px);height:45px;margin:8px 10px;line-height:45px;background:#fbfbfb;text-indent:10px;font-size: 13px;border-radius:5px;border:1px solid #f1f1f1;}
.gbook-msg textarea{width:calc(100% - 20px);height: 140px;margin:8px 10px;padding:10px 0;background:#fbfbfb;font-size: 13px;text-indent:10px;border-radius:5px;border:1px solid #f1f1f1;}
.gbook-msg .msg-btn{width:100%;height:auto;overflow:hidden;margin:10px;padding:0;float:inherit;}
.gbook-msg .msg-btn input{width:200px;height:45px;overflow:hidden;line-height:45px;color:#fff;text-indent:0;font-size:15px;text-align:center;background:linear-gradient(90deg,#202020 5%,#000000 100%);margin:0 20px 0 0;padding:0;border:none;cursor:pointer}
.gbook-msg .msg-btn input:hover{opacity:.95;filter:alpha(opacity=95);}
.gbook-msg .msg-btn input:first-child{background:linear-gradient(90deg,#18bc9c 5%,#15a386 100%);}


@media  screen and (max-width:767px){
  .gbook-box{width:100%;height:auto;padding:20px;}
  .gbook-box .weborder_img{width:106px;height:106px;margin:0 20px 0 0;padding:4px 0}
  .gbook-box img{width:90px;height:90px;border:4px solid rgba(0,0,0,0.05)}
  .gbook-box p{line-height:24px;font-size:16px;margin:0 auto 2px}
  .gbook-box span{line-height:20px;font-size:12px;}
  .gbook-box .box-btn{width:100%;margin:10px auto 0;padding:0;float:inherit}
  .gbook-box .box-btn a{height:35px;line-height:35px;font-size:15px}
  .gbook-msg{width:100%;height:auto;padding:10px 5px;overflow:hidden;margin:0;}
  .gbook-msg input{width:100%;height:40px;line-height:40px;background:#f9f9f9;text-indent:12px;font-size:13px;}
  .gbook-msg textarea{width:100%;height:140px;padding:12px 0;background:#f9f9f9;font-size:13px;text-indent:12px;}
  .gbook-msg .msg-btn input{float:left;width:48%;height:40px;margin:0;line-height:40px;text-indent:0;font-size:13px;}
  .gbook-msg .msg-btn input:first-child{margin:0 4% 0 0!important}
}




/*通用-列表翻页*/
.pagination-wrapper{float:left;width:100%;text-align:center;}
.pagination{float:left;width:100%;text-align:center;font-size:14px;overflow:hidden;}
.pagination span{display:inline-block;height:30px;margin-left:5px;padding:0px 11px;border:1px solid #f1f1f1;line-height:28px;background:#fff;border-radius:3px;}
.pagination a{display:inline-block;height:30px;margin-left:5px;padding:0px 11px;border:1px solid #f1f1f1;line-height:28px;background:#fff;border-radius:3px;}
.pagination a:hover{height:30px;background:#18bc9c;color:#fff;box-shadow:0px 2px 15px rgba(150,150,150,0.1);}
.pagination .current-page{height:30px;background:#1ac8a5;color:#fff;box-shadow:0px 2px 15px rgba(150,150,150,0.1);}
@media screen and (max-width:767px){
	.pagination-wrapper{margin:10px 0;}
}

/*友情链接*/
.in-flink {float:left;width:100%;height:auto;overflow:hidden;}
.in-flink ul{margin:0 -7.5px;}
.in-flink ul li{float:left;padding:7.5px;}

/* 页脚 */
.x-line{float:left;width:100%;height:10px;background:#18bc9c;box-shadow:2px 2px 4px #ddd;}

.footer-copyright{width:100%;margin:0 auto;padding:20px 10px;font-size:13px;color:#666;text-align:center;}
.footer-copyright p{line-height:30px;}
.footer-copyright p span{padding:0 5px;display:inline-block;}

@media (max-width:767px){
.footer-copyright p{line-height:24px;font-size:12px;}
}


.AD-A{float:left;width:100%;height:auto;margin:15px 0 0;text-align:center;background:#fff;padding:10px;box-shadow:0 2px 8px 0 rgba(155,155,155,0.06);border-radius:5px;overflow:hidden;position:relative;}
.AD-A img{width:100%;height:80px;}
.AD-S{float:left;width:278px;height:88px;margin:15px 0 0;text-align:center;overflow:hidden;position:relative;}
.AD-333{float:left;width:100%;height:auto;margin:15px 0 0;text-align:center;background:#fff;box-shadow:0 2px 8px 0 rgba(155,155,155,0.06);border-radius:5px;overflow:hidden;position:relative;}
.AD-333 img{width:100%;height:68px;}

@media (max-width:767px){
.AD-A{margin:10px 0 0;padding:5px;}
.AD-S{margin:5px 0 0;padding:5px;}
.AD-333{padding:5px;}
}


.tagslist{overflow:hidden}
.tagslist ul{list-style-type:none;padding:0;margin:0 -2% 0 0}
.tagslist li{float:left;width:23%;margin-right:2%;margin-bottom:2%;padding:15px;border:1px solid #f1f1f1;background-color:#fff;border-radius:2px}
.tagslist li .name{background-color:#f1f1f1;display:inline-block;padding:3px 10px 3px;font-size:12px;color:#666;border-radius:3px}
.tagslist li .name:hover{background-color:#444;color:#fff}
.tagslist li:hover{border-color:#ccc}
.tagslist li:hover .name{background-color:#18bb9b;color:#fff}
.tagslist li small{margin-left:10px;color:#bbb}
.tagslist li p{margin:10px 0 0;font-size:14px;height:17px;overflow:hidden;display:block;line-height:1.5}
.tagslist li .tit{color:#999}
.tagslist li .tit:hover{color:#444}
.post .entry-content .tagslist a{margin:0;text-decoration:none}
@media (max-width:1024px){
  .post .entry-content  .tagslist li{width: 31.3333333%;}
}
@media (max-width:768px){
  .post .entry-content  .tagslist li{width: 48%;}
}
@media (max-width:640px){
  .post .entry-content  .container-tags{padding: 15px;}
}
@media (max-width:544px){
  .post .entry-content  .tagslist li{padding: 10px;}
}


/*底部-特点 开始*/
.footer-feature{float:left;width:100%;}
.footer-feature ul{margin:0 -10px;}
.footer-feature ul li{float:left;width:20%;height:auto;padding:20px 10px;overflow:hidden;}
.footer-feature ul li .items{float:left;width:100%;height:auto;padding:10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;overflow:hidden;}
.footer-feature ul li:first-child .items{border-left:none;}
.footer-feature ul li .items .icon{float:left;width:50px;height:50px;display:inline-flex;align-items:center;justify-content:center;transition:all .1s linear;border:2px solid #18bc9c;border-radius:25px;}
.footer-feature ul li .items .icon i{font-size:20px;font-weight:300;color:#18bc9c;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;}
.footer-feature ul li:hover .items .icon i{transform:rotate(360deg);}
.footer-feature ul li .items .text{margin-left:60px;}
.footer-feature ul li .items .text .tit{float:left;width:100%;height:30px;font-size:18px;line-height:30px;color:#eee;overflow:hidden;}
.footer-feature ul li .items .text .tit span{font-size:18px;color:#eee;font-family:'OPENSANS-LIGHT';text-transform:uppercase;margin-left:12px;padding-left:12px;background:url(../images/line_y15.png) no-repeat left center;}
.footer-feature ul li .items .text .des{float:left;width:100%;height:20px;font-size:12px;line-height:20px;color:#eee;display:-webkit-box;-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;overflow:hidden;}
@media  screen and (max-width:767px){
  .footer-feature{}
  .footer-feature ul{margin:0 -5px;}
  .footer-feature ul li{width:50%;margin:5px 0;padding:5px 0;}
  .footer-feature ul li .items{padding:5px;}
  .footer-feature ul li .items .icon{width:36px;height:36px;border-radius:18px;}
  .footer-feature ul li .items .icon i{font-size:20px;color:#18bc9c;}
  .footer-feature ul li .items .text{margin-left:40px;}
  .footer-feature ul li .items .text .tit{height:20px;font-size:13px;line-height:20px;}
  .footer-feature ul li .items .text .tit span{font-size:12px;margin-left:5px;padding-left:5px;}
  .footer-feature ul li .items .text .des{height:15px;font-size:12px;line-height:15px;}
}

/*底部-特点 结束*/

/*footer*/
.ft-tit{float:left;width:100%;}
.ft-tit h2{margin-bottom:15px;padding-bottom:10px;font-size:16px;font-weight:500;letter-spacing:1px;position:relative;border-bottom:1px solid #333;color:#fff;}
.ft-tit h2 i{color:#18bc9c;}
.ft-tit h2:after{content:"";display:block;width:16px;height:1px;background:#18bc9c;position:absolute;left:0;bottom:-1px;}
@media  screen and (max-width:767px){
  .ft-tit h2{margin-bottom:10px;padding-bottom:10px;}
}
.footer{float:left;width:100%;padding:50px 0;position:relative;}
.footer .f-about{float:left;width:35%;}
.footer .f-about .flogo img{width:auto;max-height:60px}
.footer .f-about .about-info{float:left;line-height:26px;font-size:13px;color:#888;text-align:justify;}
.footer .f-about .social-icon{float:left;margin-top:20px}
.footer .f-about .social-icon ul{display:flex;flex-wrap:wrap}
.footer .f-about .social-icon ul li{float:left;width:30px;height:30px;margin-right:10px;display:inline;}
.footer .f-about .social-icon ul li .items{float:left;width:100%;height:100%;background:rgba(255, 255, 255, 0.05);display:inline-flex;align-items:center;justify-content:center;transition:all .1s linear;border-radius:15px;color:#888;}
.footer .f-about .social-icon ul li .items:hover{color:#fff;}
.footer .f-about .social-icon ul li .items a i{font-size:16px;font-weight:normal;color:#888;}
.footer .f-about .social-icon ul li .items:hover a i{color:#fff;}
.footer .f-quicklink{float:left;width:33%;margin-left:5%;}
.footer .f-quicklink ul{margin:0 -5px;}
.footer .f-quicklink ul li{float:left;width:25%;padding:5px;}
.footer .f-quicklink ul li .items{float:left;width:100%;height:30px;padding:0 5px;background:rgba(255, 255, 255, 0.05);transition:all .1s linear;border-radius:5px;}
.footer .f-quicklink ul li .items .tit{float:left;width:100%;height:30px;line-height:30px;font-size:14px;color:#888;overflow:hidden;}
.footer .f-quicklink ul li .items .tit a{color:#888;}
.footer .f-quicklink ul li .items .tit a:hover,
.footer .f-quicklink ul li .items .tit a:hover,
.footer .f-quicklink ul li .items:hover .tit a{color:#fff;}
.footer .f-quicklink ul li .items:hover{background:#18bc9c;}
.footer .f-contact{float:right;width:22%;}
.footer .f-contact ul{margin:0 -5px;}
.footer .f-contact ul li{float:left;width:100%;padding:2.5px 5px;}
.footer .f-contact ul li .items{float:left;width:100%;height:auto;overflow:hidden;}
.footer .f-contact ul li .items .tit{float:left;width:100%;height:30px;line-height:30px;font-size:13px;color:#888;}
.footer .f-contact ul li .items .tit a{color:#888;}
.footer .f-contact ul li .items .tit a:hover,
.footer .f-contact ul li .items .tit:hover a{color:#fff;}
@media screen and (max-width:991px){
  .footer .f-about{width:100%;}
  .footer .f-about .about-info{line-height:20px;font-size:12px;}
  .footer .f-about .social-icon{margin-top:10px}
  .footer .f-quicklink{display:none;}
  .footer .f-contact{width:100%;margin-top:20px;}
  .footer .f-contact ul li .items .tit{height:25px;margin:0 5px;line-height:25px;}
}
.friendlink{float:left;width:100%;margin:10px 0;font-size:12px;line-height:20px;color:#777;}
.friendlink a{display:inline-block;margin:0 5px;color:#777;}
@media screen and (max-width:767px){
  .friendlink{font-size:12px;}
}
.copyright{float:left;width:100%;padding:15px 0;}
.copyright a{margin:0 5px;color:#888;}
.copyright a:hover{opacity:0.9;}
.copyright .cr-l{float:left;font-size:13px;line-height:25px;color:#888;}
.copyright .cr-r{float:right;font-size:13px;line-height:25px;color:#888;}
@media screen and (max-width:991px){
  .footer{padding:36px 0 21px 0;}
  .copyright{padding:10px 0;text-align:center;}
  .copyright .cr-l{width:100%;font-size:12px;line-height:22px;}
  .copyright .cr-r{width:100%;font-size:12px;line-height:22px;}
}

/*Leafcms客服代码 开始*/
.leafcms_kefu{position:fixed;width:56px;right:0;top:45%;z-index:999;}
.leafcms_kefu ul{float:left;width:100%;}
.leafcms_kefu ul li{float:right;width:56px;height:60px;margin-top:8px;text-align:center;}
.leafcms_kefu ul li .items{float:left;width:100%;height:100%;padding:10px 0;border-radius:2px;background:#fff;box-shadow:0 1px 5px rgba(150,150,150,0.3);vertical-align:middle;position:relative;}
.leafcms_kefu ul li .items i{font-size:23px;font-weight:500;}
.leafcms_kefu ul li .items p{font-size:12px;letter-spacing:1px;}
.leafcms_kefu ul li:last-child .items p{letter-spacing:-1px;}
.leafcms_kefu ul li .items .img{width:90px;height:90px;right:30px;top:50%;margin-top:-45px;padding:5px;border-radius:3px;display:none;z-index:9;position:absolute;background:linear-gradient(135deg,#1bcda9 5%,#18bc9c 100%);}
.leafcms_kefu ul li .items .img em{position:absolute;top:50%;margin-top:-8px;right:-8px;display:inline-block;width:0;height:0;vertical-align:middle;border-left:10px solid #18bc9c;border-top:8px solid transparent;border-bottom:8px solid transparent;}
.leafcms_kefu ul li .items .img img{width:80px;height:80px;}
.leafcms_kefu ul li .items .txt{height:36px;right:20px;top:50%;margin-top:-18px;padding:0 16px;white-space:nowrap;border-radius:3px;font-size:15px;line-height:36px;text-align:center;color:#fff;background:linear-gradient(135deg,#1bcda9 5%,#18bc9c 100%);display:none;z-index:999;position:absolute;}
.leafcms_kefu ul li .items .txt em{position:absolute;top:50%;margin-top:-8px;right:-8px;display:inline-block;width:0;height:0;vertical-align:middle;border-left:8px solid #18bc9c;border-top:8px solid transparent;border-bottom:8px solid transparent;}
.leafcms_kefu ul li .items.on,
.leafcms_kefu ul li:hover .items{background:linear-gradient(135deg,#1bcda9 5%,#18bc9c 100%);box-shadow:0 1px 5px rgba(27,205,169,0.8);color:#fff;}
.leafcms_kefu ul li .items.on a,
.leafcms_kefu ul li:hover .items a{color:#fff;}
.leafcms_kefu ul li:hover .items .img{right:70px;display:block;box-shadow:0 0 5px rgba(27,205,169,0.8);}
.leafcms_kefu ul li:hover .items .txt{right:70px;display:block;box-shadow:0 0 5px rgba(27,205,169,0.8);}
@media screen and (max-width:991px){
  .leafcms_kefu{width:30px;right:0;top:45%;z-index:999;}
  .leafcms_kefu ul{float:left;width:100%;}
  .leafcms_kefu ul li{width:30px;height:30px;margin-top:5px;}
  .leafcms_kefu ul li .items{padding:5px 0;}
  .leafcms_kefu ul li .items i{font-size:18px;}
  .leafcms_kefu ul li .items p{display:none;}
  .leafcms_kefu ul li .items .img em{margin-top:-6px;right:-6px;border-left:6px solid #18bc9c;border-top:6px solid transparent;border-bottom:6px solid transparent;}
  .leafcms_kefu ul li .items .txt{height:30px;margin-top:-15px;padding:0 16px;font-size:13px;line-height:30px;}
  .leafcms_kefu ul li .items .txt em{margin-top:-6px;right:-6px;border-left:6px solid #18bc9c;border-top:6px solid transparent;border-bottom:6px solid transparent;}
  .leafcms_kefu ul li:hover .items .img{right:40px;}
  .leafcms_kefu ul li:hover .items .txt{right:40px;}
}

/*Leafcms客服代码 结束*/