.panel-fy {

    text-align: center;

    margin-top: 40px;

}



.panel-fy span {

    padding: 0 10px;



}



.panel-fy span a {

    font-size: 14px;

    color: #999999;

}



.panel-fy > a {

    display: inline-block;

    width: 35px;

    height: 35px;

    text-align: center;

    line-height: 35px;

    font-size: 14px;

    color: #999999;

}



.panel-fy > a.on {

    background: #007cc2;

    color: #ffffff;

}



.banner {

    background: url("../images/banner/banner-n.jpg") center center /cover no-repeat;

}



.block .main {

    padding-bottom: 60px;

}



.breadCrumb {

    text-align: right;

    margin: 30px 0 54px 0;

}



.breadCrumb a {

    font-size: 16px;

    color: #666666;

}



.breadCrumb a:last-child {

    color: #007cc2;

}



.sidebar {

    width: 300px;

    float: left;

}



.sidebar .sign {

    background-color: #ffffff;

    border: solid 2px #007cc2;

}



.sidebar .sign .title {

    width: 100%;

    height: 60px;

    background: #007cc2;

    line-height: 60px;

    text-align: center;

    font-size: 24px;

    color: #e4edff;

    position: relative;

    margin-bottom: 10px;

}



.sidebar .sign .title:after {

    content: '';

    display: block;

    width: 0;

    border-bottom: 10px solid transparent;

    border-right: 10px solid transparent;

    border-left: 10px solid transparent;

    border-top: 10px solid #007cc2;

    position: absolute;

    left: 0;

    right: 0;

    margin: auto;

}



.sidebar .sign .box {

    padding: 15px;

}



.sidebar .sign .swiper-m {

    width: 100%;

    border-bottom: 1px dashed #007cc2;

}



.sidebar .swiper-container.gallery-top {

    width: 100%;

    height: 194px;

}



.sidebar .swiper-button-prev,

.sidebar .swiper-button-next {

    outline: none;

    width: 30px;

    height: 60px;

    opacity: 1;

}



.sidebar .swiper-button-prev {

    background: url("../images/home/prev.png") center center /cover no-repeat;

    left: 0;

}



.sidebar .swiper-button-prev:hover {

    background: url("../images/home/prev1.png") center center /cover no-repeat;

}



.sidebar .swiper-button-next {

    background: url("../images/home/next.png") center center /cover no-repeat;

    right: 0;

}



.sidebar .swiper-button-next:hover {

    background: url("../images/home/next1.png") center center /cover no-repeat;

}



.sidebar .swiper-slide img {

    width: 100%;

    height: 100%;

}



.sidebar .sign .swiper-m p {

    font-size: 14px;

    line-height: 24px;

    color: #666666;

}



.sidebar .sign .zixun {

    border-bottom: 1px dashed #007cc2;

}



.sidebar .sign .swiper-m {

    padding-bottom: 30px;

}



.sidebar .sign .form-m span,

.sidebar .sign .swiper-m span,

.sidebar .sign .zixun span {

    display: block;

    padding: 15px 0;

    text-align: center;

    font-size: 22px;

    line-height: 22px;

    font-weight: bolder;

    color: #007cc2;

}



.sidebar .sign .zixun {

    padding-bottom: 25px;

}



.sidebar .sign .zixun a {

    display: block;

    width: 250px;

    height: 50px;

    background-color: #ff0000;

    border-radius: 5px;

    font-size: 22px;

    color: #ffffff;

    line-height: 50px;

    text-align: center;

}



.sidebar .sign .zixun img {

    width: 20px;

    height: 24px;

}



.sidebar .sign .form-m input {

    width: 270px;

    height: 40px;

    background-color: #ffffff;

    border: solid 1px #cccccc;

    padding-left: 60px;

    font-size: 16px;

    color: #333333;



}



.sidebar .sign .form-m form > div {

    margin-bottom: 20px;

    position: relative;

}



.sidebar .sign .form-m .place-txt {

    position: absolute;

    font-size: 16px;

    line-height: 40px;

    color: #999999;

    top: 0;

    left: 10px;

    padding: 0;

}



.sidebar .sign .form-m .place-txt b {

    color: #ff0000;

}



.sidebar .sign .form-m input[type=submit] {

    background: #ff0000;

    color: #ffffff;

    font-size: 18px;

    cursor: pointer;

    padding: 0;

    border: none;

}



.content {

    width: 850px;

    float: right;

}



.content .title {

    text-align: center;

}



.content .title h2 {

    font-size: 36px;

    line-height: 48px;

    font-weight: bolder;

    color: #007cc2;

}



.content .title i {

    font-size: 24px;

    color: #666666;

    line-height: 24px;

    display: inline-block;

    padding-top: 15px;

}



.content .map {

    width: 100%;

    height: 468px;

    border: solid 1px #cccccc;

    margin-top: 25px;

}



#map {

    width: 100%;

    height: 100%;

}



.content .map .anchorBL {

    display: none;

}



.contact-way p {

    padding: 16px 0;

    border-bottom: solid #cccccc 1px;

}



.contact-way p img {

    width: 60px;

    height: 60px;

}



