@charset "UTF-8";
* {
    margin: 0;
    padding: 0
}
body {
    font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif;
    color: #000;
    background: #f1f1f1;
    font-size: 15px;
}
img {
    border: 0;
    /*display: block*/
}
ul,
li {
    list-style: none;
}
a {
    text-decoration: none;
    color: #000;
}
a:hover {
    color: #3366cc;
    text-decoration: none;
}
h1 {
    font-size: 28px
}
h2 {
    font-size: 18px
}
h3 {
    font-size: 16px
}
i {
    font-style: normal;
    display: block
}
/* span {
    display: block
}
 */
.clear,
.blank {
    clear: both;
    width: 100%;
    overflow: hidden;
}
.blank {
    height: 20px
}
.fl {
    float: left
}
.fr {
    float: right
}
.htitle {
    text-align: center;
    font-weight: 700;
    font-size: 36px;
    margin: 30px auto
}
.box,
article {
    width: 1360px;
    margin: auto;
}
.whitebg {
    background: #fff;
    border: 1px solid #eee;
}
.plr20 {
    padding: 0 20px;
}
.top_wz {
    width: 1360px;
    height: 31px;
    line-height: 31px;
    margin: 0px auto;
    clear: both;
    font-size: 12px;
    border: 1px solid #eee;
    border-top: none;
}
.top_wz .left {
    float: left;
    height: 31px;
    text-align: left;
}
.top_wz .left span{
    padding: 0 10px;
    display: unset;
}
.top_wz .left a:hover {
    text-decoration: underline;
}
.top_wz .right {
    float: right;
    height: 31px;
    color: #878787;
    font-size: 12px;
}
.top_wz .right a{
    padding: 0 10px;
}
.top_wz .right span{
    display: unset;
}
/*header*/
header {
    margin: 0;
    width: 100%;
    z-index: 9;
    transition: all 0.4s;
    background: #fff
}
.logo-section {
    padding: 30px 0;
}
.logo {
    overflow: hidden
}
.logo img {
    height: 70px;
    float: left;
    margin-right: 10px
}
.logo-title {
    font-size: 28px;
    color: #3366CC;
}
.logo-title a {
    color: #3366CC;
}
.logo-text {
    margin-top: 5px;
    color: #888;
}
/*search*/
.search {
    float: right;
    margin-top: 16px;
    border-radius: 0 5px 5px 0;
    width: 340px;
    background: linear-gradient(to right, #3366cc 0%, #5990ff 100%);
}
.search p {
    margin-bottom: 10px;
}
.search input.input_submit {
    border: 0;
    background: url(../images/search.png) no-repeat left 10px center;
    color: #fff;
    outline: none;
    line-height: 36px;
    font-size: 15px;
    width: 40px;
    cursor: pointer;
    letter-spacing: 5px;
    text-indent: 1em;
}
.search input.input_text {
    border: 0;
    line-height: 36px;
    height: 36px;
    outline: none;
    width: 300px;
    background: #f3f3f3;
    float: left;
    text-indent: 1em;
}
/*topnav*/
.topnav {
    width: 100%;
    background: #3366CC;
}
.topnav h2 {
    color: #fff;
    position: fixed;
    top: 0;
    padding-left: 10px;
    font-weight: normal;
    height: 50px;
    line-height: 50px;
    display: none;
}
.topnav h2 a {
    color: #fff;
}
.topnav h2 a img{
    height: 50px;
}
.topnav:before {
    display: table;
    content: " ";
}
.topnav:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
nav {
    text-align: center;
    line-height: 60px;
    width: 100%;
}
nav #starlist {
    margin: auto;
    width: 1360px;
}
#starlist li {
    position: relative;
    display: inline;
    float: left;
    font-size: 16px;
    margin-right: 10px;
}
#starlist li a {
    display: inline;
    float: left;
    padding: 0 48px;
    color: #fff;
}
#starlist li a:hover {
    background: rgb(37 78 160);
}
#selected {
    position: relative
}
#starlist ul.sub {
    padding: 5px 15px;
    position: absolute;
    left: 0;
    top: 50px;
    background: rgb(37 78 160);
    z-index: 9;
    display: none;
}
#starlist ul.sub li {
    height: 34px;
    line-height: 34px;
    margin-left: 0;
    width: 100%;
    font-size: 14px;
}
#starlist ul.sub li a {
    padding: 0;
    display: block;
    width: 100%;
}
#starlist ul.sub li a:hover {
    background: #3366CC;
}
#starlist li:hover ul.sub {
    display: block
}
a.cur {
    background: rgb(37 78 160);
}
a#selected {
    background: rgb(37 78 160);
}
#starlist ul.sub:before {
    content: "";
    height: 15px;
    width: 15px;
    background: rgb(37 78 160);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-left: 0;
    border-bottom: 0;
    position: absolute;
    top: -8px;
    left: 42%;
}
#mnavh {
    display: none;
    width: 70px;
    height: 50px;
    background: #3366CC;
    text-align: center;
}
.navicon {
    display: block;
    position: relative;
    width: 28px;
    height: 3px;
    background-color: #fff;
    margin-top: 24px;
    float: left;
    margin-left: 20px;
}
.navicon:before,
.navicon:after {
    content: '';
    display: block;
    width: 28px;
    height: 3px;
    position: absolute;
    background: #fffefe;
    -webkit-transition-property: margin, -webkit-transform;
    transition-property: margin, -webkit-transform;
    transition-property: margin, transform;
    transition-property: margin, transform, -webkit-transform;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
}
.navicon:before {
    margin-top: -8px;
}
.navicon:after {
    margin-top: 8px;
}
.open .navicon {
    background: none
}
.open .navicon:before {
    margin-top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.open .navicon:after {
    margin-top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.open .navicon:before,
.open .navicon:after {
    content: '';
    display: block;
    width: 28px;
    height: 3px;
    position: absolute;
    background: #fff;
}
.menu:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 29px;
    width: 0;
    height: 0;
    border-width: 4px 4px 0;
    border-style: solid;
    border-color: #fff transparent transparent;
    -ms-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.menu:hover:after {
    transform: rotate(180deg)
}
.ey_is-fixed {
    position: fixed;
    top: 0;
    box-shadow: 0px 3px 10px 1px rgba(144, 161, 180, 0.4);
    z-index: 99;
}
/*banner*/
.banner {
    width: 60%;
    float: left;
    height: 340px;
}
.swiper-slide {
    position: relative
}
.swiper-slide span {
    display: block;
    position: absolute;
    right: 0;
    font-size: 12px;
    padding: 2px 5px 2px 10px;
    top: 10px;
    background: #0CF;
    color: #fff;
    border-radius: 3px 0 0 3px
}
.swiper-slide:nth-child(2) span {
    background: #F60
}
.swiper-slide:nth-child(3) span {
    background: #3C0
}
/*headline-box*/
.headline-box {
    width: 38%;
    float: right;
}
.headline-news {
    overflow: hidden;
    padding: 17px 31px 21px;
}
.headline-news-title {
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #0092d8;
}
.headline-news-title a {
    color: #3366CC;
}
.headline-news-title span {
    display: block;
    float: left;
    font-size: 12px;
    font-weight: normal;
    border: #ff6600 1px solid;
    padding: 0 5px;
    border-radius: 3px;
    color: #ff6600;
    margin: 4px 8px 0 0;
}
.headline-news-smalltext {
    line-height: 20px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    height: 60px;
    margin-bottom: 10px;
    color: #888;
}
.headline-news-list {
    border-top: #ddd 1px solid;
    padding-top: 10px;
}
.headline-news-list li {
    padding-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 30px;
    position: relative
}
.headline-news-list li:before {
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    background: #000;
    border-radius: 10px;
    left: 0;
    top: 15px;
}
/*tab*/
#tab li {
    cursor: pointer;
    display: inline-block
}
#tab-content section {
    display: none;
}
#tab-content section:nth-child(1) {
    display: block
}
/*tuijian-news*/
.tuijian-news {
    position: relative
}
#tab {
    border-bottom: #e4e3e3 1px solid;
    margin: 20px
}
#tab li {
    font-size: 16px;
    margin-right: 20px;
    padding: 0 10px 10px;
    position: relative;
    font-weight: 600;
}
#tab li:after {
    content: "";
    background: #3366CC;
    background: linear-gradient(to right, #0062ff 0%, #00a0ec 100%);
    width: 20%;
    height: 2px;
    position: absolute;
    bottom: -1px;
    left: 40%;
    opacity: 0;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
#tab li:hover:after,
#tab li.tab-current:after {
    opacity: 1;
    width: 100%;
    margin: auto;
    display: block;
    left: 0;
}
#tab li.tab-current {
    color: #3366CC;
}
.tab-a-more {
    position: absolute;
    right: 20px;
    top: 16px;
}
.tab-a-more a {
    display: block;
    background: url(../images/icon_more.png) no-repeat left center;
    background-size: 20px;
    font-size: 14px;
    line-height: 30px;
    color: #808595;
    padding-left: 25px;
    font-weight: normal;
}
#tab-content {
    margin: 20px;
    overflow: hidden;
}
.tab-a-more a i {
    position: absolute;
    top: 16px;
    width: 8px;
    height: 8px;
    animation: bounce_fountainG 1.2s linear infinite;
    border-radius: 8px;
    background: #09F;
}
.tab-a-more a i:first-child {
    right: 20px;
    animation-delay: .4s;
    background: #09F;
}
.tab-a-more a i:nth-child(2) {
    right: 10px;
    animation-delay: .6s;
    background: #3c0;
}
.tab-a-more a i:nth-child(3) {
    right: 0;
    animation-delay: .8s;
    background: #f60;
}
@keyframes bounce_fountainG {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(.3);
    }
}

.tuijian-news-pic {
    width: 30%;
    float: left;
    overflow: hidden;
}

.tuijian-news-pic i {
    height: 160px;
    width: 100%;
    margin: auto;
    overflow: hidden;
    line-height: 100%;
    position: relative;
}

.tuijian-news-pic i img {
    width: 100%;
    vertical-align: middle;
    display: inline-block;
    transition: .5s;
}

.tuijian-news-pic i:hover img {
    transform: scale(1.2);
}

.tuijian-news-pic i span {
    display: block;
    position: absolute;
    right: 0;
    font-size: 12px;
    padding: 2px 5px 2px 10px;
    top: 10px;
    background: #0CF;
    color: #fff;
    border-radius: 3px 0 0 3px;
    line-height: normal;
}

.tuijian-news #tab-content section:nth-child(n) .tuijian-news-pic span {
    background: #0CF;
}

.tuijian-news #tab-content section:nth-child(2n) .tuijian-news-pic span {
    background: #F60;
}

.tuijian-news #tab-content section:nth-child(3n) .tuijian-news-pic span {
    background: #3C0;
}

.tuijian-news #tab-content section:nth-child(5n-1) .tuijian-news-pic span {
    background: #0CF;
}
.tuijian-news-pic h2 {
    color: #3366CC;
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin: 10px 0;
}
.tuijian-news-pic h2 a {
    color: #3366CC
}
.tuijian-news-pic p {
    color: #888;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    height: 60px;
    line-height: 20px;
    font-size: 14px;
}
.btn-blue-border {
    width: 60%;
    margin: 16px auto 0;
    border: 1px solid #ddd;
    color: #999;
    display: block;
    letter-spacing: 2px;
    border-radius: 2px;
    transition: all 0.3s;
    line-height: 40px;
    text-align: center;
}
.btn-blue-border:hover {
    background: #3366CC;
    border-color: #0976dc;
    color: #fff;
}
.tuijian-news-list {
    width: 70%;
    float: right;
}
.tuijian-news-list ul li {
    width: 50%;
    float: left;
    margin-bottom: 20px;
}
.tuijian-news-list ul li:nth-child(5),
.tuijian-news-list ul li:nth-child(6) {
    margin-bottom: 0
}
.tuijian-news-list ul li a {
    display: block;
    margin: 0 0 0 20px;
    border: #ddd 1px solid;
    padding: 10px;
    transition: all 0.5s;
}
.tuijian-news-list ul li span {
    display: block;
    width: 70px;
    height: 70px;
    font-size: 12px;
    text-align: center;
    overflow: hidden;
    background: #ababab;
    color: #fff;
    float: left;
    margin: 0 10px 0 0;
    transition: all 0.5s;
}
.tuijian-news-list ul li b {
    display: block;
    font-size: 16px;
    margin-top: 16px;
}
.tuijian-news-list ul li h3 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: normal;
    margin-bottom: 10px;
}
.tuijian-news-list ul li p {
    font-size: 14px;
    color: #888;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-height: 20px;
    height: 40px;
}
.tuijian-news-list ul li:hover span {
    display: block;
    background: #3366CC
}
/*product*/
.pros {
    position: relative;
}
.pros-list li {
    width: 25%;
    float: left;
    overflow: hidden;
    margin-bottom: 10px;
}
.pros-list li a {
    overflow: hidden;
    display: block;
    margin: 0 7px;
    border: #f1f1f1 1px solid;
}
.pros-list li i {
    height: 200px;
    line-height: 100%;
    overflow: hidden;
    text-align: center;
}
.pros-list li i img {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    transition: .5s;
    width: 100%;
}

.pros-list li i:hover img {
    transform: scale(1.2);
}

.pros-list li h2 {
    color: #333;
    text-align: center;
    padding: 5px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: normal;
    font-size: 15px;
    background-size: 20px;
}

.pros-list li:hover h2 {
    color: #218af1;
}

