.nybanner{position: relative;}

.nybanner img{width: 100%;max-height: 360px;}

.nybanner:after{ background-color: rgba(0,0,0,.7);position: absolute;width: 100%;height: 101%;top: 0;}

.nybanner .text{ position: absolute;top: 35%;text-align: center; width: 100%;z-index: 1;}

.nybanner .text h1{font-weight: 700;color: #fff;font-size:60px;} 

.nybanner .text p{color: #ccc;}   

.nybanner .text p a{color: #d2d2d2;cursor: pointer;}

.nybanner .text p a:last-child{font-size:15px;color: #028f8a;}    

/* 产品列表     */

 .inner-page-middle {width:95%;margin: 0 auto;

    max-width: 1470px;

    overflow: hidden;

}

.inner-page-content {

    width: 100%;

    margin: 40px 0;

    overflow: hidden;

}

.inner-page-l {

    width: 20%;

    float: left;

    margin-bottom: 40px;

}

.sidebar-block {

    margin-right: 10px;

    overflow: hidden;

}

.sidebar-box {

    overflow: hidden;

    margin-bottom: 30px;

    background-color: #fff;

}

.sidebar-title {

    background: #028f8a;

    padding: 12px 20px;

    overflow: hidden;

    border-radius: 3px 3px 0 0;

}

.sidebar-title span {

    color: #fff;

    font-size: 18px;

    line-height: 24px;

    text-transform: capitalize;

}

.sidebar-contant {

    padding: 14px 20px;

    background-color: #fff;

    border: 1px solid #efefef;

    border-top: 0;

}

.sidebar-product dl {

    width: 100%;

    overflow: hidden;

    margin-bottom: 0;

}

.sidebar-product dl span {

    overflow: hidden;

    font-size: 16px;

    font-weight: 700;

    color: #6d6d6d;

    height: 38px;

    display: block;

    line-height: 38px;

    float: right;

    cursor: pointer;

    padding: 0 5px;

    position: relative;

    z-index: 1;

}

.sidebar-product dl dt {

    font-size: 14px;

    line-height: 18px;

    font-weight: 400;

    padding: 10px 15px 10px 0;

    border-bottom: 1px solid #efefef;

    position: relative;

    margin-bottom: 0;

}

.sidebar-product dl dt a {

    font-size: 14px;

    color: #222;

}

.sidebar-product dl dt i {

    width: 0;

    height: 0;

    background-color: #6d6d6d;

    overflow: hidden;

    position: absolute;

    left: 5px;

    top: 15px;

}

.sidebar-product dl dd {

    overflow: hidden;

    line-height: 18px;

    font-size: 14px;

    margin: 8px 0 8px 15px;

}

.sidebar-product dl dd a {

    font-size: 12px;

    color: #6d6d6d;

    width: 100%;

    display: block;

    padding-bottom: 8px;

    border-bottom: 1px dashed #ebebeb;

}

.sidebar-product dl a:hover{color: #028f8a;}



.sidebar-featured ul {

    overflow: hidden;

}

.sidebar-featured ul li {

    width: 100%;

    overflow: hidden;

    margin: 8px 0;

    float: left;

}

.sidebar-featured ul li .item {

    overflow: hidden;

}

.sidebar-featured ul li .item .pro-media {

    float: left;

    width: 45%;

}

.sidebar-featured ul li .item .pro-detail-info {

    float: right;

    width: 55%;

}

.sidebar-featured ul li .item .pro-media img {

    max-width: 100%;

    display: block;

}

.sidebar-featured ul li .item .pro-detail-info .th {

    margin-left: 15px;

    font-size: 14px;

    line-height: 18px;

    margin-bottom: 12px;

    font-weight: 400;

    max-height: 54px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}

.sidebar-featured ul li .item .pro-detail-info .th a {

    display: block;

    color: #222;

}

.sidebar-featured ul li .item .pro-detail-info span {

    margin-left: 15px;

    display: block;

}

.sidebar-featured ul li .item .pro-detail-info span a {

    background-color: #333;

    font-size: 14px;

    color: #fff;

    line-height: 30px;

    padding: 0 15px;

    display: inline-block;

    transition: ease all .4s;

    -webkit-transition: ease all .4s;

    -moz-transition: ease all .4s;

    -o-transition: ease all .4s;

}

.sidebar-featured ul li .item .pro-detail-info span a:hover {

    background-color: #028f8a;

    color: #fff;

}

.pagination-bar {

    text-align: center;

    margin-bottom: 20px;

}

.pagination-bar ul {

    display: block;

}

.pagination-bar ul li {

    display: inline-block;

    margin: 2px;

    vertical-align: top;

}

.pagination-bar ul li a {

    background: #f0f0f0;

    height: 35px;

    width: 35px;

    display: inline-block;

    line-height: 35px;

    text-align: center;

    transition: ease all .4s;

    -webkit-transition: ease all .4s;

    -moz-transition: ease all .4s;

    -o-transition: ease all .4s;

    margin: 0 10px;

    color: #028f8a;

}

.pagination-bar ul li a:hover,.pagination-bar ul li a.page-num-current{color:#fff;background-color: #028f8a;}

.sidebar-contact .mb-20 {

    font-size: 14px;

    line-height: 30px;

    margin-bottom: 15px;

    padding-left: 45px;

    position: relative;

}

.sidebar-contact .inner-title {

    color: #fab702;

    font-weight: 700;

    position: absolute;

    left: 0;

    top: 0;

    background: #efefef;

    float: left;

    font-size: 20px;

    height: 35px;

    line-height: 35px;

    text-align: center;

    width: 35px;

}

.sidebar-contact .inner-title i {

    color: #000;

}

.sidebar-contact  a{color: #333;}

.sidebar-contact  a:hover{color: #028f8a;}





.inner-page-r {

    width: 80%;

    float: right;

    margin-bottom: 40px;

}

.product-key {

    margin-bottom: 20px;

    padding: 0 5px;

}

.product-key-box {

    padding: 14px 20px;

    border: 1px solid #efefef;

}

.product-key h1 {

    font-size: 20px;

    line-height: 24px;

    display: block;

}

.product-key p {

    font-size: 14px;

    line-height: 24px;

    margin-top: 10px;

}

.inner-page-middle  .pro-list li{padding: 10px 13px;}

.inner-page-middle .pro-list li .pro-list-item{box-shadow: none;border: 1px solid #efefef;}

.inner-page-middle.product .pro-list li:hover .txt {

    transform: translateY(0px);

}

.inner-page-middle.product .pro-list li:hover{transform: translateY(0px);}

@media(max-width:1200px){

    .inner-page-l{width: 100%;}

    .sidebar-block{margin-right: 0;}

    .inner-page-r{width: 100%;}

    .inner-page-middle{width: 100%;}

    .inner-page-middle .pro-list li {

        padding: 10px 5px;

    }

}

@media(max-width:980px){

    .nybanner .text h1 {

        font-size: 30px;

    }  

}

@media(max-width:600px){   

    .nybanner .text{top: 27%;}

    .nybanner .text p{font-size: 14px;}

    .nybanner .text h1 {

    font-size: 16px;

} }  

/* 产品详情 */

.bigImg .sw-pic img{height: 60px;cursor: pointer;}

.bigImg .sw-pic img.on{border: 3px solid #028f8a;}

.bigImg .b-pic{text-align: center;}

.bigImg .b-pic img{width: 80%;}

.bigText .bigtxt{padding: 20px  0;border-bottom: 1px #ccc solid;margin-bottom: 25px;}

.bigText .bigtxt h2{font-size: 24px;}

.flexBoxWrap {

    display: flex;

    display: -webkit-flex;

    flex-wrap: wrap;

}

.bigText .amount {

    width: 100%;

    margin-bottom: 20px;

}

.bigText dt,.bigText dd{display: table-cell;}

.bigText .buyBtn p{

    display: inline-block;

    margin-right: 15px;

    margin-bottom: 25px;

}

.bigText .buyBtn p a {

    border-radius: 0;

    padding: 10px 30px;

    font-size: 16px;

}

.bigText .buyBtn .btn-primary{    background-color: #028f8a;

    border-color: #028f8a;}

.bigText .detail-share {

        display: flex;

        display: -webkit-flex;

        align-items: center;

        margin-bottom: 10px;

    } 

.bigText   .basic-share a {

        margin: 0 10px 0 0;

        display: inline-block;

        width: 30px;

        height: 30px;

        line-height: 30px;

        text-align: center;

        border-radius: 50%;

        border-style: solid;

        border-width: 1px;

        font-size: 16px;

        color: #028f8a;

    }

    .tem01-list-menu {

        margin-bottom: 15px;

        border: 0;

    }    

.tem01-list-menu .h3 {

        margin: 0;

        padding: 10px 15px;

        background: #fff;

        border-bottom: 1px solid rgba(0,0,0,.08);

        color: #222;

        font-size: 16px;

        font-weight: 600;



    } 

    .tem01-list-menu .list-menu {

        display: none;

        color: #333;

        font-size: 20px;

    }

    .list-group-item {

        position: relative;

        display: block;

        padding: 10px 15px;

        margin-bottom: -1px;

        background-color: #fff;

        border: 1px solid #ddd;

    }  

    .tem01-list-menu .list-group-item {

        padding: 0;

        margin: 0;

        border: 0;

        border-top: 1px solid rgba(0,0,0,.08);

        border-radius: 0;

    }        

    .tem01-list-menu .list-group-item a {

        display: block;

        padding: 10px;

        color: #777;

    }

    .tem01-list-menu .list-group-item a span.active::before {

        display: inline-block;

        transform: rotate(

    90deg);

    }

    .tem01-list-menu .list-group-item>.list-group2 {

        padding-left: 10px;

    }     

    .tem01-list-menu .list-group .bg-color,.tem01-list-menu .bg-color-h .list-group-item a:hover {color: #fff;

       background-color:#028f8a;}

    .pro-detail .detail {

        flex-grow: 1;

        max-width: 100%;

        flex-basis: 0%;

        padding-left: 10px;

      

    }

    .pro-detail .detail .table-responsive img{width: 90%;}

    .pro-detail .detail  .d-interval {

        padding: 20px 0 10px;

    }

    .graphic_pic img{width: 100%;}

    .d-tem21-title .title-header {

        width: 100%;

        font-size: 0;

        border-bottom: 1px solid;

        border-color:#028f8a;

    }

    .d-interval {

        padding: 20px 0 10px;

    }

    .d-tem21-title .title-header .title {

        width: auto;

        font-size: 16px;

        padding: 6px 20px;

        color: #fff;

        display: inline-block;

        background-color: #028f8a;

    }

    .d-tem29-graphic .flexBoxWrap.right {

        flex-direction: row-reverse;

    }

    .mockup .cont-section {

        padding: 30px 0;

        overflow: hidden;

    } 

    .detail .product .pro-list li{padding: 10px 5px;}

    .detail .product .pro-list li .pro-list-item{box-shadow: none;border: 1px solid #ccc;}

    .detail .product .pro-list li:hover{transform: translateY(0);}

    .detail .product .pro-list li:hover .pro-list-item{background-color: transparent;}

    .detail .product .pro-list li:hover .txt{transform: translateY(0);}

    .detail .product .pro-list li:hover .txt h4 {

        color: #009199;

    }

    .detail .contact{

        background-size: cover;

        background-repeat: no-repeat;

        padding: 0;

        background-position: 50% 50%;

        user-select: auto;

        background-image: url(../images/bookbg.jpg);

    }

    @media(max-width:992px){

        .prot-nav{display:none;}

    }



    /* 新闻 */



    .blog_item{position:relative;margin:0 0 30px;background:#FFF;overflow:hidden;transition: 0.5s;}

    .blog_item .item_title a{color: #028f8a;}

    .blog_item .item_img{position:relative; display:inline-block; vertical-align:middle; margin:0 0 0 -5px; padding:0 0 0 5px;width:23%;overflow: hidden;}

    

    .blog_item .item_img img{width: 100%;    max-height: 245px;        -moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}

    

    .blog_item:hover .item_img img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

    

    .blog_item .web_more{transition: 0.5s;}

    

    .blog_item:hover{transform: translate(5px,-5px);    box-shadow: 7px 6px 10px #ccc;}

    

    .blog_item:hover .item_title{color:#3562bb ;}

    

    .blog_item:hover .web_more{   background-color: #2d2d2d;

    

        background-position: -134px 8px;}

    

    .blog_item figcaption{position:relative; display:inline-block; vertical-align:middle; margin:0 0 0 -5px; padding:20px 31px 20px 36px;width:calc(92% - 466px);}

    

    .blog_item  figcaption:after{ content:""; position:absolute; right:0; top:0;width:1px; height:calc(100% - 4px); background:#aaa;}

    

    .blog_item figcaption .item_title{ font-weight:normal; font-size:24px;}

    

    .blog_item figcaption .item_text{ font-size:17px; padding:18px 0 23px;overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;}

    .blog_item  time{position:relative; display:inline-block; vertical-align:middle; margin:0 0 0 -5px; padding:0 0 0 5px;width:218px; text-align:center; font-size:24px; text-align:center;} 

    .blog_item  time span{ display:block; font-size:20px;}

    figure{margin: 0;overflow: hidden;}

    .item_link{ position:absolute; width:100%; height:100%; left:0; top:0;}



.page_bar{ position:relative;  line-height:31px; height:33px; margin:50px 0; text-align:center; font-size:12px;}



.page_bar a,.page_bar  span{position:relative; display:inline-block; vertical-align:top; min-width:33px; padding:0 5px;  border:1px solid #ccc; margin:0 0 0 8px; text-align:center; border-radius:3px;filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fefefe',endColorStr='#e3e3e3',gradientType='0');background: -moz-linear-gradient(top, #fefefe, #e3e3e3);background: -o-linear-gradient(top,#fefefe, #e3e3e3);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#e3e3e3));}



.page_bar span.current,.page_bar a.current,.page_bar a:hover{ color:#FFF; background:#333333;  border-color:#333333 } 











.web_more{display:inline-block;    margin-top: 20px; vertical-align:top; width:35px; height:33px; border:1px solid #2d2d2d; background:url(../images/icon_bg.png) no-repeat -159px 8px;-moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}

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



    .blog_item figcaption {

    

        width: calc(100% - 400px);

    

        padding: 20px 15px;

    

    }

    .blog_item figcaption .item_text{



        font-size: 14px;

    }

}

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

    

     }

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

    

    .blog_item time {

    

        width: 152px;

    

    }}

    

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

    

    .blog_item .item_img, .blog_item figcaption, .blog_item time {

    

        display: block;

    

        width: 100%;

    

    }}



/* 

   about  */

   .conshow{box-shadow:0 0 15px 5px #b3aeae;padding:0 5px;}

   .tem256-irregular{width: 100%;}

   .tem256-irregular .scrollBox {

       width:100%;

    overflow: hidden

     

}



.tem256-irregular ul {

	display: flex;

	display: -webkit-flex;

	position: relative

}



.tem256-irregular a {

	display: block;

	color: inherit;

	height: 100%;

	background-color: #f7f7f7

}



.tem256-irregular li {

	padding: 3px

}



.tem256-irregular img {

	width: 100%

}



.tem256-irregular .text {

	padding: 5%

}



.tem256-irregular .title {

	font-size: 16px

}



.tem256-irregular .description {

	font-size: 13px;

	line-height: 1.5;

	opacity: .6

}



.tem256-irregular.content-right {

	text-align: right

}



.tem256-irregular.content-middle {

	text-align: center;

	position: relative;

	top: -10px

}



.sw_about {

	border-color: rgba(0,0,0,.8);

	user-select: auto

}



.tem256-irregular li .box {

	background-color: #fff;

	color: #333;

	user-select: auto

}



.tem256-irregular li .box span {

	color: #fff;

	border-color: #333

}



@media(max-width:1299px) {

	.tem256-irregular li {

		padding: 2px

	}

}



@media(max-width:768px) {

	.tem256-irregular li {

		padding: 1px

	}



	.tem256-irregular .container {

		padding-left: 3%!important;

		padding-right: 3%!important

	}



	.tem256-irregular.full-screen-spacing .container {

		padding-left: 0!important;

		padding-right: 0!important

	}

}



.tem327-irregular .box {

	background-color: #fff

}



.tem327-irregular .image {

	position: relative

}



.tem327-irregular .image:hover .icons {

	opacity: 1

}



.tem327-irregular .image:hover img {

	opacity: .3

}



.tem327-irregular .image img {

	transition: .5s

}



.tem327-irregular .icons {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	opacity: 0;

	transition: .5s;

	z-index: 1

}



.tem327-irregular .icons span {

	position: absolute;

	top: 50%;

	left: 50%;

	display: block;

	transform: translate(-50%,-50%);

	display: flex;

	display: -webkit-flex

}



.tem327-irregular .icons a {

	width: 40px;

	height: 40px;

	font-size: 20px;

	border: 20px solid;

	border-color: inherit;

	border-radius: 50%;

	cursor: pointer;

	position: relative;

	margin: 5px;

	background-color: transparent

}



.tem327-irregular .icons a:before {

	position: absolute;

	display: block;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	transition: .3s

}



.tem327-irregular .icons a.icon-crop_free:hover:before {

	transform: translate(-50%,-50%) scale(1.1)

}



.tem327-irregular .icons a.icon-insert_link:hover:before {

	transform: translate(-50%,-50%) rotate(-45deg)

}



.tem327-irregular .swiper {

	border-color: rgba(0,0,0,.8)

}



.tem327-irregular .swiper-container {

	position: fixed;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: -1;

	visibility: hidden;

	opacity: 0;

	transition: .5s;

	border-color: inherit

}



.tem327-irregular .swiper-container:before {

	content: "";

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	border-top: 100vh solid;

	border-color: inherit

}



.tem327-irregular .swiper-container img {

	max-width: 100%;

	width: auto

}



.tem327-irregular .swiper-slide {

	display: flex;

	display: -webkit-flex;

	align-items: center;

	justify-content: center

}



.tem327-irregular .swiper-container.show {

	z-index: 99;

	opacity: 1;

	visibility: visible

}



.tem327-irregular .swiper span.close_ {

	position: absolute;

	top: 30px;

	right: 30px;

	font-size: 30px;

	opacity: .5;

	transition: .5s;

	z-index: 3;

	cursor: pointer

}



.tem327-irregular .swiper span.close_:hover {

	opacity: 1

}



@media(max-width:767px) {

	.tem327-irregular .swiper span.close_ {

		display: none

	}

}

.sample-list .swiper-pagination{width: 100% !important;margin:0  auto;margin-top: 15px;}

.sample-list .swiper-pagination .swiper-pagination-bullet{margin:0 5px;}

.sample-list .swiper-pagination .swiper-pagination-bullet-active{background: #028f8a;}



.sample  .ab_samp li .img{padding-bottom: 135%;}

.sample  .ab_samp li:hover img{transform: scale(1.05);}

/* contact */

@media (min-width: 1200px){

  

.flexBoxWrap>.col-lg-2_4 {

    max-width: 20%;

    width: 20%;

}  

}



.lxlist .icons{width: 100%;}

.lxlist .icons span {

    opacity: .6;

    font-size: 14px;

}

.lxlist .icons li {

    display: flex;

    display: -webkit-flex;

    flex-flow: column;

    padding: 10px!important;

}

.lxlist .icons strong {

    font-size: 16px;

    padding: 5px 0;

    font-weight: 400;

}

.lxlist  .icons i:before {

    display: inline-block;

    width: 60px;

    height: 60px;

    line-height: 60px;

    font-size: 30px;

}



/* detail */

.tem01-news-detail-ms{width: 100%;}

.tem01-news-detail-ms .title h1{

    font-size: 22px;

    color: #444;

    line-height: 1.5;

    max-width: 80%;

    margin: 0 auto 15px;

    text-align: center;

}

.tem01-news-detail-ms .data {

    font-size: 12px;

    height: 24px;

    line-height: 24px;

    color: #8f8f8f;

    font-family: helveticaneueltpro-thex,Arial;

    margin-bottom: 30px;

    text-align: center;

    width: 100%;

}

.tem01-news-detail-ms .description {

    color: #6a6a6a;

    line-height: 24px;

    font-size: 13px;

    padding: 0 15px;

}

.tem01-news-detail-ms .pager {

    width: 100%;

    margin: 20px 0;

    padding-left: 0;

    text-align: center;

    list-style: none;

}

.tem01-news-detail-ms .pager a{

    background: 0;

    border-radius: 0;

    color: #888;

    text-align: center;

    width: 100%;

    font-size: 14px;

    font-family: 微软雅黑,Arial;

    display: block;

    float: none;

    padding: 10px 0;

    border: 1px solid #eaeaea;

    margin-bottom: 15px;

    transition: .3;

}

.tem01-news-detail-ms .pager span.icon {

    font-size: 26px;

    color: #333;

    line-height: 30px;

    height: 30px;

    width: 30px;

    vertical-align: middle;

}

.tem01-news-detail-ms .pager a:hover{background-color: #028f8a;border: #028f8a solid 1px;color: #fff;}

.tem01-news-detail-ms .pager a:hover .title{color: #fff;}

.tem01-news-detail-ms .pager a:hover span.icon{color: #fff;}

.tem01-news-detail-ms .pager .title {

    font-size: 12px;

    color: #999;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    line-height: 30px;

    margin-left: 2%;

    display: inline-block;

    height: 30px;

    vertical-align: middle;

    width: 85%;

    transition: all .3s ease 0s;

    -o-transition: all .3s ease 0s;

    -webkit-transition: all .3s ease 0s;

    -moz-transition: all .3s ease 0s;

    -ms-transition: all .3s ease 0s;

}

.tem01-news-detail-ms .product .pro-list li{padding: 10px 5px;}

.tem01-news-detail-ms .product .pro-list li .pro-list-item{box-shadow: none;border:1px #ccc solid}



/* video */

.video .inner-page-r{width: 95%;float: none;margin: 0 auto;}

.video .pro-list li .video_p {

    position: absolute;

    top: 30%;

    left: 42%;

}