@charset "utf-8";
/* CSS Document */
/*来源:LeafCMS*/
/*全局*/
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',Arial;font-size:12px;color:#666;}
code,kbd,pre,samp {font-family:'NotoSansHans',Arial;}
a{text-decoration:none;color:#666;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',Arial;}
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',Arial;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_fixed{position:fixed;z-index:99999;width:100%;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);background: rgba(255,255,255,.8);box-shadow: 0 3px 16px 0 rgba(0,0,0,.08);}
.leafcms_header{display:block;height:80px;position:relative;left:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;z-index:99999}
.leafcms_banner{float:left;width:100%;position:relative;}
.leafcms_main{float:left;width:100%;height:auto;}
.leafcms_footer{float:left;width:100%;border-top:solid 1px #f1f1f1;background: rgba(255,255,255,.8);}
.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:#f5f5f5;}
.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;line-height:80px;padding:0 10px;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;}
.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;}
}




/*首页幻灯 开始*/
.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: Arial; 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;}



/*首页-模板列表 开始*/
.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:#fff;border:1px solid #f1f1f1;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);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:50px 0 0;}
.in-article ul{margin:0 -7.5px;}
.in-article ul li{float:left;width:33.33%;padding:7.5px;}
.in-article .items{float:left;width:100%;height:auto;padding:5px 15px;border:1px solid #f1f1f1;border-radius:5px;background:#fff;overflow:hidden;}
.in-article .items .catname{float:left;width:100%;height:38px;border-bottom:1px solid #f1f1f1;line-height:38px;}
.in-article .items .catname ._tit{float:left;width:100%;height:38px;font:normal 15px/38px "NotoSansHans";color:#666;}
.in-article .items .catname ._tit span{color:#ddd;font-size:12px;text-transform:uppercase;}
.in-article .items .catname ._tit a{float:right;width:36px;height:13px;display:block;margin-top:12px;background:url(../images/more.png) center center no-repeat;display:block;}
.in-article .items .catlist{float:left;width:100%;height:auto;margin-top:10px;overflow:hidden;}
.in-article .items .catlist ._img{float:left;width:100%;height:105px;margin-bottom:5px;position:relative;z-index:11;overflow:hidden;}
.in-article .items .catlist ._img 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 .catlist ._img: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 .catlist ._list{float:left;width:100%;height:35px;border-bottom:1px dashed #f1f1f1;line-height:35px;overflow:hidden;}
.in-article .items .catlist ._list a{float:left;height:35px;overflow:hidden;}
.in-article .items .catlist ._list a i{font-size:12px;}
.in-article .items .catlist ._list:last-child{border-bottom:none;}
.in-article .items .catlist ._list span{float:right;color:#999;}
.in-article .items:hover{box-shadow:0px 2px 15px rgba(150,150,150,0.1);}
.in-article .slick-dots{position:static;bottom:auto;margin:0 auto;padding-top:4%;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 #f5f5f5;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;}
}


.side-category{float:left; width:100%; height:auto; border-top:none;border-radius:0 0 5px 5px;background:#fff;overflow:hidden;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);}
.side-category ul{float:left;width:100%;margin:5px;}
.side-category ul li{float:left;width:calc(50% - 15px);height:35px;margin:5px;position:relative;}
.side-category ul li a{float:left;width:100%;height:35px;display:block;padding:0 40px;font:normal 14px/33px "NotoSansHans";border-radius:2px;background-color:#f5f5f5;overflow:hidden;}
.side-category ul li a i{font-size:18px;position:absolute; top:1px; left:15px;}
.side-category ul li a:hover{color:#fff;background:#18bc9c;background-image:linear-gradient(135deg,#25e2bc 5%,#18bc9c 100%)}
.side-category ul li a.active{color:#fff;background:#18bc9c;background-image:linear-gradient(135deg,#25e2bc 5%,#18bc9c 100%)}


.widget .content-list a{display:block;width:100%}
.widget .content-list li a{display:block;background-color:#f5f5f5;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;}
}
/*内页二级导航结束*/


/*模板-筛选项开始*/
.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;}
}
/*模板-筛选项结束*/

/*模块-列表样式1 开始*/
.list-moban-001{float:left;width:100%;height:auto;}
.list-moban-001 ul{margin:-7.5px;}
.list-moban-001 ul li{float:left;width:25%;padding:7.5px;}
.list-moban-001 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);transition: all .4s ease;border-radius:5px;}
.list-moban-001 ul li .items .img{width:100%;padding-bottom:70.625%;position:relative;overflow:hidden;}
.list-moban-001 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;}
.list-moban-001 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);}
.list-moban-001 ul li .items .tit{float:left;width:100%;padding:5px 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;}
.list-moban-001 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;}
.list-moban-001 ul li .items .meta{float:left;width:100%;padding:8px 0 0;overflow:hidden;position:relative;}
.list-moban-001 ul li .items .meta span{font-size:12px}

.list-moban-001 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;}
.list-moban-001 ul li .items .meta>div{align-items:center;display:flex;}
.list-moban-001 ul li .items .meta i{padding-right:5px;font-size:16px;font-weight:400;color:#aaa;}


.list-moban-001 ul li .items:hover{box-shadow:0px 2px 15px rgba(150,150,150,0.1);}
@media  screen and (max-width:1199px){
  .list-moban-001 ul li{width:33.333%;}
}
@media  screen and (max-width:991px){
  .list-moban-001 ul li{width:50%;}
  .list-moban-001 ul li .items .tit{height:56px;padding:5px 0;line-height:23px;font-size:14px;}
}
@media  screen and (max-width:767px){
  .list-moban-001 ul li{width:50%;}
}
/*模块-列表样式1 结束*/
/*模块-列表样式2 开始*/
.list-moban-002{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-moban-002 ul{float:left;width:100%;padding:7.5px;overflow:hidden;}
.list-moban-002 ul li{float:left;width:25%;padding:7.5px;}
.list-moban-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:1px solid #f5f5f5;transition: all .4s ease;border-radius:5px;}
.list-moban-002 ul li .items .img{height:220px;}
.list-moban-002 ul li .items .scroll_img{overflow:hidden}
.list-moban-002 ul li .items .scroll_img img{width:100%;position:relative}
.list-moban-002 ul li .items .tit{float:left;width:100%;padding:10px 0;border-bottom:1px solid #f2f2f2;color:#555;font-size:15px;overflow:hidden;}
.list-moban-002 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;}
.list-moban-002 ul li .items .meta{float:left;width:100%;padding:8px 0 0;overflow:hidden;position:relative;}
.list-moban-002 ul li .items .meta span{font-size:12px}
.list-moban-002 ul li .items .meta .money{font-size:22px}
.list-moban-002 ul li .items .meta .c_9{color:#999}
.list-moban-002 ul li .items .meta .c_f60{color:#f60}
.list-moban-002 ul li .items .meta .c_c{color:#ccc}
.list-moban-002 ul li .items .meta .online{right:0;bottom:0;display:block;padding:3px 10px;border:1px solid #f2f2f2;border-radius:5px;background-color:#fbfbfb;font-size:15px;text-align:center;position:absolute;}
.list-moban-002 ul li .items .meta .online:hover{background-color:#f4543c;border-color:#f4543c;color:#fff;}
.list-moban-002 ul li .items:hover{box-shadow: 0px 5px 28px 0px rgba(65, 106, 123, 0.2);}
@media  screen and (max-width:1199px){
  .list-moban-002 ul li{width:33.333%;}
}
@media  screen and (max-width:991px){
  .list-moban-002 ul li{width:50%;}
}
@media  screen and (max-width:767px){
  .list-moban-002 ul li{width:100%;}
}
/*模块-列表样式2 结束*/


/*模板-详情 开始*/
.show-moban{float:left;width:100%;height:auto;margin-bottom:15px;padding:15px;border-radius:5px;background:#fff;box-shadow:0px 2px 4px 0px rgba(32,32,32,0.02);overflow:hidden;}
.show-moban .moban-header{float:left;width:100%;background:#fff;}
.show-moban .moban-header .moban-header-left{float:left;width:48.5%;padding:15px;border:1px solid #f5f5f5;border-radius:5px;background:#fff;}
.show-moban .moban-header .moban-header-left .img{width:100%;padding-bottom:70.625%;position:relative;overflow:hidden;}
.show-moban .moban-header .moban-header-left .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;}
.show-moban .moban-header .moban-header-left .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);}
.show-moban .moban-header .moban-header-right{float:right;width:50.5%;padding:5px 0;border:1px solid #f5f5f5;border-radius:5px;background:#fafafa;}
.show-moban .moban-header .moban-header-right .tit{float:left;width:100%;margin:10px 0 16px;padding:6px 10px;font-size:30px;color:#333;border-left:5px solid #18bc9c;letter-spacing:1px;}
.show-moban .moban-header .moban-header-right .panel-a{float:left;width:100%;padding:10px 15px;color:#fff;background:#18bc9c;letter-spacing:1px;}
.show-moban .moban-header .moban-header-right .panel-a i{font-size:40px;}
.show-moban .moban-header .moban-header-right .panel-a .items-a{font-size:30px;}
.show-moban .moban-header .moban-header-right .panel-a .items-b{font-size:12px;}
.show-moban .moban-header .moban-header-right .panel-a .items-b s{text-decoration:line-through;}
.show-moban .moban-header .moban-header-right .panel-b{float:left;width:100%;padding:10px 15px;font-size:14px;color:#555;background:#f2f2f2;}
.show-moban .moban-header .moban-header-right .panel-b i{font-size:15px;font-weight:400;color:#18bc9c;}
.show-moban .moban-header .moban-header-right .panel-c{float:left;width:100%;font-size:13px;color:#666;}
.show-moban .moban-header .moban-header-right .panel-c ul{}
.show-moban .moban-header .moban-header-right .panel-c ul li{float:left;padding:10px 15px;border-bottom:dashed 1px #f1f1f1;}
.show-moban .moban-header .moban-header-right .panel-c ul li:nth-child(odd){width:45%;}
.show-moban .moban-header .moban-header-right .panel-c ul li:nth-child(even){width:55%;}
.show-moban .moban-header .moban-header-right .panel-c ul li:last-child{width:100%;line-height:23px;}
.show-moban .moban-header .moban-header-right .panel-d{float:left;width:100%;font-size:15px;}
.show-moban .moban-header .moban-header-right .panel-d ul{padding:0 7.5px;}
.show-moban .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;}
.show-moban .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;}
.show-moban .moban-header .moban-header-right .panel-d ul li:nth-child(9n+2) a{background:#f56c6c;}
.show-moban .moban-body{float:left;width:100%;margin-top:15px;background:#fff;}
.show-moban .moban-body .hd{float:left;width:100%;height:42px;border:solid 1px #f5f5f5;border-radius:5px 5px 0 0;background:#fafafa;}
.show-moban .moban-body .hd ul{width:100%;display:inline-block;}
.show-moban .moban-body .hd ul li{float:left;width:16%;height:42px;line-height:36px;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;}
.show-moban .moban-body .hd ul li.on{background:#fff;color:#18bc9c;border-top:2px solid #18bc9c;border-right:1px solid #f5f5f5;}
.show-moban .moban-body .bd{float:left;width:100%;padding:15px;border:solid 1px #f5f5f5;border-top:none;border-radius:0 0 5px 5px;}
.show-moban .moban-body .bd .con{float:left;width:100%;height:auto;}
.show-moban .moban-body .bd .con img{max-width:100%;}
.show-moban .moban-body .bd .faq{float:left;width:100%;height:auto;}
.show-moban .moban-body .bd .faq ul{margin:0 -10px;}
.show-moban .moban-body .bd .faq ul li{float:left;width:100%;height:auto;padding:0 10px;overflow:hidden;}
.show-moban .moban-body .bd .faq ul li .items{float:left;width:100%;height:auto;padding:5px 15px;border-bottom:1px dashed #f5f5f5;overflow:hidden;}
.show-moban .moban-body .bd .faq ul li .items .text{width:100%;overflow:hidden;}
.show-moban .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;}
.show-moban .moban-body .bd .faq ul li .items .text .question i{font-size:16px;color:#f60;font-weight:200;}
.show-moban .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;}
.show-moban .moban-body .bd .faq ul li .items .text .answer i{font-size:16px;color:#18bc9c;}
.show-moban .moban-body .bd .faq ul li:last-child .items{border-bottom:none;}
.show-moban .moban-body .bd .after-sale{float:left;width:100%;border-top:solid 1px #f5f5f5;border-left:solid 1px #f5f5f5;height:auto;font-size:14px;border-collapse:collapse;border-spacing:0;overflow:hidden;}
.show-moban .moban-body .bd .after-sale th,
.show-moban .moban-body .bd .after-sale td{padding:10px 10px;border-bottom:solid 1px #f5f5f5;border-right:solid 1px #f5f5f5;}
.show-moban .moban-body .bd .after-sale .td{width:120px;}
.show-moban .moban-body .bd .after-sale tr:nth-child(even){background:#fafafa;}
.show-moban .moban-body .bd .after-sale th{padding:0}
@media  screen and (max-width:767px){
  .show-moban{padding:10px;}
  .show-moban .moban-header .moban-header-left{width:100%;padding:10px;}
  .show-moban .moban-header .moban-header-right{float:left;width:100%;margin-top:10px;}
  .show-moban .moban-header .moban-header-right .tit{margin:10px 0;font-size:15px;}
  .show-moban .moban-header .moban-header-right .panel-a{padding:10px;}
  .show-moban .moban-header .moban-header-right .panel-a i{font-size:32px;}
  .show-moban .moban-header .moban-header-right .panel-a .items-a{font-size:20px;}
  .show-moban .moban-header .moban-header-right .panel-b{padding:5px 10px;font-size:12px;}
  .show-moban .moban-header .moban-header-right .panel-c{font-size:12px;}
  .show-moban .moban-header .moban-header-right .panel-c ul li{padding:8px 10px;}
  .show-moban .moban-header .moban-header-right .panel-d ul{padding:0 5px;}
  .show-moban .moban-header .moban-header-right .panel-d ul li{width:calc(33.333% - 10px);margin:10px 5px 5px;text-align:center;}
  .show-moban .moban-header .moban-header-right .panel-d ul li a{height:30px;line-height:30px;}
  .show-moban .moban-body{margin-top:10px;}
  .show-moban .moban-body .hd{height:36px;}
  .show-moban .moban-body .hd ul li{height:36px;width:33.333%;line-height:34px;font-size:13px;}
  .show-moban .moban-body .hd ul li:last-child{border-right:none;}
  .show-moban .moban-body .bd{padding:10px;}
  .show-moban .moban-body .bd .faq ul li .items{padding:10px;}
  .show-moban .moban-body .bd .faq ul li .items .text .question{height:26px;line-height:26px;font-size:13px;}
  .show-moban .moban-body .bd .faq ul li .items .text .answer{font-size:12px;}
  .show-moban .moban-body .bd .after-sale{font-size:12px;}
  .show-moban .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 #f5f5f5;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;}



/*文章列表 开始*/
.list-article{height:auto;}
.list-article ul{margin:0 -10px;}
.list-article ul li{float:left;width:100%;padding:0 10px 15px;}
.list-article ul li .items{display:flex;border:1px solid #f1f1f1;overflow:hidden;background:#fff;box-shadow:0px 2px 4px 0px rgba(32,32,32,0.02);border-radius:8px;transition:all .3s ease 0s;}
.list-article ul li .items .pic{flex-shrink:0;width:210px;}
.list-article ul li .items .pic figure{position:relative;overflow:hidden;padding-bottom:66.666%;}
.list-article ul li .items .pic figure img{position:absolute;left:0;top:0;width:100%;height:100%;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-article ul li .items:hover .pic figure 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);}
.list-article ul li .items .info{flex-shrink:1;position:relative;width:100%;min-height:calc(210px * 0.66666 - 20px);margin:10px 15px;overflow:hidden;}
.list-article ul li .items .info .tit{width:100%;line-height:30px;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-article ul li .items .info .tit a{color:#66594f;}
.list-article ul li .items .info .tit a:hover,
.list-article ul li .items:hover .info .tit,
.list-article ul li .items:hover .info .tit a{color:#18bc9c;}
.list-article 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-article ul li .items .info .meta{overflow:hidden;width:100%;padding-top:5px;border-top:solid 1px #f2f2f2;position:absolute;right:0;bottom:0;font-size:13px;line-height:20px;color:#bbb;color:#666;}
.list-article ul li .items .info .meta span{float:left;margin-right:20px;font-size:13px;color:#aaa;line-height:20px;vertical-align:top;display:block;}
.list-article ul li .items .info .meta a{position:relative;float:right;height:22px;margin-left:10px;padding:0 10px;line-height:22px;font-size:13px;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;-khtml-border-radius:12px;display:block;color:#777;}
.list-article ul li .items .info .meta a:before{content:'';position:absolute;left:0;bottom:0;right:0;height:6px;background:rgba(24,188,156,.05);border-radius:5px;}
.list-article ul li .items .info .meta i{margin-right:4px;font-size:18px;color:#18bc9c;}
.list-article ul li .items .info .meta a:hover:before{background:rgba(24,188,156,.1);}
.list-article ul li .items:hover{box-shadow:0px 2px 15px rgba(150,150,150,0.1);}
@media screen and (max-width:991px){
  .list-article ul{margin:0;}
  .list-article ul li{width:calc(100% - 15px);padding:7.5px;}
}
@media screen and (max-width:767px){
  .list-article ul li .items .pic{width:108px;}
  .list-article ul li .items .info{min-height:calc(108px * 0.66666 - 20px);margin:5px 10px;}
  .list-article ul li .items .info .tit{line-height:18px;font-size:13px;-webkit-line-clamp:2;}
  .list-article ul li .items .info .desc{display:none;}
  .list-article ul li .items .info .meta{padding-top:0;line-height:18px;font-size:12px;}
  .list-article ul li .items .info .meta span{font-size:12px;line-height:18px;}
  .list-article ul li .items .info .meta a{display:none;}

}
/*文章列表 结束*/

/*文章详情 开始*/
.show-article{float:left; width:100%; height:auto;margin-bottom:15px;padding:20px;background:#fff;border:1px solid #f1f1f1;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);transition: all .4s ease;border-radius:5px;}
.show-article .title{float:left;width:100%;padding:30px 0;text-align:center;font-size:30px;color:#333;font-weight:bold;}
.show-article .meta{float:left;width:100%;height:auto;padding:8px 0;text-align:center;color:#999;background:#fbfbfb;border-radius:5px;overflow:hidden;}
.show-article .meta i{font-size:12px;}
.show-article .meta span{padding-right:10px;}
.show-article .meta .from a{color:#999;}
.show-article .meta .from a:hover{color:#fd5f56;}
.show-article .meta .editor a{color:#999;}
.show-article .meta .editor a:hover{color:#4e9e00;}
.show-article .description{float:left;width:100%;margin:15px 0;padding:20px;border:dashed 1px #ddd;background:#fbfbfb;border-radius:5px;}
.show-article .description .big{float:left;width:45px;height:60px;font-size:24px;line-height:30px;border-right:1px solid #ddd;color:#666;}
.show-article .description .small{height:60px;padding-left:20px;line-height:20px;color:#999;overflow:hidden;}
.show-article .content{float:left;width:100%;padding:15px 10px;font-size:14px;line-height:168%;}
.show-article .content img{max-width:100%;}
.show-article .pager{float:left;width:100%;margin:28px 0 0;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;position:relative;}
.show-article .pager::after{float:left;width:1px;height:100%;background:#f2f2f2;content:'';position:absolute;left:50%;top:0;}
.show-article .pager a{float:left;width:50%;font-size:14px;line-height:50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.show-article .pager a.l_pager{padding-right:12px;text-align:left;}
.show-article .pager a.r_pager{float:right;padding-left:12px;text-align:right;}
@media screen and (max-width:767px){
  .show-article{padding:10px;}
  .show-article .title{margin:10px 0;padding:10px 0;font-size:18px;}
  .show-article .meta{padding:5px 0;font-size:12px;}
  .show-article .description{margin:10px 0;padding:10px;}
  .show-article .description .big{width:30px;float:left;font-size:20px;line-height:30px;}
  .show-article .description .small{padding-left:12px;}
  .show-article .content{padding:10px 0;font-size:12px;}
  .show-article .pager{width:100%;margin:20px 0;}
  .show-article .pager a{font-size:13px;line-height:38px;}
}
/*文章详情 结束*/



/*帮助列表 开始*/
.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 #f5f5f5;}
.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;}
}
/*文章-详情 结束*/



/*案例-列表 开始*/
.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 #f5f5f5;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%;}
}
/*案例-列表 结束*/



/*案例-详情 开始*/
.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;-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 #f5f5f5; 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;-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 #f5f5f5; 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;background:#fff;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{float:left;width:100%;height:auto;padding:7.5px 5px;border-bottom:1px dashed #f5f5f5;}
.side-list-img-001 ul li .items{float:left;width:100%;height:auto;padding:5px;position:relative;overflow:hidden;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);}
.side-list-img-001 ul li .items .img{width:100px;border:1px solid #f5f5f5;position:absolute;left:0;top:0;overflow:hidden;}
.side-list-img-001 ul li .items .img img{width:100px;}
.side-list-img-001 ul li .items .text{width:100%;padding:0 0 0 105px;overflow:hidden;}
.side-list-img-001 ul li .items .text .title{width:100%;height:20px;font:normal 14px/20px "NotoSansHans";overflow:hidden;}
.side-list-img-001 ul li .items .text .catname{width:100%;height:20px;color:#888;font:normal 12px/20px "NotoSansHans";color:#aaa;}
.side-list-img-001 ul li .items .text .meta{float:left;width:100%;height:18px;font:normal 12px/18px "Georgia";color:#999;}
.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;border:1px solid #f5f5f5;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 #f5f5f5;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 #f5f5f5;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;padding:20px;border-radius:6px;position:relative;border:1px solid #f1f1f1;background:#fff;}
.main{float:left;width:calc(100% - 320px);margin-top:-120px;margin-bottom:20px;padding:20px;background:#fff;border:1px solid #efefef;overflow:hidden;box-shadow:0px 2px 4px 0px rgba(32,32,32,0.02);border-radius:8px;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-top:-80px;margin-bottom:0;padding:10px;}
  .mains{width:100%;margin-bottom:10px;}
  .sidebar{float:left;width:100%;margin-bottom:10px;}
  .sideleft{width:100%;}
  .content-wraps{float:left;}
}

/*单页详情  结束*/

/*单页详情  结束*/

.page{float:left;width:100%;height:auto;margin-bottom:15px;padding:30px;background:#fff;border:1px solid #f1f1f1;border-radius:8px;box-shadow:0px 2px 4px 0px rgba(32,32,32,0.02);transition:all .3s ease 0s;}
.page .page-top {float:left;width:100%;font-size:24px;line-height:24px;border-bottom:1px solid #f1f2f3;}
.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 #f5f5f5;border-left:solid 1px #f5f5f5;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 #f5f5f5;border-right:solid 1px #f5f5f5;}
.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;background:#fff;border:1px solid #f1f1f1;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);transition: all .4s ease;border-radius:5px;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',Arial,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){
  .page{padding:15px;}
  .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:#fa5218;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:#fa5218;}
.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;border:1px solid #f1f1f1;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);transition: all .4s ease;border-radius:5px;overflow:hidden;}
.gbook-box{float:right;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:28px;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:left;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;}
}