.pros-list li p {
    font-size: 12px;
    color: #999;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    margin: 5px 0;
    padding: 0 10px;
}

.pros-list .datetime {
    float: left;
    font-weight: normal;
}

.pros-list em {
    font-size: 16px;
    float: left;
    font-style: normal;
}

.pros-list em.price {
    color: #ff6600;
}

.pros-list .pics-btn {
    float: right;
    width: 80px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    color: rgb(255, 255, 255);
    margin-right: 10px;
    background: rgb(255, 85, 34);
    border-radius: 2px;
}

/*pics*/
.pics {
    position: relative;
    padding-bottom: 20px;
}

/*pics-title*/
.pics-title {
    border-bottom: #e4e3e3 1px solid;
    margin: 20px;
    padding-bottom: 10px;
    overflow: hidden;
}

.pics-title h2 {
    color: #3366CC;
    font-size: 16px;
    font-weight: normal;
    position: relative;
    float: left;
    width: 84px;
    text-align: center;
}

.pics-title h2 a {
    color: #3366CC;
}

.pics-title h2:after {
    content: "";
    background: #3366CC;
    background: linear-gradient(to right, #0062ff 0%, #00a0ec 100%);
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: -10px;
    left: 0;
}

/*pic-list-img*/
.pic-list-img li {
    width: 20%;
    overflow: hidden;
    float: left;
    text-align: center;
}

.pic-list-img li a {
    display: block;
    margin: 10px;
    overflow: hidden;
}

.pic-list-img li span {
    color: #888;
    font-size: 14px;
    display: block;
    margin-top: 5px;
    height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.pic-list-img li i {
    overflow: hidden;
    display: block;
    height: 130px;
    line-height: 130px;
}

.pic-list-img li i img {
    height: 100%;
    vertical-align: middle;
    display: inline-block;
    transition: .5s;
}

.pic-list-img li i:hover img {
    transform: scale(1.2);
}

.pics .pic-list-img li:first-child {
    width: 40%
}

.pics .pic-list-img li:first-child i {
    height: 305px;
    line-height: 305px;
    position: relative;
}

.pics .pic-list-img li a:hover span {
    display: block;
    color: #3366CC
}

.pics .pic-list-img li:first-child i em {
    position: absolute;
    right: 0;
    font-size: 12px;
    padding: 2px 5px 2px 10px;
    top: 10px;
    background: #0cf;
    color: #fff;
    border-radius: 3px 0 0 3px;
    line-height: normal;
    font-style: normal;
}

/*news*/
.news {
    position: relative
}

.news-zuixin li {
    width: 48%;
    float: left;
    overflow: hidden;
    margin-bottom: 20px;
}

.news-zuixin li:nth-child(odd) {
    float: left
}

.news-zuixin li:nth-child(even) {
    float: right
}

.news-zuixin li section {
    border-bottom: #eee 1px solid;
    overflow: hidden;
}

.news-zuixin-pic {
    display: block;
    overflow: hidden;
    width: 100px;
    height: 70px;
    line-height: 70px;
    float: left;
    margin-right: 10px;
}

.news-zuixin li img {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    transition: .5s;
}

.news-zuixin li:hover img {
    transform: scale(1.2);
}

.news-zuixin h2 {
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: normal;
    margin: 3px 0 5px 0;
}

.news-zuixin li:hover h2 a {
    color: #218af1;
}

.news-zuixin p {
    font-size: 14px;
    color: #888;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-height: 20px;
    height: 40px;
}

.news-zuixin span {
    display: block;
    width: 100%;
    float: left;
    clear: both;
    font-size: 12px;
    margin: 10px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 16px;
    line-height: 16px;
}

.news-zuixin span a {
    display: block;
    float: left;
    margin-right: 15px;
    position: relative;
    padding-left: 10px;
}

.news-zuixin span a:before {
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    background: #3366CC;
    left: 0;
    top: 8px;
}

/*videos*/
.videos {
    position: relative;
}

.videos-list li {
    width: 25%;
    float: left;
    overflow: hidden;
    margin-bottom: 10px;
}

.videos-list li a {
    overflow: hidden;
    display: block;
    margin: 0 7px;
    border: #f1f1f1 1px solid;
}

.videos-list li i {
    height: 150px;
    line-height: 100%;
    overflow: hidden;
}

.videos-list li i img {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    transition: .5s;
}

.videos-list li i:hover img {
    transform: scale(1.2);
}

.videos-list li h2 {
    color: #333;
    padding: 5px 10px 5px 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: normal;
    font-size: 15px;
    background: url(../images/video.png) no-repeat left 5px center;
    background-size: 20px;
}

.videos-list li:hover h2 {
    color: #218af1;
}

.videos-list li p {
    font-size: 12px;
    color: #999;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    margin: 5px 0;
    padding: 0 10px;
}

.videos-list .datetime {
    float: left;
    font-weight: normal;
}

.videos-list em {
    font-size: 16px;
    float: left;
    font-style: normal;
}

.videos-list em.price {
    color: #ff6600;
}

.videos-list .viewd {
    float: right;
}

/*ad*/
.ad {
    margin: 20px 0;
    background: #ccc;
    overflow: hidden;
    text-align: center;
}

.ad-big {
    width: 830px;
}

.left-box .ad-big {
    width: 100%
}

.ad-small {
    width: 320px;
}

aside .ad-small {
    width: 100%
}

.ad img {
    width: 100% !important;
    height: auto !important
}

/*ziyuan*/
.wenzi {
    position: relative
}

.wenzi-left {
    float: left;
    width: 47%;
}

.wenzi-right {
    float: right;
    width: 47%;
}

.wenzi-list li {
    margin-bottom: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    padding-left: 20px;
}

.wenzi-list li:before {
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    background: #000;
    border-radius: 10px;
    left: 0;
    top: 10px;
}

.wenzi-list li span {
    display: block;
    float: right;
    font-size: 12px;
    color: #888
}

/*news-title*/
.news-title {
    border-bottom: #e4e3e3 1px solid;
    margin: 20px;
    padding-bottom: 10px;
    overflow: hidden;
}

.news-title h2 {
    color: #3366CC;
    font-size: 16px;
    font-weight: normal;
    position: relative;
    float: left;
    width: auto;
    text-align: center;
}

.news-title h2 a {
    color: #3366CC;
}

.news-title h2:after {
    content: "";
    background: #3366CC;
    background: linear-gradient(to right, #0062ff 0%, #00a0ec 100%);
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: -10px;
    left: 0;
}

/*tags*/
.tags {
    position: relative;
    overflow: hidden;
}

.tags ul {
    margin: 0 20px 20px;
    overflow: hidden
}

.tags ul a {
    display: block;
    float: left;
    font-size: 12px;
    width: 10%;
    text-align: center;
    height: 16px;
    margin-bottom: 4px;
    background-color: #f1f1f1;
    color: #615f5f;
    padding: 10px 0;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tags ul a:after,
.tags ul a:before {
    content: "";
    background: #fff;
    top: 0;
    width: 2px;
    height: 100%;
    position: absolute;
}

.tags ul a:after {
    right: 0;
}

.tags ul a:before {
    left: 0
}

.tags ul a:hover {
    background: #3366CC;
    color: #fff;
}

/*toolbar*/
.toolbar {
    position: fixed;
    right: -50px;
    top: 30%;
    z-index: 999;
    transition: all 0.4s;
}

.toolbar .toolbar-close span {
    display: block;
    background: url(../images/guanbi.png) no-repeat #333 center;
    background-size: 16px;
    width: 40px;
    height: 40px;
    float: right;
    position: absolute;
    left: 3px;
    top: 21px;
    border-radius: 25px;
}

.toolbar-open {
    background: url(../images/zhankai.png) no-repeat center #333;
    background-size: 16px;
    width: 40px;
    height: 40px;
    position: fixed;
    right: 0;
    top: 30%;
    border-radius: 5px 0 0 5px;
    transition: all 0.4s;
}

.closed {
    width: 115px;
}

.openviewd {
    width: 0;
    transition: all 0.4s;
}

#toolbar-menu>li i {
    width: 48px;
    height: 48px;
    background-size: 34px;
}

#toolbar-menu {
    margin-top: 80px;
}

#toolbar-menu>li {
    border-top: #464646 1px solid;
    border-bottom: #252525 1px solid;
    cursor: pointer;
    position: relative;
    width: 48px;
    height: 48px;
    border: 1px solid #ddd;
    text-align: center;
    display: block;
    margin-bottom: 6px;
    position: relative;
    background-color: #fff;
    border-radius: 5px;
}

#toolbar-menu>li:first-child {
    border-top: none
}

.toolbar-nav section {
    display: none;
    position: absolute;
    right: 50px;
    top: 0;
    background: #fff;
    border: 1px solid #eee;
    padding: 30px;
    box-shadow: -5px 3px 3px rgba(0, 0, 0, .1);
    width: max-content;
}

#toolbar-menu>li.current section {
    display: block
}



.side-icon-user {
    background: url(../images/icon-user.png) no-repeat center;
}

.side-icon-qq {
    background: url(../images/icon-qq.png) no-repeat center;
}

.side-icon-weixin {
    background: url(../images/icon-weixin.png) no-repeat center;
}

.icon-top {
    background: url(../images/istop.png) no-repeat center #fff;
    background-size: 22px;
    width: 40px;
    height: 40px;
    position: fixed;
    right: 20px;
    bottom: 10%;
    opacity: 0;
    transition: all 0.3s;
    z-index: 9999999;
    border: #ccc 1px solid;
    border-radius: 100%;
}

.icon-top.cd-is-visible {
    visibility: visible;
    opacity: 1;
}

#toolbar-content {
    position: absolute;
    right: 40px;
    top: 80px;
    box-shadow: -2px 2px 2px rgba(0, 0, 0, .1);
}

.userinfo .inputText {
    line-height: 30px;
    text-indent: 1em;
    border-radius: 3px;
    border: #ddd 1px solid;
    width: 200px;
    margin-bottom: 20px;
    display: block;
}

.userinfo .inputsub-dl {
    display: inline-block;
    float: left;
    background: #2293f7;
    color: #fff;
    border: none;
    line-height: 35px;
    width: 100%;
    border-radius: 3px;
}

.userinfo .inputsub-zc {
    color: #2293f7;
    text-align: right;
    padding-top: 20px;
    display: block;
    clear: both;
}

.userinfo .logged {
    text-align: center
}

.userinfo .logged b {
    color: #f00;
    font-size: 14px;
}

.userinfo .logged a {
    display: block;
    width: 100px;
    text-align: center;
    margin: 10px auto;
    border: #ddd 1px solid;
    padding: 5px 0;
    border-radius: 5px;
}

.qq-section,
.weixin-section {
    padding: 10px !important
}

