@charset "utf-8";
/*Theme Name: Talklee.Com
Author: 非李莫属
Author URI: https://www.talklee.com/
Tags: 扁平化,响应式,简洁黑白色,多设备支持*/
/*html5*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;outline:0;border:0;background:transparent;vertical-align:baseline;font-size:100%;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{color: #333;font-family:"Microsoft Yahei",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
nav ul{list-style:none;}
li{list-style: none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
a{margin:0;padding:0;background:transparent;color:#333;vertical-align:baseline;text-decoration:none;font-size:100%;font-family:"Open Sans","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",Arial,Verdana,Tahoma,sans-serif;}
a:hover,a:focus{color:#e77918;text-decoration:none;cursor:pointer;}
p {line-height:20px;}
img {margin:0;padding:0;max-width:100%;height:auto;vertical-align: middle;-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;}
ins {background-color:#ff9;color:#323841;text-decoration:none;}
mark {background-color:#ff9;color:#323841;font-weight:bold;font-style:italic;}
del {text-decoration:line-through;}
abbr[title],dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-spacing:0;border-collapse:collapse;}
.content-wrap{width:100%;overflow:hidden}
.container{margin:0 auto;max-width:1200px;padding:0 20px}
.clear {clear: both;}
hr {display:block;margin:1em 0;padding:0;height:1px;border:0;border-top:1px solid #EDEDED;}
input,select,button,textarea {vertical-align:middle;font-family:Arial,"Microsoft YaHei","WenQuanYi Micro Hei","Open Sans","Hiragino Sans GB",Verdana,sans-serif;}
:focus {outline:0}
a,button,input {-webkit-tap-highlight-color:rgba(255,0,0,0);}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.visible-phone {display:none!important;}
.visible-tablet {display:none!important;}
.hidden-desktop {display:none!important;}
.visible-desktop {display:inherit!important;}

.entry-meta .post-tag a,
a.product-more,
.sideMenu ul li a,
.related-posts ul li a,
.text-info h2 a,
.btn-more,input, textarea, b, ul, li, i, button {
    -moz-transition: ease-in-out 0.3s;
    -webkit-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
    -ms-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
}
/* 滚动条 */::-webkit-scrollbar {width:9px;}
::-webkit-scrollbar-thumb {background:#d2d2d2;border-radius:5px;}
::-webkit-scrollbar-track {background:rgba(51,51,51,0.1);}
/*logo*/.logo {float:left;z-index:10;display:block;height:66px;overflow:hidden;}
.logo img {margin-top:6px;width:208px;}
/**/#ssp-header {background:#fff;-webkit-box-shadow:0 0 3px 1px rgba(0,0,0,0.1);box-shadow:0 0 3px 1px rgba(0,0,0,0.1);width:100%;z-index:80;position: fixed;opacity: 0.9;}
.header-nav {float:right;font-size:14px;margin-right:10px;}
.header-nav li {position:relative;list-style:none;display:block;float:left;margin-right:1px}
.header-nav li a {font-size: 1.5rem;text-transform:none;line-height:66px;height:66px;padding:0 18px;color:#666;display:block;-webkit-transition:all .03s ease-out 0s;-o-transition:all .03s ease-out 0s;transition:all .03s ease-out 0s;}
.header-nav li a i.fa {padding-right:3px;position:relative;top:0px;}
.header-nav li .sub-menu {top:66px;z-index:10;font-size:14px;background:#FFFFFF;transition:ease-in-out 0.5s;position:absolute;min-width:100%;max-height:0;-webkit-perspective:400px;-moz-perspective:400px;-ms-perspective:400px;-o-perspective:400px;perspective:400px;}
.header-nav li .sub-menu li {float:none;display:block;color:#f1f1f1;height:35px;min-height:35px;text-align:center;border-left:1px solid #E7E7E7;border-right:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;background:#fff;margin-right:0px;margin:0 -1px;text-align:center;opacity:0;visibility:hidden;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg);}
.header-nav li .sub-menu li a {line-height:35px;height:35px;padding:0 10px;font-size:1.1em;color:#333;white-space:nowrap;}
.header-nav li .sub-menu li a i {padding-right:3px;}
.header-nav li .sub-menu li a:hover {background:none;color:#fff}
.header-nav li .sub-menu li:last-child {border-bottom:2px solid #eb7714;margin-bottom:-1px;}
.header-nav .active a,.header-nav .active a:focus {color:#ef5b00}
.header-nav li.current-menu-item,.header-nav li:hover,.header-nav li.current-menu-ancestor,.header-nav li.current-post-ancestor,.header-nav li a.current-menu-item,.header-nav .nav-pills > li >a.on {color:#ef5b00;}
.header-nav li > ul > li a.current-menu-item {background:transparent;}
.header-nav li.current-menu-item a,.header-nav li:hover a,.header-nav li.current-menu-ancestor a,.header-nav li.current-post-ancestor a {color:#ef5b00;position:relative}
.header-nav .sign {border-top:5px solid #ddd;border-right:5px solid transparent;border-left:5px solid transparent;position:absolute;top:32px;right:8px}
.sign {display:inline-block;width:0;height:0;content:"";vertical-align:top}
.header-nav li .icons {margin-right:5px;font-size:17px;top:1px;position:relative}
.header-nav .nav-pills > li:hover>.sub-menu {opacity:1;visibility:visible;}
.header-nav li ul.sub-menu li:hover>a {color:#ef5b00;}
.header-nav .nav-pills li ul li:hover>.sub-menu {display:block;}
.header-nav li ul li .sub-menu {top:0;left:100%;border-top:1px solid #e7e7e7;}
.header-nav li ul.sub-menu 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;}
.header-nav li:before {
    width: 0;
    height: 2px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    background-color: #FF6B57;
    content: '';
    transition: all .6s;
    z-index: -1;
}
.header-nav li.active:before, .header-nav li.on:before {
    width: 100%;
    left: 0;
}
/*.nav-pills*/.nav-pills li:hover .sub-menu li:nth-child(1) {opacity:1;visibility:visible;-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;}
.nav-pills li:hover .sub-menu li:nth-child(2) {opacity:1;visibility:visible;-webkit-transition-delay:50ms;-moz-transition-delay:50ms;-ms-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms;}
.nav-pills li:hover .sub-menu li:nth-child(3) {opacity:1;visibility:visible;-webkit-transition-delay:100ms;-moz-transition-delay:100ms;-ms-transition-delay:100ms;-o-transition-delay:100ms;transition-delay:100ms;}
.nav-pills li:hover .sub-menu li:nth-child(4) {opacity:1;visibility:visible;-webkit-transition-delay:150ms;-moz-transition-delay:150ms;-ms-transition-delay:150ms;-o-transition-delay:150ms;transition-delay:150ms;}
.nav-pills li:hover .sub-menu li:nth-child(5) {opacity:1;visibility:visible;-webkit-transition-delay:200ms;-moz-transition-delay:200ms;-ms-transition-delay:200ms;-o-transition-delay:200ms;transition-delay:200ms;}
.nav-pills li:hover .sub-menu li:nth-child(6) {opacity:1;visibility:visible;-webkit-transition-delay:250ms;-moz-transition-delay:250ms;-ms-transition-delay:250ms;-o-transition-delay:250ms;transition-delay:250ms;}
.nav-pills li:hover .sub-menu li:nth-child(7) {opacity:1;visibility:visible;-webkit-transition-delay:300ms;-moz-transition-delay:300ms;-ms-transition-delay:300ms;-o-transition-delay:300ms;transition-delay:300ms;}
.nav-pills li:hover .sub-menu li:nth-child(8) {opacity:1;visibility:visible;-webkit-transition-delay:350ms;-moz-transition-delay:350ms;-ms-transition-delay:350ms;-o-transition-delay:350ms;transition-delay:350ms;}
.nav-pills li:hover .sub-menu li:nth-child(9) {opacity:1;visibility:visible;-webkit-transition-delay:400ms;-moz-transition-delay:400ms;-ms-transition-delay:400ms;-o-transition-delay:400ms;transition-delay:400ms;}
.nav-pills li:hover .sub-menu li:nth-child(10) {opacity:1;visibility:visible;-webkit-transition-delay:450ms;-moz-transition-delay:450ms;-ms-transition-delay:450ms;-o-transition-delay:450ms;transition-delay:450ms;}
.nav-pills li:hover .sub-menu li {-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
.rightnav {float:right;padding:15px 0px 0px 0px;}
.rightnav ul li {padding:0 3px;z-index:2;position:relative;display:block;float:right;}
.rightnav ul li a {border:solid 1px #5b5b5b;font-size:12px;color:#8f9290;padding:6px 16px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;position:relative;display:block;}
.rightnav ul li.active a {background-color:#32A5E7;color:#FFF;border-color:#1687C7;}
.rightnav ul li a:hover {border-color:#FFF;color:#FFF;}
.rightnav ul li.active a:hover {border-color:#1687C7;background-color:#1687C7}
.mininav {display:none;margin-bottom:0;border-bottom:none;overflow:hidden;overflow-x:auto;white-space:nowrap;background-color:#eee;width:100%;-webkit-box-pack:justify;border-bottom:1px solid transparent;border-color:#ebedf1;box-shadow:0 0 1px 0px rgba(0,0,0,0.3),0 0 6px 2px rgba(0,0,0,0.15)}
.mininav li {display:inline-block;text-align:center}
.mininav li a {color:#0B0B0B;padding:8px 1px 8px 14px;display:block;font-size:14px;}
.header-nav .menu-item-has-children>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;}
.nav-sousuo,span.toggle-btn,.nav-sjlogo,.none {display:none;}
.header-nav li .sub-menu {text-align: left;
    position: absolute;
    top: 66px;
    min-width: 100%;
    z-index: 10;
    font-size: 14px;
    border: 1px solid #edf0f2;
    border-top: 1px solid transparent;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #FFFFFF;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    opacity: 0;}
.header-nav li:hover ul.sub-menu {display:block;}
.header-nav li .sub-menu li {float:none;display:block;color:#f1f1f1;height:35px;min-height:35px;text-align:center;border-top:1px solid #E7E7E7;margin-right:0px;margin:0 -1px;}

.header-nav li .sub-menu li:hover a {    background: transparent;
    color: #e77918;}

/*search*/.search {float:right;margin:15px 0px 0px 10px;border:1px solid #ccc;border-radius:20px;overflow:hidden;position:relative;display:inline-block;vertical-align:top;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.search .text {width:60px;padding:3px 3px 0px 3px;float:left;font-size:14px;font-family:"t","microsoft yahei";height:28px;line-height:30px;text-indent:10px;border:0;border-radius:20px;outline:0;background:transparent;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;margin-bottom:2px;}
.search .btn {    width: 28px;
    height: 30px;
    float: left;
    margin: -2px 10px 2px 0;
    text-indent: -999px;
    border: 0;
    cursor: pointer;
    background: url(images/icon.png) no-repeat 0 -360px;
    outline: 0;}
.search:hover {border:1px solid #ef5b00;background:#fff;}
.search .text:focus {
    width: 100px;
}
/*swiper-banner*/
.single-content,.page-content {width:100%;background-color:#fff;border:1px #eee solid;padding:12px 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.swiper-container {margin:0 auto;position:relative;overflow:hidden;z-index:1;vertical-align:top;-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;border-radius:2px;box-shadow:0 1px 1px rgba(0,0,0,0.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-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.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-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-slide-active {z-index:999;}
.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 {position:absolute;top:50%;margin-top:-22px;z-index:10;cursor:pointer;text-align:center;}
.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled {opacity:0.35;cursor:auto;pointer-events:none;}
.swiper-pagination {position:absolute;text-align:right;z-index:10;}
.swiper-pagination.swiper-pagination-hidden {opacity:0;}
.swiper-pagination-bullet {margin:0 3px;width:12px;height:12px;display:inline-block;background-color:#fff;opacity:0.4;cursor:pointer;border-radius:50px;}
.swiper-pagination-bullet-active {opacity:1;background-color:#e77918;}
.swiper-container:hover .swiper-pagination-bullet {opacity:1;}
.swiper-pagination-bullet:hover {background-color:#e77918;}
.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {margin:5px 0;display:block;}
.swiper-container-horizontal > .swiper-pagination {    bottom: 8px;
    width: 100%;
    margin: 0 auto;
    text-align: center;}

.swiper-post {background-color:#0077C2;border:1px solid transparent;top:-1px;color:#fff;height:auto;max-height:108px;overflow:hidden;left:-1px;padding:3px 10px 1px 10px;position:absolute;width:auto;max-width:60%;}
.swiper-post p {color:#fff;height:auto;max-height:78px;width:auto;overflow:hidden;}
.swiper-post h3 a {color:#fff;}
.slide-main img {display:block;width:100%;height:auto;}
.swiper-button {opacity:0;font-family:'salong';font-size:20px;color:#fff;}
.swiper-button-next {right:10px;}
.swiper-button-prev {left:10px;}
.swiper-home-button-next,.swiper-home-button-prev {background-color:rgba(0,0,0,.3);padding:16px 10px;}
.swiper-home-button-next:hover,.swiper-home-button-prev:hover {background-color:#de3009;color:#fff;}
.swiper-container:hover .swiper-button {opacity:1;}
.swiper-container:hover .swiper-button-next {right:0;}
.swiper-container:hover .swiper-button-prev {left:0;}
.swiper-taji {margin-bottom:12px;}
.swiper-taji .swiper-slide {position:relative;}
.swiper-taji .swiper-slide span {position:absolute;left:0;right:0;bottom:0;width:100%;height:28px;background-color:rgba(0,0,0,.2);color:#fff;padding:2px 8px;}
.swiper-taji .swiper-slide img {width:100%;height:auto;display:block;}
.stylelist {margin-right:-20px;}
.stylelist .post {padding:20px 20px 20px 300px;border:1px #eee solid;overflow:hidden;position:relative;margin:0 20px 12px 0;background-color:#fff;}
/*service*/
.services{max-width:1200px;width:100%;margin:0 auto;margin-top:80px;margin-bottom:80px;text-align:center}
.service-title {
    position: relative;
    height: 100%;
    overflow: hidden;
}
.service-title h2 {
    font-size: 30px;
    line-height: 42px;
    color: #000;
    font-weight: 500;
}
.service-title span {
    color: #000;
    font-size: 16px;
    line-height: 33px;
    padding-bottom: 10px;
    border-bottom: 2px solid #333;
    overflow: hidden;
}
.product-title p,
.news-title p,
.service-title p,
.partners-title p{
    margin: 1.5% 0;
}
.servicebox {
    overflow: visible;
}
.servicebox ul {
    font-size: 0;
    padding: 20px 0px 0 0;
    text-align: center;
    width: 100%;
    margin: 0 auto;
}
.servicebox ul li {
    width: 25%;
    display: inline-table;
    vertical-align: top;
}
.service-main {
    height: 100%;
    text-align: center;
    font-size: 14px;
    cursor: help;
}
.service-img {
    width: 168px;
    margin: 0 auto;
    display: block;
    background-color: #f6f6f6;
    border-radius: 100%;
    overflow: hidden;
    font-size: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    filter: alpha(opacity=80);
    opacity: 0.8;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.service-main h4 {
    font-size: 16px;
    color: #666;
    padding: 25px 0 10px;
}
.service-main p {
    line-height: 22px;
    padding: 0px 30px;
    font-size: 14px;
    color: #888;
}
/*about*/
section.about {
    position: relative;
    padding: 30px 0 60px 0;
    overflow: hidden;
    transition: all 0.6s ease;
}
.about-head {
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 9;
    margin: 50px 0;
    color: #fff;
}
.about-head h2 {
    font-size: 26px;
    font-weight: 700;
}
.about-head h2:before, .about-head h2:after {
    content: "";
    border-top: 2px solid #b5b5b5;
    display: block;
    position: absolute;
    width: 10%;
    top: 20px;
}
.about-head h2:before {
    left: 33%;
}
.about-head h2:after {
    right: 33%;
}
.about-head p {
    margin: 30px auto 0;
    text-align: justify;
    line-height: 180%;
}
.about-head a.btn-more {
    display: inline-block;
    white-space: nowrap;
    padding: 10px 30px;
    background-color: #e77918;
    color: #fff;
    font-weight: 700;
    border-radius: 20px;
    margin-top: 30px;
}
.about-head a.btn-more:hover {
	background-color: #fff;
	color:#e77918;
}
.about-main {
    overflow: hidden;
    margin-bottom: 30px;
}
.about-main ul {
    overflow: hidden;
}
.about-main ul li {
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 2;
    width: 33.333%;
    float: left;
}
span.number-box {
    font-size: 26px;
    display: block;
    font-weight: 700;
    background-image: -webkit-gradient(linear,0 0,0 bottom,from(#fef637),to(#f90));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
span.number-text {
    padding-top: 10px;
    display: inline-block;
}
section.about:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(45, 47, 59, 0.77);
    z-index: 1;
}
/*product*/
.product{max-width:1200px;width:100%;margin:0 auto;margin-top:80px;margin-bottom:60px;text-align:center;position:relative;overflow:hidden}
.product-title h2{font-size:30px;line-height:42px;color:#000;font-weight:500}
.product-title span{color:#000;font-size:16px;height:32px;line-height:33px;    padding-bottom: 10px;
    border-bottom: 2px solid #333;
    overflow: hidden;}

.product-main {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}
.product-main ul li {
    width: 50%;
    float: left;
    border: 1px solid #ddd;
    padding: 5px;
}
.product-main ul li:nth-child(2) {
    border-left: 1px solid transparent;
}
.product-main ul li:nth-child(3) {
    border-top: 1px solid transparent;
}
.product-main ul li:nth-child(4) {
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
}
.product-img {
    width: 50%;
    float: left;
}
.product-text {
    width: 46%;
    float: left;
    margin-left: 2%;
}
.product-img img {
    width: 300px;
    height: 225px;
}
.product-img img:hover {
    opacity: 0.8;
}
.product-text h3 {
    width: auto;
    font-size: 16px;
    line-height: 40px;
    border-bottom: 1px solid #eee;
    color: #484848;
    font-weight: normal;
    position: relative;
    margin-bottom: 10px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.product-text h3:after {
    content: "";
    position: absolute;
    width: 60px;
    height: 2px;
    content: "";
    background: #e77918;
    left: 0;
    bottom: 0;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.product-text h3:hover:after {
	width: 85%;
}
span.product-info {
    text-align: justify;
    height: 115px;
    line-height: 160%;
    overflow: hidden;
    display: inline-block;
}
a.product-more {
    display: inline-block;
    white-space: nowrap;
    padding: 6px 20px;
    border: 1px solid #333;
    background-color: #ffffff;
    color: #333333;
    font-weight: 700;
    border-radius: 2px;
    margin-top: 6px;
    float: left;
}
a.product-more:hover {
    border: 1px solid #e77918;
    color: #e77918;
}
.product-main ul li:nth-child(3) .product-img, .product-main ul li:nth-child(4) .product-img {
    float: right;
}
.product-main ul li:nth-child(3) .product-text, .product-main ul li:nth-child(4) .product-text {
    float: left;
}
/*news*/
.news{background:#eee;padding:1px 0;overflow:hidden}
.news-title{max-width:1200px;width:100%;margin:0 auto;margin-top:80px;margin-bottom:30px;text-align:center;position:relative}
.news-title h2{font-size:30px;line-height:42px;color:#000;font-weight:500}
.news-title span{color:#000;font-size:16px;height:32px;line-height:33px;    padding-bottom: 10px;
    border-bottom: 2px solid #333;
    overflow: hidden;}

.news-content{max-width:1200px;width:100%;margin:0 auto;margin-top:50px;margin-bottom:30px;position:relative;overflow:hidden}
.news-right{width:30%;float:right}
.news-right ul li{position:relative;margin-top:20px;overflow:hidden}
.news-right ul li .one-img{float:none;width:360px;height:210px;max-height:initial;position:relative;margin-top:0}
.news-right ul li .one-img img{vertical-align:middle}
.one-img img:hover {
    opacity: 0.8;
}
.news-right ul li .recent-title h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-right ul li .recent-title h3 a{color:#E4E4E4}
.news-right ul li .recent-title{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.5);padding:5px 15px;margin-left:0}
.news-left{width:60%;float:left}
.news-left li{border-bottom:1px solid rgba(0,0,0,.05);padding-top:35px;padding-bottom:35px}
.news-left li:nth-child(1){padding-top:0}
.news-left li:last-child {
    border-bottom: 0px solid rgba(0,0,0,.05);
}
.news-left-info{float:left;width:84px;height:84px;margin-bottom:18px;background:#f2f2f2;position:relative;margin-top:3px;margin-right:15px;text-align:center}
.news-left-info span:nth-child(1){position:absolute;font-size:25px;font-size:2.5rem;line-height:25px;left:33%;top:20px;overflow:hidden}
.news-left-info span:nth-child(2){position:absolute;font-size:14px;font-size:1.4rem;line-height:14px;left:19%;top:51px;overflow:hidden}
.news-left-text{margin-left:100px}
.news-left-text h3{font-size:18px;height:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:0;line-height:24px;color:#010101;font-weight:500}
.news-left-text p{margin-top:4px;font-size:14px;line-height:24px;color:grey;margin-bottom:6px;padding:4px 0 0 0;overflow:hidden;text-overflow:ellipsis}
.news-more{width:100%;height:50px;line-height:50px;color:#fff;text-align:center;cursor:pointer;background-color:#144593}
.news-left-text h3 em {
    padding: 0px 5px;
    background: #e77918;
    margin-right: 10px;
    border-radius: 4px;
    color: #fff;
    font-style: normal;
    font-size: 16px;
}
h3.title a {
    -moz-transition: ease-in-out 0.3s;
    -webkit-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
    -ms-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
}
h3.title a:hover {
    margin-left: 6px;
}
/*partners*/
.partners{max-width:1200px;width:100%;margin:0 auto;margin-top:80px;margin-bottom:80px;text-align:center;position:relative}
.partners-title h2{font-size:30px;line-height:42px;color:#000;font-weight:500}
.partners-title span{color:#000;font-size:16px;height:32px;line-height:33px;    padding-bottom: 10px;
    border-bottom: 2px solid #333;
    overflow: hidden;}
.partners-content{margin:50px 0 0px 0}
.partners-content ul{padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-webkit-justify-content--ms-flex-pack:justify;-webkit-justify-content--ms-flex-pack-justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-webkit-align-items--ms-flex-align:center;-webkit-align-items--ms-flex-align-align-items:center;-webkit-flex-wrap:wrap;-webkit-flex-wrap--ms-flex-wrap:wrap;-webkit-flex-wrap--ms-flex-wrap-flex-wrap:wrap}
.partners-content ul li{width:16.6666%;display:inline-block;margin-bottom:2%;vertical-align:top;background-color:#fff;position:relative}
/*main*/
.cata-banner {
    margin-bottom: 50px;
    position: relative;
    padding-top: 66px;z-index: 8;
}
.main {
    width: 75%;
    float: right;
}

.breadcrumb-title {
    border-bottom: 1px solid #eee;
    overflow: hidden;
    padding-top: 6px;
    margin-bottom: 25px;
}
.breadcrumb {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 30px;
    background: 0 0;
    font-size: 1em;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 68%;
}
.breadcrumb-title h1, .cate-title {
    float: left;
    font-weight: normal;
    font-size: 1.6rem;
    border-bottom: 2px solid #e77918;
    padding-bottom: 15px;
}
.breadcrumb i.fa {
    margin-right: 5px;
}
.breadcrumb a {
    margin-right: 5px;
    color: #e77918;
}
.newslist, .postlist, .bloglist {
    margin-bottom: 30px;
}
.postlist .catalog-item {
    height: 115px;
    background: url(images/blog-line-c.png) no-repeat 110px 0px;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease 0s;
}
.news-time {
    position: absolute;
    font-size: 0.875em;
    left: 0;
    top: 0;
    color: #666;
    float: left;
    width: 84px;
    height: 84px;
    background: #f2f2f2;
    margin-top: 20px;
    margin-right: 15px;
    text-align: center;
}
.news-time span:nth-child(1) {
    position: absolute;
    font-size: 25px;
    line-height: 25px;
    left: 33%;
    top: 20px;
    overflow: hidden;
}
.news-time span:nth-child(2) {
    position: absolute;
    font-size: 14px;
    line-height: 14px;
    left: 19%;
    top: 51px;
    overflow: hidden;
}
.postlist .text-info {
    padding-left: 150px;
    transition: all 0.4s ease 0s;
    width: 80%;
    float: left;
}
.postlist .text-info h2, ul.bloglist li h2 {
    font-weight: normal;
    font-size: 1.125em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}
.postlist .text-info h2 a:hover {
    margin-left: 6px;
}
.postlist .text-info p, .bloglist li p {
    font-size: 0.75em;
    text-indent: 2em;
    color: #444;
    line-height: 1.75em;
    text-align: justify;
    height: 63px;
    overflow: hidden;
}
.text-pic {
    float: right;
    padding: 10px 0;
    width: 155px;
    height: 115px;
    overflow: hidden;
}
.text-pic img {
    width: 100%;
    height: 100%;
}
.text-pic img:hover {
    width: 100%;
    height: 100%;
}
.catalog-item:hover .text-pic img {
    opacity: 0.7;
}
/*sidebar*/
.sidebar {
    width: 23%;
    float: left;
}
.widget h3 span,
.sideMenu h3 span {
    font-weight: normal;
    font-size: 0.75em;
    margin-left: 10px;
}
.sideMenu ul {
    background-color: #fdfdfd;
}
.sideMenu ul li {
    font-weight: bold;
    font-size: 1em;
    color: #666;
    border-bottom: 1px solid #eee;
}
.sideMenu ul li a {
    display: block;
    padding: 10px 10px 10px 20px;
}
.cata-list ul li a.on,
.sideMenu ul li a.on {
    color: #e77918;
}
.sideMenu ul li a:hover {
    background: url(images/menu-bg.gif) no-repeat left center;
	padding-left:45px;
}
.sideMenu, .widget {margin-bottom: 25px;position:relative;clear:both;border:1px solid #ddd;background:none repeat scroll 0 0 #fff;vertical-align:top;-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;border-radius:2px;box-shadow:0 1px 3px 0 rgba(0,0,0,.08);overflow:hidden;}
.widget.widget_contact {margin-bottom:0px;}
.textwidget {padding:10px;font-size:14px;border-bottom: 1px solid #e77918;}
.textwidget p:first-child {margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid #1e50ae;}
.textwidget p {margin-bottom:10px}
.textwidget p img {width:100%;height:auto}
.textwidget p:last-child {
    margin-bottom: 5px;
}
.sideMenu h3, .widget h3 {
    background-color: #f2f2f2;
    color: #333;
    padding: 10px 10px 11px 20px;
    font-size: 1.2em;
    font-weight: normal;
    border-bottom: 2px solid #e77918;
    text-transform: uppercase;
    border-top: 1px solid #ddd;
}
/*main-img*/
.post-img {
    text-align: center;
}
.cataimg-item {
    padding: 10px;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    width: 33%;
    display: inline-block;
    font-size: 1rem;
	margin-bottom: 10px;
    vertical-align: top;
}
.cataimg-item a {
    display: block;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid;
    border-color: #e77918;
    font-size: 14px;
    text-decoration: none;
    transition: ease .65s;
}
.cataimg-img {
    transition: ease .65s;
	width: 363px;
    height: 242px;
    overflow: hidden;
}
.cataimg-img img {
    border: 0;
    display: block;
	height:100%;
    width: 100%;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}
.cataimg-item h2 {
    font-size: 16px;
    color: #333;
    margin-top: 15px;
    position: relative;
    padding: 0 5px;
    height: 20px;
    line-height: 20px;
    text-align: left;
    text-shadow: rgba(0,0,0,.15) 0 0 1px;
}
.cataimg-item h2 p {
    max-width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cataimg-item span {
    position: absolute;
    right: 5px;
    top: 0;
    font-size: 14px;
    color: #CDCDCD;
}
.cataimg-item span em {
    margin-right: 10px;
    transition: ease .65s;
    opacity: 0;
    transform: translateX(-20px);
    display: inline-block;
    font-size: 12px;
    font-style: normal;
}
.cataimg-item span i.fa {
    font-size: 18px;
    position: relative;
    top: 1px;
    transition: ease .65s;
    color: #666666;
}
.cataimg-item span i.fa:after {
    content: '';
    display: block;
    width: 1px;
    height: 20px;
    background: #666666;
    position: absolute;
    left: -5px;
    top: 0;
    transition: ease .65s;
}
.cataimg-item p:last-child {
    padding: 0 5px;
    margin-top: 10px;
    color: #666666;
    overflow: hidden;
    text-align: left;
    line-height: 180%;
    text-shadow: rgba(0,0,0,.15) 0 0 1px;
}
.cataimg-item a:hover {
    box-shadow: 0 0 16px #b1b1b1;
}
.cataimg-item a:hover .cataimg-img {
    transform: translate(10px, -10px);
    box-shadow: 0 0 16px #b1b1b1;
}
.cataimg-item a:hover span, .cataimg-item a:hover span i.fa {
    color: #e77918;
}
.cataimg-item a:hover em {
    opacity: 1;
    transform: translateX(0);
}
.cataimg-item a:hover span, .cataimg-item a:hover span i.fa {
    color: #e77918;
}
.cataimg-item a:hover span i.fa:after {
    height: 0;
    top: 50%;
    transition-delay: .25s;
}
.cata-list {
    margin-bottom: 20px;
    margin-top: -30px;
}
.cata-list ul {
    padding: 0;
    list-style: none;
    margin: 0;
    text-align: center;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.cata-list ul li {
    white-space: nowrap;
    display: inline-block;
    float: none;
}
.cata-list ul li a {
    text-decoration: none;
    display: block;
    margin: 0 5px;
    font-size: 16px;
    line-height: 75px;
    text-align: center;
    padding: 0 20px;
    height: 75px;
    color: #666666;
    -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms;
    transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms;
    position: relative;
    font-weight: bold;
}
.cata-list ul li a:hover {
    color: #e77918;
    font-weight: bold;
    padding-top: 6px;
}
/*pagination*/.pagination {margin:0;padding:10px 0 30px 0;text-align:center;font-size:12px;display:block}
.pagination ul {display:inline-block;margin-left:0;margin-bottom:0;padding:0}
.pagination ul>li {display:inline}
.pagination ul>li>a,.pagination ul>li>span {margin:3px 5px 3px 0;float:left;padding:7px 14px;background-color:#FFF;border:1px solid #ddd;font-size:12px;color:#666;border-radius:2px}
.pagination ul>li>a:focus,.pagination ul>li>a:hover {opacity:1}
.pagination ul li:hover a,.pagination ul>.active>a,.pagination ul>.active>span {color: #ffffff;
    background-color: rgb(231, 121, 24);
    border: 1px solid #e77918;}
.pagination ul>.active>a,.pagination ul>.active>span {cursor:default}
.pagination ul>.disabled>a,.pagination ul>.disabled>a:focus,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>span,.pagination ul>li>span {color:#999;background-color:transparent;cursor:default}
/*banner*/
.banner{width:100%;height:auto;text-align:center}
.banner img{max-width:100%;height:auto;vertical-align:top}
.page-title{margin-bottom:20px;border-bottom:1px solid #ddd}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix:after,.clearfix:before{content:" ";display:table}
.breadcrumb>li+li:before{content:"/";padding:0 5px;color:#ccc}
/*footer*/
.footer{background:#111;text-align:center;color:#bbb;border-top:1px solid #303030;}
.footer-top {
    background: url(images/footer.jpg) center 0 no-repeat;
    height: 317px;
    text-align: center;
    width: 100%;
    margin: 0 auto;
}
.footer-top-content{max-width:1200px;margin:0 auto}
.footer-top .span-1 {
    width: 30%;
    float: left;
    margin-right: 8%;
}
.footer-top .span-1 h2{color:#fff;font-size:16px;text-align:left;margin-top:35px;padding-bottom:15px;margin-bottom:25px;border-bottom:2px solid #4d4a48;position:relative}
.footer-top .span-1 h2:after{content:"";width:70px;height:3px;background:#646464;position:absolute;left:0;bottom:-1px}
.span-text span{width:100%;float:left;font-size: 1.4rem;text-align:left;padding:0;height:45px;line-height:45px;margin-bottom:5px;overflow:hidden}
.span-text span img{padding-right:10px}

.footer-top .span-2 {
    width: 25%;
    float: left;
    margin-right: 8%;
}
.footer-top .span-2 h2 {color:#fff;font-size:16px;text-align:left;margin-top:35px;padding-bottom:15px;margin-bottom:25px;border-bottom:2px solid #4d4a48;position:relative}
.footer-top .span-2 h2:after {content:"";width:70px;height:3px;background:#646464;position:absolute;left:0;bottom:-1px}
.footer-top .span-2 .span-text {text-align:left}
.footer-top .span-2 .span-text li {padding:8px;color:#959595;font-size: 1.4rem;display:inline-block;width:48.5%;text-align:center;}
.footer-top .span-2 .span-text li a {color:#bbb}
.footer-top .span-3 {
    width: 28%;
    float: left;
    text-align: justify;
    margin-top: 90px;
    position: relative;
}
span.span-4 img {
    width: 120px;
}
span.span-4 img:last-child {
    margin-left: 3em;
}
.footer-top .span-3 .span-5 {color:#fff;font-size:16px;position:absolute}
.footer-top .span-3 .span-6 {color:#076ce0;font-size:32px;position:absolute;top:27px}
.footer-copyright {background:#111;text-align:center;color:#bbb;padding:18px 0;border-top:1px solid #303030;clear:both}
.footer-copyright a {color:#bbb;margin:0 0 0 5px;}
.footer i.fa {margin:0 5px;}
.footer_links {font-size:14px;color:#747b81;float:left;}
.footer_links li {border-right:1px #aaa solid;display:inline;padding-right:10px;margin-right:9px;}
li.last {border-right:0px #aaa solid;}
.footer_copyright {font-size:14px;font-size: 1.4rem;color:#bbb;line-height:180%;}
.span-link {margin-top:20px;font-size: 1.4rem;}
.span-link a {color:#bbb;}
.foot-search {
    width: 90%;
    float: left;
    text-align: left;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    margin: 12px 0px 0px 5px;
    border: 1px solid #ffffff;
    border-radius: 4px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.foot-searchform {
    background: #ffffff;
    overflow: hidden;
    color: #ddd;
}
input.foot-text-s {
    width: 80%;
    padding: 0px 0px 0px 3px;
    float: left;
    font-size: 14px;
    font-family: "t","microsoft yahei";
    height: 40px;
    line-height: 40px;
    text-indent: 10px;
    border: 0;
    border-radius: 20px;
    outline: 0;
    background: transparent;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    color: #333333;
}
input.foot-btn {
    width: 36px;
    height: 33px;
    line-height: 45px;
    float: right;
    margin: 2px 6px 0 0px;
    text-indent: -999px;
    border: 0;
    cursor: pointer;
    background: url(images/icon.png) no-repeat 0 -360px;
    outline: 0;
}
/*----------- commentlist -----------*/     
.post-comments{margin-top:50px;margin-bottom:50px;padding-bottom:50px;border-bottom:1px solid #eee}
#comments_wrapper .block-heading{margin-top:100px}
.block-heading{text-align:center;text-transform:uppercase;margin-bottom:50px;display:block;font-size:18px;font-weight:700}
.mkcomments{background-color:#FBFBFB;border-top:1px solid #428BD1;color:#BBB;font-size:14px;overflow:hidden;margin-bottom:15px;padding:20px}
.commentlist .msg{padding-top:10px}
ul.msg{width:100%;margin-bottom:5px}
ul.msg li{width:100%;overflow:hidden;clear:both;margin:0;padding:0;list-style:none}

.avatar{float:left;box-shadow:0 1px 1px rgba(255,255,255,.75);position:relative;-webkit-border-radius:3px;border-radius:3px;background-color:#fff;margin-right:15px}
.avatar img{width:50px;height:50px;border-radius:27px;-webkit-border-radius:27px;-moz-border-radius:27px;box-shadow:inset 0 -1px 0 #3333sf;-webkit-box-shadow:inset 0 -1px 0 #3333sf;-webkit-transition:.4s;-webkit-transition:-webkit-transform .4s ease-out;transition:transform .4s ease-out;-moz-transition:-moz-transform .4s ease-out}
.avatar img:hover{box-shadow:0 0 10px #fff;-webkit-box-shadow:0 0 10px #fff;transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg)}
.comment-body{position:relative;margin-left:62px;border:1px solid #ddd;padding:0 10px 10px!important;border-radius:2px}
.comment-body:before{border-right-color:#dedede!important;z-index:1}
.comment-body:after{border-right-color:#f8f8f8!important;margin-left:1px;z-index:2}
.comment-body:after,.comment-body:before{position:absolute;top:8px;left:-8px;right:100%;width:0;height:0;display:block;content:" ";border-color:transparent;border-style:solid solid dotted;border-width:8px 8px 8px 0;pointer-events:none}
.comment-header{background-color:#f8f8f8;padding:10px;margin-left:-10px;margin-right:-10px;border-bottom:1px solid #eee;font-weight:500;margin-bottom:10px;font-size:14px}
.comment-header a{color:#999;font-size:13px;margin-right:8px}
.comment-body p{font-size:13px;color:#000;line-height:2em;margin:.5em 0;word-wrap:break-word}
.comment-footer{margin-top:15px;font-size:13px;line-height:1.5em}
.comment-time{font-size:12px;margin-right:8px;color:#999}
.post-reply{font-size:12px;color:#999}
ul.children{margin-left:38px}
ul.children .avatar,ul.children .avatar img{width:30px;height:30px}
#divCommentPost{overflow:hidden;margin-bottom:20px;margin-top:100px}
#divCommentPost h3{font-size:18px;color:#3c4f51;font-weight:400;margin-bottom:20px;letter-spacing:2px;text-transform:uppercase;font-weight:700;text-align:center}
#divCommentPost h3 small a{background:#ff6f5a;text-transform:uppercase;font-size:11px;color:#FFF;padding:6px 10px;margin-left:7px}
#divCommentPost .comment-form-author,#divCommentPost .comment-form-email{float:left;width:calc(50% - 5px);margin-bottom:10px}
#divCommentPost .comment-form-author{margin-right:10px}
#divCommentPost .comment-form-author,#divCommentPost .comment-form-email{float:left;width:calc(50% - 5px);margin-bottom:10px}
#divCommentPost .comment-form-url{width:100%}
#divCommentPost input{padding:15px 10px;border:1px solid #eee;color:#999;font-size:14px;width:calc(100% - 22px);margin:0;outline:0}
#divCommentPost .comment-form-url{margin-bottom:10px}
#divCommentPost textarea{padding:14px;border:1px solid #eee;width:100%;height:120px;font-size:14px;color:#555;outline:0;resize:none;margin-bottom:10px;line-height:20px}
#divCommentPost #submit{background:#eee;border-radius:0;font-size:14px;color:#666;font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;text-shadow:none;font-weight:700;border:0;padding:15px 10px;display:inline-block;outline:0;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;cursor:pointer;width:calc(100%);text-align:center}
#divCommentPost #submit:hover{background:#1e50ae;color:#FFF}

/*singht-wrap*/
.singht-wrap {margin:80px 0;}
.single-title {    clear: both;
    position: relative;
    margin-bottom: 20px;}
.single-avatar {
    position: absolute;
    float: left;
    left: 0px;
    top: 0px;
}
.single-avatar img {
    overflow: hidden;
    padding: 2px;
    width: 75px;
    height: 100%;
    border: 1px solid #EAEAEA;
    -webkit-border-radius: 37px;
    -moz-border-radius: 37px;
    border-radius: 37px;
    background: #fff;
    -webkit-box-shadow: inset 0 -1px 0 #333;
    box-shadow: inset 0 -1px 0 #333;
    -webkit-transition: 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
    transition: transform 0.5s ease-out;
}
.single-title:hover .single-avatar img {
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 0 10px #fff;
    box-shadow: 0 0 10px #fff;
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
    -moz-transition: ease-in-out 0.3s;
}
.single-title h1 {    max-width: 88%;
    float: left;
    clear: both;
    line-height: 35px;
    text-align: left;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 10px;
    margin-left: 90px;
}

.single-info {    overflow: hidden;
    clear: both;
    line-height: 35px;
    text-align: left;
    font-size: 14px;
    color: #666;
    margin-left: 90px;}
.single-info>span {margin-right:6px;}
a.sing-bj i.fa,.single-info>span>i.fa {padding-right:3px;}
a.sing-bj {margin-left:6px;}
#font-change {display:inline-block;}
#font-change a {color:#666;}
.single-post {padding:0px 15px;margin-bottom: 25px;}
.single-post.entry-page{border-bottom: 1px solid #e77918;    border-bottom: 1px solid #e77918;
    vertical-align: top;
    -webkit-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    box-shadow: 0px 15px 10px -13px rgba(0,0,0,.08);}
.entry {position:relative;overflow:hidden;width:auto;color:#444;font-size:14px;line-height:200%;padding:15px 20px;}
.entry .paydown {margin-bottom:20px;width:auto;border:1px solid #eee;background:#f8f8f8;}
.entry .paydown p {margin:3px;padding:3px 15px;border-bottom:1px solid #f8f8f8;text-indent:0;}
.entry .paydown p span {padding:0 5px;color:#E14D43;font-weight:bold;font-size:120%;}
.entry .paydown .down-title {float:left;padding-top:15px;width:9%;color:#666;text-align:center;font-weight:bold;font-size:16px;}
.entry .paydown .down-detail {float:right;min-height:140px;width:90%;border-left:1px solid #eee;background:#fff;}
.entry .paydown p.down-ordinary {color:#32a5e7;}
.entry .paydown p.down-vip {color:#E14D43;}
.entry .paydown p a {margin-left:10px;font-weight:bold;}
.entry .paydown p.down-tip {border-bottom:none;}
.entry .wpfp-span ul {padding:0;border:1px solid #eee;}
.entry .wpfp-span ul li {margin-left:0;padding:0;border-bottom:1px solid #eee;list-style:none;line-height:36px;}
.entry .wpfp-span ul li a {margin-left:10px;}
.entry .wpfp-span ul li:last-child {border-bottom:none;}
.entry .wpfp-span ul li:nth-child(even) {background:#f8f8f8;}
.entry .wpfp-span ul li a i {margin-right:5px;}
.entry .wpfp-span ul li a i.fa-trash {color:#F74D4D;}
.entry .wpfp-span p {margin:7px 10px;text-indent:0;}
.entry .wpuf-fields img {margin:0;padding:2px;border:none;}
.entry .wpuf-fields input[name=rs_captcha] {margin-bottom:12px;}
.entry .wpuf-fields textarea {font-family:Arial,"Microsoft YaHei","WenQuanYi Micro Hei","Open Sans","Hiragino Sans GB",Verdana,sans-serif;}
.entry .wpuf-hide {display:none!important;}
.entry #content-index-contents li {margin-left:0;list-style:none;}
.entry #content-index-contents li .children {margin-left:10px;}
.old-message {margin-bottom:10px;padding:5px 10px;border:solid 1px #FFBB76;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;background:#FFFCEF;color:#DB7C22;font-size:14px;}
.not-found {border-bottom:1px solid #E1E1E1;}
.entry .searchform {margin:30px;padding-bottom:30px;}
.entry .searchform .screen-reader-text {display:none;}
.entry h2 {color:#666;font-size:20px;font-weight:bold;line-height:190%;border-bottom:1px solid #e40000;border-left:4px solid #e40000;padding:0px 30px 5px 30px;margin:10px -20px 20px -20px;}
.entry h3 {text-indent:0em!important;padding-left:10px;color:#666;font-size:16px;font-weight:bold;line-height:190%;margin:2px -20px 15px -20px;padding:4px 30px;border-left:4px solid #2f889a;border-bottom:1px solid #2f889a;}
.entry h4 {margin:10px 0;margin-left:10px;padding-left:10px;border-bottom:1px solid #2f889a;color:#666;font-size:15px;font-weight:bold;line-height:180%;padding-bottom:10px;}
.entry h5 {margin:10px 0;margin-left:10px;padding-left:10px;border-bottom:1px solid #E7E7E7;color:#666;font-size:14px;font-weight:bold;line-height:180%;padding-bottom:10px;}
.entry p {margin:5px 0 10px;color:#666;font-size:15px;line-height:180%;}
.p-text-indent .entry p {text-indent:2em;}
.entry a {color:#32a5e7;text-decoration:none;}
.entry a:hover {color:#E14D43;}
.entry em {padding:0 2px;color:#A40000;}
.entry strong {color:#666;font-weight:bold;}
.entry span strong {color:inherit;}
.entry blockquote {margin:10px -22px 10px -20px;padding:10px 40px;border-top:1px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #eee;border-left:5px solid #398E9F;background:#fcfcfc;}
.entry blockquote p {margin:2px;}
.entry-meta {padding:5px 20px;text-align:center;}
.lvse {text-indent:1em !important;color:#7da33c;background:#ecf2d6 url('images/wpgo_sc_notice.png') -1px -1px no-repeat;border:1px solid #aac66d;overflow:hidden;margin:10px 0;padding:15px 15px 15px 35px;}
.hongse {text-indent:1em !important;color:#c66;background:#ffecea url('images/wpgo_sc_error.png') -1px -1px no-repeat;border:1px solid #ebb1b1;overflow:hidden;margin:10px 0;padding:15px 15px 15px 35px;}
.huangse {text-indent:1em !important;color:#ad9948;background:#fff4b9 url('images/wpgo_sc_warn.png') -1px -1px no-repeat;border:1px solid #eac946;overflow:hidden;margin:10px 0;padding:15px 15px 15px 35px;}
.huise {text-indent:1em !important;color:#777;background:#eaeaea url('images/wpgo_sc_tips.png') -1px -1px no-repeat;border:1px solid #ccc;overflow:hidden;margin:10px 0;padding:15px 15px 15px 35px;}
.lanse {text-indent:0em !important;font-size:16px;font-weight:normal;color:#FFF;margin:10px 0;padding:5px 10px;background-color:#169FE6;display:inline-block;}
.putong {text-indent:1em !important;margin:10px 0;padding:10px 15px;background:#FFF;border:1px solid #E3E3E3;border-left:3px solid #3DABCE;}
.chunse {text-indent:1em !important;font-family:微软雅黑;padding:15px 15px 15px 35px;margin:20px 0px;border:1px solid rgb(190,31,31);color:rgb(130,11,11);position:relative;font-size:15px;line-height:18px;white-space:normal;background:rgb(239,206,201);}
p.lanse a {color:#FFF;font-weight:600;}
.entry .lanse {color:#fff;margin-left:1em;}
.entry .lanse a:hover {color:#E7FF20;}
.entry ul {padding:5px 10px;}
.entry ul li {margin-left:20px;list-style:circle;}
.entry ul li.linkcat,.plinks ul li {list-style:none;}
.entry th,.entry td {padding:8px;}
.entry th {background:#fff;}
.entry img {max-width:96%;height:auto;-moz-border-radius:2px;-khtml-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;box-shadow:0 3px 10px rgba(0,0,0,0.1);}
.entry .aligncenter {display:block;margin-right:auto;margin-left:auto;}
.entry .alignright {display:inline;float:right;margin:-15px 0 -15px 10px;}
.entry .alignleft {display:inline;float:left;margin:-15px 10px -15px 0;}
.entry .wp-caption {border:1px solid #eee;text-align:center;background:#fcfcfc;padding-top:5px;margin:10px 1%;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;max-width:98%;}
.entry .wp-caption img {margin:0;padding:0;border:0 none;max-width:98%;}
.entry .wp-caption p.wp-caption-text {font-size:12px;line-height:18px;padding:0 4px 5px;margin:0;text-indent:0;}
.entry .aligncenter {display:block;margin-right:auto;margin-left:auto;text-align:center;}
.entry input#s {padding:3px;min-width:200px;border:1px solid #EDEDED;background:#fff;line-height:22px;}
.entry input#searchsubmit {padding:3px;width:50px;border:1px solid #EDEDED;background:#fcfcfc;line-height:22px;cursor:pointer;}
.entry ul.menu:after {display:block;clear:both;height:0;content:"";}
.entry ul.menu li {float:left;min-width:150px;width:22%;}
.entry table {background:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #eee;margin:auto;margin-bottom:15px;}
.entry table tr th {border:1px solid #eee;}
.entry table thead,.entry table tfoot {background:#f5f5f5;}
.entry table thead tr th,.entry table tfoot tr th,.entry table tbody tr td,.entry table tr td,.entry table tfoot tr td {line-height:18px;text-align:left;border:1px solid #eee;}
.entry table thead tr th,.entry table tfoot tr td {padding:10px;color:#444;}
.entry table thead tr th:first-child,.entry table tfoot tr td:first-child {border-left:none;}
.entry table thead tr th:last-child,.entry table tfoot tr td:last-child {border-right:none;}
.entry table tbody tr.even,.entry table tbody tr.alt {background:#F8F8F8;}
.entry table tbody tr:nth-child(even) {background:#F8F8F8;}
.entry table tbody tr td {padding:9px 10px;}
.tag-sort ul {padding:0;word-wrap:break-word;}
.tag-sort ul li {margin-left:0px;list-style:none;}
.tag-sort ul a {margin-right:18px;}
.tag-sort #first-letter {}
.tag-sort #first-letter a {margin:10px 5px;font-weight:bolder;font-size:16px;}
.attachment img {display:block;margin:0 auto;}
.entry-meta .post-share .share-tit {float:left;padding-top:5px;}
.entry-meta .post-tag {margin:5px 0 12px;}
.entry-meta .post-tag a {    padding: 0px 15px;
    border: 1px solid #666;
    margin-right: 10px;
    margin-bottom: 10px;
    line-height: 30px;
    border-radius: 20px;
    color: #666;
    display: inline-block;}
.entry-meta .post-tag a:last-child {margin-right:0px;}
.entry-meta .post-tag a:hover {background:#666;color:#fff;}
.entry-meta .wpfp-span {position:relative;float:right;margin-top:5px;min-width:80px;width:10%;}
.entry-meta .wpfp-span img {position:absolute;top:2px;left:3px;}
.wpfp-hide {display:none;}
.wpfp-img {margin-right:2px;border:0;vertical-align:middle;}
span.articleLogo img {margin-right:5px;position:relative;top:2px;}
.related-posts {    line-height: 200%;
    padding: 5px 20px 15px;
    border-bottom: 1px solid #e77918;
    vertical-align: top;
    -webkit-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    box-shadow: 0px 15px 10px -13px rgba(0,0,0,.08);}
.related-posts h3 {color: #666;
    text-align: center;
    margin-bottom: 30px;
    font-size: 1.4em;
    font-weight: 500;}
span.h3line {    border-bottom: 2px solid #e67816;
    padding-bottom: 10px;}
.related-posts ul {line-height:200%;padding:15px 0px;overflow:hidden;font-size:16px;}
.related-posts ul li {width:50%;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.related-posts ul li span {
    float: right;
    color: #888;
    font-size: 0.75em;
    margin: 0 10px;
}
.relates li i.fa {margin-right:8px;color:#666;}
.related-posts ul li a {    font-size: 16px;
    font-size: .96em;}
.related-posts ul li a:hover {margin-left:8px;}
.article-nav {border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;background-color:#fbfbfb;overflow:hidden;padding:15px 20px;font-size:15px;color:#666;}
.article-nav span {float:left;position:relative;max-width:50%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.article-nav-prev i.fa {margin-right:10px;}
span.article-nav-next {float:right;text-align:right;}
.article-nav-next i.fa {margin-left:10px;}
.nav-previous {float:left;}
.nav-next {float:right;}
.nav-previous a,.nav-next a {font-size:50px;color:#b6b6b6;text-align:center;-webkit-transition:all .2s ease-out 0s;-o-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s;}
span.meta-nav-r {position:fixed;left:3%;top:45%;width:50px;z-index:1;}
span.meta-nav-l {position:fixed;right:3%;top:45%;width:50px;z-index:1;}
span.meta-nav-l i.fa.fa-angle-right,span.meta-nav-r i.fa.fa-angle-left {font-size:1.8em;}
/*--comments --*/#comments {    border-bottom: 1px solid #e77918;
    vertical-align: top;
    -webkit-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    box-shadow: 0px 15px 10px -13px rgba(0,0,0,.08);}
#comments h3,#comments h4 {font-size:16px;font-weight:300;line-height:2;padding:0 8px;margin:10px 0;margin-bottom:15px;border-bottom:1px solid #ddd;color:#333;}
#comments .comment-tab {line-height:25px;border-bottom:1px solid #ddd;padding:5px 0 5px 5px;}
.come-comt {color:#333;}
.come-comt i.fa {margin-right:5px;font-size:18px;font-size:1.2em;}
.comment-text-center {cursor:pointer;text-align:center;margin-top:18px;font-size:16px;font-size:1.15em;color:#338A9C;font-weight:500;margin-bottom:10px;}
.comment-text-center i.fa {position:relative;font-size:1.2em;top:1px;}
#comments span.come-comt {font-weight:700;font-size:16px;color:#888;}
span.come-comt i.fa {font-size:1.3em;}
#comments span#comment_count {font-weight:normal;font-size:14px;color:#666;float:none !important;}
#comments h5 {margin:8px;}
#comments h4 span {margin-right:8px;}
#comments h4 span.jubao {float:right;margin-right:0;}
#comments h4 span.jubao small {color:#338A9C;}
#comments h4 span.jubao small:hover {color:#F05A28;}
.comt-box {width:100%;height:100%;overflow:hidden;}
.show-comments {width:69%;float:left;overflow:hidden;}
.show-sidebar {width:30%;float:right;margin-top:10px;}
#frmSumbit #inpName,#frmSumbit #inpEmail,#frmSumbit #inpHomePage,#frmSumbit #inpVerify {border:1px solid #eee;padding-left:10px;width:95.55%;height:44px;line-height:44px;color:#BBB1C6;background:#FFFFFF;margin-bottom:0px;}
.form-name {margin-right:10px;margin-left:2px;}
.form-email {margin-right:10px;}
.form-group {margin-bottom:15px;margin-top:8px;}
.liuyan {float:left;width:32.32%;position:relative;}
#frmSumbit .input-inpVerify #inpVerify {height:30px;line-height:30px;width:96.4%;padding-left:10px;}
.form-inpVerify {float:left;width:33%;position:relative;min-height:1px;padding-right:15px;}
.commentpost .input-group-addon {border-left:1px solid #eee;position:absolute;right:-1px;top:1px;height:32px;padding:0;font-weight:400;line-height:1;color:#555;text-align:center;vertical-align:middle;}
.input-inpVerify {position:relative;display:inherit;border-collapse:separate;}
.input-group-addon img {height:100%;border-bottom-right-radius:3px;border-top-right-radius:3px;}
.commentpost label {height:auto;overflow:hidden;clear:left;float:left;line-height:15px;border-color:#CCC;border-style:solid;border-width:1px 0 1px 1px;margin:0;padding:6px 10px;}
#txaArticle {width:98%;height:120px;line-height:180%;border:1px solid #ddd;padding:5px 5px 5px 13px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
#frmSumbit p {padding:0;margin:10px 0;line-height:30px;}
#frmSumbit .button {color:#FFFFFF;background-color:#666;height:30px;width:88px;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;border-radius:4px;}
#frmSumbit .button:hover {
    background-color: #e77918;
    cursor: pointer;
}
.msgname .dot {font-size:26px;color:#f4f4f4;float:right;margin-left:15px;font-weight:700;letter-spacing:2px;}
.msg .msgimg img {    clear: left;
    float: left;
    margin-right: 10px;
    padding: 2px;
    height: 60px;
    width: 60px;
    border: 1px solid #ddd;
    background-color: #f1f1f1;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-transition: 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;}
.msgarticle img {margin-top:2px;padding:0 2px;}
#comments .msg {font-size:12px;line-height:22px;border:1px solid #ddd;padding:10px;margin-top:18px;margin-bottom:10px;border-radius:5px;}
#comments .msg:hover {    background: #FBFBFB;
    border: 1px dotted #bbb;}
#comments .msg:hover .msgimg img.avatar,#comments .msg .msgimg:hover img {    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    opacity: 0.6;}
#comments .msg .msgarticle img {margin-top:0;position:relative;top:4px;}
#cancel-reply small {margin:0 10px;color:#ff6f3d;font-weight:500;}
#comments .msg .msgname {color:#999999;padding-top:2px;}
#comments .msg .msgarticle {    color: #666;
    padding-top: 5px;
    padding-bottom: 3px;
    min-height: 30px;
    line-height: 30px;
    margin-left: 66px;}
#comments .msg .msgarticle .msg {margin-top:10px;margin-bottom:5px;padding-top:10px;padding-left:12px;border-bottom:none;border-top:none;border:1px solid #E0DDDD;border-radius:5px;box-shadow:0 0px 0px transparent;}
.msg .msgarticle .msg .msgname .dot {display:none;}
a.comment_at {padding:2px 5px 3px 5px;border:1px solid #ddd;border-radius:4px;color:#F35532;font-weight:bold;margin-right:5px;}
#logo404 {background-color:#FFFFFF;background-image:url(../include/logo.png);background-repeat:no-repeat;background-position:center center;padding-top:60px;padding-bottom:60px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#9EAA99;box-shadow:0 0 4px rgba(0,0,0,0.25);}
#cw404 {width:720px;margin:20px auto;}
#cw404 h1 {font-size:18px;line-height:60px;font-weight:normal;text-align:center;}
#cw404 .kuang {font-size:14px;border:1px solid #9EAA99;border-radius:3px;box-shadow:0 0 4px rgba(0,0,0,0.25);padding:20px;background-color:#FFFFFF;}
#cw404 #ts404 {text-align:center;}
span.LevelName {background-color:#2F889A;color:#fff !important;font-size:12px;margin:0 5px 0 1px;opacity:0.9;padding:2px 7px 2.5px;border-radius:3px;cursor:pointer;}
span.aulevel1 {background-color:#de3009;}
span.aulevel2 {background-color:#d9534f;}
span.aulevel3 {background-color:#5cb85c;}
span.aulevel4 {background-color:#3AB2CE;}
span.aulevel5 {background-color:#428bca;}
.msgname a {margin-right:5px;}
.msgname span a {margin-left:5px;margin-right:0;}
.msgtxt span:last-child {
    font-size: 12px;
}
.commentlist .comment {list-style:none;border-top:1px solid #ddd;}
.commentlist li.comment ul.children {margin-left:20px;}
.commentlist .depth-1 {margin:10px 0 10px 0;}
.commentlist li {position:relative;}
.commentlist .comment-body {padding:5px 0 5px 0}
.commentlist .comment-body:hover {background:#fafafa url(images/bg2.png) repeat;}
.commentlist p {margin:5px 0 5px 50px;line-height:22px;}
.reply a:link,.reply a:visited {text-align:center;font-size:12px;}
.datetime {font-size:12px;color:#aaa;text-shadow:0px 1px 0px #fff;margin-left:50px;}
.commentmetadata {font-size:12px;color:#aaa;text-shadow:0px 1px 0px #fff;margin-left:50px;}
ol.commentlist li div.vcard img.avatar {width:40px;height:40px;position:relative;float:left;margin:4px 6px 0 0;padding:2px;border:1px solid #ddd;background:#fff;}
ol.commentlist li div.floor {float:right;color:#bbb}
#respond {padding:5px 10px 10px;overflow:hidden;}
#respond_box {clear:both;border-top:1px solid #ddd;}
#respond h3 {margin:5px 0 6px 0;}
#comment {background:#fff;}
#comments .msg:hover .commentpost {background:#FBFBFB;}
#commentform p {color:#333;}
#commentform label {color:#868686;}
#commentform input {border:1px solid #ddd;width:160px;margin:4px 5px 4px 0;padding:3px;box-shadow:inset 2px 3px 5px #eee;}
#commentform input:focus {border:1px solid #ccc;}
#commentform textarea {width:95%;height:120px;font-size:13px;padding:4px;margin:4px 0 0 0;border:1px solid #ddd;box-shadow:inset 2px 3px 5px #eee;}
#commentform textarea:focus {border:1px solid #ccc;}
#commentform input#submit,#commentform input#reset {width:110px;height:32px;background:#606060;color:#fff;border:1px solid #e5e5e5;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:4px;line-height:28px;text-align:center;margin-top:8px;box-shadow:none;}
#commentform #submit:hover,#commentform #reset:hover {font-weight:bold;}
#real-avatar .avatar {float:right;padding:2px;border:1px solid #ddd;background:#fff;margin-right:20px;_margin-right:10px;}
.commentpost h4 i.fa {color:#333;margin-right:5px;}
#comments .msg .msgimg img.avatar:hover {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
#comment-tools {width:100%;overflow:hidden;}
.tools_title {float:left;border:1px solid #ddd;border-bottom:none;display:block;margin:0;padding:5px 10px 5px 5px;border-top-left-radius:5px;border-top-right-radius:5px;width:98%;}
.tools_text {display:inline-block;width:99%;}
#txaArticle {width:99%;height:120px;line-height:180%;border:1px solid #ddd;padding:5px 5px 5px 10px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
#comment-tools a {padding:1px 5px;color:#666;cursor:pointer;font-size:15px;font-size:16px;font-size:1.15em;}
#comment-tools i.fa {color:#333;}
span.com-title {margin-left:5px;font-size:14px;font-size:1.0em;color:#333;font-weight:500;}
#faces {padding:1px 3px;}
#faces i.fa {font-size:1.2em;font-size:17px;cursor:pointer;}
#UbbFrame {margin:6px 0 0px;/* padding-top:5px;border-top:1px solid #ddd;*/}
#ComtoolsFrame {*display:none;margin-top:-20px;padding:25px 0 5px}
#ComtoolsFrame img {display:inline-block;margin:0;padding:3px 3px 0 3px}
#ComtoolsFrame img:hover {background-color:#eee;cursor:pointer}
#comments .msg .msgarticle .noimg .msgimg img {display:none!important;}
#comments .msg .msgarticle ul.msgarticle {margin-left:0;}
#comments .msg .msgarticle .noimg .msgtxt .msgarticle .noimg {margin-left:0px;margin-top:15px;margin-bottom:5px;}
#comments .msg .msgarticle .noimg .msgarticle {padding-top:10px;margin-left:0;}
#comments .msg .msgarticle #comment {visibility:visible !important;animation-name:fadeInDown !important;}
#comments .msg .msgarticle p {padding-top:10px;}
#comments .msg .msgarticle form#frmSumbit p {margin-bottom:5px;padding-top:5px;}
.msgname .dot.shafa {color:#F25531;font-size:15px;opacity:0.8;}
.msgname .dot.bandeng {color:#F4775A;font-size:15px;opacity:0.8;}
.msgname .dot.diban {color:#F6937C;font-size:15px;opacity:0.8;}
.msgarticle #ComtoolsFrame {height:52px;overflow:hidden;}
.msgname:hover .comment-reply-link {display:block;}
.msgtxt {position:relative;font-size:14px;font-size:1.2em;}
.msgname a.comment-reply-link {background:#EDEDED;display:none;padding:0 10px;border:1px solid #ddd;border-radius:2px;position:absolute;top:-1px;right:10px;}
.msgname a.comment-reply-link:hover {background:#ef5b00;color:#fff;border:1px solid transparent;    font-size: 12px;}
#comments span.iliuyan {float:right;margin-right:0;}
#comments span.iliuyan a {font-size:15px;font-size:0.95em;color:#ef5b00;}
#comments span.iliuyan a:hover {color:#E14522;}
span.WB-OS {position:relative;margin-left:5px;top:3px;display:none;}
.msgname:hover span.WB-OS {display:initial;}
#comments .msg .msgarticle span.WB-OS {top:-1px;}
#comments-nav {text-align:center;margin-top:18px;}
.com-page-list a {position:relative;margin-right:5px;padding:2px 8px;margin-left:-1px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:2px;}
.com-page-list a.on,.com-page-list a:hover {color:#fff;background:#ef5b00;border:1px solid transparent;}
.com-page-list.pagination {
    padding: 10px 0 15px 0;
}
/*particles-js*/
.count-particles {background:#000022;position:absolute;top:48px;left:0;width:80px;color:#13E8E9;font-size:.8em;text-align:left;text-indent:4px;line-height:14px;padding-bottom:2px;font-family:Helvetica,Arial,sans-serif;font-weight:bold;}
.js-count-particles {font-size:1.1em;}
#stats,.count-particles {-webkit-user-select:none;margin-top:5px;margin-left:5px;}
#stats {border-radius:3px 3px 0 0;overflow:hidden;}
.count-particles {border-radius:0 0 3px 3px;}
#particles-js {width:100%;height:100%;position:absolute;height:auto;overflow:hidden;max-height:624px;width:100%;margin:0 auto;text-align:center;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;}
/*--scroll--*/.backtop {z-index:999;bottom:65px;position:fixed;right:0px;margin-right:15px;cursor:pointer;}
.backtop a,.backtop i {color:#fff;}
.backtop .bt-box {
    padding: 8px;
    margin-bottom: 5px;
    width: 52px;
    height: 50px;
    line-height: 40px;
    vertical-align: middle;
    background: #e77918;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.04);
    text-align: center;
}.bt-box.weixin:hover,.bt-box.tnrt:hover,.bt-box.qq:hover,.backtop .bt-box:hover {background:#070709;}
.bt-box.weixin:hover a,.bt-box.tnrt:hover a,.bt-box.qq:hover a,.backtop .bt-box:hover i {color:#fff;}
.bt-box.tnrt a {font-size:16px;}
.backtop .weibo .pic {position:absolute;display:none}
.backtop .weixin .pic {position:absolute;display:none}
.backtop .top {display:none}
.backtop .weibo .pic {left:-150px;bottom:5px;max-width:150px;padding:8px;background:#fff;animation-duration:.5s;-webkit-animation:fade-in .5s;border:1px solid #ddd;box-shadow:0 1px 1px rgba(0,0,0,0.08);}
.backtop .weixin .pic {left:-133px;bottom:4px;max-width:132px;padding:8px;background:#fff;animation-duration:.5s;-webkit-animation:fade-in .5s;border:1px solid #ddd;box-shadow:0 1px 1px rgba(0,0,0,0.08);}
.backtop a:hover,.backtop i:hover {color:#f3f3f3;}
.backtop .phone .phones {background:#ff6f3d;}
#backtop i.fa {
    font-size: 2.0em;
    line-height: .75em;
    font-weight: bold;
}
#backtop i.fa.fa-qq.fa-2x {
    font-size: 1.6em;
}
/*browsehappy*/ #browsehappy {padding:.9em 0;border-bottom:1px solid #ddd;background:#FFF7D3;color:#aa6800;text-align:center;font-family:arial,sans-serif;font-size:14px}
#browsehappy a {padding:4px;color:#008DFD}
#browsehappy a:hover {text-decoration:underline}
/*PC-none*/
.fixed-nav {left:0;top:0;width:100%;-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;}
.fixed-enabled {position:fixed;top:-68px;z-index:9999;-webkit-animation-name:slideDown;-moz-animation-name:slideDown;-o-animation-name:slideDown;animation-name:slideDown;}
.fixed-appear {position:fixed;top:0;z-index:9999;-webkit-animation-name:slideUp;-moz-animation-name:slideUp;-o-animation-name:slideUp;animation-name:slideUp;}
/*time*/ol.teamnewslist {margin-left:36px;padding:20px 0 10px 15px;border-left:2px solid #eee;color:#666;list-style:none;font-size:18px}
ol.teamnewslist b,.teamnewslist p {position:relative;display:block;color:#999;font-weight:400;font-size:14px;cursor:pointer;}
ol.teamnewslist b::after {position:absolute;top:6px;left:-25px;width:14px;height:14px;border:2px solid #ccc;border-radius:50%;background-color:#fff;box-shadow:2px 2px 0 rgba(255,255,255,1),-2px -2px 0 rgba(255,255,255,1);content:''}
ol.teamnewslist p::after {position:absolute;top:6px;left:-25px;width:14px;height:14px;border:2px solid #ccc;border-radius:50%;background-color:#fff;box-shadow:2px 2px 0 rgba(255,255,255,1),-2px -2px 0 rgba(255,255,255,1);content:''}
ol.teamnewslist li {margin-bottom:15px;margin-left:0px!important;padding:0;}
ol.teamnewslist li:hover {color:#555}
ol.teamnewslist li:hover b::after {border-color:#28c2a0}
ol.teamnewslist li:hover b {color:#FF5E52}
ol.teamnewslist li:hover p::after {border-color:#28c2a0}
ol.teamnewslist li:hover p {color:#FF5E52}
ol.teamnewslist li:last-child {margin-bottom:15px;}
ol.teamnewslist a {text-decoration:none;color:#999;font-size:16px;}
ol.teamnewslist a:hover {color:#22AEEC;}
/* Responsive design */@-webkit-keyframes ballPulseDouble {0%,100% {-webkit-transform:scale(0);transform:scale(0)}
50% {-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes ballPulseDouble {0%,100% {-webkit-transform:scale(0);transform:scale(0)}
50% {-webkit-transform:scale(1);transform:scale(1)}
}
@media screen and (min-width:961px) and (max-width:1260px) {section.service-item {min-width:100%;}
.services-wrap {height:292px;}
.about-tu ul,.about-title {max-width:100%;}
.about-tu ul li img {width:100%;}
.about-text {max-width:100%;padding:0 50px;}
#links_pic li img {width:100%;}
#news_wt .thumbnail img {height:188px;}
.container {max-width:100%;}
.banner img {width:100%;margin-top:50px;}
.related-posts ul li {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.singht-wrap {margin:50px auto 80px;}
/**/
.about-text,.news,.partners,.product,.service{padding:0 20px}
.about-tu ul li{margin:30px 0}
.about-tu ul li img{width:100%;height:auto;overflow:hidden}
.about-tu ul li{width:30%;height:auto;overflow:hidden}
.about-tu{height:auto;line-height:inherit;background-color:#1f62b1}

.footer-top-content {
    max-width: 1024px;
    width: 100%;
    padding: 0 20px;
}
.text-pic {
    width: 19%;
}
span.span-4 img {
    width: 100px;
}
.cata-banner {
    padding-top: 16px;
}
.cataimg-img {
    width: 100%;
}
.service-img {
    width: 60%;
}
.partners-content ul li {
    width: 20%;
    padding: 0 10px;
}
}
/*--Ipad--*/
@media screen and (max-width:960px) {
.logo {float:none!important;text-align:center;height: 56px;}
.header .moble-bars {display:block;text-align:center;line-height:24px;font-size:14px;color:#fff;padding:10px;border-bottom:1px solid #E1E1E1}
.header .fa-fe {padding-right:5px}
.navbar {float:none}
.header menu {float:none!important;width:100%;position:relative}
.header .logo {display:block;float:none!important;text-align:center}
.header menu li {display:block;float:none!important;text-align:left}
.header menu li:before {display:none!important}
.navbar li a {padding:0}
.header menu>ul>li>ul {position:relative;display:block;border:none;padding:0;box-shadow:none!important;top:auto;right:auto;width:100%;background-color:transparent;text-align:left}
.header menu>ul>li>ul li {font-size:12px;padding-left:40px}
.header menu>ul>li>ul li a {display:block;color:#fff!important;line-height:40px}
.header menu>ul>li>ul li.on a {margin:0 40px}
.navbar li.active,.navbar li.on {width: 100%;background: transparent;}
.nav-sousuo,.nav-sjlogo {display:block;height:0;text-align:center;}
#top-header,.sidebar-right,#comments h4 span.jubao,.search {display:none;}
.header {max-width:100%;height:52px;text-align:center;position:fixed;z-index:98;}
#logo {width:168px;margin:1px 0 0 0px;text-align:center;float:none;display:inline-block;height:100%;}
.header-nav {/*display:none;*/margin-right:0;}
#header.fixednav .header-nav {margin-right:0px;}
.mobile_aside {width:auto;max-width:85%;height:100%;position:fixed;top:56px;right:0;bottom:0;background-color:#222;overflow-x:hidden;overflow-y:auto;z-index:9;opacity:.95;display:none;}
.mobile-menu {margin-top:6px;}
.mobile-menu .nav-pills {border-bottom:1px #333 solid;}
.header .logo {height:52px;line-height:1.75;}
h1.logo img {height:46px;padding:2px 0 0 0px;}
.logo img{    width: 188px;}
#monavber .container {padding:0;}
.nav-sjlogo i.fa {position:absolute;border-radius:4px;top:13px;right: 5%;height:30px;width:36px;line-height:26px;font-size:1.2em;padding:1px;border:1px #eee solid;background-color:#f8f8f8;cursor:pointer;text-indent:0;}
.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {margin-left:15px;}
.mini_search {padding:4%;width:100%;background:#eee;display:none;position:relative;overflow:hidden;top:0px;left:0;z-index:99;-webkit-box-pack:justify;border-bottom:1px solid transparent;border-color:#ebedf1;box-shadow:0 0 3px 1px rgba(0,0,0,0.1);}
#header.fixednav .mini_search {top:2px;}

#mo-so {text-align:center;color:#eee;display:inline-block;text-decoration:none;right:12px;font-size:1.1em;}
#mo-so i.fa {position:absolute;border-radius:4px;top:13px;left: 5%;height:30px;width:36px;line-height:30px;font-size:1.2em;padding:1px;border:1px #eee solid;background-color:#f8f8f8;cursor:pointer;text-indent:0;color:#666;}
.searchform {float:none;margin:0 auto;}
.mini_search .searchform #ls {padding-left:3%;width:90%;height:40px;line-height:40px;border:1px solid #E4E3E3;border-radius:0;background:#fff;margin-bottom:0;}
button.btn-search.dtb2 {font-size:1.2em;transition:all 0.4s ease;width:38px;border:none;background:transparent;cursor:pointer;position:absolute;height:38px;line-height:44px;right:9%;color:#A9A9A9;}
.nav-pills > li {border-top:1px #333 solid;border-bottom:1px #000 solid;line-height:38px;position:relative;width:100%;display:inherit;margin-right:0;text-align:left;float: left;}
.nav-pills > li:first-child {border-top:none;}
.nav-pills > li > a {height:40px;font-size:13px;display:block;text-indent:10px;color:#fff;line-height:38px;}
.nav-pills > li > a i.fa {font-size:1em;padding-right:3px;}
span.toggle-btn {position:absolute;height:40px;width:40px;line-height:40px;color:#fff;text-align:center;top:0;right:0;cursor:pointer;z-index:100;display:block;}
.nav-sjlogo .active:before {content:"\f00d";}
.toggle-btn .active:before {content:"\f068";}
.mobile-menu .sub-menu {border-top:1px #000 solid;background-color:#121212;text-align:left;position:relative;left:1px;min-width:100%;z-index:10;font-size:14px;top:0;display:none;float:left;margin:0;padding:0;list-style:none;}
.mobile-menu .sub-menu > li {position:relative;text-align:left;border-top:1px #333 solid;border-bottom:1px #000 solid;line-height:38px;}
.sub-menu li:last-child {border-bottom:0px solid transparent;}
.mobile-menu .sub-menu > li > a {text-indent:18px;color:#fff;display:block;height:40px;font-size:1.0em;text-indent:2em;}
.slide-main {margin-bottom:10px;}
.site-content {padding:0 15px;padding-top:50px;margin-bottom:0;}
.navbar.fixednav h1#logo {width:168px;margin:8px 0 0 0;line-height:140%;}
.slide-banner {padding-top:52px;}
.met-container {max-width:90%;width:90%;padding:0;}
.mobile-menu .sub-menu > li > a {text-indent:18px;color:#fff;display:block;height:40px;font-size:1.0em;text-indent:2em;background:#121212;}
.navbar li .sub-menu li a {text-indent:18px;color:#fff;display:block;height:40px;font-size:1.0em;text-indent:2em;background:#121212;}
.mobile-menu .navbar-nav {margin:0px auto;}

/**/.container {width:100%;max-width:100%;}
.service-item {min-width:100%;}
.container>.navbar-collapse {display:block;border-color:transparent;}
.banner img {width:100%;margin-top:50px;}
.about-text {max-width:100%;padding:0 30px;}
#links ul li {margin-right:2%;width:18%;}
#news_wt .thumbnail img {height:150px;}
.services-wrap {height:200px;}
.about-title {max-width:100%;margin-top:50px;}
.about-title h2 {font-size:26px;}
.about-tu {height:100%;line-height:100%;}
.about-tu ul {max-width:100%;}
.about-tu ul li {width:30%;height:100%;}
.about-tu ul li img {height:100%;width:100%;max-height:133px;}
#links_pic li img {width:100%;}

.singht-wrap {margin:40px auto 80px;}
.related-posts h3 {font-size:20px;}
.relates li:nth-child(odd) {
    float: left;
}
.relates li:nth-child(even) {
    float: right;
}
.related-posts ul li {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:48%}
.related-posts ul li a {font-size:14px;}
input, textarea, b, ul, li, i, button {
    -moz-transition: inherit;
    -webkit-transition: inherit;
    -o-transition: inherit;
    -ms-transition: inherit;
    transition: inherit;
}

/**/
.top-tel{display:none}
#ssp-header {
    height: 56px;
}
.about,.news,.product{width:100%;margin-left:0}
.product-content li img,.product-content li.product-img-1 img{width:100%;height:auto}
.content{position:relative;min-height:500px;margin-left:0}
.article-container{padding:0}
.excerpt-c3{width:32%}
.product-post-c4{width:49%}
.partners-content ul li {
    width: 20%;
    padding: 0 10px;
}
.news-left{width:100%;float:left}
.footer-top {
    height: 100%;
    overflow: hidden;
    max-width: 100%;
}
.footer-top-content {
    max-width: 90%;
    padding: 0 20px;
}
.footer-top .span-1 {
    width: 50%;
    float: left;
    margin-right: 8%;
}
.footer-top .span-3 {
    display: none;
}
.footer-top .span-2 {
    width: 40%;
    margin-bottom: 6%;
    margin-right: 0%;
}

.services {
    max-width: 100%;
    margin: 4rem 0;
    padding: 0 20px;
}
.partners-title h2,
.news-title h2,
.product-title h2,
.service-title h2 {
    font-size: 2.1rem;
    line-height: 180%;
}
.partners-title span,
.news-title span,
.product-title span,
.service-title span {
    padding-bottom: .6rem;
}
.product-title p, .news-title p, .service-title p, .partners-title p {
    margin: 2% 0;
    padding-top: .6rem;
    line-height: 160%;
}

.servicebox ul li {
    width: 25%;
}
.service-main {
    padding: 5%;
}
.service-img {
    width: 70%;
}
.service-main h4 {
    font-size: 1.5rem;
}
.service-main p {
    padding: 0px 3%;
    font-size: 1.4rem;
}
.about {
    padding: 5% 5% 8% 5%;
}
.about-head {
    padding: 0 3.9rem;
}
.about-head h2:before {
    left: 20%;
}
.about-head h2 {
    font-size: 2.3rem;
}
.about-head h2:after {
    right: 20%;
}
span.number-text {
    padding: 10px 10px 0 10px;
}
.about-main{margin-bottom: 0px;}

.partners-content,
.news-content,
.product-main {
    max-width: 100%;
    margin: 2.5rem 0 5rem 0;
    padding: 0 20px;
}
.product-title {
    padding: 0 20px;
}
.product-main {
    max-width: 100%;
    margin: 2.5rem 0 5rem 0;
    padding: 0 20px;
}
.product-img {
    width: 100%;
    height: 200px;
    overflow: hidden;
}
.product-img img {
    width: 100%;
    height: auto;
}
.news-right ul li .recent-title {
    left: auto;
    right: auto;
    width: 100%;
}
.product-text {
    width: 95%;
}
.product-text h3 {
    font-size: 1.6rem;
}
a.product-more {
    padding: 2px 10px;
    margin-top: 5px;
    margin-bottom: 8px;
    float: initial;
    width: 100%;
    font-weight: 500;
}
.partners,
.news-title{
    max-width: 100%;
    margin: 2rem 0;
    padding: 0 20px;
}
.news-right {
    width: 100%;
    margin-bottom: 20px;
}
.news-right ul li {
    margin-top: 0;
    margin-bottom: 20px;
    width: 49%;
    float: left;
}
.news-right ul li:last-child {
    margin-right: 0;
    float: right;
}
.news-right ul li .one-img {
    width: 100%;
    height: 260px;
    overflow: hidden;
}
.news-left li:last-child{    padding-bottom: 15px;}
.news-left-text h3 {
    font-size: 1.6rem;
}
.news-left-text h3 em {
    font-size: 1.4rem;
    margin-right: 6px;
}
.news-left-text p {
    height: 75px;
}
.news-left li {
    padding-bottom: 20px;
}
.cata-banner{padding-top: 4px;}
.container.top-container {
    padding: 0 20px;
    width: 90%;
}
.text-pic {
    width: 19%;
}

.main {
    width: 100%;
}
.sidebar,
.single-avatar {
    display: none;
}
.single-title h1 {
    font-size: 2.0rem;
    line-height: 30px;
    max-width: 100%;
    margin-left: 0px;
    text-align: center;
    float: inherit;
}
.single-info {
    line-height: 30px;
    margin-bottom: 15px;
    margin-left: 0px;
    text-align: center;
    float: inherit;
}
.cataimg-item {
    width: 50%;
    margin-bottom: 1.6rem;
    float: left;
}
.cataimg-img {
    width: 100%;
    height: 200px;
}
.cataimg-img img {
    height: 100%;
}
.cata-list {
    margin-top: -20px;
}
.cata-list ul {
    border: 1px solid #ddd;
border-radius: 50px;
}
.cata-list ul li a {
    line-height: 50px;
    height: 50px;
	    font-size: 1.5rem;
}
#comments span.iliuyan {
    display: none;
}
.backtop .bt-box {
    height: 44px;
    width: 44px;
    line-height: 2.8rem;
    border-radius: 50%;
}
#backtop i.fa.fa-qq.fa-2x {
    font-size: 2rem;
}
.footer-copyright {
    padding: 15px 20px;
}
}
@media screen and (max-width:767px) {
.logo {float:none!important;text-align:center;height: 56px;}
.logo img {width: 188px;}
.site-main {margin-top: 54px;}
.mobile_aside {width:100%;height:100%;position:fixed;top:56px;right:0;bottom:0;background-color:#222;overflow-x:hidden;overflow-y:auto;z-index:9;opacity:.95;display:none;}
.mobile-menu {margin-top: 6px;height: 100%;margin-bottom: 52px;}

/**/.container {padding: 0;}
.service-item {min-width:100%;}
.container>.navbar-collapse {display:block;border-color:transparent;}
/**/.about-title {margin-top:50px;max-width:100%;padding:0 15px;}
.about-tu {height:100%;}
.about-text {max-width:100%;padding:0 15px;}
/**/#links_pic {padding:0;}
#links ul li {width:46%;margin:0 2% 2% 2%;}
#links ul li img {max-width:100%;}
/**/.banner img {width:100%;margin-top:51px;}
.excerpts_list {padding:10px;}
a.sing-bj,a.go-read {display:none;}
.catalog-item {padding-bottom:5px;}
span.tags-links a {display:inline-block;margin-bottom:6px;}
.multi-intro {height:90px;overflow:hidden;}
span.multi-views {display:none;}
.singht-wrap {margin:30px 0 50px 0;}
.single-post {padding:0 0px;}
.single-title h1 {font-size:20px;line-height:30px;}
.single-info {line-height:30px;margin-bottom:15px;}
span.meta-nav-l i.fa.fa-angle-right,span.meta-nav-r i.fa.fa-angle-left {font-size:1.35em;}
span.meta-nav-r {left:1.5%;width:30px;}
span.meta-nav-l {right:1.5%;width:30px;}
.entry-meta .post-tag a {padding:0px 10px;display:inline-block;line-height:25px;margin-bottom:8px;}
.related-posts h3 {font-size:20px;}
.related-posts ul li {width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.article-nav {padding:10px 20px;}
.article-nav span {max-width:100%;}
span.article-nav-next {float:left;text-align:left;margin-top:10px;}
.article-nav-next i.fa {margin-right:10px;float:left;margin-left:0px;}
.services-wrap {height:100%;}
.about-tu ul li {width:100%;}
.about-tu ul li img {max-height:100%;}
.about-tu ul li:nth-child(2),.about-tu ul li:nth-child(3) {display:none;}
.about-main{display:none;}
.news-time {
    display: none;
}
.postlist .text-info {
    width: 100%;
    padding-left: 10em;
}
.text-pic {
    float: left;
    width: 100px;
    height: 100px;
    position: absolute;
}
.service-img {
    width: 60%;
}
.container.top-container{width: 95%;}
.cataimg-img {
max-height: 10em;
}
.cataimg-item h2 {
    font-size: 1.5rem;
}
.postlist .text-info p, .bloglist li p {
    line-height: 180%;
}

}
@media screen and (max-width:640px){.content-wrap{padding:25px 0 0 0}
.excerpt-c3{width:49%}
.excerpt-c3 img{width:100%}
.service ul li{width:100%;margin-bottom:25px}
.pagination{padding:30px 0 30px 0}
.partners-content ul li{width:49%}
.service{margin-top:25px;margin-bottom:0}
.about-title{margin-top:25px}
.about-bnt{margin:30px 0 50px 0}
.product{margin-top:30px;margin-bottom:10px}
.news-title{margin-top:30px}
.partners{margin-top:30px}
.partners-content{margin:30px 0}
.servicebox ul li {
    width: 50%;
}
.product-img {
    height: 100px;
}
.news-right ul li .one-img {
    width: 100%;
    height: 150px;
    overflow: hidden;
}
.footer-top .span-1{display: none;}
.footer-top .span-2 {
    width: 100%;
}
.postlist .text-info h2, ul.bloglist li h2 {
    font-size: 1.5rem;
}
}
@media screen and (max-width:400px) {.about-text {margin-top:3rem;}
.servicebox ul li {
    width: 50%;
}
.news-right ul li {
    width: 100%;
}
.cataimg-item {
    width: 85%;
    float: none;
    max-width: 330px;
}
.cataimg-img {
    height: 100%;
    max-height: 12em;
}
}
@media screen and (max-width:320px) {.service-center {padding-bottom:4rem;}
.services-wrap {padding:2rem 1rem;margin:0 0 3rem;}
}