.news-tab {

    text-align: center;

    font-size: 0;

    padding-bottom: 40px;

    border-bottom: 2px solid #eeeeee;

}



.news-tab ul {

    display: inline-block;



}



.news-tab ul li {

    width: 155px;

    height: 50px;

    background-color: #ffffff;

    border-radius: 5px;

    border: solid 1px #cccccc;

    float: left;

    margin: 0 17px;

    position: relative;

}



.news-tab ul li:last-child {

    /*margin-right: 0;*/

}



.news-tab ul li a {

    display: block;

    font-size: 18px;

    color: #333333;

    text-align: center;

    line-height: 48px;

}



.news-tab ul li.on {

    background: #007cc2;

}



.news-tab ul li.on:after {

    content: '';

    display: block;

    width: 0;

    border-bottom: 12px solid #007cc2;

    border-right: 7px solid transparent;

    border-left: 7px solid transparent;

    border-top: 12px solid transparent;

    position: absolute;

    left: 0;

    right: 0;

    bottom: -41px;

    margin: auto;



}



.news-tab ul li.on a {

    color: #ffffff;

}



.news-box ul li {

    padding: 55px 10px;

    border-bottom: 1px solid #eeeeee;

}



.news-box ul li:hover .con h6 {

    color: #007cc2;

}



.news-box ul li:after {

    content: '';

    display: block;

    height: 0;

    visibility: hidden;

    clear: both;

}



.news-box .time {

    width: 54px;

    height: 51px;

    border-radius: 4px;

    background: #007cc2;

    position: relative;

    text-align: center;

    padding-top: 6px;

}



.news-box .time:before {

    content: '';

    width: 0;

    height: 0;

    font-size: 0;

    overflow: hidden;

    position: absolute;

    border-width: 8px 20px;

    border-style: solid;

    border-color: #007cc2 #007cc2 transparent transparent;

    left: 20px;

    right: 0;

    top: 51px;

    margin: auto;

}



.news-box .time:after {

    content: '';

    width: 0;

    height: 0;

    font-size: 0;

    overflow: hidden;

    position: absolute;

    border-width: 10px 15px;

    border-style: dashed solid solid dashed;

    border-color: #ffffff #ffffff transparent transparent;

    left: 34px;

    right: 0;

    top: 51px;

    margin: auto;

}



.news-box .time:after {

    content: '';

    display: block;

}



.news-box .time .year {

    font-size: 18px;

    color: #ffffff;

    line-height: 20px;

}



.news-box .time .day {

    font-size: 16px;

    color: #ffffff;

    line-height: 20px;

}



.news-box .pic {

    width: 240px;

    height: 170px;

    border: solid 1px #eeeeee;

    margin-left: 25px;

    position: relative;

    z-index: 9;

    text-align: center;

    line-height: 0; 
    overflow: hidden;

}



.news-box .pic img {

    height: 90%;

    width: 100%;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    margin: auto;
    padding: 10px;

}



.news-box .con {

    width: 860px;

    height: 170px;

    padding: 0 35px;

    position: relative;

}



