@charset "utf-8";
/*==========reset=========*/
html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-rendering:optimizelegibility}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
article,aside,blockquote,body,button,code,dd,details,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hr,html,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}
audio,canvas,video{display:inline-block}
body,button,input,select,textarea{font:400 14px/1.8 PingFang SC,Lantinghei SC,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
li,ul{list-style:none}
.art-content li,.art-content ul{list-style:inherit}
a{text-decoration:none}
a:hover{text-decoration:none}
small{font-size:.9em;color: white;}
.f-diy a {color: red;}
input,textarea,button{outline:0}
h1,h2,h3,h4,h5,h6{font-family:PingFang SC,Verdana,Helvetica Neue,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif;font-size:100%;font-weight:600;color:#000;line-height:1.35}
code,pre,pre tt{font-family:Courier,'Courier New',monospace}
pre{background:#f8f8f8;border:1px solid #ddd;padding:1em 1.5em;display:block;-webkit-overflow-scrolling:touch}
hr{border:none;border-bottom:1px solid #cfcfcf;margin-bottom:.8em;height:10px}
.textwrap,.textwrap td,.textwrap th{word-wrap:break-word;word-break:break-all}
.textwrap-table{table-layout:fixed}
.serif{font-family:Palatino,Optima,Georgia,serif}
img{max-width:100%}
/*去除ios默认样式*/
button {border: none;outline: none;-webkit-appearance:none;border-radius: 0;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;border-radius: 0;}
/*---font oswald---*/
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200;
  src: url(img/oswald2.woff2) format('woff2');
}
.font-oswald {font-family: 'Oswald', sans-serif;}
/*==========global color=========*/
html{color:#333;background:#fefefe}
a{color:#1a1a1a;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
a:hover{color:#009A61}
::selection{background:#009A61;color:#fff}
::-moz-selection{background:#009A61;color:#fff}
/*==========public class=========*/
.clearfix:after,.clearfix:before{content:".";display:block;height:0;clear:both;visibility:hidden}
.theiaStickySidebar:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.foot:before,.foot:after {content:".";display:block;height:0;clear:both;visibility:hidden}
#sidebar:before,#sidebar:after {content:".";display:block;height:0;clear:both;visibility:hidden}
#divTags:before,#divTags:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clear{clear:both}
.fl{float:left}
.fr{float:right}
.bn{border:none!important}
.pd{padding:1.5em}
.mb{margin-bottom:40px}
.mt{margin-top:20px}
.mr{margin-right:20px}
.br{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
.sb{box-shadow:0 0px 0px rgba(26,26,26,.1);}
.nav-sb{box-shadow: 0 3px 14px 0 rgba(199,209,215,.4);background:#fff}
.container{max-width:1200px;margin:0 auto}
.transition{-webkit-transition:all ease .4s;-moz-transition:all ease .4s;-ms-transition:all ease .4s;-o-transition:all ease .4s;transition:all ease .4s}
.img-cover{object-fit:cover}
/*单行文本溢出省略*/
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/*两行文本溢出省略*/
.multi-ellipsis{position:relative;line-height:1.4em!important;height:2.8em!important;overflow:hidden}
.multi-ellipsis:after{content:"";font-weight:700;position:absolute;bottom:0;right:0;padding-left:20px;background:-webkit-linear-gradient(left,transparent,#fff 62%);background:-o-linear-gradient(right,transparent,#fff 62%);background:-moz-linear-gradient(right,transparent,#fff 62%);background:linear-gradient(to right,transparent,#fff 62%)}
/*hover时提升按钮颜色明度*/
.brightness:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2);-webkit-transition:all ease .4s;-moz-transition:all ease .4s;-ms-transition:all ease .4s;-o-transition:all ease .4s;transition:all ease .4s}
/*修改不同视口下公共类属性的值*/
@media screen and (max-width:1200px){
.mb{margin-bottom:10px}
.m-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important}
.m-multi-ellipsis{position:relative;line-height:1.4em!important;height:2.8em!important;overflow:hidden}
.m-multi-ellipsis:after{content:"";font-weight:700;position:absolute;bottom:0;right:0;padding-left:20px;background:-webkit-linear-gradient(left,transparent,#fff 62%);background:-o-linear-gradient(right,transparent,#fff 62%);background:-moz-linear-gradient(right,transparent,#fff 62%);background:linear-gradient(to right,transparent,#fff 62%)}
}
/*不同视口下对html的显隐*/
.hidden{display:none}
@media screen and (max-width:1200px){.hidden-sm-md-lg{display:none!important}}
@media screen and (max-width:768px){.hidden-sm{display:none!important} .footer4{ height: 2.9rem;}}
@media screen and (min-width:769px) and (max-width:992px){.hidden-md{display:none!important}}
@media screen and (min-width:993px) and (max-width:1200px){.hidden-lg{display:none!important}}
@media screen and (min-width:1201px){.hidden-xl{display:none!important}}
/*你懂的*/
.fuck-ie{position:fixed;z-index:1;left:0;right:0;top:0;bottom:0;background:#fff;z-index:99}
.fuck-ie .tips{position:absolute;width:700px;height:100px;color:#c57602;border: 1px solid #fe9219;text-align:center;line-height:100px;left:50%;top:50%;margin-left:-350px;font-size:16px;margin-top:-50px;background:#fffedc;z-index:999}
/*animate.css*/
@-webkit-keyframes fadeInUpMenu{from{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:1;visibility:visible;-webkit-transform:none;transform:none}}
@keyframes fadeInUpMenu{from{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
to{visibility:visible;opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUpMenu{-webkit-animation-name:fadeInUpMenu;animation-name:fadeInUpMenu}
.animated-fast{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@media (prefers-reduced-motion){.animated{-webkit-animation:unset!important;animation:unset!important;-webkit-transition:none!important;transition:none!important}}
/*==========【复用模块】图片放大transform=========*/
.img-post img,#aside_hot_comment img,#aside_new img,#aside_random img,.double-list .item img,.recommend-b .thumbnail img,
.article-list .figure img,.recommend-c .figure img,.full-post .figure img,.recommend-a .item img,.related-item .img{-webkit-transition:all .4s;transition:all .4s}
.img-post .a:hover img,#aside_hot_comment .list:hover img,#aside_new .list:hover img,#aside_random .list:hover img,.double-list .item:hover img,.recommend-b .item:hover img,.article-list:hover img,.recommend-c .img-list:hover img,.full-post .img-list:hover img,.recommend-a .item:hover img,.related-item:hover img{border-radius:0;-webkit-transform:scale(1.2);transform:scale(1.2);-ms-transform:scale(1.2)}
/*========【复用模块】模块标题栏样式========*/
.c-title{font-size: 18px;position: relative;margin-bottom: 1em;background:#fcfcfc url('img/pattern.png');line-height:.6em;}
.c-title span{padding: 0.1em 0.5em 0.1em 1.3em;background:#fefefe;color: #333;}
.c-title:after{content: "\ec6b";font-family: iconfont !important;font-size: 18px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;left:0;top: 0;position: absolute;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}
/*========header========*/
.header{height:60px;font-size:100%;width:100%;position:fixed;top:0;left:0;z-index:9;background:rgba(254,254,254,.85);border-bottom: 1px solid #eaeaea;box-shadow: 1px 1px 10px rgba(0,0,0,0.05);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}
.nav-ul li .iconfont{}
.h-wrap{height:60px;position:relative}
.logo-area{padding-top:2px;padding-right:40px}
.logo-area .img{width:90%}
.pc-nav{max-width:80%;height:60px;}
.pc-nav li{float:left}
.pc-nav li a{height:60px;line-height:60px;padding:0 20px;font-size:16px;display:block}
.pc-nav li a:after{content:"\e6a8";font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.pc-nav .sub-nav a:after{content:"\e64b";font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.pc-nav .sub-nav a:hover{color:#009A61}
.pc-nav li a:only-child::after{content:""}
.pc-nav .li-cate{position:relative}
.pc-nav .active{color:#009A61}
.dropdown-toggle:active,.open .dropdown-toggle{outline:0}
.dropdown-nav{position:absolute;top:44px;left:0;z-index:1000;display:none;float:left;margin:0;padding:0;background-color:#323841;list-style:none}
.dropdown-nav .active a,.dropdown-nav .active a:hover,.dropdown-nav li a:hover{background-color:#262c31;color:#fff}
.pc-nav{font-size:14px;margin-right:10px}
.pc-nav li{position:relative;list-style:none;display:block;float:left}
.pc-nav li a{text-transform:none;line-height:60px;height:60px;padding:0 18px;display:block}
.pc-nav li a i.fa{padding-right:3px;position:relative;top:0}
.pc-nav li .sub-nav{text-align:left;position:absolute;top:60px;left:-17px;visibility:hidden;opacity:0;background:rgba(255,255,255,.98);border-radius: 2px;}
.pc-nav li .sub-nav li{float:none;height:40px;min-height:40px}
.pc-nav li .sub-nav li a{line-height:40px;height:40px;padding:0 35px;color:#1a1a1a;white-space:nowrap;min-width:110px}
.pc-nav li .sub-nav li a i.iconfont{padding-right:3px}
.pc-nav li .sub-nav li a:hover{background:0 0}
.pc-nav .active a,.pc-nav .active a:focus{color:#fff}
.pc-nav li>ul>li a.current-menu-item{background:0 0}
.pc-nav li.current-menu-ancestor a,.pc-nav li.current-menu-item a,.pc-nav li.current-post-ancestor a,.pc-nav li:hover a{position:relative}
.pc-nav li .icons{margin-right:5px;font-size:17px;top:1px;position:relative}
.pc-nav .nav-ul>li:hover>.sub-nav{display:block;padding:20px 0;opacity:1}
.nav-ul>li,.nav-ul>li>li{float:left}
.pc-nav .nav-ul li ul li:hover>.sub-nav{display:block;padding:20px 0}
.pc-nav li ul li .sub-nav{top:-20px;left:100%}
.pc-nav li ul.sub-nav li>a.menu-th3:after{content:".";display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-left:4px solid;border-bottom:4px solid transparent;border-top:4px solid transparent;position:relative;left:5px;overflow:hidden}
.pc-nav .has-child>a:after{content:".";display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent;position:relative;left:5px;overflow:hidden}
.m-nav-btn,.nav-sousuo,span.toggle-btn{display:none}
#search-area{position:absolute;bottom:10px;right:60px;z-index:2;width:23.2%;}
.header .contribute .a{display:block;margin:12px 20px;height:36px;line-height:36px;padding:0 1em;text-align:center;border-radius:4px;background-color:#009A61;color:#fff}
.header .login{width:60px;height:60px;line-height:60px;text-align: center;margin-right:-15px;}
.header .login a{display:block;color:#333;}
.header .login i.iconfont{font-size:24px;}
.search-button{cursor:pointer;width:60px;height:60px;line-height:60px;display:block;text-align:center}
.search-button i.iconfont{font-size:24px}
.searchform{width:100%}
.s-input{width:80%;border:none;background:#eee;font-weight:400;height:40px;padding: 10px 20px;ine-height:40px;border-radius: 100px;color:#333;border-top-right-radius:0!important;border-bottom-right-radius:0!important}
.s-button{border-radius: 100px;width:20%;border:none;cursor:pointer;height:40px;line-height:40px;background-color:#009A61;color:#fff;border-top-left-radius:0!important;border-bottom-left-radius:0!important}
.mask-hidden{position:fixed;z-index:3;left:0;right:0;top:0;bottom:0;opacity:0;background:#000;visibility:hidden}
.mask-show{visibility:visible;opacity:.4}
/*========幻灯片======*/
/*Swiper 3.0.5*/
.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-fles-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}
.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}
.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-white .swiper-pagination-bullet{background:#fff}
.swiper-pagination-bullet-active{opacity:1;background:#007aff}
.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}
.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}
.swiper-container-horizontal>.swiper-pagination{bottom:10px;left:0;width:100%}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}
.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide{pointer-events:none}
.swiper-container-fade .swiper-slide-active{pointer-events:auto}
.swiper-container-cube{overflow:visible}
.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%}
.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}
.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px)}
.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow{z-index:0}
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}
.swiper-scrollbar-cursor-drag{cursor:move}
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}
.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}
.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}
}
@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}
}
/*Swiper自定义css*/
.swiper-container{margin-bottom:20px!important;width:100%;height:320px}
.swiper-container img{width:100%;height:320px;}
.swiper-slide{text-align:center;background:#fff}
.swiper-button-next,.swiper-button-prev{background-image:none!important;opacity:.8;background-color:rgba(0,0,0,.3);position:absolute;width:40px;height:40px;line-height:40px;font-size:18px;font-weight:700;color:#fff;text-align:center;cursor:pointer;transition:.3s;border-radius:50%;}
.swiper-button-prev{left:10px}
.swiper-button-next{right:10px}
.swiper-container:hover .swiper-button-prev{left:10px;}
.swiper-container:hover .swiper-button-next{right:10px;}
.swiper-container:hover .swiper-button-next,.swiper-container:hover .swiper-button-prev{opacity:1}
.swiper-slide .link{display:block}
.swiper-slide .p{position:absolute;bottom:.3em;color:#fff;font-size:16px;z-index:2;text-align:center;width:100%;padding:0 1em;}
.swiper-pagination-bullet{width:.6em;height:.6em;border-radius:50%;background:#fff;opacity:1;}
.swiper-pagination-bullet-active{background-color:#009A61;opacity:1}
.swiper-container-horizontal>.swiper-pagination{width:50%;margin:auto;position:absolute;bottom:6%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}
.swiper-pagination{text-align:right}
.swiper-slide .mask{position:absolute;top:0;bottom:0;right:0;left:0;background-image: linear-gradient(180deg,rgba(0,0,0,0) 85%,rgba(0,0,0,.95));z-index:1}
/*========主内容区域======*/
.index-breadcrumb{height:1px;padding-top:104px;background:none;}
.breadcrumb{padding:74px 0 10px 0;color:#888;background:none;}
.breadcrumb a{color:#888;font-size:14px;}
.breadcrumb i{padding-right:4px;}
.breadcrumb .s{font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
#mainbox{width:65%}
.full-width-box{width:100%!important}
#index-main{width:68%}
/*首页幻灯*/
.index-slider{width:45.5%;}
/*--首页最新文章--*/
.new-box{width: 46.8%;margin-left: 4.4%;}
.new-box .article-list{padding:0!important;margin-top:1em;border-bottom: 1px dashed #ccc;margin-bottom:0!important;}
.new-box h2{width:80%;display: inline-block;font-weight: normal;}
.new-box h2 .iconfont{color:#666;}
.new-box .article-list .time{padding-right:0!important;color:#999!important;}
.new-box .article-list:hover{box-shadow:0 0px 0px rgba(26,26,26,0)!important;}
/*--首页推荐模块A--*/
.recommend-a .item{;margin-top:1em;position:relative}
.recommend-a .item i.iconfont{padding-right:5px;color:#999}
.recommend-a .item:nth-child(1) i.iconfont{color:#ff3300}
.recommend-a .item:nth-child(2) i.iconfont{color:#ff6633}
.recommend-a .item:nth-child(3) i.iconfont{color:#fead21}
.recommend-a .item .title{width:100%;font-weight:400;padding:0 5px;border-bottom:1px dashed #ccc;}
/*--最新文章+文章列表[多页面共用]--*/
.article-list{width:100%;position:relative;border-bottom: 1px solid #eee;margin-bottom:20px;padding-bottom:20px;}
.article-list:hover{-webkit-transition:all ease .4s;-moz-transition:all ease .4s;-ms-transition:all ease .4s;-o-transition:all ease .4s;transition:all ease .4s}
.article-list .istop{color:#f33;font-size:22px;position:absolute;left:0;top:0;z-index:2;}
.article-list .figure{width:180px;height:120px;overflow:hidden}
.article-list .thumbnail{display:block;overflow:hidden}
.article-list .figure img{height:120px;width:100%}
.article-list .content{margin-left:200px;color:#888}
.article-list .content .cate{color:#888}
.article-list .content-no-img{margin-left:0!important}
.article-list .content .title{font-size:18px;font-weight:800}
.article-list .content i.iconfont{padding-right:5px;color:#999}
.article-list .intro{padding:.5em 0}
.article-list .cate,.article-list .author,.article-list .time,.article-list .view{padding-right:1em}
.article-list .tag{max-width:22em}
.article-list .tag a{color:#666;padding-right:8px}
.article-list .tag a:hover{color:#333;text-decoration:underline}
/*--网格布局的文章列表--*/
.full-width-box .article-list{width:23.6%;margin-right:1.8%}
.full-width-box .article-list:nth-child(4n+4){margin-right:0}
.full-width-box .article-list .content{margin-left:0}
.triple-overflow{height:5.4em;overflow:hidden}
.full-width-box .article-list .intro{padding:0}
.full-width-box .article-list .content .title{margin: 1em 0 0.5em 0}
.full-width-box .article-list p.clearfix{padding-top:0.5em}
.full-width-box .article-list .figure{width:auto}

/*--首页通栏文章--*/
.full-post .more{position: absolute;right: 0em;height: 20px;line-height: 20px;padding-left: 10px;background:#fefefe;top: -5px;}
.full-post .more i.iconfont{font-size:24px;opacity:.5}
.full-post .intro{line-height:1.4em;padding-top:.3em;font-weight: 200;}
.full-post .img-list{width: 31.2%;margin-right: 3.2%;height:90px;}
.full-post .img-list:nth-child(3n){margin-right:0}
.full-post .figure{width:110px;height:90px;overflow:hidden}
.full-post .thumbnail{overflow:hidden}
.full-post .figure img{height:100%;width:100%}
.full-post .content{margin-left:130px;color:#888}
.full-post .content .title{font-size:16px;font-weight:400}
.full-post .content i.iconfont{padding-right:5px;color:#666}
.full-post .author,.full-post .time,.full-post .view{padding-right:1em}
.full-post .list{padding-top:.6em;width:47.99%;margin-right:4%}
.full-post .list .iconfont{font-size:14px;padding-right:2px}
.full-post .list .a{max-width:76%}
.full-post .list:nth-of-type(even){margin-right:0}
.full-post .list-time,.full-post .time{color:#999}
/*--首页三栏文章--*/
.text-post-wrap{width:100%}
.text-post {width: 31.2%;margin-right:3.2%}
.text-post:nth-child(3n+0){margin-right:0}
.text-post .more{position: absolute;right: 0em;height: 20px;line-height: 20px;padding-left: 10px;background:#fefefe;top: -5px;}
.text-post .more i.iconfont{font-size:24px;opacity:.5}
.text-post .list{padding-top:.6em;width:100%;margin-right:4%}
.text-post .list .iconfont{font-size:14px;padding-right:2px;color: #666;}
.text-post .list .a{max-width:76%}
.text-post .list:nth-of-type(even){margin-right:0}
.text-post .list-time,.full-post .time{color:#999}
/*========侧边栏======*/
#sidebar{width:31.2%;}
#sidebar .aside_ad{display:block;line-height:0;margin:-1.5em}
#sidebar .aside_ad img{width:100%}
#divCatalog li{width:50%;display:inline-block}
#divCatalog li:nth-of-type(even){text-align:right}
#divCatalog li a{width:96%;display:inline-block;text-align:center;border:1px solid #ddd;border-radius:3px;padding:.5em 0;margin-top:.5em}
#divCatalog li a:hover{background-color:#009A61;color:#fff;border:1px solid #009A61}
#divPrevious li{list-style:circle;list-style-position:inside;border-bottom:1px dashed #ddd;padding:.5em 0}
#divPrevious li:last-child{border:none;padding-bottom:0}
#divPrevious li:first-child{padding-top:0}
#divTags li,#aside_hot_tag li,#aside_rdTag li{display:inline-block}
#divTags .tag-count,#aside_hot_tag .tag-count,#aside_rdTag .tag-count{font-size:12px;}
#divTags li a,#aside_hot_tag li a,#aside_rdTag li a{border-radius:2px;display:inline-block;text-align:center;background:#eee;padding:.2em 1em;margin:.8em .2em 0 0;border-radius: 100px;font-size: 12px;}
#aside_hot_tag li a,#aside_rdTag li a{margin:.5em .5em 0 0}
ul.divTags,ul.aside_hot_tag{margin-top:-.5em}
#divTags li a:hover,#aside_hot_tag li a:hover,#aside_rdTag li a:hover{background-color:#009A61;color:#fff;-webkit-transition:all ease .2s;-moz-transition:all ease .24s;-ms-transition:all ease .2s;-o-transition:all ease .2s;transition:all ease .2s}
#divMisc li{display:inline-block;padding-right:5%}
#divAuthors li,#divFavorites li,#divLinkage li{display:inline-block;padding-right:1em}
#divArchives li,#divNavBar li,#divStatistics li{display:inline-block;width:49.2%}
#divContorPanel .cp-login a,#divContorPanel .cp-vrs a{width:48.3%;display:inline-block;text-align:center;border:1px solid #ddd;border-radius:3px;padding:.5em 0;margin-top:.5em}
#divContorPanel .cp-login a:hover,#divContorPanel .cp-vrs a:hover{background-color:#009A61;color:#fff;border:1px solid #009A61}
#tbCalendar{width:100%}
#tbCalendar a{width:40px;height:40px;color:#009A61;padding:2px}
#tbCalendar tbody a{display:inline-block;background-color:#009A61;color:#fff;border-radius:3px}
#tbCalendar caption{height:60px;line-height:60px}
#tbCalendar td,#tbCalendar th{width:40px;height:40px;line-height:40px}
#tbCalendar caption{font-size:18px}
#tbCalendar tbody{text-align:center}
#divSearchPanel input[type=text]{width:78%;border:none;background:0 0;font-weight:400;padding:.5em;color:#333;border:1px solid #ddd;border-radius:3px;border-top-right-radius:0!important;border-bottom-right-radius:0!important}
#divSearchPanel input[type=submit]{width:21.9%;border:none;cursor:pointer;padding:.5em;background-color:#009A61;color:#fff;border:1px solid #009A61;border-radius:3px;border-top-left-radius:0!important;border-bottom-left-radius:0!important;margin-left:-6px}
/*--站点信息--*/
#aside_about{padding:0;}
#aside_about .bg{width:348px;height:142px}
#aside_about .avatar{width:100%;text-align:center;margin-top:-42px}
#aside_about .img{width:70px;height:70px;margin:0 auto;border-radius:100px;border:5px solid rgba(255,255,255,.8)}
#aside_about .wrap{padding-top:0}
#aside_about .title{text-align:center;font-size:20px;color:#333}
#aside_about .info{color:#666;padding-top:5px;line-height:26px;overflow:hidden}
#aside_about .ul{position:relative;margin-top:17px}
#aside_about .line{position:absolute;left:46%;top:5px;z-index:1;color:#aaa;font-size:22px}
#aside_about .li{width:49.5%;text-align:center}
#aside_about .num{text-align:center;font-size:22px;font-weight:100;line-height:10px}
#aside_about small{display:block;color:#999}
/*--随机图文--*/
#aside_random .list{padding:.6em 0}
#aside_random li:first-child{padding-top:0}
#aside_random li:last-child{padding-bottom:0}
#aside_random .time,#aside_random .view{color:#666;padding-right:1.5em}
#aside_random .time i.iconfont,#aside_random .view i.iconfont{padding-right:2px}
#aside_random .list .img-wrap{float:left;overflow:hidden;display:block;height:70px;width:100px}
#aside_random .random-img{float:left;width:100px;height:70px}
#aside_random .new-text{margin-left:120px}
#aside_random .title{line-height:1.6em;}
/*--最新文章--*/ 
#aside_new .list{padding:.6em 0}
#aside_new li:first-child{padding-top:0}
#aside_new li:last-child{padding-bottom:0}
#aside_new .time,#aside_new .view{color:#666;padding-right:1.5em}
#aside_new .time i.iconfont,#aside_new .view i.iconfont{padding-right:2px}
#aside_new .list .img-wrap{float:left;overflow:hidden;display:block;height:70px;width:100px}
#aside_new .random-img{float:left;width:100px;height:70px}
#aside_new .new-text{margin-left:120px}
#aside_new .title{line-height:1.6em;}
/*--热门评论--*/ 
#aside_hot_comment .list,#aside_hot .list{padding:.6em 0}
#aside_hot_comment li:first-child,#aside_hot li:first-child{padding-top:0}
#aside_hot_comment li:last-child,#aside_hot li:last-child{padding-bottom:0}
#aside_hot_comment .comment,#aside_hot_comment .time,#aside_hot .comment,#aside_hot .time{color:#666;padding-right:1.5em}
#aside_hot_comment .comment i.iconfont,#aside_hot_comment .time i.iconfont,#aside_hot .comment i.iconfont,#aside_hot .time i.iconfont{padding-right:2px}
#aside_hot_comment .list .img-wrap,#aside_hot .list .img-wrap{float:left;overflow:hidden;display:block;height:70px;width:100px}
#aside_hot_comment .random-img,#aside_hot .random-img{width:100px;height:70px}
#aside_hot_comment .new-text,#aside_hot .new-text{margin-left:120px}
#aside_hot_comment .title,#aside_hot .title{line-height:1.6em;}
/*--最新留言--*/
#divComments .list{padding:.6em 0}
#divComments li:first-child{padding-top:0}
#divComments li:last-child{padding-bottom:0}
#divComments .avatar{float:left;display:block}
#divComments .avatar img{width:60px;height:60px;border:2px solid #fff;-webkit-transition:.4s;-webkit-transition:-webkit-transform .4s ease-out;transition:transform .4s ease-out;-moz-transition:-moz-transform .4s ease-out}
#divComments .title{margin-left:70px}
#divComments .title .a{display:block;padding-top: 2px;}
#divComments .info i.iconfont{padding-right:5px}
#divComments .info{color:#999}
#divComments .author{padding-right:.5em}
/*--文章页作者信息--*/ 
#widget_aside_author .title{margin:-1.5em;background:#f8f8f8;padding:1.5em;background-size:100%!important}
#widget_aside_author .img{border-radius:100px;width:70px;height:70px;margin:0 auto;display:block;border:5px solid rgba(255,255,255,.8)}
#widget_aside_author .avatar{margin-top:50px;display:block}
#widget_aside_author .name{font-size:22px;text-align:center}
#widget_aside_author .level{font-size:12px;background-color:#009A61;padding:2px 6px;color:#fff;text-align:center;display:inline-block;vertical-align:middle}
#widget_aside_author .intro{color:#888;text-align:center}

/*--兼容图片灯箱插件（ID: fancybox）--*/
.art-content .md-image{width:100%!important}
/*--文章详情页--*/
.art-main img{max-width:100%!important;height:auto!important;}
.art-main .art-head{margin-bottom:10px;}
.art-main .art-title{font-size:28px}
.art-main .head-info{color:#999;padding-top:5px;padding-bottom: 20px;}
.art-main .head-info i.iconfont{padding-right:2px}
.art-main .head-info .author,.art-main .head-info .comment,.art-main .head-info .edit,.art-main .head-info .time,.art-main .head-info .view{padding-right:1em}
.art-main .art-content{padding-top:10px;position:relative;font-size:16px;width:100%;word-break:break-all}
.art-content a{color:#009A61}
.art-content a:hover{border-bottom:1px dashed #009A61}
.art-content h1,.art-content h2,.art-content h3,.art-content h4,.art-content h5,.art-content h6{margin:10px 0}
.art-content h1{font-size:1.8em}
.art-content h2{font-size:1.6em}
.art-content h3{font-size:1.4em}
.art-content h4{font-size:1.2em}
.art-content h5{font-size:1em}
.art-content h6{font-size:0.8em}
.art-content blockquote{color:#666;font-weight:400;border-left:4px solid #009A61;padding:.5em 1em;background-color:#f9f9f9}
.art-content img{height:auto}
.art-content table {border-collapse:collapse;empty-cells:show;border-spacing:0}
.art-content table tr.firstRow{font-weight:bold;background-color:#f8f8f8;text-align:left}
.art-content table th,.art-content table td{padding:.3em .5em;margin:0;vertical-align:top;border:1px solid #ddd}
.art-content blockquote,.art-content dl,.art-content form,.art-content hr,.art-content ol,.art-content p,.art-content pre,.art-content table,.art-content ul{font-weight:400;margin-bottom:1rem}
.art-content blockquote p,.art-content ul p{margin-bottom:0}
.art-content li{margin-left:1.2em}
.art-content hr{border:none;margin-top:1.5rem;margin-bottom:1.5rem;border-top:1px solid #eee;height:1px;background:0 0}
.art-content audio,.art-content img,.art-content video{}
.art-content b,.art-content strong{font-weight:700;}
.art-content .padding{padding-right:.5em}
.art-content .art-copyright,.art-content .tag-wrap{font-size:14px}
.art-content .tags{padding:.1em .3em;color:#009A61;}
.art-content .tag-wrap .dot{color:#009A61;opacity:.5;}
.art-content .tags:hover{}
.art-copyright{background:#f8f8f8;padding:1em 1.5em}
.art-copyright .copyright,.art-copyright .from{font-weight:700;padding-top:10px}
.prev-next{padding:1.5em;position:relative;background: #f4f4f4;}
.prev-next strong{font-weight:400}
.prev-next .post-next,.prev-next .post-prev{width:46%;color:#666;font-size:16px}
.prev-next .post-next{text-align:right}
.prev-next .next,.prev-next .prev{display:block;font-size:14px}
.quick-prev-next .next,.quick-prev-next .prev{position:fixed;z-index:1;top:45%;height:50px;line-height:50px;width:50px;font-size:50px;color:#888}
.quick-prev-next .next:hover,.quick-prev-next .prev:hover{color:#333}
.quick-prev-next .prev{left:0}
.quick-prev-next .next{right:0}
/*--分享--*/
.social-widget{min-height:50px}
.share-widget a:hover{border-bottom:none}
.bds_qzone,.bds_sqq,.bds_tsina,.bds_weixin{background-image:none!important;text-indent:0!important;width:40px!important;height:40px!important;line-height:40px!important;border-radius:100px}
.bd_weixin_popup{width:240px!important;height:310px!important}
.bdsharebuttonbox .iconfont{font-size:26px;padding-left:7px;color:#fff}
.bdsharebuttonbox .iconfont:hover{color:#fff}
.bds_weixin{background:#59d55c}
.bds_qzone{background:#f1d519}
.bds_tsina{background:#ff5a5a}
.bds_sqq{background:#4a8aff}
/*--点赞--*/
.thumbs-up-widget{padding-top:6px}
.thumbs-btn{border-radius:100px;border:1px solid #009A61;text-align:center;padding:.3em 2em;color:#009A61;cursor:pointer}
.thumbs-btn .num{padding-left:3px}
.thumbs-btn:hover{color:#fff;background-color:#009A61}
.thumbs_done{background-color:#009A61;color:#fff!important;opacity:.8}
.thumbs_btn:hover{color:#fff;opacity:.8}
/*--打赏--*/
.reward-widget{position:absolute;bottom:-5px;left:45%;z-index:3}
.reward-widget .btn{width:60px;height:60px;font-size:20px;border-radius:100px;background-color:#ff5a5a;line-height:60px;color:#fff;text-align:center;cursor:pointer;margin:0 auto}
#popup{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.3);z-index:3;display:none;border-radius:5px}
#close{position:absolute;right:10px;top:0;color:#666;cursor:pointer;font-size:24px}
#reward-img{position:relative;margin:15% auto;max-width:400px;max-height:250px}
/*--相关文章--*/
.related-art{position:relative;z-index:2}
.related-item{width:31%;margin-right:3.4%}
.related-item .span{height: 160px;display: block;overflow: hidden;margin-bottom: 5px}
.related-item a{display:block}
.related-item .img{height:160px;width:100%}
.related-item .titile{height:3.2em;overflow:hidden}
.related-item:nth-child(3n+0){margin-right:0}
/*评论*/
#comment-submit .c-title{background:none;}
#divCommentPost label{margin-top:5px}
#divCommentPost img{margin-bottom:-0.5em}
#divCommentPost .hook{float:none!important;}
#cancel-reply{float:none!important;margin-right:2em}
div.reply-frm{background:#fff;box-shadow: 0 4px 14px rgba(0,0,0,.1);margin-top:1em;padding:.3em .8em!important;min-width:600px;border-radius: 3px;}
#cancel-reply small{font-size:16px;color: #ff6666;margin-left: 1em;}
#divCommentPost input.text{border:1px solid #d7d7d7;line-height:38px;height:38px;padding:10px;width: 96%;border-radius: 3px;}
.verify-wrap{position:relative;}
.verify-wrap img{border-radius: 3px;position:absolute;right:0;top:0;height: 38px!important;width: 100px!important;border: 1px solid #d7d7d7;background:#6b7386;}
#txaArticle{margin-top: 10px;color: #6b7386;padding:10px;width:100%;height:130px;border:1px solid #d7dae0;border-radius: 3px;}
#divCommentPost input.button{border:1px solid #009A61;color:#fff;background-color:#009A61;text-align:center;height:42px;line-height:42px;border-radius:100px;width:120px;display:block;margin-top: 10px;cursor:pointer;opacity:.7;}
#divCommentPost input.button:hover{opacity:1;}
ul.msg{list-style: none;margin: 10px 0;position:relative;text-align:left;list-style-position:outside;table-layout:fixed;word-wrap:break-word}
li.msgurl{text-align:right;padding:2px 10px 2px 10px;margin:0;font-size:1em}
li.msggravatar{display:block;float:left;margin-right:5px}
li.msgarticle{list-style-position:outside;padding:5px;padding-right:0;margin:0;/*border-bottom:1px solid #eaeaea*/}
ul.msg li.msgarticle{margin-left:60px;}
li.msgtime{padding:5px 0 0 0;font-weight:400;font-size:.8em}
.msg img.avatar{width:60px;height:60px;float:left;padding:2px;border: 1px solid #fff;}
ul.msg ul.msg{padding:10px 0 0 0;/*margin:20px 0 0 0;border-top:1px solid #eaeaea;*/border-bottom:none}
ul.msg ul.msg li.msgarticle{padding-bottom:0;border-bottom:0 solid #eaeaea;}
li.msgname .commentname{padding-left:1.5%;padding-top: 1%;display: inline-block;}
.comment-main{display:inline-block;padding: 10px 15px;background: #f4f4f4;border-radius: 5px;margin-left:1.5%;}
.comment-main .time{font-size:12px;opacity:.6;}
.commentname a{color:#009A61;font-size: 16px;}
.comment-main .content{line-height: 1.6;padding-top:5px;word-break: break-all;}
.revertcomment {font-size: 14px;padding-left:1em;white-space: nowrap;}
.revertcomment a{opacity:.4;font-size: 14px;}
.input-wrap{margin:10px 0;}
.input-wrap .name,.input-wrap .mail,.input-wrap .site,.input-wrap .verify{width:25%;}
/*ajax第二层，刷新后恢复原背景色*/
li.msgarticle .comment-main .comment-main{background:#fff;min-width: 340px;}
/*--分页--*/
.pagebar{text-align:center}
.pagebar .br{border-radius:100px;}
.page-numbers{padding:0 1em;line-height:34px;text-align:center;margin:0 0 0 5px;display:inline-block;background-color:#009A61;color:#fff}
a.page-numbers{background:#fefefe;color:#1a1a1a}
a.page-numbers:hover{background-color:#009A61;color:#fefefe}
.ias-spinner{background:url(http://www.watcholu.cn/ECMS_DGSJ/css/img/loading.gif) no-repeat center;float:inherit;width:98%;margin:0 auto;height:35px}
.ias-trigger-next{cursor:pointer;float:inherit;text-align:center}
.ias-trigger-next a{background:#fefefe;color:#333;padding:1em 2em;line-height:100%;border-radius:2px;box-shadow:0 1px 2px 0 rgba(51,51,51,.3);display:block}
.ias-trigger-next a:hover{box-shadow:0 3px 2px 0 rgba(51,51,51,.2)}
.ias-trigger-next i{margin-right:5px}
/*========广告位======*/
.ad a{display:block;line-height:0}
.ad img{width:100%;display:block;}
/*--友情链接--*/ 
.flink{border-bottom:1px solid #37393c;padding:1em 0}
.flink .iconfont{color:#333}
.flink a.iconfont:hover{color:#009A61}
.flink .rule{font-size:14px;font-weight:400;padding-left:2em;color:#999}
.flink .f-list li{float:left;padding-right:1.5em}
.flink .f-list li:first-child{padding-right:.5em}
.flink .f-list li a{font-size:14px}
/*========footer======*/
.footer{width:100%;background:#1e1f20;color:#c7c8d2;}
.footer .main{padding:0}
.footer .intro{margin-bottom:.5em}
.footer small .icp{padding-left:1em;}
.footer a{color:#fff}
.footer a:hover{color:#c7c8d2}
.f-about,.f-diy{display:inline-block}
.f-diy{padding:2% 0}
.f-about{padding:2% 0}
.f-contact{width:40%;padding:3% 10%}
.f-contact i.iconfont{padding-right:5px}
.f-qr{width:120px;padding:3% 0}
.f-qr .img{width:100px;height:100px}
/*--贴边工具栏--*/
.toolbar{bottom:80px;position:fixed;right:0;margin-right:15px;cursor:pointer}
#totop{display:none}
.toolbar i.iconfont{color:#fff;font-size:18px}
.toolbar .btn{display:block;padding:10px;margin-bottom:5px;width:auto;height:auto;line-height:18px;vertical-align:middle;text-align:center;background-color: #009A61;border-radius:100px;opacity:.8;}
.toolbar .btn:hover{opacity:1;}
/*==========responsive==========*/
@media screen and (max-width:1200px){
#index-main,.index-slider,.new-box{width:100%;}
#sidebar{width:100%;}
.h-wrap,.header{height:60px}
.logo-area{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);padding:5px 0 0 0}
.logo-area .img{width:80pt}
.m-nav-btn{display:block;height:0}
.pc-nav{margin-right:0}
.responsive-nav{width:80%;height:100%;position:fixed;left:0;top:60px;bottom:0;background-color: rgb(56, 61, 68);z-index:9;display:none}
.nav-sb{box-shadow:none}
.m-nav{background-color: rgb(56, 61, 68);}
.m-nav-btn i.iconfont{position:absolute;top:0;left:0;font-size:24px;cursor:pointer;width:60px;height:60px;line-height:56px;text-align:center}
.m-nav-btn i.active{z-index:10}
.nav-ul{height:auto;}
.nav-ul>li{line-height:38px;position:relative;width:100%;display:inherit;margin-right:0;text-align:left}
.nav-ul>li:first-child{border-top:none}
.nav-ul>li>a{height:50px;font-size:16px;display:block;text-indent:4vw;color:#fff;line-height:50px;border-bottom:1px solid rgba(255,255,255,.1)}
.nav-ul>li>a i.fa{font-size:1em;padding-right:3px}
span.toggle-btn{position:absolute;height:50px;width:50px;line-height:50px;color:#aaa;text-align:center;top:0;right:0;cursor:pointer;z-index:100;border-left:1px solid rgba(255,255,255,.1);display:block}
span.toggle-btn i.iconfont{color:#eee;font-size:18px}
.m-nav-btn .active:before{content:"\e639"}
.toggle-btn .active:before{content:"\e61f"}
.m-nav .sub-nav{background-color:rgb(46, 49, 53);text-align:left;position:relative;left:0;min-width:100%;z-index:10;font-size:14px;top:0;border-radius:0}
.m-nav .sub-nav>li{position:relative;text-align:left;line-height:50px;float:left;width: 100%;border-bottom:1px solid rgba(255,255,255,.1)}
.sub-nav li:last-child{border-bottom:0 solid transparent}
.m-nav .sub-nav>li>a{text-indent:1.5em;color:#fff;display:block;height:50px;font-size:16px;text-indent:2em}
.m-nav .sub-nav>li ul li>a{text-indent:3em}
.index-breadcrumb{padding-top:70px;background: none;}
.breadcrumb,.breadcrumb2{padding:66px 0 5px 10px!important;color:#888}
.header .login{position:absolute;top:0;right:60px;z-index:1;height:60px;width:60px;line-height: 60px;display:block}
.search-button{position:absolute;top:0;right:0;z-index:1;height:60px;width:60px;display:block}
.search-button i.iconfont{height:60px;width:60px;line-height:60px;text-align:center;display:block;font-size:24px}
#search-area{left:2%;width:83%;bottom:10px;z-index:10;}
.index-slider,.new-box,.flink,.full-post,.text-post,.post-comment,.related-art,.widget,.comment-list,#comment-submit{padding:0px 15px 15px 15px}
.related-art{padding-bottom:0;}
.comment-list{padding-top:0;}
.index-slider{padding-top:10px;}
.new-box{margin-left:0;}
#mainbox{width:100%}
.swiper-container{margin-bottom:10px!important;width:100%;height:45vw}
.swiper-slide .p{font-size:16px;bottom:1em}
.swiper-container-horizontal>.swiper-pagination{top:88%}
.swiper-button-prev{left:0}
.swiper-button-next{right:0}
.swiper-pagination-bullet{width:.5em;border-radius:100px}
.swiper-slide .mask{background-image: linear-gradient(180deg,rgba(0,0,0,0) 65%,rgba(0,0,0,.95));}
.recommend-a .item .title{font-size:14px}
.full-width-box .article-list{width:100%}
.full-width-box .article-list .figure,.full-width-box .article-list .figure img{height:40vw}
.full-width-box .article-list p.clearfix{padding-top:0}
.article-list .figure{width:34%;height:24vw}
.article-list .figure img{height:25vw}
.article-list .content{margin-left:38%;padding-top:5px}
.article-list .content-no-img{margin-left:0!important}
.article-list{padding:3vw;margin-bottom:0;}
.article-list .content .title{font-size:16px;white-space:unset;line-height:1.6}
.article-list .data{padding-top:1vw}
.double-list{width:100%}
.double-list .ul .a{max-width:80%}
.double-list .ul .title{list-style-type:none}
.recommend-c .wrap{margin-top:20px;}
.recommend-c .img-list{border-bottom:1px solid #eee;padding-bottom:10px}
.recommend-c .img-list,.full-post .img-list{width:100%;height: auto;}
.full-post .figure{width:30%;height:20vw}
.recommend-c .content{margin-left:0}
.full-post .content{margin-left:34%}
.recommend-c .content .title,.full-post .content .title{font-size:16px;white-space:unset}
.full-post .info{padding-top:1vw}
.recommend-c .list,.full-post .list{width:100%}
.text-post {width:100%}
.img-post .left,.img-post .top,.img-post .bottom{width:100%;overflow:hidden;}
.img-post .title{padding:0 1em 1.5em 1em;}
.img-post .top,.img-post .bottom{margin-left:0;}
.img-post .top{margin-top:20px;}
.flink{margin-bottom:10px}
.f-about{width:100%}
.article-list .istop{left:3%;}
.prev-next{border-radius:0;}
.related-art .article-list{padding:0;margin-bottom:20px;border:none;}
.art-main{padding:4vw}
.art-main .head-info{padding-bottom:10px;}
.art-main .art-content{font-size:14px}
.art-main .art-title{font-size:22px}
.art-main h1,.art-main h2,.art-main h3{font-size:20px}
#reward-img{margin:45% 5%}
.reward-widget{position:static;margin-bottom:20px}
.quick-prev-next .next,.quick-prev-next .prev{background:rgba(255,255,255,.8);color:#333;font-size:24px;text-align:center;width:40px;box-shadow:0 1px 3px rgba(26,26,26,.2)}
.quick-prev-next .prev{border-radius:0 100px 100px 0}
.quick-prev-next .next{border-radius:100px 0 0 100px}
.related-art .ul{margin-bottom:3vw}
.related-item{width:48.4%;margin-right:3%}
.related-item .span{height: 100px;}
.related-item a{display:block}
.related-item .img{height:100px}
.related-item:nth-child(2n+0){margin-right:0}
.related-item:nth-child(3){margin-right:3%}
.page-numbers{margin-top:10px}
.compost .com-info li{width:100%;padding-right:0%}
.compost .com-info li .verify{right:0}
.footer .main{padding:1em}
#divCommentPost input.text{width:100%;}
.input-wrap .name, .input-wrap .mail, .input-wrap .site, .input-wrap .verify {width: 100%;margin-top: 10px;}
}

header{
    width:100%;
}
@media (max-width: 1023px) { 
    /* 移动端品牌列表页开始 */
       /* 汉堡菜单 */
       .hamburger{
        position: absolute;
        left: 1rem;
        top: 50%;
        margin-top: -.33rem;
    }
  .hamburger .line{
    width: 1.4rem;
      height: 3px;
      background-color: #ecf0f1;
      display: block;
      margin: 4px auto;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }
    
    .hamburger:hover{
      cursor: pointer;
    }
    
    #hamburger-1.is-active .line:nth-child(2){
      opacity: 0;
    }
    
    #hamburger-1.is-active .line:nth-child(1){
      -webkit-transform: translateY(13px) rotate(45deg);
      -ms-transform: translateY(13px) rotate(45deg);
      -o-transform: translateY(13px) rotate(45deg);
      transform: translateY(7px) rotate(45deg);
    }
    
    #hamburger-1.is-active .line:nth-child(3){
      -webkit-transform: translateY(-13px) rotate(-45deg);
      -ms-transform: translateY(-13px) rotate(-45deg);
      -o-transform: translateY(-13px) rotate(-45deg);
      transform: translateY(-8px) rotate(-45deg);
    }
	.nav{
      width:100%;
      height: 20rem;
      background: #f8f8f8;
      position: fixed;
      left: 0;
      top: 3rem;
      display: none;
      animation: animate .5s ease-out;
    }
    .nav.active{
      display: block;
    }
    .nav ul{
      display: flex;
      flex-direction: column;
      transition: all 3s;
    }
    .nav_item{
      transition: all 3s;
      height: 3rem;
      line-height: 3rem;
      border-bottom: 1px solid #d9b56c;
      padding-left: 1rem;
    }
    .nav_item a{
      transition: all 3s;
      color: #9a9a9a;
      font-size: .9rem;
	  font-family:'苹方';
    }
	.nav.active {
    display: block;
}
    /* 汉堡菜单结束 */
    .top{
        position: relative;
    }
    .head{
        height: 3rem;
        border-bottom: 1px solid #fff;
        display: flex;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        width:100%;
    }
    .top_contact{
        display: flex;
        justify-content: center;
        align-items: center;
		position: absolute;
		right: 1rem;
		top: 50%;
		margin-top: -.625rem;
    }
    .h1_wap{
        font-size: 1.125rem;
        color: #fff;
        text-align: center;
        line-height: 3rem;
        width:100%;
    }
    .top_contact img{
        width: 1.1rem;
        height: 1.25rem;
    }
    .banner{
        height: 26rem;
        padding-top: 11.4rem;
        position: relative;
        background-image: url("../images/banner5.jpg");
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
	.banner_word1{
	    width: 20rem;
    height: 2rem;
    font-size: 1rem;
    color: #fff;
    text-align: center;
    line-height: 2rem;
    position: absolute;
    top: 62%;
	}
    .banner_word{
        height: 8.8rem;
        width: 100%;
        position: absolute;
        left: 0;
        display: flex;
        flex-direction: column;
		align-items: center;
    }
	.banner_word .span1{
		font-family:PingFang-SC-Medium;
		color:#fff;
		font-size:1.3125rem;
		margin-bottom:.8125rem;
	}
	.banner_word .span2{
		font-family:PingFang-SC-Regular;
		color:#fff;
		font-size:.875rem;
		margin-bottom:1.3125rem;
		font-weight: 100;
	}
    .banner_div1{
        display: flex;
        flex-wrap: wrap;
        padding-left: 1rem;
		margin-bottom:.5rem;
		width:11rem;
    }
    .banner_div11{
        display: flex;
        margin-bottom: .32rem;
        margin-right: .4rem;
    }
    .banner_div11 img{
        width:.84rem;
        height: .69rem;
        margin-right: .3rem;
    }
    .banner_div11 span{
        font-size: .69rem;
        color: #fff;
    }
    .banner_word_tel1{
        display: flex;
        align-items: center;
    }
    .banner_word_tel1 img{
        width:2rem;
        height: 2rem;
    }
    .banner_word_tel1 span{
        color: #DD9D19;
        font-size: 1.25rem;
    }
    .banner_tel2{
        width:6.15rem;
        height: 2.15rem;
        font-size: .84rem;
        color: #988057;
        text-align: center;
        display: block;
        line-height: 2.15rem;
        background: #fff;
        border-radius: 10px;
        position: absolute;
        bottom: 3.18rem;
        left: 50%;
        margin-left: -3.07rem;
    }
    /* main开始 */
    .search{
        width:100%;
        height: 4.3rem;
        display: flex;
        align-items: center;
        padding-left: 2.68rem;
    }
    .search_input{
        width: 13rem;
        height: 1.46rem;
        border:1px solid #333;
        padding-left: .5rem;
        margin-right: .43rem;
    }
    .search_btn{
        width:3rem;
        height: 1.47rem;
        font-size: .6rem;
        background: #333;
        color: #fff;
    }
    .main1{
        border-top:1px solid #E2E2E2;
    }
    .main_left{
        display: flex;
        flex-direction: column;
    }
    .main_left_item{
        height: 3rem;
        width: 4.8rem;
        border-bottom: 1px solid #e2e2e2;
        font-size: .68rem;
        color: #333;
        text-align: center;
        line-height: 3rem;
    }
    .main_left_item_active{
        color: #fff;
        background: #D9B56C;
    }
    .main_right{
        width:100%;
		padding:0 4%;
        border-left: 1px solid #e2e2e2;
        display:none;
        margin-bottom: 3.2rem;
    }
    .main_right_active{
        display: block;
    }
    .main_right_top1{
        width:14.4rem;
        height: 5rem;
    }
	.main_brand_div11{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		margin-bottom:1rem;
	}
	.main_brand_item_img{
		
	}
	.main_brand_item_img  img{
		width:100%;
	}
    .main_right_bottom{
        display: flex;
        flex-wrap: wrap;
        padding: 0 2%;
        justify-content: space-between;
    }
    .main_brand_item{
        width:28%;
        height: 4.4rem;
        display: flex;
        align-items: center;
        flex-direction: column;
        /* background: #000; */
    }
    .main_brand_item_img{
        width:100%;
        height: 3.25rem;
    }
    .footer1{
        width:100%;
        height: 22.875rem;
        background: #F8F8F8;
        /* padding-top: 2.2rem; */
      
    }
    .footer_p1{
        font-size: 1rem;
        color: #000;
        text-align: center;
        margin-bottom: .6rem;
    }
    .footer_p2{
        font-size: .625rem;
        color: #666;
        text-align: center;
        position: relative;
        margin-bottom: 2.1rem;
    }
    .footer_p2::after{
        content:" ";
        clear: both;
        display: block;
        width:1.875rem;
        height: .16rem;
        background: #D9B56C;
        position: absolute;
        left: 50%;
        margin-left: -.94rem;
        top: 1rem;
    }
    .footer2{
        display: flex;
        flex-wrap: wrap;
        padding: 0 1rem;
        justify-content: space-between;
    }
    .footer2_item{
        width:8.4rem;
        height: 8.4rem;
    }
    .footer2_item_span1{
        font-size: .625rem;
        color: #333;
        margin-bottom: .5rem;
    }
    .footer2_item_span2{
        font-size: .5625rem;
        color: #333;
        line-height: 1rem;
    }
    .footer4{
        display: flex;
        width: 100%;
        position: fixed;
        left: 0;
        bottom: 0;
    }
    .footer4 img{
        max-width: 100%;
    }
    .footer4_a1{
        width:7.5625rem;
        height: 2.9rem;
    }
    .footer4_a3{
        width:4.875rem;
        height: 2.9rem;
    }
     /* 移动端品牌列表页结束 */
     /* 移动端首页开始 */
     .pl{
         padding: 0 1rem;
     }
     /* 第一部分开始 */
    .shouye_main1_top{
        display: flex;
        flex-direction: column;
        padding-top: 2.5rem;
        align-items: center;
    }
    .shouye_main1_top_span1{
        font-size: 1rem;
        color: #000;
        margin-bottom: .6rem;
    }
    .shouye_main1_top_span2{
        font-size: .625rem;
        color: #666;
        position: relative;
    }
    .shouye_main1_top_span2::after{
        position: absolute;
        content: " ";
        display: block;
        clear: both;
        width:30px;
        height: 3px;
        background: #D9B56C;
        position: absolute;
        left: 50%;
        margin-left: -15px;
        bottom: -.5rem;
    }
    .shouye_main1_brand{
        display: flex;
        flex-direction: column;
    }
    .shouye_main1_brand_item{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        border-bottom:1px solid #e2e2e2;
        padding-top: 1.22rem;
    }
    .pp_img1{
        margin-bottom: .625rem;
    }
    .pp_brand{
        font-size: .875rem;
        color: #333;
        margin-bottom: .625rem;
    }
    .brand_more{
        font-size: .6875rem;
        color: #666;
        margin-bottom: 1.22rem;
        position: relative;
        line-height: .9rem;
    }
    .brand_more_span1{
        color: #E14D4F;
        text-align: right;
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .brand_more_span2{
        color: #DEBF84;
    }
    .brand_more_span3{
        color: #6CD9CB
    }
    /* 第一部分结束 */
    /* 第二部分开始 */
    .shouye_service{
        display: flex;
        flex-wrap: wrap;
        background: #fff;
        justify-content:space-between;
        padding-top: 1.82rem;
    }
    .show_service_item{
        width:5.5rem;
        height: 5.5rem;
        margin-bottom: .9rem;
    }
    .show_service_item_side1{
        width:100%;
        background:rgba(248,248,248,1);
        height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
	     position: relative;
    }
    .show_service_item_side2{
        width:100%;
        height: 100%;
        background: #D9B56C;
        display: none;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .show_service_item_side2 .span3{
        font-size: .7rem;
        color: #fff;
        margin-bottom: .3rem;
    }
    .show_service_item_side2 a{
        font-size: .5rem;
        color: #fff;
    }
    .show_service_item_side1 img{
        max-width:100%;
    }
	.show_service_item_side1 .span1{
	    width: 100%;
    height: 26px;
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: .6rem;
    line-height: 26px;
    color: #fff;
    background-color: rgba(0,0,0,0.6)
 }
    /* 第二部分结束 */
    /* 第三部分开始 */
    .shouye_main3_list{
        display: flex;
        flex-direction: column;
        padding-top: 1.82rem;
        align-items: center;
    }
    .shouye_main3_item{
        display: flex;
        height: 4rem;
        width:18.125rem;
        border-bottom: 1px solid #e2e2e2;
        align-items: center;
        justify-content: space-between;
    }
    .shouye_main3_left{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .shouye_main3_left img{
        width:1.875rem;
        height: 1.875rem;
    }
    .shouye_main3_p{
        width:14.44rem;
		line-height:.8rem;
    }
    /*  第三部分结束*/
    /* 第四部分开始 */
    .shouye_main4_item{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .shouye_main4_item .img{
        width:10.8rem;
        height: 16.2rem;
        overflow: hidden;
        position: relative;
        margin: 0 auto;
        margin-bottom: 1rem;
    }
    .shouye_main4_item .img img{
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .shouye_main4_item .div1{
        margin-bottom: .96rem;
        text-align: center;
    }
    .shouye_main4_item_span1{
        font-size: .96rem;
        color: #333
    }
    .shouye_main4_item_span2{
        font-size: .625rem;
        color: #666;
    }
    .shouye_main4_item p{
        font-size: .625rem;
        color: #666;
    }
    .shouye_mian4{
        width: 17.8rem;
        margin: 0 auto ;
        margin-bottom: 1rem;
    }
    .shouye_main1_top11{
        margin-bottom: 2.44rem;
    }
    .shouye_main4_list{
        position: relative;
    }
    .hd_m2 img{
        width:1.22rem;
        height: 2.72rem;
        border-radius: 6px;
    }
    .hd_m2 .prev{
        position: absolute;
        left: 1.56rem;
        top:50%;
    }
    .hd_m2 .next{
        position: absolute;
        top:50%;
        right: 1.56rem;
    }
    #xg1{
        position: relative;
    }
    .shouye_main5_left_p1{
        line-height: 1rem;
    }
    /* 第四部分结束 */
    /* 第五部分开始 */
    .shouye_main5{
        display: flex;
        flex-direction: column;
    }
    .shouye_main5_left{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 1.53rem;
    }
    .shouye_main5_left_span1{
        font-size: 1rem;
        color: #333;
        margin-bottom: .6rem;
    }
    .shouye_main5_left_span2{
        font-size: .625rem;
        color: #666;
        margin-bottom: 1.9rem;
        position: relative;
    }
    .shouye_main5_left_span2::after{
        content: " ";
        clear: both;
        display: block;
        width: 30px;
        height: 3px;
        background: #D9B56C;
        position: absolute;
        left: 50%;
        margin-left: -15px;
        top: 1rem;
    }
    .shouye_main5_right img{
        width:100%;
        height: 17.2rem;
        margin-bottom: 1.6rem;
    }
    .shouye_main5_left_a2{
        width:6.875rem;
        height: 1.875rem;
        display: block;
        background: #D9B56C;
        text-align: center;
        line-height: 1.875rem;
        color: #fff;
        margin: 0 auto;
    }

    /* 第五部分结束 */
    /* 第六部分开始 */
    .shouye_main6_content {
        padding-top: 1.9rem;
    }
    .shouye_main6_left{
        overflow: hidden;
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #e2e2e2;
    }
    .shouye_main6_left span{
        font-size: .75rem;
        color: #D9B56C;
        margin-bottom: .66rem;
    }
    .shouye_main6_left a{
        /* width: 560px; */
        font-size: .625rem;
        line-height: .9rem;
        height: 4.36rem;
        color: #666;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
		padding:.5rem 0;
		display:flex;
		justify-content: space-between;
    }
    .shouye_main6_left1 a{
        /* width: 560px; */
        font-size: .625rem;
        line-height: .9rem;
        height: 8.5rem;
        color: #666;
        margin-bottom: 1.25rem;
    }
    .shouye_main6_right{
        display: flex;
        flex-direction: column;
        height: 22rem;
        overflow: hidden;
    }
    .shouye_main_right_item{
        width: 100%;
        height: 7.18rem;
        display: flex;
        padding: .94rem 0 1.2rem 0;
        border-bottom: 1px solid #e2e2e2;
    }
	.shouye_mian_div_aa{
		display:flex;
	}
    .shouye_main_right_item .span1{
        font-size: .75rem;
        color: #333;
        text-decoration:underline;
		width:70%;
		text-overflow:ellipsis;
		overflow:hidden;
		white-space:nowrap;
    }
    .shouye_main_right_item .span2{
        font-size: .5rem;
        color: #666;
        margin-bottom: .6rem;
    }
    .shouye_main_right_item p{
        font-size: .625rem;
        line-height: .9rem;
        height: 1.8rem;
        color: #666;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .shouye_main_right_item_more{
        font-size: .625rem;
        color: #fff;
        background: #D9B56C;
        width: 6.875rem;
        height: 1.875rem;
        border-radius: 5px;
        text-align: center;
        line-height: 1.875rem;
        margin: 0 auto;
        margin-top: 1.25rem;
        margin-bottom: 2.5rem;
    }
		.shouye_news_img{
			width:3rem;height:3rem;display: flex;
			align-items: center;
			justify-content: center;
			    overflow: hidden;
			}
	.shouye_news_img img{max-width:100%;}
	.shoyye_news{
		width:14rem;
		height:3rem;
		
	}
    /* 第六部分结束 */
    /* 底部 */
    .footer2{
        padding-top: 1.31rem;
    }
    .footer2_item img{
        max-width: 100%;
    }
    /* 底部 */
     /* 移动端首页结束 */
	 #pages{
		 display:flex;
		 height:3rem;
		 align-items:center;
		 justify-content:space-between;
		 flex-direction: column;
		padding-top: .8rem;
	 }
	 .sectdiv{
		 display:flex;
		align-items: center;
		width:10rem;
		justify-content: center;
		padding-top:.5rem;
			
	 }
	 .jumpmenu{
		width: 3.5rem;
    border: 1px solid #999;
    height: 1.2rem;
    border-radius: 5px;
    margin-left: .8rem;
	 }
	 .fenye{
		 display:flex;
	 }
	 .fenye a{
		 margin:0 .3rem;
	 }
	 .main_right_top{
		 display:flex;
		 justify-content:space-between;
		 padding:1rem 0;
	 }
	 .div_pp2{
		 display:flex;
		 flex-direction:column;
	 }
	 .div_pp2 .span1{
		 width:8rem;
		 height:3px;
		background:#333; 
		margin-bottom:6px;
	 }	 
	 .div_pp2 .span2{
		 width:8rem;
		 height:1px;
		background:#333; 
	 }
	 .pp1{
		 font-size:1rem;
		 color:#DD9D19;
	 }
    .dn_wap{
        display: none;
    }
    /* main结束 */
  /* 弹窗 */
.swttc {
width: 100%;
position: fixed;
left: 0;
top: 0;
display: none;
z-index: 99;
}

.swtbg {
    width: 12.8rem;
    height: 15.7rem;
    margin: auto;
    position: relative;
    border-radius: .2rem;
}

.swt_shadow {
    width: 12.8rem;
    height: 15.7rem;
    margin: auto;
    position: relative;
    border-radius: .2rem;
}
.swt_shadow img{
	width: 12.8rem;
    height: 15.7rem;
    margin: auto;
	box-shadow: 0 0 15px #9e9c99
}
.cls_swttc {
    width: 1.8rem;
    height: 1.8rem;
    line-height: .5rem;
    text-align: center;
    border-radius: 50%;
    color: #3d3c41;
    font-family: "宋体";
    position: absolute;
    background-color: transparent;
    right: 0;
    margin-left: -.25rem;
    top: 0rem;
    cursor: pointer;
    display: inline-block;
	z-index:2
}

.swt_cx {
    width: 13rem;
    height: 12rem;
    text-align: center;
    margin: 0 auto;
}

.swt_cx a {
    width: 13rem;
    height: 10.5rem;
    display: block;
    cursor: pointer;
}

.swt_rz {
    font-size: .24rem;
    height: .24rem;
    color: #010101;
    width: 3.7rem;
    margin: .17rem auto 0;
    position: relative;
    text-align: center;
}

.swt_rz a {
    position: absolute;
    left: 0;
    width: 100%;
}

.swt_rz span {
    position: absolute;
    right: 0;
}

.swt_zx {
    width: 13rem;
    height: 15.7rem;
    position: absolute;
	top:0;
    left: 0;
    text-align: left;
	padding-top:1.1rem;
}

.swt_zx .tc1 a,.swt_zx .tc2 a{
	font-family:PingFang-SC-Bold;
}
.swt_zx  a{display:block;text-align:center;}
.swt_zx .tc1 a{font-size:.9rem;color:rgba(124,124,124,1);margin-bottom:.6rem}
.swt_zx .tc2 a{color:rgba(0,0,0,1);font-size:1.25rem;margin-bottom:2.3rem}
.swt_zx .tc3{margin-bottom:.4rem}
.swt_zx .tc4{margin-bottom:4rem}
.swt_zx .tc3 a,.swt_zx .tc4 a{font-size:.6825rem;color:#000;}
.swt_zx .tc5{display:flex;justify-content:space-between;width:10.6rem;margin:0 auto}
.swt_zx .tc5 a{font-size:.44rem;color:#000;margin-bottom:.56rem;width:3rem;}
.swt_zx .tc6{width:10.4rem;margin:0 auto;display:flex;position:absolute;bottom:1.16rem;left:1.3rem}
.swt_zx .tc6 a{width:4.3rem;height:1.6rem;display:flex;justify-content:space-between;align-items:center;font-size:.6rem;color:#fff;padding: 0 .34rem;}
.swt_zx .tc6 img{width:.7rem;height:.7rem;margin:0;}
.swt_zx .tc3 a,.swt_zx .tc4 a,.swt_zx .tc5 a,.swt_zx .tc6 a{
	font-family:PingFang-SC-Medium;
}
.pp3{font-size:.9rem}
.pp3 a{font-size:.9rem}
/*移动底部友情链接和地址*/
        .fot_bot{
            display: flex;
			flex-direction: column;
        }
        .fot_bot{
            width:18.75rem;
            margin: 0 auto;
			 margin-bottom: 3.75rem;
        }
        .intellinks,.adres{
            width:100%;
            padding-top: .82rem;
            background-image: url("http://www.watcholu.cn/style/images/slices@2x.jpg");
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }
		.links_div1{
			display:flex;
			flex-wrap:wrap;
		}
        .intellinks{
            margin-bottom: .93rem;
        }
        .intellinks span{
            font-size: .875rem;
            color: #fff;
            display: block;
            margin: 0 auto;
            text-align: center;
            margin-bottom: 1rem;
        }
        .links{
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
			padding:0 .5rem;
        }
        .links a{
            display: inline-block;
            font-size: .6rem;
            width: 23%;
            color: #fff;
			text-align:center;
            margin-bottom: .8rem;
        }
		.adres{display:flex;flex-direction: column; background-image: url("http://www.watcholu.cn/style/images/slices_2@2x.jpg");height:7rem;}
        .adres span{
            font-size: .875rem;
            color: #e6e6e6;
            margin-bottom: .8rem;
			    text-align: center;
        }
        .adres p{
            font-size: .6rem;
            color: #e6e6e6;
            margin-bottom: .4rem;
			padding-left:1.2rem;
        }
		.sectdiv{
			width:10rme;
		}
}
@media (min-width: 1024px) {
	/* banner文字*/
	.banner_word1{
		 width:400px;
		 height:200px;
		 color:#fff;
		 line-height:200px;
		 text-align:center;
		 font-size:30px;
		 position:absolute;
		 left:12%;
	 }
	.fenye{width: 416px; margin:0 auto; text-align:center;float: left;margin-left: 156px;}
	#pages{
		height:80px;
		line-height:80px;
		text-align:center;
	}
	#pages a{
		padding:0 20px;
	}
	#pages  span{
		padding:0 20px;
	}
	.sectdiv{
		display: flex;
    align-items: center;
	}
.jumpmenu {
    border: 1px solid #999;
    height: 26px;
    border-radius: 5px;
    margin-left: 20px;
}
	
    .width{
        width:1200px;
        margin: 0 auto;
    }
.head{
    display: flex;
    height: 150px;
    justify-content: space-between;
    align-items: center;
}
.logo{
   width:140px;
   height: 88px; 
}
.logo img{
	max-width:100%
}
 /* 电脑端品牌列表页开始 */
.nav_item a{
    font-size: 18px;
    color: #5d5d5d;
}
.nav_item{
    position: relative;
}
.nav_item_active::after{
   content:" ";
   display:block;
   clear: both;
   position: absolute;
   left: 0;
   width:100%;
   height: 2px;
   bottom:-17px;
   background: #D9B56C;
}
.nav ul{
    width:590px;
    display: flex;
    justify-content: space-between;
}
.top_contact{
    width:313px;
    display: flex;
}
.top_contact img{
    width:21px;
    height: 21px;
    margin-right: 17px;
}
.top_contact .telimg{
	width:281px;
	height:19px;
}
.top_contact span{
    font-size: 22px;
    color: #333;
}
.banner{
    width:100%;
    height: 500px;
    background: #000;
    padding-top: 140px;
    background: url("../images/banner.jpg")
}
.banner_p1{
    font-size: 48px;
    color: #fff;
    margin-bottom: 27px;
}
.banner_p2{
    width:824px;
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    margin-bottom: 60px;
}
.banner_contact{
    width:150px;
    height: 40px;
    display: block;
    background: #D9B56C;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
}
.main{

}
.search{
    display: flex;
    padding-left: 608px;
    padding-top: 40px;
    padding-bottom: 41px;
}
.search_input{
    width:310px;
    height: 35px;
    margin-right: 10px;
    border:1px solid #333;
    padding-left: 20px;
}
.search_btn{
    width:75px;
    height: 35px;
    font-size: 14px;
    color: #fff;
    background: #333;
    outline: none;
    border: 0;
}
.wanbiao{
    width:205px;
    height: 43px;
    text-align: center;
    line-height: 43px;
    font-size: 16px;
    color: #fff;
    background: #333;
}
.main_left{
    display: flex;
    flex-direction: column;
}
.main_left_item{
    width:205px;
    height: 44px;
    border-top: 1px solid #fff;
    background: #333;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 43px;
}
.main_left{
    margin-right: 59px;
}
.main_left_item_active{
    background: #D9B56C;
}
.main_right{
width:100%;
margin-bottom: 62px;
padding-top:40px;
}
.main_right_top{
    margin-bottom: 49px;
	display:flex;
	justify-content:space-between;
}
.pp1{
    font-size: 40px;
    color: #333;
}
.pp3{
	font-size:22px;
	color:#333;
}
.pp2{
    font-size: 40px;
    color: #999;
}
.div_pp2{
	display:flex;
	flex-direction: column;
}
.div_pp2 .span1{
	width:568px;
height:3px;
background:rgba(51,51,51,1);
margin-bottom:6px;
}
.div_pp2 .span2{
	width:568px;
height:1px;
background:rgba(51,51,51,1);
}
.main_right_bottom{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.main_brand_div11{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-bottom:80px;
}
.main_brand_item{
    width:201px;
    height: 140px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom:26px;
}
.main_brand_item .main_brand_item_img{
    width:100%;
    height: 103px;
    display: flex;
    justify-content: center;
    align-items: center;
	margin-bottom:20px;
}
.main_brand_item_img img{
    max-width: 88%;
    margin: auto;
}
.main_brand_item span{
    width:100%;
    font-size: 16px;
    color: #333;
    height: 37px;
    text-align: center;
}
.foot{
    /*height: 624px;*/
    /*padding-top: 52px;*/
    background: #1A1A1A;
    width: 100%;
}
.logo1{
    margin: 0 auto;
    width:150px;
    height: 79px;
    margin-bottom: 51px;
}
.logo1 img{
	max-width:100%;
}
.contact{
    width:100%;
	margin-bottom:30px;
    display: flex;
    font-size: 16px;
    color:#E6E6E6;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 74px;
    justify-content: space-between;
}
.contact1 img{
    width:23px;
    height: 23px;
    vertical-align: middle;
	margin-right:10px;
}
.contact2 img{
    width:26px;
    height: 26px;
    vertical-align: middle;
	margin-right:10px;
}
.contact3 img{
    width:17px;
    height: 25px;
    vertical-align: middle;
	margin-right:10px;
}
.quality{
    width:100%;
    height: 246px;
    border-bottom: 4px solid #303030;
}
.copy {
    text-align: center;
}
.copy img{
    width:25px;
    height: 27px;
    vertical-align: middle;
}
.copy span{
    font-size: 14px;
    color: #5D5D5D;
}
.copy  a{
	color:#fff;
}
 /* 电脑端品牌列表页结束 */
 /* 电脑端首页开始 */
 section{
     width:100%;
 }
 .shouye_main1{
     height: 490px;
     border-bottom:1px solid #e2e2e2;
 }
 .shouye_main1_top{
     height: 132px;
     display: flex;
     flex-direction: column;
     align-items: center;
     padding-top: 50px;
 }
 .shouye_main1_top_span1{
    font-size: 32px;
    color: #000;
    margin-bottom: 20px;
 }
 .shouye_main1_top_span2{
    font-size: 15px;
    color: #666;
    padding-bottom: 15px;
    position: relative;
 }
 .shouye_main1_top_span2::after{
     content:" ";
     display: block;
     clear: both;
     width: 60px;
     height: 5px;
     background: #D9B56C;
     position: absolute;
     left: 50%;
     margin-left: -30px;
     top: 50%;
     margin-top: 8px;
 }
 .shouye_main1_brand{
    display: flex;
    padding-top: 48px;
    justify-content: space-between;
 }
 .shouye_main1_brand_item{
     width: 33%;
     display: flex;
     flex-direction: column;
 }
 .pp_img1{
     width: 39px;
     height: 42px;
     margin-bottom: 29px;
 }
 .pp_brand{
     font-size: 20px;
     color: #333;
     margin-bottom: 19px;
 }
 .brand_more{
     font-size: 14px;
     color: #666;
     width: 338px;
     height: 90px;
     line-height: 22px;
     position: relative;
 }
 .brand_more_span1{
     color: #E14D4F;
     text-align: right;
     position: absolute;
     right: 0;
     bottom: 0;
 }
 .brand_more_span2{
     color: #DEBF84;
 }
 .brand_more_span3{
     color: #6CD9CB
 }
 /* 第二部开始 */
 .shouye_main2{
     /*margin-bottom: 64px;*/
 }
 .shouye_service{
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     padding-top: 70px;
 }
 .show_service_item{
     width: 241px;
     height: 241px;
     background:rgba(248,248,248,1);
     margin-bottom: 60px;
 }
 .show_service_item_side1{
     width:100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     position: relative;
     transition: 800ms ease all; 
	 overflow:hidden;
     /* z-index: 2; */
 }
 /* .show_service_item_side1_active{
     display: none;
 } */
 .show_service_item_side1 img{
  max-width:100%;
  transition: all 0.8s;
 }
  .show_service_item_side1 img:hover{transform:scale(1.1);}
 .show_service_item_side1 .span1{
	 width:100%;
	 height:50px;
	 display:block;
	 text-align:center;
	 position:absolute;
	 left:0;
	 bottom:0;
     font-size: 24px;
     line-height: 50px;
    color: #fff;
    background-color:rgba(0,0,0,0.6)
 }
 .show_service_item_side2{
     z-index: 1;
    width:100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #D9B56C;
    transition: 800ms ease all; 
    display: none;
 }
 /* .show_service_item_side2_active{
     display: flex;
 } */
 .show_service_item_side2 span{
     font-size: 26px;
     color: #fff;
     margin-bottom: 21px;
 }
 .show_service_item_side2 a{
     font-size: 16px;
     color: #fff;
 }
  /* 第二部分结束 */
 /* 第三部分腕表保养建议开始 */
 .shouye_main3{
     height: 690px;
     background:rgba(248,248,248,1);
 }
 .shouye_main3_list{
     padding-top: 60px;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
 }
 .shouye_main3_item{
     width:580px;
     height: 125px;
     border-bottom: 1px solid #e2e2e2;
     display: flex;
     align-items: center;
 }
 .shouye_main3_item1{
    border-top: 1px solid #e2e2e2;
 }
 .shouye_main3_left{
     display: flex;
     flex-direction: column;
     margin-right: 40px;
 }
 .shouye_main3_left img{
     width:60px;
     height: 60px;
     margin-bottom: 5px;
 }
 .shouye_main3_left span{
     font-size: 18px;
     color: #666;
     line-height: 24px;
 }
 .shouye_main3_p{
     font-size: 16px;
     color: #666;
     line-height: 24px;
     width:464px;
 }
 /* 第三部分腕表保养建议结束 */
 /* 第四部分团队开始 */
 .shouye_main4_list{
     padding-top: 60px;
     display: flex;
     justify-content: space-between;
	 width:1000px;
 }
 .shouye_main4_item{
     display: flex;
     width: 216px;
     flex-direction: column;
     align-items: center;
 }
 .shouye_main4_item .img{
     width: 216px;
     height: 384px;
     margin-bottom: 30px;
     position: relative;
	 overflow:hidden;
 }
  .shouye_main4_item .img{
	  transition: all 1s;
  }
  .shouye_main4_item .img img:hover{
	  transform:scale(1.1)
  }
 .shouye_main4_item .img img{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
	transition: all 1s;
}
 .shouye_main4_item_span1{
     font-size: 20px;
     color: #333;
 }
 .shouye_main4_item_span2{
     font-size: 14px;
     color: #333;
 }
 .shouye_main4_item .div1{
    margin-bottom: 20px;
 }
 .shouye_main4_item p{
     width: 198px;
     font-size: 14px;
     color: #666;
     margin-bottom: 100px;
 }
 /* 第四部分团队结束 */
 /* 第五部分关于我们开始 */
 .shouye_main5{
     height: 550px;
     padding-left: 18.75%;
 }
 .shouye_main5{
     display: flex;

 }
 .shouye_main5_left{
     width: 504px;
     margin-right: 118px;
     display: flex;
     flex-direction: column;
     padding-top: 64px;

 }
 .shouye_main5_left_span1{
     font-size: 38px;
     color: #333;
     margin-bottom: 28px;
 }
 .shouye_main5_left_span2{
    font-size: 20px;
    color: #333;
    margin-bottom: 70px;
    position: relative;
}
.shouye_main5_left_span2::after{
    width:34px;
    height:1px;
    background:rgba(217,181,108,1);
    content: " ";
    display: block;
    clear: both;
    position: absolute;
    left: 0%;
    bottom:-30px;
}
.shouye_main5_left_p1{
    font-size: 16px;
    color: #666;
    line-height: 24px;
    margin-bottom: 62px;
}
.shouye_main5_left_a1{
    width: 150px;
    height: 40px;
    background: #D9B56C;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
}
.shouye_main5_right{
    width:614px;
    height: 550px;
	position:relative;
}
.shouye_main5_right img{
	    width: 69%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
	transition:all 1s;
}
.shouye_main5_right img:hover{transform:scale(1.2)}
 /* 第五部分关于我们结束 */
 /* 第六部分新闻资讯开始 */
 .shouye_main6_content{
     display: flex;
     padding-top: 60px;
     padding-bottom: 98px;
     justify-content: space-between;
 }
 .shouye_main6_left{
     width:100%;
     display: flex;
     flex-wrap:wrap;
     justify-content: space-between;
 }
 .shouye_main6_left a
 { 
     width:560px;
	 display:flex;
	 
  }
  .shouye_news_img{
	  width:98px;
	  height:66px;
	  border-radius:6px;
	  overflow:hidden;
  }
  .shouye_news_img img{max-width:100%;}
  .shouye_main6_left1 
  {
      width: 560px;
     height: 315px;
     overflow:hidden;
    }
 .shouye_main6_left1 a{
     width: 560px;
     height: 315px;
     display:block;
 }
 .shouye_main6_left1 img
 {
     width:100%;
     height:auto;
     }
  .shouye_main6_left2 
  {
         display: flex;
     flex-direction: column;
   }
 .shouye_main6_left2 span{
     font-size: 16px;
     color: #D9B56C;
     padding: 20px 0;
 }
 .shouye_main6_left2 a{
     width: 560px;
     font-size: 12px;
     line-height: 16px;
     height: 31px;
     color: #666;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     overflow: hidden;
 }
 .shouye_main6_right{
     width: 566px;
     display: flex;
     flex-direction: column;
     overflow: hidden;
     height: 402px;
 }
 .shoyye_news{width:410px}
 .shouye_main_right_item{
     width: 100%;
     display: flex;
     height: 98px;
     display: flex;
     border-bottom: 1px solid #e2e2e2;
     padding-top: 16px;
	 justify-content: space-between;
 }
 .shouye_main6_right p{
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    height: 31px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
 }
 .shouye_main_right_item .span1{
	 width:322px;
    margin-bottom: 12px;
    font-size: 16px;
    color: #333;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
 }
 .shouye_mian_div_aa{
	 display:flex;
	 justify-content:space-between;
 }
 .shouye_main_right_item .span2{
     margin-bottom: 10px;
     font-size: 12px;
     color: #666;
 }
 .shouye_main_right_item p{
	 height:42px;
	   display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	line-height: 20px;
 }
 /* 第六部分新闻资讯结束 */
 /* 底部开始 */
 .footer{
    background: #f8f8f8;
    padding-bottom: 80px;
    margin-bottom: 80px;
}
 .footer2{
     display: flex;
     justify-content:space-between ;
     padding-top: 70px;
 }
 .footer2_item{
     width:280px;
     height: 230px;
     display: flex;
     flex-direction: column;
     align-items: center;
	 overflow:hidden;
 }
 .footer2_item img{
     margin-bottom: 30px;
	 transition: all 0.8s;
 }
 .footer2_item img:hover{transform:scale(1.1)}
 .footer2_item_span1{
     font-size: 20px;
     color: #333;
     margin-bottom: 30px;
 }
 .footer2_item_span2{
     width:200px;
     font-size: 14px;
     color: #666;
 }
 /* 底部结束 */
 /* 电脑端首页结束 */
 /*  */

/* 弹窗 */
.swttc {
width: 100%;
position: fixed;
left: 0;
top: 0;
display: none;
z-index: 99;
}

.swtbg {
    width: 530px;
    height: 302px;
    margin: auto;
    position: relative;
    border-radius: .2rem;
}

.swt_shadow {
    width: 530px;
    height: 302px;
    margin: auto;
    position: relative;
    border-radius: .2rem;
}
.swt_shadow img{
	width: 530px;
    height: 302px;
    margin: auto;
	box-shadow: 0 0 15px #9e9c99
}
.cls_swttc {
    width: 1.8rem;
    height: 1.8rem;
    line-height: .5rem;
    text-align: center;
    border-radius: 50%;
    color: #3d3c41;
    font-family: "宋体";
    position: absolute;
    background-color: transparent;
    right: 0;
    margin-left: -.25rem;
    top: 0rem;
    cursor: pointer;
    display: inline-block;
	z-index:2;
}

.swt_cx {
    width: 380px;
    height: 400rem;
    text-align: center;
    margin: 0 auto;
}

.swt_cx a {
    width: 530px;
    height: 12rem;
    display: block;
    cursor: pointer;
}

.swt_rz {
    font-size: .24rem;
    height: .24rem;
    color: #010101;
    width: 3.7rem;
    margin: .17rem auto 0;
    position: relative;
    text-align: center;
}

.swt_rz a {
    position: absolute;
    left: 0;
    width: 100%;
}

.swt_rz span {
    position: absolute;
    right: 0;
}

.swt_zx {
    width: 530px;
    height: 302px;
	display:flex;
	flex-direction:column;
    position: absolute;
    top: 0;
    left:0;
    text-align: left;
	display:flex;
	padding-top:35px;
}
.swt_zx p a{font-family:"PingFang-SC-Bold"}
.swt_zx .p1{padding-left:93px;margin-bottom:26px;height:30px;}
.swt_zx .p1 a{font-size:30px;color:#737373;}
.swt_zx .p2 {padding-left:46px;margin-bottom:69px;height:34px}
.swt_zx .p2 a{font-size:34px;color:#000;}
.swt_zx .p3{padding-left:103px;height:24px;margin-bottom:22px;}
.swt_zx .p3 a{font-size:24px;color:#000;}
.swt_zx  .p4{width:12rem;height:3rem;padding-left:28px;height:42px;display:flex;}
.swt_zx  .p4 .ai1{width:130px;height:42px;margin-right:23px;display:flex;align-items:center;font-size:16px;color:#fff;}
.swt_zx  .p4 .ai1 img{width:17px;height:17px;margin:0;    margin-left: 15px;
    margin-right: 10px;}
.swt_zx  .p4 .ai2 img{width:17px;height:17px;margin:0;margin-left: 15px;
    margin-right: 10px;}
.swt_zx  .p4 .ai2{width:117px;height:42px;display:flex;align-items:center;justify-content:space-around;font-size:16px;color:#fff;}

.links{display:flex;font-size:20px;color:#fff;border-bottom: 4px solid #303030;padding-bottom:20px}
.interlink{
	width: 10%;
    height: 16px;
    font-size: 12px;
    color: #fff;
    text-align: center;
	margin-bottom:12px;
}
.links_div2{
	display:flex;
	flex-wrap:wrap;
}
.links span{
	font-size: 14px;
    width: 16em;
    color: white;
    font-weight: 600;
}
.dh {
	display:flex;
	align-items:center;
	padding:0 26px;
	font-size:20px;
	color:#fff;
	height:58px;
	margin-bottom:25px;
	border-bottom: 4px solid #303030;
	padding-bottom:20px;
	justify-content:center;
	padding-top:18px;
	font-size:14px;
	color:#a5a1a1;
	}
.dh a{
	font-size:14px;
	color:#a5a1a1;
}
.dn_pc{
    display: none;
}
}
}
.show_service_item_side1_active{
	display:none;
}
.show_service_item_side1_active{
    display: none!important;
}
.show_service_item_side2_active{
    display: flex;
}

.foot {
    background: black;
}

@media screen and (max-width:1023px){
    .foot {
        margin-bottom: 2.9rem;
    }
    
    .links_div2 a {
        color: white;
    }
}

.links {
    color: black;
}

@media screen and (min-width:1024px){
    .foot {
        height: 350px;
    }
    
    .img-list .info {
        position: relative;
        top: -.5rem;
    }
    
    .links_div2 a {
        color: white;
        font-size: 14px;
        width: 8em;
        text-align: center;
    }
}