.qqinfo a {
    display: block;
    text-align: center;
    margin: 0 auto 10px;
    padding: 5px 0;
    border-radius: 5px;
    width: 140px;
    color: #fff;
    background: linear-gradient(to right, #2e74e5 0%, #00c1de 100%);
}

.qqinfo a:last-child {
    margin-bottom: 0
}

.qqinfo a {
    display: block;
    color: #fff;
    font-size: 14px;
}

.weixin-info {
    text-align: center
}

.weixin-info img {
    max-width: 140px;
    margin: auto
}

.weixin-info .text12 {
    font-size: 12px;
    line-height: 24px
}


/*links*/
.links ul {
    margin: 0 20px 20px;
    overflow: hidden;
}

.links ul li a {
    float: left;
    margin: 0 5px;
    line-height: 20px;
    padding: 0 5px;
    position: relative;
    display: block;
}

.links ul li a:after {
    content: "";
    background: #3366CC;
    background: linear-gradient(to right, #0062ff 0%, #00a0ec 100%);
    width: 20%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 40%;
    opacity: 0;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.links ul li a:hover:after {
    opacity: 1;
    width: 100%;
    margin: auto;
    display: block;
    left: 0;
}

/*footer*/
footer {
    background: #333;
    width: 100%;
    padding: 30px 0 !important;
    color: #777;
    font-size: 14px;
    position: relative;
    overflow: hidden
}

footer:before {
    content: "";
    background: #3366cc linear-gradient(to left, #3366CC, #86a8ec, #3366cc, #86a8ec);
    height: 10px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.wxbox {
    overflow: hidden;
    float: left;
    margin-right: 20px
}

.wxbox li {
    float: left;
    margin: 0 10px;
    text-align: center
}

.wxbox img {
    height: 100px;
    margin-bottom: 5px;

}

.endnav b {
    font-size: 16px;
    color: #34aadc;
    margin-bottom: 15px;
    display: block;
}

.endnav p {
    margin-bottom: 5px
}

.endnav a {
    color: #777
}

.endnav a:hover {
    text-decoration: underline
}

/*blogs*/
.left-box {
    width: 1030px;
    float: left
}

.right-box {
    width: 320px;
    float: right
}

.lanmu {
    overflow: hidden;
    padding: 20px;
}

.lanmu img {
    width: 20%;
    float: left;
    margin-right: 20px;
    transition: .5s;
}

.lanmu h1 {
    font-size: 20px;
    color: #3366CC;
    margin: 10px 0;
}

.lanmu h1 a {
    color: #3366CC;
}

.lanmu p {
    color: #888;
    line-height: 20px;
    font-size: 14px;
}

.blogs-list ul {
    padding: 0 20px 20px;
}

.blogs-list ul li {
    overflow: hidden;
    border-bottom: 1px dashed #d3d3d3;
    padding: 20px 0;
}

.blogs-list ul li:first-child {
    padding-top: 0
}

.blogs-list li h2 {
    font-size: 16px;
    margin-top: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 10px;
}

.blogs-list li h2 em {
    display: inline-block;
    font-style: normal;
    font-size: 12px;
    background: #f60;
    color: #fff;
    padding: 0 3px;
    font-weight: normal;
    margin-right: 10px;
}

.blogs-list li h2 a {
    color: #3366CC;
}

.blogs-list li i {
    width: 200px;
    height: 120px;
    line-height: 100%;
    overflow: hidden;
    float: left;
    margin-right: 15px;
}

.blogs-list li i img {
    width: 100%;
    min-height: 120px;
    display: inline-block;
    transition: .5s;
}

.blogs-list li i:hover img {
    transform: scale(1.2);
}

.blogs-list li p {
    color: #888;
    line-height: 22px;
    height: 43px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    font-size: 14px;
    margin-top: 10px;
}

.blogs-list li span {
    display: block;
    font-size: 14px;
    margin-top: 10px;
    overflow: hidden;
}

.blogs-list li span a {
    display: inline-block;
    color: #0976dc;
    border: #3366CC 1px solid;
    padding: 3px 10px;
    border-radius: 3px;
    margin-right: 5px;
    font-size: 12px;
    margin-bottom: 5px;
}
.blogs-list li span em{
    display: block;
    float: left;
    color: #888;
    margin-right: 15px;
    padding-left: 20px;
    font-style: unset;
}
.blogs-list li span em.po-date {
    background: url(../images/date.png) no-repeat center left;
    background-size: 16px;
}

.blogs-list li span em.po-view {
    background: url(../images/view.png) no-repeat left center;
    background-size: 16px;
}
.blogs-list li span em.po-view i{
    width: unset;
    height: unset;
    line-height: unset;
    overflow: unset;
    float: unset;
    margin: unset;
}

.blogs-list li span em.collect {
    background: url(../images/collect.png) no-repeat left center;
    background-size: 16px;
}

/* .blogs-list li span a:nth-child(1) {
    background: #3366CC;
    color: #fcfeff
}
 */
.blogs-list ul li h2:hover a {
    color: #000
}

/*pagelist*/
.pagelist {
    text-align: center;
    color: #666;
    width: 100%;
    clear: both;
    margin: 0 0 10px;
}

.pagelist a {
    color: #666;
    margin: 0 5px 10px;
    padding: 5px 10px;
    background: #F7F7F7;
    display: inline-block;
}

.pagelist a:nth-child(1) {
    display: none
}

.pagelist a:hover,
.pagelist>b {
    color: #3690cf;
    color: #FFF;
    background: #1C2327;
}

.pagelist>b {
    padding: 5px 10px;
}

a.curPage {
    color: #ffffff;
    font-weight: bold;
    background: #000;
}

/*topnews*/
.topnews {
    display: block;
    margin: 20px 0;
    background: #000;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    max-height: 150px;
}

.topnews img {
    opacity: .7;
    transition: all 0.5s;
    width: 100%;
}

.topnews span {
    bottom: 0;
    position: absolute;
    bottom: 30%;
    left: 0;
    right: 0;
    color: #FFF;
    text-align: center;
    font-size: 15px;
    padding: 0 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-height: 22px;
}

.topnews:hover img {
    opacity: .9;
    transform: scale(1.1);
}

.right-box .news-title {
    margin: 0
}

/*side-title*/
.side-title {
    font-size: 16px;
    border-bottom: 1px solid #eee;
    color: #484848;
    font-weight: normal;
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 10px
}

.side-title:after {
    content: "";
    position: absolute;
    width: 64px;
    height: 2px;
    content: "";
    background: #000;
    left: 0;
    bottom: -1px;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.side-title:hover:after {
    width: 80px;
}

.hnav,
.weizhi {
    float: right
}

.hnav a {
    display: block;
    margin-right: 10px;
    padding-right: 10px;
    float: left;
    position: relative
}

.hnav a:after {
    position: relative;
    content: "/";
    right: -10px;
    bottom: 0;
    color: #ccc
}

.hnav a:last-child::after {
    content: ""
}

/*tuijian*/
.tuijian {
    padding: 20px;
}

.tuijian ul {
    overflow: hidden;
    padding-top: 10px
}

.tuijian li {
    overflow: hidden;
    margin-bottom: 10px;
    height: 60px;
}

.tuijian li i {
    width: 70px;
    height: 70px;
    margin-right: 10px;
    overflow: hidden;
    display: block;
    float: left;
}

.tuijian li i img {
    height: 100%;
    max-width: 100%;
    min-width: 100%;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    transition: all 0.5s;
}

.tuijian li p {
    margin-top: 10px;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    font-size: 14px;
}

.tuijian li:hover {
    background: #f6f6f6;
}

.tuijian li:hover img {
    transform: scale(1.1);
}

/*paihang*/
.paihang {
    padding: 20px
}

.paihang ul {
    overflow: hidden;
}

.paihang ul li {
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    padding-left: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.paihang ul li i {
    display: block;
    width: 16px;
    height: 16px;
    background: #B1B1B1;
    float: left;
    margin-top: 8px;
    margin-right: 10px;
    position: relative;
    font-style: normal
}

.paihang ul li i::before {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 9px;
    color: #fff;
    line-height: 16px;
    width: 16px;
    text-align: center
}

.paihang ul li:first-child i,
.paihang ul li:nth-child(2) i,
.paihang ul li:nth-child(3) i {
    background: #FF6600;
}

.paihang ul li:first-child i::before {
    content: "1";
}

.paihang ul li:nth-child(2) i::before {
    content: "2";
}

.paihang ul li:nth-child(3) i::before {
    content: "3";
}

.paihang ul li:nth-child(4) i::before {
    content: "4";
}

.paihang ul li:nth-child(5) i::before {
    content: "5";
}

.paihang ul li:nth-child(6) i::before {
    content: "6";
}

.paihang ul li:nth-child(7) i::before {
    content: "7";
}

.paihang ul li:nth-child(8) i::before {
    content: "8";
}

.paihang ul li:hover {
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

/*cloud*/
.cloud {
    padding: 20px;
    overflow: hidden
}

.cloud ul {
    overflow: hidden;
    padding-top: 10px
}

.cloud ul a {
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    display: block;
    background: #f1f1f1;
    float: left;
    padding: 3px 10px;
    margin: 10px 5px 0 0;
    border-radius: 3px;
    transition: all .2s;
    color: #525252
}

.cloud ul a:hover {
    background: #3366CC;
    color: #fff
}

/*suiji*/
.suiji {
    padding: 20px;
    overflow: hidden
}

.suiji ul {
    overflow: hidden;
    padding-top: 10px
}

.suiji li {
    line-height: 22px;
    margin-bottom: 10px;
    position: relative;
    padding-left: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.suiji li:before {
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    background: #000;
    border-radius: 10px;
    left: 0px;
    top: 10px;
}

/*pics-list-box*/
.pics-list-box {
    overflow: hidden;
}

.pics-list-box ul {
    padding: 0 10px
}

.pics-list-box li {
    width: 25%;
    overflow: hidden;
    float: left;
    margin-bottom: 20px;
}

.pics-list-box li a {
    display: block;
    margin: 0 10px 10px;
    overflow: hidden;
    border: #eaeaea 1px solid;
    padding-bottom: 10px;
    transition: .5s;
}

.pics-list-box li i {
    height: 175px;
    line-height: 175px;
    overflow: hidden;
    display: block;
}

.pics-list-box li i img {
    width: 100%;
    display: inline-block;
    transition: .5s;
}

.pics-list-box li i:hover img {
    transform: scale(1.2);
}

.pics-list-box li h2 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 15px;
    margin: 5px 0;
    font-weight: normal;
    padding: 0 10px;
    text-align: center;
}

.pics-list-box li p {
    font-size: 13px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-height: 20px;
    height: 40px;
    margin: 10px 0;
    padding: 0 10px;
}

/*morepic-list*/


.morepic-list {
    padding: 0 20px;
}

.morepic-list section {
    clear: both;
    overflow: hidden;
    margin-bottom: 30px;
}

.mp-title {
    font-size: 16px;
    margin-bottom: 10px;
}

.mp-pics {
    position: relative;
}

.mp-pics ul {
    overflow: hidden;
}

.mp-pics ul li {
    width: 25%;
    float: left;
}

.mp-pics ul li a {
    display: block;
    height: 120px;
    line-height: 120px;
    overflow: hidden;
    margin: 0 5px;
    background: #f1f1f1;
}

.mp-pics ul li a img {
    width: 100%;
    min-height: 100%;
    margin: auto;
    transition: .5s;
    display: inline-block;
}

.mp-pics ul li a img:hover {
    transform: scale(1.2);
}

span.count {
    position: absolute;
    right: 8px;
    bottom: 5px;
    background: rgb(20, 135, 244, .8);
    color: #fff;
    padding: 0 10px;
    border-radius: 5px;
}

.mp-info {
    color: #888;
    font-size: 12px;
    margin-bottom: 10px;
}

.mp-info span {
    display: inline-block;
    padding-left: 20px;
    margin-right: 20px;
}

span.mp-timer {
    background: url(../images/date.png) no-repeat left center;
    background-size: 16px;
}

span.mp-view {
    background: url(../images/view.png) no-repeat left center;
}

/*wztitle-list*/
.wztitle-list {
    padding: 0 20px 40px
}

.wztitle-list li {
    padding-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 30px;
    position: relative;
}

.wztitle-list li:before {
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    background: #000;
    border-radius: 10px;
    left: 0;
    top: 15px;
}

.wztitle-list li span {
    display: block;
    float: right;
    color: #888;
    font-size: 12px
}

.wztitle-list li:nth-child(10n) {
    margin-bottom: 20px;
    border-bottom: #eee 1px solid;
    padding-bottom: 20px
}

/*side-tab*/
.side-tab {
    background: #fff;
    border: 1px solid #eee;
}

#sidetab {
    border-bottom: #e4e3e3 1px solid;
    margin: 20px 20px 0;
    padding-bottom: 10px;
    overflow: hidden;
}

#sidetab li {
    font-size: 16px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: 50%;
    float: left;
    text-align: center;
}

#sidetab li:after {
    content: "";
    background: #3366CC;
    background: linear-gradient(to right, #0062ff 0%, #00a0ec 100%);
    width: 20%;
    height: 2px;
    position: absolute;
    bottom: -10px;
    left: 40%;
    opacity: 0;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

#sidetab li:hover:after,
#sidetab li.sidetab-current:after {
    opacity: 1;
    width: 100%;
    margin: auto;
    display: block;
    left: 0;
}

#sidetab li.sidetab-current {
    color: #3366CC;
}

#sidetab-content .topnews {
    margin: 0 0 10px;
}

#sidetab-content .suiji {
    padding: 5px 20px
}

#sidetab-content section {
    display: none;
}

#sidetab-content section:nth-child(1) {
    display: block
}

/*newstext-box*/
.newstext-box {
    padding: 0 20px 20px;
}

.news-title-h1 {
    font-size: 22px;
    margin-bottom: 20px;
}

.arc_tag {
    overflow: hidden;
}

.arc_tag a {
    display: block;
    float: left;
    border: #3366CC 1px solid;
    color: #3366CC;
    padding: 2px 8px;
    margin: 0 5px 5px 0;
    border-radius: 3px;
    font-size: 14px;
}

/* .arc_tag a:nth-child(1),
.arc_tag a:hover {
    background: #3366CC;
    color: #fff
}
 */
.picview-other {
    overflow: hidden;
    color: #888;
    margin-bottom: 15px;
}

.picview-other span {
    display: block;
    float: left;
    margin-right: 15px;
    padding-left: 20px;
}

.smalltext {
    margin-bottom: 20px;
    background: #f1f1f1;
    padding: 20px;
    color: #888;
    line-height: 22px;
}

.smalltext i {
    background: url(../images/quote.png) no-repeat left center;
    width: 24px;
    height: 15px;
    background-position: 0 0;
    float: left;
}

.newstext {
    line-height: 24px;
    margin-bottom: 20px;
    overflow: hidden;
}

.newstext video {
    margin: 20px auto;
    display: block;
    max-width: 100% !important;
    height: auto !important;
    z-index: 0;
}

.newstext p {
    margin-bottom: 20px;
}

.newstext span {
    display: inline
}

.newstext img {
    max-width: 100% !important;
    height: auto !important;
    margin: 10px auto;
}

.newstext table {
    margin: auto !important
}

.newstext iframe {
    margin: auto !important
}

.newstext h2,
.newstext h3,
.newstext h4,
.newstext h5,
.newstext h6 {
    font-size: 16px;
    margin: 20px 0;
    position: relative;
    padding-left: 10px;
}

.newstext h2:before,
.newstext h3:before,
.newstext h4:before,
.newstext h5:before,
.newstext h6:before {
    position: absolute;
    content: "";
    background: #3366CC;
    width: 3px;
    height: 100%;
    left: 0;
    bottom: 0;
}

span.po-from {
    background: url(../images/icon-yonghu.png) no-repeat center left;
    background-size: 16px;
}

span.po-date {
    background: url(../images/date.png) no-repeat center left;
    background-size: 16px;
}

span.po-classname {
    background: url(../images/icon-lm.png) no-repeat center left;
    background-size: 16px;
}