.news-box .con h6 {

    font-size: 24px;

    line-height: 24px;

    color: #333333;

    padding: 15px 0;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.news-box .con p {

    font-size: 16px;

    line-height: 24px;

    color: #666666;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



.news-box .con a {

    display: block;

    width: 150px;

    height: 40px;

    background-color: #ffffff;

    border-radius: 3px;

    border: solid 1px #cccccc;

    font-size: 16px;

    color: #666666;

    line-height: 40px;

    text-align: center;

    position: absolute;

    left: 35px;

    bottom: 0;

}



.news-box .con a:hover {

    background: #007cc2;

    color: #fefefe;

}



.banner {

    width: 100%;

    height: 450px;

    position: relative;

}



.banner.about {

    background: url("../images/banner/banner_02.jpg") center center /cover no-repeat;

}



.banner.about .main {

    height: 100%;

    background: url("../images/banner/about_05.jpg") center center /cover no-repeat;

}



.banner.about .box {

    width: 491px;

    height: 299px;

    background: url("../images/banner/about_06.png") center center /cover no-repeat;

    position: absolute;

    bottom: -50px;

    left: 30px;

}



.block.about .container-1 {

    width: 100%;

}



.block.about .container .title {

    text-align: center;

    font-size: 0;

}



.block.about .container-1 .title {

    padding-top: 110px;

}



.block.about .container .title > div {

    display: inline-block;

    width: 75px;

    height: 5px;

    background-color: #ff0000;

    margin: 23px 0;

}



.block.about .container .title h2 {

    font-size: 36px;

    line-height: 36px;

    font-weight: bolder;

    color: #333333;
    margin-top:50px;

}



.block.about .container-1 .txt {

    padding: 0 100px;

}



.block.about .container-1 .txt p {

    font-size: 16px;

    color: #555555;

    line-height: 28px;

    text-indent: 32px;

}



.block.about .container-2 {

    width: 100%;

    height: 410px;

    background: #e4edff;

    position: relative;

}



.block.about .container-2:before {

    content: '';

    display: block;

    width: 0;

    border-bottom: 20px solid transparent;

    border-right: 20px solid transparent;

    border-left: 20px solid transparent;

    border-top: 20px solid #ffffff;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    margin: auto;

}



.block.about .container-2 .main {

    padding: 0;

}



.block.about .container-2 .swiper-slide {

    width: 340px;

    height: 290px;

    background-color: #ffffff;

    box-shadow: 0 0 15px 0 rgba(0, 51, 153, 0.2);

}



.block.about .container-2 .swiper {

    height: 410px;

    padding: 50px 23px;

    position: relative;

}



.block.about .container-2 .swiper-slide img {

    width: 100%;

    height: 220px;

}



.block.about .container-2 .swiper-slide p {

    text-align: center;

    line-height: 70px;

    font-size: 16px;

    color: #333333;

}



.block.about .container-2 .swiper-container {

    padding: 10px 15px;

}



.block.about .container-2 .swiper .swiper-button-prev,

.block.about .container-2 .swiper .swiper-button-next {

    width: 14px;

    height: 26px;

    outline: none;

}



.block.about .container-2 .swiper .swiper-button-prev {

    background: url("../images/others/tl.png") center center /cover no-repeat;

    left: 0;

}



.block.about .container-2 .swiper .swiper-button-next {

    background: url("../images/others/tr.png") center center /cover no-repeat;

    right: 0;

}



.block.about .container-3 .title {

    padding-top: 85px;

}



.block.about .container-3 .box {

    width: 100%;

    height: 1428px;

    overflow: hidden;

}



.block.about .container-3 .box ul {

    width: 1206px;

    height: 1389px;

}



.block.about .container-3 .box ul li {

    width: 400px;

    height: 460px;

    float: left;

    border-bottom: 2px solid #e4edff;

    border-right: 2px solid #e4edff;

    list-style: none;

    text-align: center;

    padding-top: 15px;

    box-sizing: initial;

}



.block.about .container-3 .box ul li img {

    width: 267px;

    height: 375px;

}



.block.about .container-3 .box ul li p {

    font-size: 22px;

    color: #333333;

    padding-top: 15px;

}



.block.about .container-3 .box ul li:hover {

    background: #e4edff;

}



.container-4 .recommond .bg {

    width: 312px;

    height: 404px;

    background: #007cc2;

    position: absolute;

    left: 0;

    right: 0;

    margin: auto;

}





.container-4 .recommond {

    height: 485px;

    position: relative;

}



.recommond  .gallery-top {

    padding: 40px 0;

    margin-top: 40px;

}



.recommond  .gallery-top .swiper-slide {

    transition: all .3s ease;

    text-align: center;

    cursor: pointer;

}

.recommond  .gallery-top .swiper-slide:not(.swiper-slide-active) {

    margin-top: 100px;

}



.recommond  .gallery-top .swiper-slide:not(.swiper-slide-active):before {

    content: '';

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    background: rgba(255, 255, 255, .6);

    z-index: 1;

}



.recommond  .gallery-top .swiper-slide:not(.swiper-slide-active) {

    transform: scale(.5);

}



.recommond .gallery-top .swiper-slide span {

    display: block;

}



.recommond .gallery-top .swiper-slide a {

    display: inline-block;

    width: 140px;

    height: 40px;

    /*background-color: #003399;*/

    border: solid 1px #ffffff;

    font-size: 16px;

    color: #ffffff;

    line-height: 40px;

    opacity: 0;

    visibility: hidden;



}



.recommond  .gallery-top .swiper-slide.swiper-slide-active {

    padding: 20px 10px 30px 10px;

    /*margin-left: 80px;*/

    transform: scale(1.3);

    background: #007cc2;

}



.recommond .gallery-top .swiper-slide.swiper-slide-active img {



}



.recommond  .gallery-top .swiper-slide.swiper-slide-active span {

    color: #ffffff;

    margin-top: 30px;

}



.recommond  .gallery-top .swiper-slide.swiper-slide-active a {

    opacity: 1;

    visibility: visible;

    margin-top: 20px;

}



.recommond .gallery-top .swiper-slide.swiper-slide-prev {

    /*margin-left: -80px;*/

}



.recommond  .gallery-top .swiper-slide.swiper-slide-next {

    /*margin-left: 80px;*/

    /*margin-right: -80px;*/

}



.recommond .swiper-button-next,

.recommond .swiper-button-prev {

    outline: none;

    width: 28px;

    height: 50px;

    z-index: 3;

}



.recommond .swiper-button-prev {

    background: url("../images/home/bl.png") center center/cover no-repeat;

}



.recommond .swiper-button-next {

    background: url("../images/home/br.png") center center/cover no-repeat;

}

.block.about .container-4 .main{

    padding-bottom: 0;

}

.block.about .container-5{

    /*padding-top: 100px;*/

}

.block.about .container-5 .box {

    width: 100%;

    overflow: hidden;

}



.block.about .container-5 .box ul {

    width: 1211px;

}



.block.about .container-5 .box ul li {

    width: 150px;

    float: left;

    margin-right: 23px;

    text-align: center;

}



.block.about .container-5 .box ul li img {

    width: 100%;

    height: 210px;

}



.block.about .container-5 .box ul li p {

    font-size: 16px;

    color: #6a6b6d;

    padding-top: 10px;

}



/**/

/**/

/**/

/**/

.sidebar .project {

    border: solid 2px #007cc2;

}



.sidebar .project .title {

    width: 100%;

    height: 89px;

    background-color: #007cc2;

    text-align: center;

    position: relative;

}



.sidebar .project .title:before {

    content: '';

    display: block;

    width: 0;

    border-bottom: 26px solid transparent;

    border-right: 150px solid transparent;

    border-left: 150px solid transparent;

    border-top: 30px solid #007cc2;

    position: absolute;

    left: 0;

    right: 0;

    bottom: -56px;

    margin: auto;

}



.sidebar .project .title span {

    font-size: 36px;

    display: inline-block;

    line-height: 36px;

    color: #ffffff;

    padding-top: 35px;

}



.sidebar .project .title span:before {

    content: 'PROJECT';

    font-size: 60px;

    font-weight: bolder;

    color: #ffffff;

    position: absolute;

    letter-spacing: -3px;

    opacity: .1;

    left: 0;

    right: 0;

    top: 35px;

    margin: auto;

}



.sidebar .project .nav-bar {

    padding-top: 86px;

}



.sidebar .project .nav-bar > ul > li {

    position: relative;

    width: 250px;

    /*height: 48px;*/



    border-radius: 5px;

    text-align: center;

}



.sidebar .project .nav-bar {

    padding: 60px 25px 13px 25px;

}



.sidebar .project .nav-bar i {

    cursor: pointer;

}



.sidebar .project .nav-bar i:after {

    content: '+';

    font-size: 20px;

    color: #ffffff;

    position: absolute;

    left: 16px;

    top: 0;

    line-height: 48px;

}



.sidebar .project .nav-bar i.on:after {

    content: '—';

    font-size: 12px;

    color: #ffffff;

    position: absolute;

    left: 16px;

    top: 0;

    line-height: 48px;

}



.sidebar .project .nav-bar i:nth-child(2):after {

    content: '+';

    font-size: 20px;

    color: #ffffff;

    position: absolute;

    right: 16px;

    left: auto;

    top: 0;

    line-height: 48px;

}



.sidebar .project .nav-bar i.on:nth-child(2):after {

    content: '—';

    font-size: 12px;

    color: #ffffff;

    position: absolute;

    right: 16px;

    top: 0;

    line-height: 48px;

}



.sidebar .project .nav-bar > ul > li > a {

    font-size: 20px;

    color: #ffffff;

    line-height: 48px;

    display: block;

    background-color: #007cc2;

    border-radius: 5px;

}



.sidebar .project .nav-bar > ul > li {

    margin-bottom: 25px;



}



.sidebar .project .nav-bar ol {

    display: none;

}



.sidebar .project .nav-bar ol:after {

    content: '';

    display: block;

    height: 0;

    visibility: hidden;

    clear: both;

}



.sidebar .project .nav-bar ol li {

    position: relative;

}



.sidebar .project .nav-bar ol li a {

    display: block;

    text-align: left;

    font-size: 16px;

    color: #555555;

    line-height: 48px;

    border-bottom: dashed 1px #cccccc;

    padding-left: 20px;

    transition: all .3s;

}



.sidebar .project .nav-bar ol li a:before {

    content: '＞';

    font-size: 12px;

    font-weight: bolder;

    line-height: 48px;

    position: absolute;

    left: 0;

    color: #999999;

    transition: all .3s;

}





.sidebar .project .nav-bar ol li.on a:before,

.sidebar .project .nav-bar ol li a:hover:before {

    content: '＞';

    font-size: 12px;

    font-weight: bolder;

    line-height: 48px;

    position: absolute;

    left: 0;

    color: #007cc2;

    padding-left: 20px;

    transition: all .3s;

}





.sidebar .project .nav-bar ol li.on a,

.sidebar .project .nav-bar ol li a:hover {

    background: #e4edff;

    color: #007cc2;

    padding-left: 40px;

    transition: all .3s;

}





.content.goods .hot-cp {

    width: 850px;

    height: 360px;

    background-color: #ffffff;

    border: solid 2px #e5e5e5;

}



.content.goods .hot-cp > div {

    width: 50%;

    height: 100%;

    float: left;

}



.content.goods .hot-cp .hot-pic {

    position: relative;

    background: #f9fafe;

    text-align: center;

    line-height: 360px;

}



.content.goods .hot-cp .hot-pic:after {

    content: '';

    display: block;

    width: 138px;

    height: 138px;

    background: url("../images/home/hot-d_08.png") center center /cover no-repeat;

    position: absolute;

    right: -5px;

    top: -5px;

}



.content.goods .hot-cp .hot-pic img {

    height: 80%;

    width: auto;

}



.content.goods .hot-cp .hot-con {

    padding-left: 35px;

}



.content.goods .hot-cp .hot-con .name {

    font-size: 24px;

    line-height: 24px;

    font-weight: bolder;

    color: #007cc2;

    padding: 14px 0;

}



.content.goods .hot-cp .hot-con .desc {

    font-size: 18px;

    line-height: 28px;

    color: #333333;

    font-weight: bolder;

}



.content.goods .hot-cp .hot-con ol {

    margin-top: 10px;

}



.content.goods .hot-cp .hot-con ol li {

    position: relative;

    font-size: 16px;

    color: #666666;

    padding-left: 26px;

    line-height: 30px;

    vertical-align: bottom;

    margin-bottom: 6px;

}



.content.goods .hot-cp .hot-con ol li:before {

    content: '';

    display: block;

    width: 21px;

    height: 22px;

    background: url("../images/home/gou_08.png") center center /cover no-repeat;

    position: absolute;

    top: 0;

    left: 0;

}



.content.goods .hot-cp .hot-con .buy {

    font-size: 0;

    margin-top: 20px;

}



.content.goods .hot-cp .hot-con .buy a {

    display: inline-block;

    width: 165px;

    height: 48px;

    background-color: #ffffff;

    border-radius: 5px;

    border: solid 1px #ff0000;

    text-align: center;

    line-height: 48px;

    color: #ff0000;

    font-size: 18px;

    margin-right: 20px;

}



.content.goods .hot-cp .hot-con .buy a:hover {

    color: #ffffff;

    background: #ff0000;

}



.content.goods .list-cp {

    overflow: hidden;

    padding-top: 50px;

}



.content.goods .list-cp ul {

    width: 900px;

}



.content.goods .list-cp ul li {

    float: left;

    margin-right: 50px;

    margin-bottom: 18px;

    text-align: center;

}



.content.goods .list-cp .list-cp-pic {

    width: 400px;

    height: 380px;

    /* border-radius: 5px; */

    /*border: solid 2px #003399;*/

    /* background: url("../images/home/gods-bg.png") center center /cover no-repeat; */

    position: relative;

    /* padding: 35px 15px 65px 15px; */

    /* line-height: 300px; */

    text-align: center;

}



.content.goods .list-cp .list-cp-pic img {

    width: 90%;

    height: auto;

}





.content.goods .list-cp .list-cp-pic span {

    font-size: 28px;

    color: #fefefe;

    line-height: 28px;

    font-weight: bolder;

    position: absolute;

    bottom: 11px;

    left: 8px;

}



.content.goods .list-cp .list-cp-pic b {

    font-size: 26px;

    color: #fefefe;

    font-weight: bolder;

    line-height: 26px;

    position: absolute;

    bottom: 8px;

    right: 20px;

}



.content.goods .list-cp .list-cp-pic b {



}



.content.goods .list-cp .list-cp-pic:before {

    content: '';

    display: block;

    position: absolute;

    width: 78px;

    height: 67px;

    /* background: url("../images/home/logod.png") center center /cover no-repeat; */

    top: 17px;

    left: 20px;

}



.content.goods .list-cp ul li p {

    font-size: 20px;

    color: #333333;

    line-height: 60px;

}



.content.goods-detail .preview-box > div {

    margin-top: 35px;

}



.content.goods-detail .preview-box .hashead .title {

    height: 70px;

    background: #e4edff;

}



.content.goods-detail .preview-box .hashead .title span {

    display: inline-block;

    float: left;

    font-size: 30px;

    line-height: 70px;

    background: #007cc2;

    color: #ffffff;

    font-weight: bold;

    padding: 0 30px;

}



.content.goods-detail .preview-nav {

    text-align: center;

    font-size: 0;

    border-top: 1px solid #cccccc;

    border-bottom: 1px solid #cccccc;

}





.content.goods-detail .nav-wrap ul li a.active {

    /*color: #003399;*/

    /*font-weight: bolder;*/

}



.content.goods-detail .nav-wrap {

    transition: all .2s;

}



.content.goods-detail .nav-wrap.fixed {

    width: 100%;

    position: fixed;

    top: 0;

    left: 0;

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

    background: #007cc2;

    transition: all .2s;

    z-index: 999;

}



.content.goods-detail .nav-wrap.fixed a {

    color: #ffffff;

}



.content.goods-detail .nav-wrap ul {

    display: inline-block;

}



.content.goods-detail .nav-wrap li {

    display: inline-block;

    text-align: center;

    height: 50px;

    line-height: 50px;

    float: left;

}



.content.goods-detail .nav-wrap li a {

    display: block;

    padding: 0 20px;

    font-size: 20px;

    color: #333333;

    text-decoration: none;

}



.content.goods-detail .nav-wrap li a:hover {

    color: #ff0000;

}



.content.goods-detail .nav-wrap li a.active {

    color: #ff0000;

}



.content.goods-detail .preview-item .title span {

}



.content.goods-detail .cp-video {

    width: 100%;

    height: 700px;

    background: url("../images/cp/sp-bg_02.jpg") center center /cover no-repeat;

    position: relative;

}



.content.goods-detail .cp-video > div {

    width: 730px;

    height: 410px;

    position: absolute;

    bottom: 30px;

    left: 0;

    right: 0;

    margin: auto;

}



.content.goods-detail .cp-top {

    padding-bottom: 30px;

}



.content.goods-detail .cp-top:after {

    content: '';

    display: block;

    height: 0;

    visibility: hidden;

    clear: both;

}



.content.goods-detail .preview-wrap {

    width: 421px;

    height: 500px;

    /* float: left; */

}



.content.goods-detail .cp-top .con {

    /* float: left; */

    width: 850px;
    padding-top: 30px;

}



.content.goods-detail .cp-top .con .name {

    font-size: 30px;

    line-height: 30px;

    color: #333333;

}



.content.goods-detail .cp-top .con .xie-bg {

    width: 850px;

    height: 5px;

    background: url("../images/cp/xie.png") center center/cover;

    margin: 14px 0 40px 0;

}



.content.goods-detail .desc {

    font-size: 16px;

    color: #666666;

}

.cpcs_b{
    border:1px #ccc solid;
    line-height: 40px;
}
.cpcs_b tr{
    border-bottom:1px #ccc solid;
}
.cpcs_b td{
    border-right:1px #ccc solid;
}
.content.goods-detail .cp-top .zx-a {

    font-size: 0;

    margin-top: 35px;

}



.content.goods-detail .cp-top .zx-a:after {

    content: '';

    display: block;

    height: 0;

    visibility: hidden;

    clear: both;

}



.content.goods-detail .cp-top .zx-a a {

    display: inline-block;

    font-size: 26px;

    color: #ffffff;

    width: 175px;

    height: 55px;

    background-color: #ff0000;

    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.5);

    border-radius: 5px;

    text-align: center;

    line-height: 55px;

    font-weight: bolder;

    float: left;

}



.content.goods-detail .cp-top .zx-a > div {

    display: inline-block;

    float: left;

    padding-left: 15px;

}



.content.goods-detail .cp-top .zx-a span {

    font-size: 16px;

    color: #333333;

}



.content.goods-detail .cp-top .zx-a b {

    display: block;

    font-size: 30px;

    line-height: 30px;

    color: #ff0000;

    font-weight: bolder;

}



.content.goods-detail .cp-top .icon {

    margin-top: 20px;

}



.content.goods-detail .cp-top .icon img {

    width: auto;

    height: auto;

}



.content.goods-detail .cp-top .icon:after {

    content: '';

    display: block;

    height: 0;

    visibility: hidden;

    clear: both;

}



.content.goods-detail .cp-top .icon .item {

    float: left;

    font-size: 18px;

    color: #999999;

    margin-right: 20px;

}



.content.goods-detail .cp-top .icon .item:last-child {

    margin-right: 0;

}



.content.goods-detail .preview-wrap .gallery-thumbs {

    margin-top: 10px;

}



.content.goods-detail .preview-wrap .gallery-thumbs .swiper-slide {

    width: 98px;

    height: 65px;

    cursor: pointer;

}



.content.goods-detail .preview-wrap .gallery-thumbs .swiper-slide:before {

    content: '';

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

    border: solid 1px rgba(255, 0, 0, 0);

    font-size: 0;

    box-sizing: border-box;

}



.content.goods-detail .preview-wrap .gallery-thumbs .swiper-slide.swiper-slide-thumb-active:before {

    content: '';

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    border: solid 1px rgba(255, 0, 0, 0.88);

    font-size: 0;

}



.anli-list {

    overflow: hidden;

}



.content .pic {

    padding-bottom: 40px;

    padding-top: 60px;

}



.anli-list ul {

    width: 880px;

}



.anli-list ul li {

    width: 400px;

    height: 360px;

    background-color: #f6f6f6;

    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);

    float: left;

    margin-bottom: 40px;

    margin-right: 40px;

}



