/*头部样式*/
#header{width:1000px;margin:0 auto;}
.logo{float:left;}

.topLink{float:right;text-align:right;position: relative;z-index: 9999;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{line-height:32px;padding-top:5px;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}

#menu{margin-top:5px;}

/*热门搜索*/
/*.search{text-align:left;height:24px;background-color:#f8f8f8;padding:5px 10px 5px 10px;}
#formsearch{width:320px;float:left;}
.hotSearch{width:400px;float:left;height:24px;line-height:24px;font-weight:normal;}
#search-type{float: left;width:100px;height: 25px;border: 1px solid #c8c8c8;margin-right: 5px;}
*/

/*主体样式*/
#container{width:1000px;margin:0 auto;margin-top:10px;}
.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about{width:460px;float:left;margin-left:12px;padding-bottom:5px;}
.about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about .content{padding:5px;padding-bottom:12px;text-indent:20px;}
.navigation{float:right;width:100px;}

.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

/*首页新闻*/
.news_company{width:280px;float:right;}
.news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.news_company .content{padding:5px;}

/*首页左侧联系我们*/
.contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;}
.contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}

/*工程案例*/
.case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;}
.case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.case .content{padding:5px;padding-bottom:12px;text-indent:20px;}

.news2_company{margin-top:10px;}

/*产品推荐*/
.recommend_product{margin-top:10px;width:692px;float:left;}
.recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.recommend_product .content{padding-top:15px;padding-bottom:14px;}
.roll_product li{padding-bottom:0px;}




/*友情链接*/
.f_link{width:1000px;margin:0 auto;margin-top:15px;line-height:30px;line-height:30px;background-color:#ececec;text-indent:20px;}

/*页面底部*/
#footer{position:relative;width:1000px;margin:0 auto;text-align:center;margin-bottom:10px;padding-top:8px;border-top:2px solid #eee;margin-top:15px;}
#footer a{color:#666;}
#footer a:hover{color:#e87518;text-decoration:none;}
.nav_foot{text-align:center;line-height:24px;color:#666;}
.copyright{text-align:center;line-height:24px;}


/*------------内页-------------------*/
.left .box{margin-bottom:10px;}
.left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.left .box .content{padding:5px 0px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:100%;}
.n_banner img{width:100%;}
.left{width:225px;float:left;}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:760px;float:right;padding-bottom:10px;}
.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:url(../images/nav.png) no-repeat 0% 100%;}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;font-size:14px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}