span.po-view {
    background: url(../images/view.png) no-repeat left center;
    background-size: 16px;
}

span.collect {
    background: url(../images/collect.png) no-repeat left center;
    background-size: 16px;
}
span.collect em{
    font-style: unset;
}
span.cancel{
    padding-left: unset;
}
span.cancel a{
    color: #888;
}
.share {
    padding: 10px 0;
    overflow: hidden;
    display: table;
    width: 100%;
    margin: 20px auto;
    line-height: 24px;
    background: #f1f1f1;
}

.share>div {
    padding-right: 20px;
    margin-top: 16px;
    overflow: hidden;
}

.share img {
    width: 100px;
    float: left;
    margin: 0 20px;
}

.share a {
    color: #3366CC
}

.share a:hover {
    text-decoration: underline
}

.diggit {
    display: block;
    width: 160px;
    margin: 20px auto;
    background: #ff5501;
    color: #fff;
    box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, .2);
    border-radius: 3px;
    line-height: 40px;
    text-align: center;
}

.diggit a {
    color: #fff
}

/*info-pre-next*/
.info-pre-next {
    overflow: hidden;
    margin: 20px 0;
}

.info-pre-next ul li {
    width: 50%;
    float: left;
    overflow: hidden;
}

.info-pre-next ul li a {
    display: block;
    overflow: hidden;
}

.info-pre-next ul li:nth-child(1) a {
    margin-right: 10px;
}

.info-pre-next ul li:nth-child(2) a {
    margin-left: 10px;
}

.info-pre-next ul li i {
    display: block;
    width: 130px;
    height: 80px;
    overflow: hidden;
    float: left;
    margin-right: 10px;
    position: relative;
}

.info-pre-next em {
    position: absolute;
    left: 0;
    top: 0;
    font-style: normal;
    color: #ffffff;
    font-size: 16px;
    width: 100%;
    line-height: 80px;
    text-align: center;
    background: rgba(0, 0, 0, .2);
}

.info-pre-next img {
    width: 100%;
    transition: .5s;
}

.info-pre-next h2 {
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.info-pre-next p {
    font-size: 14px;
    margin-top: 10px;
    line-height: 20px;
    height: 40px;
    color: #888;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}

.info-pre-next li:hover img {
    transform: scale(1.2);
}

/*otherlink*/
.otherlink ul {
    padding: 0 20px 20px;
    overflow: hidden;
}

.otherlink ul li {
    position: relative;
    line-height: 30px;
    width: 48%;
    float: left;
}

.otherlink ul li:nth-child(even) {
    float: right;
}

.otherlink ul li a {
    display: block;
    padding-left: 15px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.otherlink ul li:before {
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    background: #000;
    border-radius: 10px;
    left: 0px;
    top: 15px;
}

/*pinglun*/
#plpost {
    margin: 0 20px 20px;
}

.pinglun {
    overflow: hidden;
    padding-bottom: 20px;
    margin: 0 20px;
}

.saying {
    line-height: 30px;
    color: #a9a6a6;
}

.saying span {
    display: block;
    float: right
}

.saying span a {
    color: #de1513;
}

.pl-name,
.pl-yzm {
    padding: 5px;
    margin: 10px 0
}

#plpost input[type="submit"] {
    display: block;
    background: #303030;
    color: #fff;
    border: 0;
    line-height: 30px;
    padding: 0 20px;
    border-radius: 5px;
    float: right;
}

textarea#saytext {
    width: 100%;
}

.picview-box {
    margin: 0 20px;
}

/*page*/
.page {
    overflow: hidden;
    padding: 20px;
}

.page-title {
    width: 230px;
    float: left
}

.page-title li {
    margin-bottom: 10px
}

.page-title li a {
    display: block;
    text-align: center;
    padding: 8px 0;
    border: #f1f1f1 1px solid;
    border-radius: 3px;
}

.page-title li a.cur,
.page-title li a:hover {
    background: #3366CC;
    color: #fff;
    border: #3366CC 1px solid;
}

.page-box {
    width: 1000px;
    float: left;
    margin-left: 30px;
    padding-left: 30px;
    border-left: #eee 1px solid;
    min-height: 500px;
}

.page-box-title {
    font-size: 16px;
    border-bottom: 1px solid #eee;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.page-box-title:after {
    content: "";
    position: absolute;
    width: 64px;
    height: 2px;
    content: "";
    background: #000;
    left: 0;
    bottom: -1px;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.page-box-title:hover:after {
    width: 80px;
}

.page-box-content {
    line-height: 26px;
    ;
}

.page-box-content p {
    margin-bottom: 15px;
}

.page-box-content img {
    max-width: 100%;
    margin: 10px auto
}

.page-box-content h2,
.page-box-content h3,
.page-box-content h4,
.page-box-content h5,
.page-box-content h6 {
    font-size: 16px;
    margin: 20px 0;
    position: relative;
}

.page-box-content h2:before,
.page-box-content h3:before,
.page-box-content h4:before,
.page-box-content h5:before,
.page-box-content h6:before {
    position: absolute;
    content: "";
    background: #3366CC;
    width: 3px;
    height: 100%;
    left: -32px;
    bottom: 0;
}

.page-box-content a {
    color: #39F
}

.qq_join {
    overflow: hidden
}

.qq_join li {
    float: left;
    width: 33.333%;
    padding: 10px;
}

.qq_join li section {
    margin: 0 20px;
    box-shadow: #ccc 1px 1px 5px;
    padding: 10px;
    display: block;
    overflow: hidden;
    transition: all 0.5s;
}

.qq_join li img {
    width: 90%;
    margin: auto;
    background: -webkit-linear-gradient(bottom left, rgba(0, 153, 255, .9), rgba(42, 228, 197, .7));
    background: -o-linear-gradient(bottom left, rgba(0, 153, 255, .9), rgba(42, 228, 197, .7));
    background: linear-gradient(to top right, rgba(0, 153, 255, .9), rgba(42, 228, 197, .7));
    display: block;
    padding: 5px;
}

.qq_join li p {
    margin: 10px;
}

.qq_join li b {
    color: #019881;
    margin: 0 5px;
}

.qq_join li a {
    color: #000
}

.qq_join li section:hover {
    box-shadow: #6f6d6d 1px 1px 5px
}

/*download-list*/
.download-list {
    margin: 0 20px;
}

.download-list {
    margin: 0 20px;
}

.download-list li {
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #dcdcdc;
}

.download-list h3 {
    margin-bottom: 15px;
    font-weight: normal;
}

.download-list i {
    float: left;
    width: 65px;
    height: 65px;
    text-align: center;
    display: table;
    margin-right: 10px;
}

.download-list i img {
    max-width: 65px;
    max-height: 65px;
    vertical-align: middle;
}

.download-list p {
    font-size: 14px;
    color: #9b9b9b;
    height: 43px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    margin-right: 100px;
}

.download-list span.down-info {
    font-size: 12px;
    color: #9b9b9b;
    display: block;
    overflow: hidden;
    margin-top: 10px;
}

.download-list .down-info em {
    font-style: normal;
    margin-right: 20px
}

.download-list span.down-bth {
    position: absolute;
    right: 0;
    bottom: 50px;
    width: 80px;
    height: 30px;
    border-radius: 3px;
    background-color: #00aaff;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
}

.download-list span.down-bth a {
    color: #fff
}

.download-list span.down-bth:hover {
    background-color: #0098e4;
}

.download-list li:hover h3 a {
    color: #218af1;
}

/*down-tuijian*/
.down-tuijian {
    padding: 20px
}

.down-tuijian ul {
    overflow: hidden;
}

.down-tuijian ul li {
    width: 33.333%;
    float: left;
    overflow: hidden;
    margin: 10px 0;
}

.down-tuijian ul li a {
    display: block;
    overflow: hidden;
}

.down-tuijian ul li i {
    width: 65px;
    height: 65px;
    margin: auto;
}

.down-tuijian ul li i img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.down-tuijian ul li p {
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    font-weight: normal;
    color: #333;
    text-align: center;
    margin: 10px 0 0;
    padding: 0 5px;
    display: block;
    overflow: hidden;
}

.down-tuijian ul li:hover p {
    color: #218af1;
}

/*down-paihang*/
.down-paihang {
    padding: 20px
}

.down-paihang li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 0 20px 0;
}

.down-paihang li i {
    background: #c7c7c7;
    border-radius: 2px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    display: block;
    font-style: normal;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    float: left;
    position: relative;
}

.down-paihang ul {
    padding-top: 10px;
    overflow: hidden
}

.down-paihang li i:before {
    position: absolute;
    text-align: center;
    width: 20px;
    height: 20px;
    line-height: 20px;
    left: 0;
    border-radius: 2px;
}

.down-paihang li:nth-child(1) i:before {
    content: "1";
    background: #ff6b66
}

.down-paihang li:nth-child(2) i:before {
    content: "2";
    background: #ff8652
}

.down-paihang li:nth-child(3) i:before {
    content: "3";
    background: #ffa742
}

.down-paihang li:nth-child(4) i:before {
    content: "4";
}

.down-paihang li:nth-child(5) i:before {
    content: "5";
}

.down-paihang li:nth-child(6) i:before {
    content: "6";
}

.down-paihang li:nth-child(7) i:before {
    content: "7";
}

.down-paihang li:nth-child(8) i:before {
    content: "8";
}

.down-paihang li:nth-child(9) i:before {
    content: "9";
}

.down-paihang li:nth-child(10) i:before {
    content: "10";
}

/*down-suiji*/
.down-suiji {
    padding: 20px
}

.down-suiji ul {
    padding-top: 10px
}

.down-suiji ul li {
    margin-bottom: 20px;
    border-bottom: 1px dotted #eee;
    padding-bottom: 10px;
}

.down-suiji ul li p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.down-suiji li i {
    width: 45px;
    height: 45px;
    border-radius: 5px;
    float: left;
    margin: 0 17px 0 0;
    display: inline;
    overflow: hidden;
}

.down-suiji li i img {
    width: 45px;
    height: 45px;
}

.down-suiji span.down-info {
    font-size: 12px;
    color: #9b9b9b;
    display: block;
    overflow: hidden;
    margin-top: 10px;
}

.down-suiji span.down-info em {
    font-style: normal;
    margin-right: 20px
}

/*down-list*/
.down-list li {
    width: 33.333%;
    float: left;
    overflow: hidden;
    position: relative;
}

.down-list li a.dl-link {
    display: block;
    overflow: hidden;
    position: relative;
    margin: 0 5px 10px;
    border: #ddd 1px solid;
    padding: 10px;
    height: 48px;
}

.down-list li i {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px;
}

.down-list li i img {
    width: 100%;
    height: 100%;
}

.down-list li h2 {
    overflow: hidden;
    font-size: 14px;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 100px;
    margin-top: 5px;
}

.down-list li h2 span {
    display: block;
    font-size: 12px;
    color: #8d9ab2;
    position: absolute;
    right: 15px;
    top: 15px;
}

.down-list li p {
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 12px;
    line-height: 12px;
    padding-top: 5px;
    font-weight: normal;
    font-size: 12px;
    color: #8a8f99;
    overflow: hidden;
}

.down-list li:hover h2 {
    color: #3366CC
}

.d-list-hover {
    display: none;
    overflow: hidden;
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    width: 90px;
    height: 70px;
    background: #3366ccd1;
    font-size: 14px;
    line-height: 70px;
    color: #fff;
    text-align: center;
}

.d-list-hover em {
    display: block;
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-style: normal;
}

.down-list li:hover .d-list-hover {
    display: block;
}

/*down-otherlink*/
.down-otherlink ul {
    padding: 10px 20px;
    overflow: hidden;
}

.down-otherlink ul li {
    margin-bottom: 20px;
    border-bottom: 1px dotted #eee;
    padding-bottom: 10px;
    width: 50%;
    float: left;
}

.down-otherlink ul li a {
    display: block;
    padding-right: 20px
}

.down-otherlink ul li p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.down-otherlink li i {
    width: 45px;
    height: 45px;
    border-radius: 5px;
    float: left;
    margin: 0 17px 0 0;
    display: inline;
    overflow: hidden;
}

.down-otherlink li i img {
    width: 45px;
    height: 45px;
}

.down-otherlink span.down-info {
    font-size: 12px;
    color: #9b9b9b;
    display: block;
    overflow: hidden;
    margin-top: 10px;
}

.down-otherlink span.down-info em {
    font-style: normal;
    margin-right: 20px
}

/*down-view*/
.down-view {
    border: #ddd 1px solid;
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
}

.down-view i {
    width: 60px;
    height: 60px;
    display: block;
    float: left;
    margin-right: 20px
}

.down-view i img {
    width: 100%
}

.down-view h1 {
    font-size: 18px;
    margin-bottom: 10px
}

.down-view .down-info {
    color: #888
}

.down-view .down-info em {
    font-style: normal;
    margin-right: 20px
}
.down-view .down-info a {
    color: #888
}

.down-yulan {
    color: #3366CC
}

.down-yulan:hover {
    text-decoration: underline
}

.down-view .btn-blue a {
    position: absolute;
    right: 20px;
    bottom: 28px;
    width: 120px;
    text-align: center;
    line-height: 40px;
    height: 40px;
    background: #3366CC;
    border-radius: 3px;
    color: #fff;
}

.down-view .btn-blue a:hover {
    background: #0976dc
}

/*down-links*/
.down-links ul {
    padding: 0 20px 20px
}