.anli-list ul li img {

    width: 100%;

    height: 300px;

}



.anli-list ul li p {

    font-size: 18px;

    color: #333333;

    line-height: 60px;

    padding-left: 13px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.sidebar .anli {

    margin-bottom: 25px;

    border: solid 2px #007cc2;

    padding-bottom: 25px;

}



.sidebar .anli .title {

    text-align: center;

    background: #007cc2;

    position: relative;

}



.sidebar .anli .title:before {

    content: 'CASES';

    position: absolute;

    color: #ffffff;

    font-size: 60px;

    font-weight: bolder;

    letter-spacing: -3px;

    opacity: .1;

    left: 0;

    right: 0;

}



.sidebar .anli .title.sp:before {

    content: 'VIDEOS';

    position: absolute;

    color: #ffffff;

    font-size: 60px;

    font-weight: bolder;

    letter-spacing: -3px;

    opacity: .1;

    left: 0;

    right: 0;

}



.sidebar .anli .title span {

    display: block;

    font-size: 36px;

    color: #ffffff;

    font-weight: bolder;

    line-height: 90px;

}



.sidebar .anli .box {

    padding: 0 16px;

}



.sidebar .anli .box ul li {

    border-bottom: dashed #ccc 1px;

    position: relative;

}



.sidebar .anli .box ul li a:before {

    content: '＞';

    font-size: 12px;

    font-weight: bolder;

    line-height: 48px;

    position: absolute;

    left: 0;

    color: #999999;

    transition: all .3s;

}



.sidebar .anli .box ul li a {

    display: block;

    font-size: 16px;

    line-height: 48px;

    color: #555555;

    padding-left: 20px;

    transition: all .3s;

}



.sidebar .anli .box ul li.on a,

.sidebar .anli .box ul li a:hover {

    background: #e4edff;

    color: #007cc2;

    padding-left: 40px;

    transition: all .3s;

}



.sidebar .anli .box ul li.on a:before,

.sidebar .anli .box ul li a:hover:before {

    content: '＞';

    font-size: 12px;

    font-weight: bolder;

    line-height: 48px;

    position: absolute;

    left: 0;

    color: #007cc2;

    padding-left: 20px;

    transition: all .3s;

}



.video-list {

    overflow: hidden;

}



.video-list ul {

    width: 880px;

}



.video-list ul li {

    width: 400px;

    height: 300px;

    float: left;

    margin-right: 40px;

    /*margin-bottom: 40px;*/

}



.video-list ul li .pic-s {

    width: 400px;

    height: 300px;

    padding: 5px;

    border: 1px solid #ededed;

    margin-bottom: 10px;



}



.video-list ul li p {

    font-size: 18px;

    color: #333333;

    text-align: center;

    padding: 0 15px;

    line-height: 24px;

}



.video-list ul li img {

    width: 100%;

    height: 100%;

}



.sidebar .create .title {



}



.sidebar .create {

    background-color: #ffffff;

    border: solid 2px #007cc2;

}



.sidebar .create .title {

    width: 100%;

    height: 60px;

    background: #007cc2;

    line-height: 60px;

    text-align: center;

    font-size: 24px;

    color: #e4edff;

    position: relative;

    margin-bottom: 10px;

}



.sidebar .create .title:after {

    content: '';

    display: block;

    width: 0;

    border-bottom: 10px solid transparent;

    border-right: 10px solid transparent;

    border-left: 10px solid transparent;

    border-top: 10px solid #007cc2;

    position: absolute;

    left: 0;

    right: 0;

    margin: auto;

}



.sidebar .create .form-m input {

    width: 270px;

    height: 40px;

    background-color: #ffffff;

    border: solid 1px #cccccc;

    padding-left: 60px;



}



.sidebar .create .form-m form > div {

    margin-bottom: 20px;

    position: relative;

}



.sidebar .create .form-m form textarea {

    padding: 0 10px;

    font-size: 16px;

}



.sidebar .create .form-m form textarea::placeholder {

    font-size: 16px;

}



.sidebar .create .form-m form > div .place-txt {

    font-size: 16px;

    color: #999999;

    position: absolute;

    top: 0;

    left: 10px;

    line-height: 40px;

}



.sidebar .create .form-m input[type=submit] {

    background: #ff0000;

    color: #ffffff;

    font-size: 18px;

    cursor: pointer;

    padding: 0;

    border: none;

}



.sidebar .create .box {

    padding: 15px;

}



.sidebar .create .roll ul li {

    line-height: 28px;

    margin-bottom: 28px;

    padding-left: 15px;

    font-size: 16px;

    color: #333333;

    position: relative;

}



.sidebar .create .roll ul li:before {

    content: '';

    display: block;

    width: 8px;

    height: 8px;

    background: #007cc2;

    border-radius: 50%;

    position: absolute;

    left: 0;

    top: 10px;

}



.sidebar .create .form-m textarea {

    width: 270px;

    height: 90px;

    background-color: #ffffff;

    border: solid 1px #cccccc;

    resize: none;

}



.block.server .title {

    text-align: center;

}



.block.server .title h2 {

    font-size: 36px;

    font-weight: bolder;

    color: #007cc2;

}



.block.server .container-1 .box {

    margin-top: 55px;

    padding: 0 25px;

}



.block.server .container-1 .item {

    margin-bottom: 25px;

    /*overflow: hidden;*/

}



.block.server .container-1 .item:after {

    content: '';

    display: block;

    height: 0;

    visibility: hidden;

    clear: both;

}



.block.server .container-1 .item .pic {

    width: 555px;

    height: 370px;

    background-color: #007cc2;

    position: relative;

}



.block.server .container-1 .item .pic img {

    width: 555px;

    height: 370px;

    position: absolute;

    left: 25px;

    bottom: 25px;

}



.block.server .container-1 .item .con {

    width: 555px;

    height: 370px;

    padding-left: 25px;

}



.block.server .container-1 .item .num {

    font-size: 40px;

    color: #007cc2;

    font-weight: bolder;

}



.block.server .container-1 .item .tips {

    width: 220px;

    height: 50px;

    background-color: #ff0000;

    line-height: 50px;

    text-align: center;

    font-size: 24px;

    color: #ffffff;

    margin-bottom: 20px;

}



.block.server .container-1 .item .desc ol li {

    font-size: 16px;

    color: #666666;

    position: relative;

    padding-left: 20px;

}



.block.server .container-1 .item .desc ol li:before {

    content: '';

    display: block;

    width: 0;

    border-bottom: 5px solid transparent;

    border-right: 10px solid transparent;

    border-left: 10px solid #007cc2;

    border-top: 5px solid transparent;

    position: absolute;

    left: 0;

    top: 7px;

    margin: auto;

}



.block.server .container-2 {

    width: 100%;

    height: 400px;

    background: url("../images/others/wc-bg.png") center center /cover no-repeat;

    position: relative;

}



.block.server .container-2 .title {

    padding-top: 65px;

}



.block.server .container-2 .box {

    width: 1180px;

    height: 460px;

    background-color: #e4edff;

    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);

    position: absolute;

    left: 0;

    right: 0;

    margin: auto;

    top: 134px;

}