/*新网站样式*/
html{font-size: 16px !important;}
@media (max-width: 990px){html{font-size: 14px !important;}}
/*px 2 rem*/
.box-center{width: 1920px;position: relative;left: 50%;margin-left: -960px;}
.tonglan .tl-left .tl_nav:after{content: '';clear: both;display: table;}
.news-slick .slick-con .wz h4, .ksdh-slick .slick-con .wz h4, .sun-product .pro-slick .slick-con .wz h4, .sun-news-list li .wz h4, .sun-product-list li .wz .tit h3{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.sun-banner{width: 100%;}
.sun-banner .slick-slide{outline: none;}
.sun-banner .slick-slide img{display: inline-block;width: 100%;}
.sun-banner .slick-arrow{outline: none;border: none;font-size: 0;opacity: 0;-webkit-transition: opacity .5s ease;transition: opacity .5s ease;position: absolute;z-index: 999;top: 50%;margin-top: torrem(-25px);width: 3.125rem;height: 3.125rem;background: url(../images/banner_jt.png) center no-repeat;background-size: 100%;}
.sun-banner .slick-arrow.slick-prev{left: 10%;}
.sun-banner .slick-arrow.slick-next{right: 10%;-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.sun-banner .slick-dots{position: absolute;bottom: 4%;z-index: 99;width: 100%;text-align: center;}
.sun-banner .slick-dots li{display: inline-block;width: 0.75rem;height: 0.75rem;border-radius: 50%;background: #fff;margin: 0 0.4375rem;cursor: pointer;}
.sun-banner .slick-dots li button{background: none;outline: none;border: none;font-size: 0;}
.sun-banner .slick-dots li:hover, .sun-banner .slick-dots li.slick-active{background: #4693ea;}
.sun-banner:hover .slick-arrow{opacity: 1;}
#mob-banenr{display: none;}
@media (max-width: 768px){
    #pc-banner{display: none;}#mob-banenr{display: block;}
}
.nav-btn{display: none;}
@media (max-width: 990px){
    .nav-btn{position: absolute;right: 15px;top: 50%;width: 30px;margin-top: -11px;display: block;}
    .nav-btn span,
    .nav-btn:after,
    .nav-btn:before{display: block;height: 2px;background: #fff;-webkit-transition: all .5s ease;transition: all .5s ease;}
    .nav-btn span{margin: 8px 0;}
    .nav-btn:after,
    .nav-btn:before{content: '';-webkit-transform-origin: 3%; transform-origin: 3%;}
    .nav-btn.click span{opacity: 0;}
    .nav-btn.click:after{-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
    .nav-btn.click:before{-webkit-transform: rotate(45deg); transform: rotate(45deg);}
}

/*sun-hazj*/
.sun-hazj{position: relative;background: #fff;}
.sun-hazj .head-bg{position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 0;-webkit-transition: all .5s ease;transition: all .5s ease;background: #000;}
.sun-hazj.fixed{position: fixed;width: 100%;z-index: 9999;}
.sun-hazj.fixed .head-bg{height: 5rem;}
.sun-hazj.fixed .sun-head .logo{height: auto;-webkit-transition: all .5s ease;transition: all .5s ease;}
.sun-hazj.fixed .sun-head .logo img{height: 5rem;}
.sun-hazj.fixed .sun-nav > li > a{color: #fff;}

/*sun-head*/
.sun-head{position: relative;z-index: 9999;-webkit-transition: all .5s ease;transition: all .5s ease;}
.sun-head .logo{position: absolute;width: 235px;height: 148px;top: 0;z-index: 9999;-webkit-transition: all .5s ease;transition: all .5s ease;}
.sun-head .logo h1{display: inline-block;}
.sun-head .logo img{-webkit-transition: all .5s ease;transition: all .5s ease;max-width: 100%;}
.tol-list{margin-top: 1.25rem;}
.tol-list a{display: inline-block;width: 36px;height: 36px;background: #4693ea;line-height: 36px;text-align: center;vertical-align: middle;}
.tol-list .language{color: #fff;font-size: 20px;text-transform: uppercase;}
.tol-list .top-mail{margin: 0 0.3125rem;}

/*sun-nav*/
.sun-nav{width: 57%;margin-right: 1.875rem;}
.sun-nav > li{float: left;padding: 0 2.1%;}
.sun-nav > li > a{display: inline-block;font-size: 14px;color: #555555;line-height: 4.875rem;border-bottom: 2px solid transparent;}
.sun-nav > li > a:hover, .sun-nav > li > a.active{border-color: #ca1a1a;}
@media (max-width: 1200px){
    .sun-nav > li{padding: 0 1.1%;}
}
.sun-nav .sub-menu{display: none;position: absolute;z-index: 999;width: 100%;top: 5rem;height: 385px;left: 0;border-bottom: 3px solid #ca1a1a;
background-color:#4693EB;
background-position: top center;
background-repeat: no-repeat;
    
}
.sun-nav .sub-menu .sub-nav{float: right;padding-right: 3.125rem;padding-top: 2.5rem;}
.sun-nav .sub-menu .sub-nav a{display: block;width: 260px;color: #fff;height: 2.8125rem;line-height: 2.8125rem;font-size: 14px;border-bottom: 1px solid #fff;}
.sun-nav .sub-menu .sub-nav a:first-child{border-top: 5px solid #ca1a1a;line-height: 2.5rem;}
.sun-nav .sub-menu .sub-nav a:hover{color: #ca1a1a;border-bottom-color: #ca1a1a;}
.sun-nav .nav-xjt{display: none;}
@media (max-width: 990px){
    .sun-hazj.fixed .head-bg{height: 64px;}
    .sun-hazj.fixed .sun-head .logo img{height: 64px;}
    .sun-head{background: #000;}
    .sun-head .logo{width: 40%;height: auto;}
    .sun-head .logo img{height: 64px;}
    .tol-list{margin-top: 0;padding: 1rem 0;margin-right: 3.5rem;}
    .sun-nav{position: absolute;top: 64px;z-index: 999;width: 100%;background: #000;display: none;float: none;margin: 0;left: 0;}
    .sun-nav > li{float: none;padding: 0;position: relative;}
    .sun-nav > li > a{display: block;padding-left: 5%;color: #fff;line-height: 35px;}
    .sun-nav .nav-xjt{display: block;position: absolute;text-align: center;right: 0;top: 0;width: 15%;height: 35px;}
    .sun-nav .nav-xjt:after{content: '';display: inline-block;width: 30px;height: 35px;background: url(../images/nav_xjt.png) center no-repeat;-webkit-transition: all .5s ease;transition: all .5s ease;-webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
    .sun-nav .nav-xjt.nav-xz:after{-webkit-transform: rotate(0); transform: rotate(0);}
    .sun-nav .sub-menu{position: static;height: auto;background: #4B4B4B !important;border-bottom: none;}
    .sun-nav .sub-menu .sub-nav{float: none;padding: 0;}
    .sun-nav .sub-menu .sub-nav a{width: 100%;color: #ccc;height: 2.1875rem;line-height: 2.1875rem;border-bottom: none;padding-left: 20px;}
    .sun-nav .sub-menu .sub-nav a:first-child{border-top: none;line-height: 2.1875rem;}
}

/*sun-search*/
.sun-search{padding: 0.9375rem 0;line-height: 25px;background: #efefef;}
.sun-search .hot-key{font-size: 14px;color: #333;}
.sun-search .hot-key a{display: inline-block;padding-right: 1rem;color: #333;}
.sun-search .hot-key a:hover{color: #4693ea;}

/*sun-news*/
.sun-news{background: #f4f4f4;padding: 4.375rem 0 8.75rem 0;}
.sun-tit{padding: 0 15px;margin-bottom: 3.125rem;}
.sun-tit .tit-left{width: 50%;font-size: 1.875rem;color: #000000;float: left;}
.sun-tit .tit-left span{font-size: 2.25rem;display: block;text-transform: capitalize;}
.sun-tit .tit-right{float: right;width: 50%;text-align: right;padding-top: 0.625rem;}
.sun-tit .tit-right a{display: inline-block;width: 10.625rem;height: 2.8125rem;border-radius: 2.8125rem;text-align: center;line-height: 2.8125rem;color: #fff;font-size: 14px;background: #4693ea;}
.news-slick .slick-slide, .ksdh-slick .slick-slide{outline: none;}
.news-slick .slick-slide img, .ksdh-slick .slick-slide img{display: inline-block;width: 100%;}

.news-slick .slick-con .img, .ksdh-slick .slick-con .img{overflow: hidden;}
.news-slick .slick-con .img img, .ksdh-slick .slick-con .img img{-webkit-transition: all .5s ease;transition: all .5s ease;width:100%;}
.news-slick .slick-con .wz, .ksdh-slick .slick-con .wz{background: #fff;padding: 1.25rem;}
.news-slick .slick-con .wz h4, .ksdh-slick .slick-con .wz h4{font-size: 14px;color: #000000;margin-bottom: 0.625rem;}
.news-slick .slick-con .wz p, .ksdh-slick .slick-con .wz p{font-size: 12px;line-height: 18px;color: #777777;margin-bottom: 15px;max-height: 36px;overflow: hidden;}
.news-slick .slick-con .wz span, .ksdh-slick .slick-con .wz span{font-size: 12px;color: #cc0001;font-weight: bold;}
.news-slick .slick-con .wz span:after, .ksdh-slick .slick-con .wz span:after{content: '';display: inline-block;margin-left: 5px;width: 0;height: 0;border-style: solid;border-width: 5px;border-color: transparent transparent transparent #cc0001;}
.news-slick .slick-con:hover .img img, .ksdh-slick .slick-con:hover .img img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.news-slick .slick-dots, .ksdh-slick .slick-dots{width: 100%;text-align: center;margin-top: 1.25rem;font-size: 0;}
.news-slick .slick-dots li, .ksdh-slick .slick-dots li{display: inline-block;width: 0.75rem;height: 0.75rem;border-radius: 50%;background: #999;margin: 0 0.3125rem;cursor: pointer;}
.news-slick .slick-dots li button, .ksdh-slick .slick-dots li button{background: none;outline: none;border: none;font-size: 0;}
.news-slick .slick-dots li:hover, .news-slick .slick-dots li.slick-active, .ksdh-slick .slick-dots li:hover, .ksdh-slick .slick-dots li.slick-active{background: #4693ea;}

@media (max-width:990px) {
    .sun-news {
        padding-bottom: 2rem;
    }
    .news-slick .slick-con,
    .ksdh-slick .slick-con {
        margin-bottom: 1rem
    }
}


/*sun-produc*/
.sun-product{background: #4693ea;padding: 3.125rem 0 4.375rem 0;}
.sun-product .sun-tit{margin-bottom: 4.375rem;}
.sun-product .sun-tit .tit-left{color: #fff;width: 100%;}
.sun-product .pro-slick .slick-con{padding: 0 4%;}
.sun-product .pro-slick .slick-con .wz{text-align: center;}
.sun-product .pro-slick .slick-con .wz h4{font-size: 1.5rem;color: #ffffff;margin: 1.875rem 0;}
.sun-product .pro-slick .slick-con .wz span{display: block;margin: 0 auto;width: 40%;line-height: 1.875rem;font-size: 12px;color: #4693ea;background: #d8d8d8;border-radius: 30px;}
.sun-product .pro-slick .slick-con:hover .wz span{background: #ca1a1a;color: #fff;}
.sun-product .pro-slick .slick-slide{outline: none;}
.sun-product .pro-slick .slick-slide img{width: 100%;}
.sun-product .pro-slick .slick-dots{width: 100%;text-align: center;margin-top: 1.25rem;font-size: 0;}
.sun-product .pro-slick .slick-dots li{display: inline-block;width: 0.75rem;height: 0.75rem;border-radius: 50%;background: #ccc;margin: 0 0.3125rem;cursor: pointer;}
.sun-product .pro-slick .slick-dots li button{background: none;outline: none;border: none;font-size: 0;}
.sun-product .pro-slick .slick-dots li:hover, .sun-product .pro-slick .slick-dots li.slick-active{background: #fff;}

/*sun-hf*/
.sun-hf{width: 100%;}
.sun-hf img{width: 100%;}

/*sun-ksdh*/
.sun-ksdh{background: #4693ea;line-height: 4.375rem;font-size: 30px;color: #ffffff;}
.sun-ksdh span{text-transform: capitalize;}
@media (max-width: 768px){
    .sun-ksdh{line-height: 3.125rem;font-size: 20px;}
}
.sun-ksdh-list{background: #f4f4f4;padding: 6.25rem 0;}
@media (max-width: 768px){
    .sun-ksdh-list{padding: 3.125rem 0;}
}

/*sun-links*/
.sun-links{padding: 2.5rem 0;}
.sun-links .links-slick .slick-slide{outline: none;}
.sun-links .links-slick .slick-slide img{display: inline-block;width: 100%;}
.sun-links .links-slick a{display: block;padding: 0 5%;}
.sun-links .links-slick a img{border: 1px solid #f6f6f6;}
.sun-links .links-slick .slick-dots{width: 100%;text-align: center;margin-top: 1.25rem;font-size: 0;}
.sun-links .links-slick .slick-dots li{display: inline-block;width: 0.75rem;height: 0.75rem;border-radius: 50%;background: #ccc;margin: 0 0.3125rem;cursor: pointer;}
.sun-links .links-slick .slick-dots li button{background: none;outline: none;border: none;font-size: 0;}
.sun-links .links-slick .slick-dots li:hover, .sun-links .links-slick .slick-dots li.slick-active{background: #4693ea;}

/*sun-footer*/
.sun-footer{background: #2c2c2c;padding-top: 3.4375rem;}
.tonglan{padding-bottom: 3.125rem;}
.tonglan .tl-left{width: 60%;float: left;}
.tonglan .tl-left .fwrz{margin-bottom: 2.5rem;}
.tonglan .tl-left .fwrz h5{font-size: 1.125rem;color: #ffffff;}
.tonglan .tl-left .tl_nav dl{float: left;width: 20%;}
.tonglan .tl-left .tl_nav dl dt{font-size: 1rem;margin-bottom: 0.625rem;color: #ffffff;}
.tonglan .tl-left .tl_nav dl dd a{font-size: 14px;line-height: 2;color: #acacac;display: block;}
.tonglan .tl-left .tl_nav dl dd a:hover{color: #fff;}
.tonglan .tl-right{width: 40%;float: right;text-align: right;}
.tonglan .tl-right .tl-ewm{display: inline-block;}
.tonglan .tl-right .tl-ewm img{max-width: 100%;}
@media (max-width: 990px){
    .tonglan .tl-left{width: 100%;float: none;}
    .tonglan .tl-left .tl_nav dl{width: 33.3333333%;}
    .tonglan .tl-right{display: none;}
}
.sun-footer .sun-fot{padding-top: 0.625rem;border-top: 1px solid #565656;font-size: 14px;line-height: 2;color: #acacac;}
.sun-footer .sun-fot a{color: #acacac;}
.sun-footer .sun-fot a:hover{color: #fff;}

/*sun-page*/
.max-nav{padding-left: 45px;height: 55px;line-height: 55px;font-size: 12px;color: #666;}
.sun-page-content{background: #F4F4F4;padding: 2.5rem 1rem 6.25rem 1rem;}

/*sun-news-list*/
.sun-news-list li{position: relative;overflow: hidden;background: #fff;padding: 18px 35px 18px 28px;margin-bottom: 10px;}
.sun-news-list li .img{float: left;display: block;width: 45%;}
.sun-news-list li .img img{max-width: 100%;}
.sun-news-list li .wz{float: right;width: 50%;}
.sun-news-list li .wz h4{font-size: 16px;line-height: 40px;color: #000;}
.sun-news-list li .wz .date{line-height: 30px;font-size: 12px;color: #666;}
.sun-news-list li .wz .info{line-height: 24px;font-size: 12px;color: #333;}
@media (max-width: 990px){
    .sun-news-list li .img,
    .sun-news-list li .wz{width: 100%;float: none;text-align: center;}
}

/*sun-product-list*/
.sun-product-list li{position: relative;overflow: hidden;background: #fff;padding: 1.125rem 2.1875rem 1.125rem 1.75rem;margin-bottom: 10px;}
.sun-product-list li .img{float: left;display: block;width: 30%;}
.sun-product-list li .img img{max-width: 100%;}
.sun-product-list li .wz{width: 65%;float: right;}
.sun-product-list li .wz .tit{padding-bottom: 0.625rem;border-bottom: 1px solid #c3c3c3;margin-bottom: 1.25rem;position: relative;}
.sun-product-list li .wz .tit h3{font-size: 1.5625rem;color: #4693ea;display: inline-block;max-width: 60%;}
.sun-product-list li .wz .tit .cname{display: inline-block;padding: 0 10px;position: absolute;right: 0;bottom: 10px;}
.sun-product-list li .wz .tit .cname span{display: inline-block;position: relative;z-index: 9;color: #fff;font-size: 14px;line-height: 20px;}
.sun-product-list li .wz .tit .cname:before{content: '';position: absolute;z-index: 1;left: 0;right: 0;bottom: 0;top: 0;-webkit-transform: skew(-30deg); transform: skew(-30deg);background: #4693ea;}
.sun-product-list li .wz .info{line-height: 22px;font-size: 12px;color: #595757;height: 117px;overflow: hidden;}
.sun-product-list li .wz .info p{
    background: url(../images/pro_sjt.png) top 8px left no-repeat;
    padding-left: 15px;
}
.sun-product-list li .more{text-align: right;}
.sun-product-list li .more span{display: inline-block;width: 22px;height: 22px;background: url(../images/ico-more.png) center no-repeat;}


.sun-pro-detail {
    background: #fff;padding:2rem 2.1875rem 1.125rem 1.75rem;
    
}

.topcontent{position: relative;overflow: hidden;margin-bottom:10px;}
.topcontent .img{float: left;display: block;width: 30%;}
.topcontent .img img{max-width: 100%;}
.topcontent .wz{width: 65%;float: right;}
.topcontent .wz .wztit{margin-bottom: 1.25rem;position: relative;}
.topcontent .wz .wztit h1{font-size: 1.5625rem;color: #4693ea;display: inline-block;max-width: 60%;}
.topcontent .wz .wztit .wzbq{display: inline-block;padding: 0 10px;position: absolute;    right: 10px;
    bottom: 0;}
.topcontent .wz .wztit .wzbq span{display: inline-block;position: relative;z-index: 9;color: #fff;font-size: 14px;line-height: 20px;}
.topcontent .wz .wztit .wzbq:before{content: '';position: absolute;z-index: 1;left: 0;right: 0;bottom: 0;top: 0;-webkit-transform: skew(-30deg); transform: skew(-30deg);background: #4693ea;}
.topcontent .wz .wzinfo{line-height: 22px;font-size: 12px;color: #595757;height: 88px;overflow: hidden;}
.topcontent .wz .wzinfo p{
    background: url(../images/pro_sjt.png) top 8px left no-repeat;
    padding-left: 15px;
}


@media (max-width: 768px){
    .sun-product-list li .img{text-align: center;width: 100%;float: none;text-align: center;margin-bottom: 1rem;}
    .sun-product-list li .wz{width: 100%;float: none;}
    
    .topcontent .img {
        width: 100%;
        float: none;
        margin-bottom: 1rem;
    }
    .topcontent .wz {
        width: 100%;
        float: none;
    }
}