.down-links ul li {
    height: 35px;
    line-height: 35px;
    background: url(../images/soft-down.png) no-repeat left 3px center #fafafa;
    background-size: 16px;
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
    padding-left: 30px;
}

.down-links ul li span {
    display: block;
    float: right;
    width: 100px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    background: #19b5fe;
}

.down-links ul li:hover a {
    color: #3366CC
}

.down-links ul li:hover span {
    display: block;
    background: #ff5555
}

/*pics-list-price*/
.pics-list-price li {
    width: 25%;
    overflow: hidden;
    float: left;
    margin-bottom: 20px;
}

.pics-list-price li a {
    display: block;
    margin: 0 10px 10px;
    overflow: hidden;
    border: #eaeaea 1px solid;
    padding-bottom: 10px;
    transition: .5s;
}

.pics-list-price li i {
    height: 170px;
    line-height: 170px;
    text-align: center;
    overflow: hidden;
    display: block;
    background: #fcfcfc;
}

.pics-list-price li i img {
    height: 100%;
    vertical-align: middle;
    display: inline-block;
    transition: .5s;
}

.pics-list-price li i:hover img {
    transform: scale(1.2);
}

.pics-list-price li h2 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 15px;
    margin: 5px 0;
    font-weight: normal;
    padding: 0 10px;
}

.pics-list-price li p {
    font-size: 13px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-height: 20px;
    height: 40px;
    margin: 10px 0;
    padding: 0 10px;
}

.pics-list-price span.price-area {
    float: left;
    display: block;
    font-size: 18px;
    color: #ff6600;
    padding-left: 10px;
}

.pics-list-price span.pics-btn {
    float: right;
    background: #ff5522;
    border-radius: 2px;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    margin-right: 10px;
}

.pics-list-price em {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
}

/*shopview*/
.shopbox {
    overflow: hidden
}

.shopview {
    width: 40%;
    float: left;
    border: #f1f1f1 1px solid;
    padding: 0 10px;
    margin: 0 0 20px 20px;
}

.shopview .swiper-container {
    margin-bottom: 0;
    padding-bottom: 10px
}

.product {
    width: 50%;
    float: right;
    margin-right: 20px;
}

.product h1 {
    font-size: 18px;
    margin: 20px 0
}

.product p {
    margin: 10px 0;
}

.product span {
    display: inline-block;
}

.product em span {
    font-size: 24px;
}

.product-jianjie {
    background: #f9f8f8;
    padding: 10px;
    color: #555;
}

.product-jianjie span {
    display: block;
    font-weight: normal;
    color: #3366CC;
}

.product-scj em {
    color: #f00;
    font-style: normal;
}

a.btn-add {
    width: 180px;
    color: #FFF;
    border-color: #F40;
    background: #F40;
    font-size: 16px;
    line-height: 38px;
    display: block;
    text-align: center;
    border-radius: 5px;
    margin-top: 30px;
}

a.btn-add:hover {
    border-color: #F22D00;
    background: #F22D00;
}
#protab {
    border-bottom: #e4e3e3 1px solid;
    margin: 20px;
    padding-bottom: 10px;
    overflow: hidden;
}
#protab li{
    font-size: 16px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: auto;
    padding: 0 20px;
    float: left;
    text-align: center;
}
#protab .protab-cur {
    color: #3366CC;
}

#protab .protab-cur a {
    color: #3366CC;
}

#protab .protab-cur:after {
    content: "";
    background: #3366CC;
    background: linear-gradient(to right, #0062ff 0%, #00a0ec 100%);
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: -10px;
    left: 0;
}

#protab-content section {
    display: none;
}
#protab-content section:nth-child(1) {
    display: block;
}

.product-content {
    padding: 0 20px 20px 20px
}

.product-content p {
    margin-bottom: 20px
}

.product-content h2,
.product-content h3,
.product-content h4,
.product-content h5,
.product-content h6 {
    font-size: 16px;
    margin: 20px 0;
    position: relative;
}

.product-content h2:before,
.product-content h3:before,
.product-content h4:before,
.product-content h5:before,
.product-content h6:before {
    position: absolute;
    content: "";
    background: #3366CC;
    width: 3px;
    height: 100%;
    left: -10px;
    bottom: 0;
}

.product-content img {
    max-width: 100% !important;
    height: auto !important
}
.pane {
    padding: 10px 20px 20px 20px;
}
.pane table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #eee;
    text-align: center;
}
.pane table .text-left {
    text-align: left;
}
.pane table td {
    padding: 5px 10px;
    font-size: 14px;
    border: 1px solid #eee;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-height: 30px;
}
.evalute ul.evalute-titleul li a em{
    font-style: unset;
}


/*product-suiji*/
.product-suiji ul {
    overflow: hidden;
    padding: 0 10px;
}

.product-suiji li {
    width: 25%;
    overflow: hidden;
    float: left;
    margin-bottom: 20px;
}

.product-suiji li a {
    display: block;
    margin: 0 5px 10px;
    overflow: hidden;
    border: #eaeaea 1px solid;
    padding-bottom: 10px;
    transition: .5s;
}

.product-suiji li i {
    height: 100px;
    line-height: 100px;
    text-align: center;
    overflow: hidden;
    display: block;
    background: #fcfcfc;
}

.product-suiji li i img {
    height: 100%;
    vertical-align: middle;
    display: inline-block;
    transition: .5s;
}

.product-love ul li img {
    width: 100%;
    vertical-align: middle;
    display: inline-block;
    transition: .5s;
}

.product-suiji li i:hover img,
.product-love ul li i:hover img {
    transform: scale(1.2);
}

.product-suiji li h2,
.product-love ul li h2 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 15px;
    margin: 5px 0;
    font-weight: normal;
    padding: 0 10px;
}

.product-suiji li p,
.product-love ul li p {
    font-size: 13px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-height: 20px;
    height: 40px;
    margin: 5px 0;
    padding: 0 10px;
}

.product-suiji span.price-area,
.product-love ul span.price-area {
    float: left;
    display: block;
    font-size: 18px;
    color: #ff6600;
    padding-left: 10px;
}

.product-suiji span.pics-btn,
.product-love span.pics-btn {
    float: right;
    background: #ff5522;
    border-radius: 2px;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    margin-right: 10px;
}

.product-suiji em,
.product-love em {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
}

.product-love {
    padding: 20px 20px 0 20px;
    overflow: hidden;
}

.product-love ul {
    overflow: hidden
}

.product-love ul li {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

.product-love ul li a {
    display: block;
    margin: 0 5px 10px;
    overflow: hidden;
    border: #eaeaea 1px solid;
    padding-bottom: 10px;
    transition: .5s;
}

.product-love ul li i {
    overflow: hidden;
    display: block;
    background: #fcfcfc;
}

/*is-search*/
.is-search {
    position: fixed;
    top: 11px;
    left: 30px;
    right: 0px;
    width: 60%;
    height: 28px;
    line-height: 28px;
    color: #888;
    z-index: 99999;
    margin: 0px auto;
    display: none;
}

.is-search section {
    display: block;
    background: #fff;
    border-radius: 20px;
    margin: 0 20px;
    font-size: 12px;
}

.is-search i {
    display: block;
    width: 34px;
    height: 28px;
    background: url(../images/searchm.png) no-repeat left 10px center;
    background-size: 20px;
    float: left;
    margin-right: 10px;
}

/*search-page*/
.search-page {
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    z-index: 99999;
    top: 0;
    display: none
}

.search-page .search {
    width: 90%;
    margin-right: 20px;
}

.search-page .search input.input_text {
    width: 80%
}

.search-page .search input.input_submit {
    width: 20%
}

.search-page .go-left {
    background: url(../images/prev_blank.png) no-repeat left center;
    width: 32px;
    height: 32px;
    float: left;
    background-size: 32px;
    margin: 20px 0 0 10px
}

.hot-search,
.new-search {
    margin: 40px 20px;
    overflow: hidden
}

.hot-search p,
.new-search p {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    border-left: #0094ef 3px solid;
    padding-left: 10px;
    color: #0091f0;
}

.search-paihang li {
    width: 100%;
    float: left;
    line-height: 26px;
    height: 26px;
    margin-bottom: 5px;
}

.search-paihang li a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.search-paihang li i {
    font-size: 14px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    text-align: center;
    color: #c7c7c7;
    display: block;
    font-style: normal;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    margin-top: 6px;
    float: left;
}

.search-paihang li:first-child i {
    color: #ff6b66 !important;
}

.search-paihang li:nth-child(2) i {
    color: #ff8652 !important;
}

.search-paihang li:nth-child(3) i {
    color: #ffa742 !important;
}

/*endmenu*/
.endmenu {
    width: 100%;
    position: fixed;
    height: 50px;
    bottom: 0;
    background: #f8f8f8;
    border-top: #ddd 1px solid;
    font-size: 12px;
    display: none;
}

.endmenu li {
    width: 25%;
    float: left;
    text-align: center
}

.endmenu li a {
    display: block
}

.act a {
    color: #09F
}

.endmenu li i {
    display: block;
    width: 30px;
    height: 22px;
    line-height: 30px;
    margin: 4px auto;
    font-size: 22px;
}

@font-face {
    font-family: 'iconfont';
    src: url('../font/iconfont.eot');
    src: url('../fonts/iconfont.eot') format('embedded-opentype'), url('../fonts/iconfont.woff2') format('woff2'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg#iconfont') format('svg');
}

.iconfont {
    font-family: "iconfont";
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-shouye:before {
    content: "\e625";
}

.icon-fenlei:before {
    content: "\e62f";
}

.icon-My:before {
    content: "\e615";
}

.icon-navicon-wzgl:before {
    content: "\e661";
}

/*fenlei-section*/
.fenlei-section {
    background: #fff;
    margin: 0 0 60px 0;
}

.menu-t {
    line-height: 40px;
    border-top: #f1f1f1 solid 10px;
    padding-left: 30px;
    position: relative;
}

.menu-t a {
    display: block
}

.menu-t:before {
    content: "";
    background: #0062ff;
    width: 4px;
    height: 24px;
    left: 10px;
    top: 10px;
    position: absolute;
    background: linear-gradient(to bottom, #0062ff 0%, #00a0ec 100%);
    border-radius: 3px;
}

.menu-sub {
    overflow: hidden;
}

.menu-sub li {
    border-top: #f1f1f1 solid 1px;
    position: relative;
}

.menu-t:after {
    content: " ";
    display: inline-block;
    height: 8px;
    width: 8px;
    border-width: 2px 2px 0 0;
    border-color: #cdcdcd;
    border-style: solid;
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    top: 16px;
    position: absolute;
    right: 20px;
    border-radius: 1px;
}

.menu-t:first-child {
    border-top: 0
}

.menu-sub li:after {
    content: " ";
    display: inline-block;
    height: 8px;
    width: 8px;
    border-width: 2px 2px 0 0;
    border-color: #cdcdcd;
    border-style: solid;
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    top: 16px;
    position: absolute;
    right: 20px;
    border-radius: 1px;
}

.phone-list {
    background: #fff;
    overflow: hidden;
    padding: 20px;
    margin: 40px 0 20px 0;
}

.phone-list li {
    overflow: hidden;
    margin-bottom: 10px;
    display: table;
    width: 100%;
    border-bottom: #eee 1px solid;
}

.phone-list li a {
    display: block;
    overflow: hidden
}

.phone-list h2 {
    font-size: 16px;
    font-weight: normal;
    height: 60px;
    padding-bottom: 10px;
    display: table-cell;
    vertical-align: middle;
}

.phone-list i {
    width: 60px;
    height: 60px;
    float: right;
    margin-left: 10px;
}

.phone-list i img {
    width: 100%;
    height: auto;
}

/*user-box*/
.user-box-ey {
    background: #1b82d1;
    overflow: hidden;
    padding: 20px;
    color: #c2def3;
}

.user-box-ey p {
    font-size: 18px;
    margin-bottom: 20px
}

.user-box-ey em {
    font-style: normal;
    background: #2a8ad6;
    padding: 3px 20px;
    border-radius: 20px;
    border: #3898e4 1px solid;
}

.avatar {
    position: relative;
    float: left;
    width: 70px;
    height: 70px;
    border-radius: 5px;
    border: #77b0da 4px solid;
    display: block;
    margin-right: 20px;
}

.avatar img {
    width: 100%;
}

.avatar::after {
    content: "";
    position: absolute;
    background: url(../images/v.png) no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    right: -15px;
    bottom: -8px;
}

.user-section {
    background: #fff;
    overflow: hidden;
    margin-bottom: 60px;
}

.user-section .line {
    height: 10px;
    background: #f1f1f1;
    overflow: hidden
}

.user-section li {
    line-height: 40px;
    padding-left: 20px;
    border-top: #f1f1f1 solid 1px;
    position: relative
}

.user-section li:after {
    content: " ";
    display: inline-block;
    height: 8px;
    width: 8px;
    border-width: 2px 2px 0 0;
    border-color: #cdcdcd;
    border-style: solid;
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    top: 16px;
    position: absolute;
    right: 20px;
    border-radius: 1px;
}

.user-section li a {
    display: block
}

.pics-fm {
    position: relative;
    padding-bottom: 20px;
}

.tishi-box {
    text-align: center;
    padding: 30px 0;
}

p.tishi {
    color: #f41414;
    font-size: 18px;
    margin-bottom: 20px;
}

.msg {
    color: #888;
    margin-bottom: 20px;
}

.msg a {
    color: #3366CC;
    margin: 0 5px;
}

.hy-article h2 {
    margin-bottom: 20px;
}

.hy-article p {
    color: #f00;
}


/* 购买组件兼容样式 */
.prc_name {
    color: #999;
}

.ey-spec label {
    margin-right: 10px;
}

.ey-spec .col-sm-10 {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.ey-joinbuy {
    margin-right:5px !important;
    background-color: #ff5522 !important;
}

.ey-joinin {
    margin-right:5px !important;
    background-color: #ee8d25 !important;
}

.ey-collect {
    margin-right:unset !important;
    color: #fff;
    background-color: #c7c7c7;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
}

.ey-collect:hover, .ey-collect:focus {
    color: #fff;
    background-color: #c7c7c7;
}

.ey-number .btn-input{
    margin-right: 15px;
}

/* 评论插件兼容样式 */

.ey_comment_row{
    margin-right: unset !important;
    margin-left: unset !important;
}

#ey_comment .aside-left .huifu-edit .huifu-null{
    margin-left: unset!important;
}
#ey_comment .aside-left .huifu-edit .huifu-null img {
    display: unset !important;
}
#ey_comment .aside-left .huifu-edit{
    padding: 10px 0 !important;
    box-shadow: unset !important;
}
#ey_comment .wenti-huifu .huifu-list .huifu-li {
    padding: 30px 0 !important;
}
#ey_comment .wenti-huifu .huifu-head > div:first-child {
    left: 0 !important;
}
#ey_comment .wenti-huifu .huifu-head .hf-head-flr {
    right: 0 !important;
}