.block.server .container-2 .box > div {

    width: 50%;

    height: 100%;

    float: left;

}



.block.server .container-2 .box .left {

    background: url("../images/others/china_08.jpg") center center /cover no-repeat;

}



.block.server .container-2 .box .right {

    position: relative;

    padding-left: 30px;

}



.block.server .container-2 .box .right:after {

    content: '';

    display: block;

    width: 94px;

    height: 119px;

    background: url("../images/others/star_03.png") center center /cover no-repeat;

    position: absolute;

    top: -5px;

    right: 30px;

}



.block.server .container-2 .box .right .icon {

    width: 90px;

    height: 90px;

}



.block.server .container-2 .box .right .con {

    padding-left: 17px;

    padding-top: 5px;

}



.block.server .container-2 .box .right .con span {

    font-size: 20px;

    color: #333333;

}



.block.server .container-2 .box .right .con b {

    font-size: 30px;

    color: #ff0000;

    font-weight: bolder;

    display: block;

}



.block.server .container-2 .box .right .con p {

    font-size: 14px;

    color: #333333;

}



.block.server .container-2 .box .right .item {

    padding: 25px 0;

}



.block.server .container-2 .box .right .item:after {

    content: '';

    display: block;

    height: 0;

    visibility: hidden;

    clear: both;

}