#ey_comment .col-xs-9 {
    width: 99.6% !important;
    padding-left: unset!important;
    padding-right: unset!important;
}

.edui-default .edui-editor {
    width: 99.6% !important;
}
#ey_comment .wenti-huifu .huifu-list .huifu-user .user-nice > p.nice {
    color: #3366cc !important;
}
#ey_comment .wenti-huifu .huifu-list .huifu-text-box a {
    color: #3366cc !important;
}
#ey_comment .wenti-huifu .huifu-list .huifu-text-box a {
    color: #3366cc !important;
}
#ey_comment .editreplaybtn {
    background-color: #3366cc !important;
}
#ey_comment .aside-left .huifu-edit .huifu-user .user-nice > p.nice {
    color: #3366cc !important;
}
#ey_comment .aside-left .huifu-edit .edit-opt span.editbutton {
    background-color: #3366cc !important;
}
/* 商品评价 */
.percentgood .pgbox {
    width: 13% !important;
}

/* 播放器 */
.video_con {
    line-height: 24px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

.jw-video-expense {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #616770;
    z-index: 1;
    display: none
}

.jw-video-expense .text {
    color: #fff;
}

.jw-video-expense .apply {
    position: relative;
    margin: 0 auto;
    text-align: center;
    top: 50%;
    margin-top: -50px;
}

.jw-video-expense .button {
    display: block;
    width: 160px;
    margin: 12px auto;
    background: #ff5501;
    color: #fff;
    box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, .2);
    border-radius: 3px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.video-period-zt {}

.video-period-zt .price {
    font-size: 32px;
    margin-top: 15px;
    text-align: center;
    color: #ff5501;
}

.video-buy-now {
    display: block;
    width: 160px;
    margin: 12px auto;
    background: #ff5501;
    color: #fff;
    box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, .2);
    border-radius: 3px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.video-free-now {
    display: block;
    width: 160px;
    margin: 20px auto;
    background: #ff5501;
    color: #fff;
    box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, .2);
    border-radius: 3px;
    line-height: 40px;
    text-align: center;
}

.video-title h1 {
    font-size: 24px;
    display: block;
}

.video_con_period {
    background: #383838;
}

.video-period-title {
    padding: 15px 10px 15px 20px
}

.video-period-title span {
    display: block;
    color: #fff;
    font-size: 16px;
    display: unset;
}

.video-period-title span.c8 {
    color: #888888;
}

.video-period-title a.sucai {
    color: #ff5501;
}

.video-period-list {
    overflow: hidden;
    height: auto;
    min-height: 80px;
    max-height: 410px;
    overflow-y: auto;
}

.video-period-list li {
    height: 69px;
    width: 100%;
    border-bottom: 1px #433D3D solid;
    position: relative;
    text-align: left
}

.video-period-list li a {
    display: block;
    padding: 8px 10px 8px 50px
}

.video-period-list li a.cur {
    background: #2D2D2D;
    display: block;
}

.video-period-list li:hover {
    background: #2D2D2D;
}

.video-period-list li p {
    font-size: 14px;
    color: #888888;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.video-period-list li:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 13px;
    left: 18px;
    top: 15px;
    background: url(../images/video-ico.png) no-repeat;
    z-index: 4
}

.video-period-list li .video-info {
    padding-top: 8px;
    position: relative;
    color: #616770
}

.video-period-list li .video-info span {
    position: absolute;
    right: 0;
    width: 62px;
    text-align: right;
}

.video-period-list li:last-child {
    border-bottom: none
}

.video-content-tit {
    padding: 5px 30px 0;
    line-height: 50px;
    border-bottom: 1px solid #ECEFF5
}

.video-content-tit h2 {
    font-size: 18px;
    color: #434C5A;
    border-bottom: 1px solid #434C5A;
    display: block;
    width: 72px;
    margin-bottom: -1px
}

/* 播放器 end*/














.rd2{-moz-border-radius:2px;-webkit-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;}
.rd3{-moz-border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.rd4{-moz-border-radius:4px;-webkit-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;}
.rd5{-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.rd6{-moz-border-radius:6px;-webkit-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;}
.rd7{-moz-border-radius:7px;-webkit-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px;}
.rd8{-moz-border-radius:8px;-webkit-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;}
.rd9{-moz-border-radius:9px;-webkit-border-radius:9px;-ms-border-radius:9px;-o-border-radius:9px;border-radius:9px;}
.rd10{-moz-border-radius:10px;-webkit-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;}
.rd15{-moz-border-radius:15px;-webkit-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;border-radius:15px;}
.rd20{-moz-border-radius:20px;-webkit-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;}
.rd25{-moz-border-radius:25px;-webkit-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px;border-radius:25px;}
.rd30{-moz-border-radius:30px;-webkit-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;border-radius:30px;}
.rd25{-moz-border-radius:25px;-webkit-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px;border-radius:25px;}
.rd40{-moz-border-radius:40px;-webkit-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;border-radius:40px;}
.rd50{-moz-border-radius:100%;-webkit-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;}
/** font-size **/
.font12{font-size:12px;}.font13{font-size:13px;}.font14{font-size:14px;}.font15{font-size:15px;}
.font16{font-size:16px;}.font17{font-size:17px;}.font18{font-size:18px;}.font19{font-size:19px;}.font20{font-size:20px;}
.font21{font-size:21px;}.font22{font-size:22px;}.font23{font-size:23px;}.font24{font-size:24px;}.font25{font-size:25px;}
.font26{font-size:26px;}.font27{font-size:27px;}.font28{font-size:28px;}.font29{font-size:29px;}.font30{font-size:30px;}
.font31{font-size:31px;}.font32{font-size:32px;}.font33{font-size:33px;}.font34{font-size:34px;}.font35{font-size:35px;}
.font36{font-size:36px;}.font37{font-size:37px;}.font38{font-size:38px;}.font39{font-size:39px;}.font40{font-size:40px;}
.font41{font-size:41px;}.font42{font-size:42px;}.font43{font-size:43px;}.font44{font-size:44px;}.font45{font-size:45px;}
.font46{font-size:46px;}.font47{font-size:47px;}.font48{font-size:48px;}.font49{font-size:49px;}.font50{font-size:50px;}
.font51{font-size:51px;}.font52{font-size:52px;}.font53{font-size:53px;}.font54{font-size:54px;}.font55{font-size:55px;}
.font56{font-size:56px;}.font57{font-size:57px;}.font58{font-size:58px;}.font59{font-size:59px;}.font60{font-size:60px;}
.font61{font-size:61px;}.font62{font-size:62px;}.font63{font-size:63px;}.font64{font-size:64px;}.font65{font-size:65px;}
.font66{font-size:66px;}.font67{font-size:67px;}.font68{font-size:68px;}.font69{font-size:69px;}.font70{font-size:70px;}
.font71{font-size:71px;}.font72{font-size:72px;}.font73{font-size:73px;}.font74{font-size:74px;}.font75{font-size:75px;}
.font76{font-size:76px;}.font77{font-size:77px;}.font78{font-size:78px;}.font79{font-size:79px;}.font80{font-size:80px;}
/** 变化 **/
.fam{font-family:Arial, Helvetica, sans-serif}
.textup{text-transform:uppercase}
.simg,.img{display:block}
.scale,.imgW{overflow:hidden}
.simg,.img{display:block;height:auto}
/** 常用class **/
.tc{text-align:center;}
.tl{text-align:left}
.tr{text-align:right}
.fr{float:right;}
.fl{float:left;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
.tj{cursor:pointer;background:#3498db;color:#fff;}
.b,.b *{font-weight:normal;font-style:normal}
.em{font-style:normal}
.ov{overflow:hidden}
.pc{display:block;}

.wp{max-width:1200px;margin-left:auto !important;margin-right:auto !important;width:96%;}

.w11{width:110%;}
.inbk{display:inline-block;vertical-align:middle;}
.inbkT{display:inline-block;vertical-align:top;}
.wap_banner{display:none}
.pc_banner{display:block}
.bodybg{background:#f5f5f5}


.pup{position:fixed; z-index:9999; width:100%; height:100%; top:0px; left:0px; background:url(../images/icon/black6.png); display:none; overflow-y:auto;}
.pup-cell{display:table-cell;vertical-align:middle;text-align:center}
.pup-box{display:inline-block;background:#fff;position:relative;padding:30px;z-index:20;max-height:90%;max-width:90%;overflow-y:auto}
.pup-full-close.pup-close{position:absolute;width:100%;height:100%;top:0;left:0;cursor:pointer;z-index:10}
.pup-box .pup-close{background:url(../images/icon/1close.png) no-repeat center center;width:30px;height:30px;position:absolute;right:0px;top:0px;cursor:pointer;}
.pup-btn{cursor:pointer;}



@media only screen and (min-width: 1004px) and (max-width: 2800px){
	/** 鼠标滑过 斜切 **/
.dd, .simg, .imgW .img, .imga, .product-list a, .teach-list .imga a, .news-list .more{
    transition:all ease-in .3s;
    -moz-transition:all ease-in .3s;
    -ms-transition:all ease-in .3s;
    -o-transition:all ease-in .3s;
    -webkit-transition:all ease-in .3s;
}
.shadow1 .imga:hover,.shadow1 dd:hover{
    box-shadow:0px 0px 10px #aaa;
    -moz-box-shadow:0px 0px 10px #aaa;
    -ms-box-shadow:0px 0px 10px #aaa;
    -o-box-shadow:0px 0px 10px #aaa;
    -webkit-box-shadow:0px 0px 10px #aaa;
}
.shadow99 .imga:hover,.shadow99 dd:hover{
    transform:translateY(-5px);
    -moz-transform:translateY(-5px);
    -ms-transform:translateY(-5px);
    -o-transform:translateY(-5px);
    -transform:translateY(-5px);
    box-shadow:0px 0px 10px #999;
    -moz-box-shadow:0px 0px 10px #999;
    -ms-box-shadow:0px 0px 10px #999;
    -o-box-shadow:0px 0px 10px #999;
    -webkit-box-shadow:0px 0px 10px #999;
}
.shadowcc .imga:hover{
    box-shadow:0px 0px 10px #ccc;
    -moz-box-shadow:0px 0px 10px #ccc;
    -ms-box-shadow:0px 0px 10px #ccc;
    -o-box-shadow:0px 0px 10px #ccc;
    -webkit-box-shadow:0px 0px 10px #ccc;
}
.lateY .imga:hover{
    transform:translateY(-5px);
    -moz-transform:translateY(-5px);
    -ms-transform:translateY(-5px);
    -o-transform:translateY(-5px);
    -transform:translateY(-5px);
    box-shadow:0px 0px 10px #ccc;
    -moz-box-shadow:0px 0px 10px #ccc;
    -ms-box-shadow:0px 0px 10px #ccc;
    -o-box-shadow:0px 0px 10px #ccc;
    -webkit-box-shadow:0px 0px 10px #ccc;
}
.lateY10 .imga:hover{
    transform:translateY(-10px);
    -moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
    -o-transform:translateY(-10px);
    -transform:translateY(-10px);
}
.scale:hover .simg,.imgW:hover .img,.product-list a:hover .img{-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}



}



@media only screen and (min-width: 1200px){

	}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){
.wp{ width:96%;}

}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {
.nav{ display:none;}
.menubtn{ display:block;} 

.loarea{ /*height:60px;*/ padding-bottom: 10px;}
.loarea .logo{ width:140px; padding-top:8px; }
.loarea .logo img{ height:32px;}
.tel{ display:none;}
.mtel{ display:block;}
.banner .swiper-pagination{ display:none;}
.banner .swiper-button-prev,.banner .swiper-button-next{ display:inline-block; width:20px; height:28px;margin-top:-14px;}
.footer_wap{ display:block;}
.pcshow{ display:none;}
.wapshow{ display:inline-block;}

/*首页*/
.logtxt{display: none;}
.headTop{padding: 5px 0}
.bannerbox{padding: 10px 0; display: block;}
.bannfl{width: 100%}
.bannfr{width: 100%; margin: 0; margin-top: 10px; padding: 10px 15px;}
.title{margin-bottom: 8px;}
.helpcen ul li a{display: block; /*overflow: hidden;*/ text-overflow: ellipsis; white-space: nowrap;}
.title h3{font-size: 16px;}
.helpcen ul li{margin: 4px 0}
.helptop{margin-top: 0px; margin-bottom: 8px; padding: 5px 0 10px}
.hlpkf{font-size: 14px;margin-top: 10px;}
.procebox{display: none;}

.procebox ul li{margin: 0 1%; width: 14.6%; text-align: center; font-size: 12px;}
.procebox ul li a:after{left: 105%}
.intitle{font-size: 18px;}
.pronextbox{width: 82%; font-size: 14px; line-height: 32px; height: 32px;}
.lestamp{padding: 2px 1px 0; height: 32px;}
.lestamp:before{left: 120%;}
.produtitle{margin-bottom: 10px;}
.productbox li{width: 48%; margin: 8px 1%}
.vulej b{font-size: 18px;}
.prodxItem{padding: 0 3px;}
.cspmwp .productbox ul li{width: 48%}
.footerTop{padding: 5px 0}
.footernav{width: 100%; display: none;}
.footernav ul li:nth-child(1){display:none;}
.footernav ul li{width: 33.3%; margin-right: 0;     height: 130px;}
.footernav ul li h3{font-size: 14px; margin-bottom: 8px;}
.wat{width: 100%}
.footcos{width: 40%; font-size: 12px; line-height: inherit;}
.wat .fr{width: 60%}
.wat .fr div{width: 46%; margin: 0 2%}
.wat .fr div img{width: 100%}
.footcos h3{font-size: 14px; line-height: 14px;}
.cspmwp{padding-bottom: 20px;}
.copy{font-size: 12px; padding: 5px 0}

/**/
.padb{padding: 20px 0}
.contatit{margin-bottom: 15px;}
.contatit h3{font-size: 20px;}
.contatit p{font-size: 14px; padding-bottom: 12px;}
.comprlfie{font-size: 14px; width: 100%; line-height: 26px;}
.comprlfiefr{width: 100%}
.comprlfiefr img{display: block; width: 100%}
.teambox{padding-bottom: 45px;}
.teambox .swiper-button-next{margin-bottom: -30px}
.teambox .swiper-button-prev{margin-bottom: -30px}
.cultubox li h3{font-size: 16px;}
.cultubox li{font-size: 12px; margin: 20px 0; padding-left: 100px;}
.cultimg{width: 80px; height: 80px;}
.cultimg img{width: 100%}


.help-wrap{margin-top: 15px; display: block;}
.help-nav{width: 100%}
.help-nav dt{margin: 25px 0 10px; font-size: 16px;}
.help-nav dd a{line-height: 35px;}
.help-article{width: 100%}
.article-title{font-size: 18px; margin-bottom: 15px;}
.article-cont{font-size: 14px; line-height: 28px}


.search2{margin-top: 10px;}
.newbox{margin-top: 10px;}


.productbox{height: 250px; overflow: hidden;}
.newzx ul{
    height: 56px;
    overflow: hidden;
}
.pmggh ul{
    height: 62px;
    overflow: hidden;
}
.article-cont img{max-width: 100%}




}
/** max-width:960 **/
@media only screen and (max-width: 959px) {

}
/** max-width:768 **/
@media only screen and (max-width: 767px) {
.banner .slick-dots{ bottom:10px;}
}
/** max-width:640 **/
@media only screen and (max-width: 639px) {
}

/** width:480 **/
@media only screen and (max-width: 479px) {

}

@media only screen and (max-width: 360px) {

}
/** width:320px **/
@media only screen and (max-width: 319px) {	
}

/*********************************首页结束**********************************/

/*******************************************************************/
/*width:1200+*/
@media only screen and (min-width: 1200px){}
/** max-width:1200 **/
@media only screen and (max-width: 1365px){

	}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){}
/** width:960px **/
@media only screen and (max-width: 1023px){
}
/** max-width:960 **/
@media only screen and (max-width: 959px){}
/** max-width:768 **/
@media only screen and (max-width: 767px){}
/** max-width:640 **/
@media only screen and (max-width: 639px){
	}
/** width:480 **/
@media only screen and (max-width: 479px) {}
/** width:360px **/
@media only screen and (max-width: 360px) {}

/** width:320px **/
@media only screen and (max-width: 319px){}
/*******************************************************************/

/*PC导航 begin*/
.nav{ position:relative; background:#0c78d3; z-index:5;}
.navul{ font-size:0;}
.navul li{ display:inline-block; font-size:14px; position:relative;}
.navul li>a{ color:#fff; padding:0 25px; text-align:center; display:inline-block; line-height:48px; height:48px;}
.navul li>a:hover{ background:#153e7f;}
.navul li>a .ico{position: absolute;top:-1px;left: 50%;margin-left: 0px;width: 0px; display:inline-block; height:1px; background-color:#06a7d3;}
.act_nav{ background:#153e7f !important;}
.act_nav .ico{ width:22px !important; left:50% !important; margin-left:-11px !important;}

.sercnbox{
	position: relative;
	margin-top: 7px;
}
.sercnbox input{
	width: 280px;
	height: 34px;
	box-sizing: border-box;
	padding: 0 25px 0 5px;
	line-height: 34px;
	background: #fff;
	border-radius: 5px;
}
.sechbtn{
	width: 22px;
	height: 34px;
	background: url(../images/seach.png) no-repeat center;
	background-size:100%;
	border: none;
	position: absolute;
	right: 12px;
	cursor: pointer;
	top: 0
}

/*PC导航end*/
.subnav{ position:absolute; left:0; top:48px;background:#fff; width:auto; padding:8px 12px; box-shadow:2px 0 2px 0 #000; display:none;}
.subnav1{}
.subnav1 dd{ float:left; width:128px; background-image:none !important;}
.subnav1 dd .nr a{height:30px; text-align:left; line-height:30px; width:152px; font-size:14px; display:block; width:80px; padding:2px 24px; color:#333 !important; text-align:center; }
.subnav1 dd .nr a:hover{ color:#1c4e9e !important; text-indent:2px; background-color:none;}
.subnav1 .tit{ font-size:16px; font-weight:bold; text-align:center; padding:8px 0 4px;}
.subnav2{ width:256px;}


/*手机导航按钮及下拉菜单begin*/
.menubtn{ position:absolute; width:24px; height:24px;top:11px; right:10px; cursor:pointer; display:none;}
.menubtn i{ display:block; width:21px; height:3px; background-color:#1c4e9e; position:absolute; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;}
.menubtn i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}
.menubtn i:nth-child(2){ top:11px;}
.menubtn i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}
.menubtn.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}
.menubtn.on i:nth-child(2){ opacity:0;}
.menubtn.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}
/*小导航*/
.inav{ background:url(../images/icon/black8.png) repeat; position:absolute; left:0; top:60px; width:100%; display:none; z-index:9; }
.inav{ display:none;}
.inav dl{ padding:0 10px; text-align:left;}
.inav dt{ font-size:14px; color:#fff; height:40px; line-height:40px; border-bottom:1px solid #2b3b81; padding-left:8px; position:relative;}
.inavbtn{ position:absolute; right:0px; top:14px; width:14px; height:14px; background:url(../images/icon/jia3.png) center center no-repeat; -webkit-transform-origin:center center; -moz-transform-origin:center center; -ms-transform-origin:center center; -o-transform-origin:center center; transform-origin:center center;-webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;}
.inav dd{ display:none; padding-left:2em; border-bottom:1px solid #1c4e9e; padding-bottom:6px;}
.inav a{ color:#fff;}
.inav a:hover{ color:#ccc;}
.inav dd h6{ font-size:14px; font-weight:normal; line-height:2;}
.inav dd h6 a{ display:block;}
.inav dd p{ font-size:12px; text-indent:1em; line-height:1.8;}
.act_inav{ font-weight:bold;}
.act_inav .inavbtn{ -webkit-transform:rotate(135deg) !important; -moz-transform:rotate(135deg) !important; -ms-transform:rotate(135deg) !important; -o-transform:rotate(135deg) !important;transform:rotate(135deg) !important;}
/*手机导航按钮及下拉菜单end*/
/*banner begin*/
.banner{ position:relative; z-index:3; }
.banner .swiper-slide{position:relative; overflow:hidden;}
.banimg{ width:100%; height:auto; display:block;-webkit-transition:all 20s ease-out 0s; -moz-transition:all 20s ease-out 0s; -ms-transition:all 20s ease-out 0s; -o-transition:all 20s ease-out 0s; transition:all 20s ease-out 0s;}
.banner .swiper-pagination{ bottom:16px !important;}
.banner .swiper-pagination-bullet{
	width:10px;
	height:10px;
	padding: 0;
	background-color:#fff;
	font-size: 0;
	line-height: 0;
	outline:none;
	cursor: pointer; 
	filter:alpha(opacity=100); 
	-moz-opacity:1; 
	-khtml-opacity: 1; 
	opacity: 1; 
	margin:0 8px !important;
}

.banner .swiper-pagination-bullet-active{background-color:#0c78d3;}
.banner .swiper-button-prev{ background:url(../images/icon/prev2.png) center center no-repeat; left:2%;}
.banner .swiper-button-next{ background:url(../images/icon/next2.png) center center no-repeat; right:2%;}
.banner .swiper-button-prev,.banner .swiper-button-next{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;width:33px;  height:60px; top:50%; margin-top:-30px; -webkit-background-size:80%; -moz-background-size:80%;-ms-background-size:80%; -o-background-size:80%; background-size:80%;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
/*banner end*/
.h_tit{ font-size:22px; color:#1c4e9e; font-weight:bold; }
.h_tit a{ float:right; font-weight:normal; color:#666; font-size:14px; margin-top:6px;}
.h_tit a:Hover{ color:#333; text-decoration:underline;}
.i_main{ padding:44px 0; min-height:400px;}



.pcshow{ display:inline-block;}
.wapshow{ display:none;}

ul{list-style: none;}

/*首页*/
.pupbg{background: #f3f4f5}
.bannerbox{padding: 15px 0; display: flex;}
.bannfl{width: 72%;}
.bannfr{width: 26%; margin-left: 2%; background: #fff; padding: 20px 13px; box-sizing: border-box;}
.title{color: #333; font-family: "思源黑体 CN"; margin-bottom: 10px;}
.title h3{font-weight: 600;  font-size: 18px;}
.title a{font-size: 14px; color: #666; float: right;}
.helpcen ul li{width: 50%; position: relative; float: left; margin: 12px 0}
.helpcen ul li a{
	width: 100%; 
	box-sizing: border-box; 
	display: inline-block; 
	padding-right: 10px; 
	position: relative; 
	/*white-space: nowrap; 
	text-overflow: ellipsis; 
	overflow: hidden; */
	font-size: 14px; 
	color: #666; 
	box-sizing: border-box;
}
.helpcen ul li a span{
	white-space: nowrap; 
	text-overflow: ellipsis; 
	overflow: hidden; 
}
.tag-flag{
	font-size: 12px;
	font-style: normal;
	border: 1px solid #666;
	padding: 2px 5px;
	border-radius: 3px;
}
.helpcen ul li a:hover{
	color: #0c78d3
}
.helpcen ul li a:hover .tag-flag{
	border: 1px solid #0c78d3;
}
/*.helpcen ul li a:before{
	content: '';
	width: 6px;
	height: 6px;
	background: #dadada;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -3px;
}*/
.helptop{
	border-bottom: 1px solid #e6e6e6;
	padding: 8px 0 17px;
	text-align: center;
	font-size: 14px;
	margin-bottom: 15px;
	color: #666
}
.helptop li{text-align: center; width: 33.3%; float: left;}
.helptop li a{display: block;}
.helptop li a:hover{color: #0c78d3}
.hlpkf{font-size: 18px; color: #666; text-align: center; margin-top: 15px;}
.procebox{background: #fff; }
.procebox h4{    display: inline-block;
    width: 8%;background: #e6e6e6; text-align: center;padding: 12px 0;font-size: 16px;font-weight: bold;}
.procebox ul{width:90%;display: inline-block;float: right;margin-top: 13px;}
.procebox ul li{
	float: left;
	width: 12.2%;
	margin: 0 1%;
	font-size: 14px;
	color: #666
}
.procebox ul li a{
	color: #666;
	position: relative;
}
.procebox ul li a span{font-size: 12px; color: #000}
.procebox ul li a:after{
	content: "";
	position: absolute;
	width: 10px;
	height: 18px;
	background: url(../images/tpjt.jpg) no-repeat center;
	background-size: cover;
	left: 131%;
	top: 50%;
	margin-top: -9px;
}
.procebox ul li:last-child a:after{
	background: none
}
.pronrTop .helpcen ul li a{color: #3d3d3d}
.pronrTop .helpcen ul li{width: 100%}
.pronrTop{
	border-bottom: 1px solid #e6e6e6
}
.intitle{font-size: 30px; line-height: 32px; color: #333; font-weight: bold; font-family: "思源黑体 CN"; margin-bottom: 10px;}
.intitle span{color: #0c78d3}
.produtitle{position: relative; width: 100%; margin-bottom: 15px;}
.lestamp{
	width: 34px;
	height: 33px;
	background: #0c78d3;
    font-size: 12px;
    line-height: 15px;
    padding: 3px 1px 0;
    text-align: center;
    color: #fff;
    position: relative;
}
.pronextbox{
	background: #0c78d3;
	width: 92%;
	height: 36px;
	line-height: 36px;
	position: relative;
	box-sizing: border-box;
	padding: 0 15px;
	font-size: 16px;
	color: #fff
}
.lestamp:before{
	content: "";
	position: absolute;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #0c78d3;
	left: 125%;
	margin-right: -10px;
	top: 50%;
	margin-top: -4px;
}
.pronextbox:before{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-right: 6px solid #0c78d3;
	border-bottom: 6px solid  transparent;
	left: 0;
	top: 50%;
	margin-top: -8px;
	margin-left: -6px;
}
.pronextbox b{margin-right: 10px}
.pronefr a{
	font-size: 12px;
	color: #fff;
}
.pronefr a em{
	font-size: 14px;
	font-style: normal;
}
.productbox{width: 100%;}
.productbox li{
	width: 31.3%;
	margin: 15px 1% 0;
	float: left;
}
.productbox li a{
	display: block;
	width: 100%
}
.header-section img{display: block; width: 100%}
.petit{
	padding: 0 5px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 24px;
    width: 100%; 
    box-sizing: border-box;
    background: #fcfaf8
}
.prodcon{
	background: #fff;
	width: 100%; 
	position: relative;
}
.prodxItem{
	font-size: 12px;
	color: #999;
	margin: 3px 0;
	padding: 0 10px;
}
.vulej{
	margin-left: 10px;
}
.vulej b{
	font-size: 24px;
	color: #0c78d3;
	margin-left: 3px;
}
.vulej em{
	font-style: normal;
	color: #0c78d3;
	font-size: 16px;
}
.vulej i{
	font-style:normal;
	color: #777
}
.prdate{
	font-weight: bold;
	font-size: 14px;
	color: #333
}
.prodbotm{
	border-top: 1px solid #eeeeee;
	margin-top: 5px;
	overflow: hidden;
}
.prodbotm p{
	width: 50%;
	box-sizing: border-box;
	padding: 0 10px;
	line-height: 36px;
	border-left: 1px solid #eee;
	margin-left: -1px;
	float: left;
	font-size: 12px;
	color: #999
}
.prodbotm p em{
	color: #666;
    padding-right: 4px;
    font-weight: 700;
    font-style: normal;
}
.pronsnbr{
	border-bottom: none;
	margin-top: 15px;
}
.pronsnbr .helpcen p{
	color: #bdbdbd;
    width: 100%;
    line-height: 22px;
    text-indent: 12px;
    font-size: 12px;
}
.pronsnbr .helpcen ul li p em a{
	font-size: 12px;
	font-style: normal;
	padding: 0;
	vertical-align: middle;
	width: auto;
}
.pronsnbr .helpcen ul li p em a:before{
	display: none;
}
.pronsnbr.pronrTop .helpcen ul li{
	/*margin: 5px 0*/
}
.cspmwp{
	width: 100%;
	padding-bottom: 20px;
}
.cspmwp .productbox ul li{
	width: 23%
}


.cspmwp .intitle span{
	color: #1d8c3d
}

.cspmwp .vulej b{
	color: #1d8c3d
}
.cspmwp .vulej em{
	color: #1d8c3d
}

.intitle a{font-size: 14px; /*margin-top: 15px;*/}

/*底部*/
.footerwp{
	border-top: 5px solid #0c78d3;
	background: #fff;
}
.footerTop{
	padding: 20px 0
}
.footernav{width: 57%;}
.footernav ul li{color: #333; float: left; margin-right: 10%; height: 160px;}
.footernav ul li h3{font-size: 16px; margin-bottom: 20px;}
.footernav ul li p{ margin: 5px 0;}
.footernav ul li a{color: #666; font-size: 14px; display: block;}
.footernav ul li a:hover{color: #9e3867}
.zyqh{width: 90px; padding-left: 40px; height: 35px; background:#9e3867 url(../images/earth01.png) no-repeat 25%; line-height: 35px; border-radius: 5px; border: none; text-align: center; color: #fff;}
.wat{font-size: 12px; width: 43%; color: #666; text-align: center;}
.footerbot{padding: 20px 0; color: #999; font-size: 13px; border-top: 1px solid #434343; text-align: center;}
.footernav ul li p span{width: 150px; margin-left: 5px; display: inline-block; color: #999}
.footernav ul li p span.phone{font-weight: bold; color: #00ccff}
.footerbot a{color: #999}
.footcos{
	width: 50%;
	text-align: right;
	float: left;
	font-size: 14px;
	color: #666;
	line-height: 31px;
}
.footcos h3{
	font-size: 24px;
	color: #333;
	margin-bottom: 5px;
}
.wat .fr{
	width: 50%;
}
.wat .fr div{width: 48%; margin: 0 1%;}
.wat .fr div img{width: 100%}
.copy{font-size: 14px; color: #666666; background: #f2f2f2; padding: 10px 0; text-align: center; width: 100%}
/*关于同凯*/
.padb{padding: 50px 0}
.companybg{
	width: 100%;
	background: url(../images/compybg.jpg) no-repeat center;
}
.contatit{
	text-align: center;
	margin-bottom: 25px;
}
.contatit h3{
	font-size: 32px;
	color: #333;
	font-weight: bold;
	margin-bottom: 5px;
}
.contatit p{
	color: #626262;
	font-size: 16px;
	position: relative;
	padding-bottom: 20px;
}
.contatit p:before{
	content: "";
	position: absolute;
	width: 29px;
	height: 3px;
	background: #0c78d3;
	left: 50%;
	margin-left: -15px;
	bottom: 0
}
.comprlfie{
	width: 60%;
	font-size: 16px;
	color: #494949;
	line-height: 34px;
	text-indent: 2em;
	line-height: 34px;
}
.comprlfiefr{
	width: 35%;
	padding-top: 25px;
}
/*.profilenr{
	margin-top: 25px;
}*/
.teambg{
	background: #f3f4f5;
	position: relative;
}
.suribd{
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 20;
    height: 0px;
    bottom: 0;
    box-sizing: border-box;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.8);
    /*text-transform: uppercase;*/
    color: #333;
    font-size: 24px;
   /* padding:15px 10%;*/
   padding: 0 10%;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    overflow: hidden;
    color: #fff;
}

.teambox{position: relative; padding-bottom: 30px;}
.teimg{line-height: 0}
.serdis01{font-size: 20px; color: #fff; position: relative;}
.serdis01 p{font-size: 16px; color: #fff; display: inline-block; margin-left: 10px;}
.serdis02 {
    display: block;
    font-size: 16px;
    text-transform: none;
    line-height: 32px;
    color: #ccc;
    overflow: hidden;
    text-align: left;
}
.teambimg:hover .suribd{ bottom: 0; height: 100%; padding: 20px 10%; width: 100%; }
.teambox .swiper-button-next{
	z-index: 99; 
	right: 0;
    background: url(../images/next.png) no-repeat center; 
    width: 50px; 
    height: 89px;
    margin-bottom: -50px;
    bottom: 0;
    left: 50%;
    top: inherit;
    cursor: pointer;
    margin-right: -80px;
}
.teambox .swiper-button-prev{
	z-index: 99; 
	left: 0;
    background: url(../images/prev.png) no-repeat center; 
    width: 50px; 
    height: 89px;
    left: 50%;
    top: inherit;
    bottom: 0;
    margin-left: -80px;
    margin-bottom: -50px;
    cursor: pointer;
}
.teambox .swiper-button-next.swiper-button-disabled,.teambox .swiper-button-prev.swiper-button-disabled{opacity: 1;}
/*.teambox .swiper-button-prev:hover{background: url(../images/lf01.png) no-repeat center; }
.teambox .swiper-button-next:hover{background: url(../images/rt01.png) no-repeat center;  }*/
.cultubg{
	background: url(../images/cultubg.png) no-repeat center;
	background-size: cover;
}

.cultubox li{
	position: relative;
	width: 100%;
	font-size: 14px;
	color: #333;
	box-sizing: border-box;
	padding-left: 135px;
	margin: 65px 0
	
}
.cultubox li h3{
	font-size: 20px;
	color: #000;
	font-weight: 500;
	margin-bottom: 8px;
}
.cultimg{
	width: 104px;
	height: 104px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -52px;
}


.detailbg{padding: 25px 0 50px;}
.current {
    font-size: 14px;
    color: #333;
}
.current a {
    color: #333;
}
.help-wrap{
	width: 100%;
	margin-top: 25px;
	display: flex;
}
.help-nav dt {
    position: relative;
    margin: 35px 0 14px;
    padding: 0 16px 0 40px;
    height: 20px;
    line-height: 20px;
    font-size: 18px;
    font-weight: 700;
    color: #433d33;
    cursor: pointer;
}
.help-nav dd a.cur-title, .help-nav dd a:hover {
    color: #c71622;
}
.help-nav dd {
    padding: 0 16px 0 50px;
/*    height: 43px;
    line-height: 43px;*/
    font-size: 14px;
    color: #433e33;
    box-sizing: border-box;
    width: 100%;
    cursor: pointer;
    display: none;
}
.help-nav dd a{
	line-height: 43px;
	display: block;
}
.help-nav dt.title-open i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.help-nav dt i {
    position: absolute;
    top: 7px;
    right: 15px;
    display: inline-block;
    width: 11px;
    height: 6px;
    background: url(../images/arrow.png) no-repeat;
    background-size: cover;
    -webkit-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
}

.help-wrap{border: 1px solid #efefef; background: #ffffff}
.help-nav{width: 20%; background: #fbfbfb; border-right: 1px solid #efefef; padding: 0 0 50px}
.help-article{width: 80%; box-sizing: border-box; padding: 20px 5%;}

.article-title{    
	margin-bottom: 30px;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    color: #433d33;
}
.article-cont{
	font-size: 14px;
	color: #666;
	line-height: 36px;
}

.bannfr .title{padding: 0 10px}
.helpcen{padding: 0 10px}

/*新闻列表页面*/
.gjserch{width: 100%}
.search2{ width:236px;   margin-top:19px;}
.search2 .text{ 
	display:block; 
	float:left; 
	width:182px; 
	height:28px; 
	font-size:12px; 
	color:#000000; 
	padding-left:8px;
	line-height:28px; 
	border:1px solid #d9d9d9; 
	border-width:1px 0 1px 1px; 
}
.search2 .tj{ float:left;  width:45px; height:30px; cursor:pointer; font-size:14px; color:#fff; text-align:center; border:none; background-color:#0c78d3;}
.search2 .tj:hover{ background-color:#028fc5;}

.newbox{width: 100%}
.newbox ul{
	width: 100%;
    height: auto;
    border: 1px solid #d2d2d2;
    padding: 6px;
    background: #fff;
    box-sizing: border-box;
    margin-top: 20px;
}
.newbox ul li{
	border-bottom: 1px dotted #ccc;
	font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 10px;
}
.newbox ul li a{
	background: url(../images/newico.png) no-repeat left center;
	display: block;
	padding-left: 18px;
	font-size: 14px;
	color: #333
}
.newbox ul li a:hover{
	color:#0c78d3
}


/*turnpage8*/
.turnpage8{ margin:20px auto;font-size:0; text-align:center;}
.turnpage8 a,.turnpage8 span{ display:inline-block; background: #fff; padding:4px 10px; font-size:12px;margin:0 5px; color:#333; border:1px solid #d7d7d7; }
.turnpage8 a:hover{ color:#fff; background-color:#0263c1; border-color:#0263c1;}
.current8{ color:#fff !important; background-color:#0263c1 !important;border-color:#0263c1 !important;}


.top_btn a{     display: inline-block;
    width: 75px;
    height: 35px;
    background: #00CD00;
    color: #fff;
    line-height: 35px;
    text-align: center;
    margin-left: 8px;}

.top_btn a:first-child{background: #0c78d3;}






.page-bottom {
    width: 100%;
    /*margin-top: 30px;*/
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 22px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background: #434343;
}

.page-bottom .page-bottom-img img {
    width: 20px;
    height: 21px;
    margin-right: 11px;
}

.lj_foot{
	padding: 10px 0;
	text-align: center;
}
.lj_foot .wrap{
	width: 1200px;
	margin: 0 auto;
}
.lj_foot .list{
	display: inline-block;
}
.lj_foot .list li{
	float: left;
	position: relative;
}
.lj_foot .list li .a{
	font-size: 14px;
	margin-left: 6px;
	padding-right: 6px;
	line-height: 24px;
	color: #fff;
}
.lj_foot .list li::after{
	position: absolute;
	top: 6px;
	right: 0;
	content: "";
	width: 1px;
	height: 12px;
	background: rgba(0,0,0,.1);
}
.lj_foot .list li:last-child::after{
	width: 0;
}
.lj_foot .text{
	font-size: 14px;
	line-height: 20px;
}
.lj_foot .text span{
	margin: 0 3px;
	color: #666;
	line-height: 10px;
}
.lj_foot .safe_link{
	display: inline-block;
}
.lj_foot .safe_link li{
	float: left;
	margin: 15px 8px;
}
.lj_foot .safe_link .item{
	display: block;
	height: 45px;
	padding: 4px 8px;
	border: 1px solid #DFDFDF;
	border-radius: 8px;
	text-align: center;
	font-size: 14px;
	color: #fff;
}
.lj_foot .safe_link .item .img{
	margin-right: 10px;
}
.lj_foot .safe_link .item .t{
	text-align: left;
}