.block.server .container-3 {

    padding-top: 280px;

}



.block.server .container-3 .box {

    margin-top: 50px;

    position: relative;

}



.block.server .container-3 .box:after {

    content: '';

    display: block;

    height: 0;

    visibility: hidden;

    clear: both;

}



.block.server .container-3 .box .item-jy {

    width: 64px;

    height: 64px;

    background: url("../images/others/jt.png") center center/cover no-repeat;

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto;

}



.block.server .container-3 .box .item-jy.fir {

    left: 350px;

}



.block.server .container-3 .box .item-jy.sec {

    left: 786px;

}



.block.server .container-3 .item {

    width: 330px;

    height: 260px;

    background-color: #e4edff;

    box-shadow: 2px 2px 3px 0 rgba(99, 19, 19, 0.2);

    border-radius: 5px;

    float: left;

    margin-right: 105px;

    padding: 0 20px;

    position: relative;

}



.block.server .container-3 .item .num {

    position: absolute;

    height: 50px;

    top: -25px;

    left: 20px;

}



.block.server .container-3 .item .num img {

    height: 100%;

    width: auto;

}



.block.server .container-3 .main {

    /*overflow: hidden;*/

}



.block.server .container-3 .item:last-child {

    margin-right: 0;

}



.block.server .container-3 .item .title {

    font-size: 24px;

    line-height: 24px;

    font-weight: bolder;

    color: #007cc2;

    padding: 17px 0;

}



.block.server .container-3 .item ol li {

    font-size: 16px;

    color: #333333;

}



.block.newsDetail .title {

    font-size: 30px;

    line-height: 30px;

    color: #333333;

    font-weight: bolder;

    text-align: center;

}



.block.newsDetail .time {

    font-size: 14px;

    line-height: 14px;

    color: #666666;

    text-align: center;

    padding-top: 15px;

}



.block.newsDetail .con {

    padding: 30px;

    text-align: center;

}

.block.newsDetail .con strong{

    font-weight: bold;

}



.block.newsDetail .con p {

    font-size: 16px;

    color: #333333;

    text-indent: 32px;

    line-height: 26px;

    text-align: left;

}



.block.newsDetail .con img {

    width: 80%;

    height: auto;

    padding: 15px 30px;

}



.news-fanye a {

    display: block;

    font-size: 18px;

    line-height: 18px;

    padding: 10px 0;

    color: #555555;

    transition: font-weight .1s;

}



.news-fanye a:hover {

    color: #007cc2;

    font-weight: bold;

    transition: font-weight .1s;

}



.spread {

    width: 1200px;

    height: 350px;

    background-color: #ffffff;

    border: solid 1px #cccccc;

    float: left;

    border-top: 2px solid #007cc2;

    padding: 15px 20px;
    margin-top: 20px;

}



.spread .top:after {

    content: '';

    display: block;

    height: 0;

    visibility: hidden;

    clear: both;

}



.spread .top span {

    font-size: 24px;

    line-height: 24px;

    color: #333333;

    float: left;

}



.spread .top a {

    font-size: 14px;

    line-height: 24px;

    color: #999999;

    float: right;

}



.spread .bot {

    overflow: hidden;

    margin-top: 15px;

}



.spread .bot ul {

    width: 1220px;

}



.spread .bot ul li {

    width: 280px;

    margin-right: 12px;

    text-align: center;

    float: left;

}



.spread .bot ul li .pic {

    width: 280px;

    height: 210px;

    border: solid 1px #e5e5e5;

    padding: 5px;

    margin-bottom: 15px;

}



.spread .bot ul li .pic img {

    width: 100%;

    height: 100%;

}



.spread .bot ul li p {

    padding: 0 20px;

    line-height: 24px;

    font-size: 16px;

    color: #666666;

}