body{
padding:0px;
background-color:#efefed;
margin:0px;

}
ul {
list-style:none;
}
a{
text-decoration:none;
cursor:pointer;
}

.container{
width:1008px;
margin:auto;
}


.container .fyslh{margin-right: 5px;float: left;
border:0px!important;}
.container .select-page{
border:0px!important;
width:64px;
}
.container .select-page select{
height:22px;
width:40px!important;
}
.container .news-center{
    color: #acca57;
    font-size: 32px;
    font-weight: bold;
    font-style: normal;
    margin-left: 16px;
    width:100%;
    margin-bottom: 10px;

}
.container .product_list{
width:1008px;
margin:auto;
height:auto;
}
.container .cms_pager_new{
width:1028px;
height:auto;
}

.container .row_new{
width:100%;
height:auto;
}
.container .row_new:after{
content:"";
display:table;
clear:both;
}
.container .grid_4_new{
    width: 320px;
    height: 378px;
    float: left;
    background: url(/uploads/image/tspnewcss/bg.png);
    margin-bottom: 15px;
    margin-left: 12px;
    position: relative;
}

.container  .img{
    width: 310px;
    height: 195px;
    position: absolute;
    margin-left: 5px;
    top: 5px;
}

.container .product_list .img img{
    width: 310px;
    height: 195px;
}

.container .text-box{
    width: 97%;
    height: 181px;
    background: #fff;
    position: absolute;
    top: 190px;
    margin-left: 5px;
}
.container .desc-box{
    width: 100%;
    position: absolute;
    top: 60px;

}
.container .title{
    width: 265px;
    height: 42px;
    margin-left: 25px;
    color: #6fb22f;
    font-size: 16px;
    margin-top: 15px;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-weight: bold;
    text-transform:uppercase;
    line-height: 20px;

}
.container .title:hover{
   color: #62a60a;
}

.container .author{
    width: 262px;
    height: 15px;
    margin-left: 25px;
    font-size: 12.5px;
    margin-top: 4px;
}
.container .author:after{
content:"";
display:table;
clear:both;
}
.container .author .author-name {
float:left;
color:#303030;
}
.container .author .time{
float:right;
color:#5e5e5e;
line-height: 20px;
}

.container .desc{
    width: 260px;
    margin-left: 25px;
    font-size: 12.5px;
    margin-top: 11px;
    line-height: 160%;
    overflow: hidden;
    position: relative;
    text-align: justify;
    height: 80px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.container .pages{
width:910px;
height:auto;
margin:auto;
}
.container .pages:after{
content:"";
display:table;
clear:both;
}
 
 

.container .pagelist .thisclass{
color:#fff;
background:#acca57;
border-radius:2px;
}
.container .pagelist .next{
width:62px;
}
.container .pagelist .border-none{
border:none;
}

.container .pagelist .tiaodao{
border:none;
width:40px;
}

.news_body .news-text img{
    box-shadow: 0 0 20px 3px #979492;
    -ms-box-shadow: 0 0 20px 3px #979492;
    -webkit-box-shadow: 0 0 20px 3px #979492;
    -moz-box-shadow: 0 0 20px 3px #979492;
}
.active{
    color: #fff;
    background: #acca57;
    border-radius: 2px;
}
/**新闻详情页面**/

/**轮播样式**/
.news-page .sbanner{ width:640px; margin:auto; height:396px; overflow:hidden; z-index:10;}
.news-page .slidebox{ width:640px; height:396px; overflow:hidden; position:relative; }
.news-page .slidebox .bd{ position:relative; height:100%; z-index:0;   }
.news-page .slidebox .bd li{ zoom:1; vertical-align:middle; width:640px; }
.news-page .slidebox .bd img{ width:640px; height:396px; display:block;  }
.news-page .slidebox .prev{ width:69px; height:396px; position:absolute; left:0px; top:0px; display:block; background:url(/uploads/image/tspnewpic/s_left.png) no-repeat;}
.news-page .slidebox .next{ width:69px; height:396px; position:absolute; right:0px; top:0px; display:block; background:url(/uploads/image/tspnewpic/s_right.png) no-repeat;}
.news-page .slidebox .tempwrap{width:640px!important;}
.swiper-container{
height:auto!important;
}
.swiper-slide a{

color:#424637!important;
}
.swiper-scrollbar {
    border-radius: 10px;
    position:relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,0.1)
}
.swiper-container{
width:207px!important;
}
.swiper-container .swiper-wrapper{
width:185px!important;

}
.swiper-container .swiper-wrapper .swiper-slide{
height:130px!important;
width:185px!important;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background-image: -moz-linear-gradient(top, #ccd1d6, #818589); /* firefox */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccd1d6), color-stop(1, #818589)); /* saf4 , chrome */
    filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#ccd1d6', endcolorstr='#818589', gradienttype='0'); /* ie*/
    border-radius: 10px;
}
.swiper-scrollbar .leftarrow{
    position: absolute;
    top:0px;
    background: url(/uploads/image/tspnewpic/letfarrow.png) no-repeat;
    width:14px;
    height:15px;
}
.swiper-scrollbar .rightarrow{
    position: absolute;
    bottom:0;
    background: url(/uploads/image/tspnewpic/rightarrow.png) no-repeat;
    width:14px;
    height:15px;
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}



/**轮播 end**/



.news-page{
width:1003px;
height:auto;
margin:auto;
margin-top:42px;

}
.news-page:after{
content:"";
display:table;
clear:both;
}
.news-page .news-content{
width:730px;
height:auto;
float:left;
background-color:#fff;
overflow:hidden;
}
.news-page .news-content .news-title{
width:640px;
height:auto;
margin:auto;
margin-top:25px;
text-align: center;
margin-bottom:15px;
text-align: left;
}
.news-page .news-content .news-title .news-name{
font-size:34px;
margin-bottom:10px;
letter-spacing:2px;
color:#3e3a39;
font-weight: bold;
text-transform:uppercase;
}
.news-page .news-content .news-title .news-time{
color: #595757;
font-size: 14px;
line-height: 25px; 
position:relative;
}
.news-page .news-content .news-title .news-download{
float:right;
    position: absolute;
    right: 0;
    top: 0;
}
.news-page .news-content .news-title .news-time:after{
content:"";
display:table;
clear:both;
}
.news-page .news-content .news-image{
width:640px;
height:396px;
margin:auto;
}
.news-page .news-content .news-image img{
width:640px;
height:396px;
}

.news-page .news-content .news-text{
width:640px;
min-height:700px;
margin:auto;
text-align:justify;
font-size:13px;
line-height:180%;
margin-top:30px;
}
.news-page .news-right{
width:258px;
height:auto;
float:right;
background-color:#fff;
}
.relevant-text{
 color: #acca57;
font-size: 16px;
font-weight: bold;
font-style: normal;
margin:auto; 
margin-top:25px;
padding-left: 10px;
margin-bottom:10px;
background: url(/uploads/image/tspnewpic/wifi.jpg) 221px 1px no-repeat;
height: 30px;line-height: 30px;
}
.news-page .news-right .relevant-list{
width:207px;
height:auto;
margin:auto;
margin-bottom: 6px;
margin-top: 3px;
text-align: justify;
font-size: 13px;
line-height: 180%; 
border-bottom:1px black dashed;
}
 .products-list-box{
width:222px;
padding-right:18px;
max-height:440px;
margin-left:10px;
position:relative;
overflow:hidden;
margin-bottom:20px;
}
 .products-list-box:after{
content:"";
display:table;
clear:both;
}
.products-list{
width:224px;
height:168px;
position:relative;
float:left;
margin-top:10px;

}
 .products-list img{
width:224px;
height:168px;

}
.related-products:after{
content:"";
display:table;
clear:both;
}
 .products-text{
width:100%;
height:28px;
background:#acca57;
text-align:center;
line-height:28px;
color:#424637;
font-size:14px;
font-weight: bold;
position:absolute;
top:120px;
left:0;
overflow: hidden;

}
.co_right{ background:#fff;
}
.news-page .news-right .products-scroll{
position:absolute;
right:0;
width:13px;
background:url(/uploads/image/tspnnews_pic/scroll.png);
height:445px;
top:0;
}

.news-page .news-right .more-problem{
width:199px;
height:auto;
border:1px solid #acca57;
margin:auto;
margin-top:60px;
}

.news-page .news-right .more-problem .problem-text{
width:162px;
height:auto;
color: #acca57;
font-size: 16px;
font-weight: bold;
font-style: normal;
margin:auto; 
line-height:180%;
}

.news-page .news-right .more-problem .answer{
font-weight: 100;
}
.news-page .news-right .more-problem .problem-image{
overflow:hidden;
border-radius:100%;
width:106px;
height:106px;
margin:auto;
margin-top:35px;
}
.news-page .news-right .more-problem .problem-image-text{
width:100%;
height:auto;
font-size: 16px;
font-weight: bold;
font-style: normal;
text-align:center; 
color:#3e3a39;
margin-top:15px;
}
.news-page .news-right .more-problem .problem-image-text span{
font-weight: 100;
font-size: 14px;
color:#646160;
}
.news-page .news-right .more-problem .problem-now-text{
width:163px;
height:37px;
background:#acca57;
border:1px solid;
margin:auto;
text-align:center;
line-height:37px;
margin-top:20px;
margin-bottom:20px;
font-weight: bold;
}
/**新闻详情end**/

/**客户上传图片**/

#xuanzhuanjiaodu2{
height:23px;
clear:both;
margin-top:24px;
display:none;
position:absolute;
bottom:0;
}
#xuanzhuanjiaodu2 a{
font-size:15px;
margin-right:10px;
color:#000000;
}
.pho-screen{
width:1003px;
margin:auto;
height:auto;
}

.pho-screen .pho-image{
width:100%;
height:auto;
position:relative;
margin-top:36px;
}
.pho-screen .pho-image:after{
content:"";
display:table;
clear:both;
}
.pho-screen .pho-image .pho-image-left{
width:787px;
height:618px;
float:left;
background:url(/uploads/image/tspnnews_pic/pho_img_bg.png);

}
.pho-screen .pho-image .img-box{
width: 733px;
height: 564px;
margin: auto;
margin-top: 20px;
text-align: center;
background: #ddddde;

}
.pho-screen .pho-image .img-box img{
max-width:733px;
max-height:564px;
}
.pho-screen .pho-image .pho-image-right{
height:568px;
overflow-y:scroll;
text-align:center;
margin-top:15px;
}
.pho-img-right{
width:227px;
height:618px;
position:absolute;
right:0px;
background:url(/uploads/image/tspnewpic/pho_img_bg_r.png);
}
.pho-img-right .pho-img-right-bg{
        background: #ddddde;
    width: 205px;
    height: 618px;
    position: absolute;
    left: 22px;
    z-index: -1;
}
.pho-img-right img{
 max-width:172px; 
 max-height:127px;
}
.image-right-box{
width:172px;
height:126px;
margin-left:30px;
margin-bottom:5px;
}
.image-right-box li{
    background: #ccc;
    height: 127px;
    border-bottom: 4px solid #fff;

}
.pho-screen .pho-image .pho-image-scroll{
width:13px;
height:591px;
background:url(/uploads/image/tspnewpic/scroll.png);
position:absolute;
right:0px;
}

.pho-screen .pho-image .pho-image-information{
width: 100%;
    min-height: 120px;
    position: relative;
    bottom: 0;
    top: 7px;
    background: #ddddde;

}
.pho-screen .pho-image .information-box{
    width: 100%;
    height: 113px;
    background: url(/uploads/image/tspnewpic/pho_inform_bg.png);
    position: absolute;
    top: -17px;
    z-index: -1;

}
.pho-image-information:after{
content:"";
display:table;
clear:both;
}
.pho-screen .pho-image .pho-image-information .information-title{
    color: #fff;
    background: #acca57;
    width: 88px;
    height: 24px;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
    border-radius: 3px;
    margin-left: 10px;
    font-weight: bold;
    float: left;
    margin-top: 14px;
}
.pho-screen .pho-image .pho-image-information .information-details{
    top: 58px;
    left: 10px;
    font-size: 14px;
    float: left;
    margin-left: 10px;
    margin-top: 13px;
}
.pho-screen .pho-upload{
width:100%;
height:auto;
margin-top:22px;
}
.pho-screen .pho-up .shouqi{

padding-right:36px;
}
.pho-screen .pho-up{
    width: 100%;
    height: 28px;
    background: #cfcfcf;
    text-align: center;
    line-height: 28px;
    color: #333;
    font-size: 20px;
    position: relative;
    cursor:pointer;
    display:black;
}

.pho-screen .jt-up{
width: 23px;
    height: 13px;
   
    position: absolute;
    top: 7px;
    left: 527px;
}
.pho-screen .pho-up-box{
width:100%;
height:583px;
position:relative;
}
.pho-screen .pho-xx{
height:209px;
width:1005px;    
position: absolute;
}

.pho-screen .pho-up-box .pho-upice{
color:#acca57;
font-size:38px;
line-height:24px;
border-radius:3px;
font-weight: bold;
position: absolute;
top: 28px;
left: 22px;
letter-spacing:3px;
}
.pho-screen .pho-up-box .upice-details{
color:#595757;
font-size:16px;
position: absolute;
top: 78px;
left: 22px;
line-height:180%;
}
.pho-screen  .information-details .name:after{
content:"";
display:table;
clear:both;
}
.pho-screen  .information-details .left{

float:left;
}

.pho-screen .pho-up-box .user-up{
color:#fff;
background:#acca57;
width:88px;
height:24px;
font-size:14px;
text-align:center;
line-height:24px;
border-radius:3px;
font-weight: bold;
position: absolute;
top: 185px;
left: 22px;
}
.pho-screen .pho-up-box .fromup-box{
width:960px;
height:360px;
position:absolute;
left:23px;
top:224px;
}
.pho-screen .pho-up-box .fromup-box:after{
content:"";
display:table;
clear:both;
}
.pho-screen .pho-up-box .fromup-box .image-show{
width:480px;
height:360px;
float:left;
border:1px solid #ccc;
overflow:hidden;
text-align:center;
}
.pho-screen .pho-up-box .fromup-box .image-show img{
max-width:480px;
max-height:360px;
}
.pho-screen .pho-up-box .fromup-box .from{
width:450px;
height:360px;
float:right;
font-size:18px;
}
.pho-screen .pho-up-box .fromup-box .from .line{
width:100%;
height:auto;
margin-bottom:5px;
}
.pho-screen .pho-up-box .fromup-box .from .line span{
position:absolute;
right:-10px;
color:red;
}
.pho-screen .pho-up-box .fromup-box .from .line:after{
content:"";
display:table;
clear:both;
}
.pho-screen .pho-up-box .fromup-box .from .line .input-name{
float:left;
line-height:38px;
}
.pho-screen .pho-up-box .fromup-box .from .line .input{
float:right;
height:32px;
width:275px;
background:#e2e2e2;
border:1px solid #999;
}
.pho-screen .pho-up-box .fromup-box .from .line .textarea{
height:150px;
width:270px;
}
.pho-screen .pho-up-box .fromup-box .from .line .submit{
width:275px;
float:right;
text-align:right;
}
.pho-screen .pho-up-box .fromup-box .from .line .button{
width:85px;
height:20px;
margin-left:10px;
background:#fff;
text-align:center;
line-height:16px;
border:1px solid #ccc;
}
.pho-screen .pho-up-box .fromup-box .from .line .imgup{
width:277px;
float:right;
}
.imgup .path{
height: 38px;
width:121px;
margin-left:9px;
}

.imgup .imgbutton{
float:left;
height:38px;
width:66px;
border:1px solid #8f8f8f;
margin-top:1px;
}
.imgup .upmit{
height:38px;
width:66px;
cursor: pointer;
border:1px solid #8f8f8f;
float:right;
margin-top:1px;
} 

.news-text img{ max-width:640px;}

/**联系我们**/

.lianxi-main{
width:1003px;
height:auto;
margin:auto;
}
.lianxi-main .map-box{
width:100%;
height:562px;
position:relative;
background:#fff;
margin-top:50px;
}
.lianxi-main .map-box #ditucontent{
width:956px;
height:517px;
position:absolute;
top:24px;
left:22px;
}

.lianxi-main .lianxi-text-box{
width:100%;
height:auto;
position:relative;
background:#fff;
margin-top:15px;
}
.lianxi-main .lianxi-text-box-2{
width:754px;
height:auto;
padding-left:25px;
padding-top:14px;
}
.lianxi-main .lianxi-text-box-2 a{
text-decoration: underline;
}

.lianxi-main .lianxi-text-box-2 .lianxi-txt-title{
    font-size: 21px;
    font-weight: bold;

}
.lianxi-main .lianxi-text-box-2 .title-top{
   margin-top:37px

}

.lianxi-main .lianxi-text-box-2 .txt-1{
    font-size: 13px;
    font-weight: bold;
    position:relative;
    line-height:2;

}

.lianxi-main .lianxi-text-box-2 .txt-1 span{
   padding-left:23px;
}

.lianxi-main .lianxi-text-box-2 .txt-1 .lefts{
   padding-left:23px;
}

.lianxi-main .lianxi-text-box-2 .txt-1 img{
   top:4px;
   position:absolute;
}
.lianxi-main .lianxi-text-box-2 .top-1{
   margin-top:10px;
}

.lianxi-main .lianxi-text-box-2 .top{
  
 
   top:8px!important;
}
.lianxi-main .lianxi-text-box-2 .top-2{
   margin-top:30px;
}

/**常见问题**/

.faq-main{
width:1003px;
height:auto;
margin:auto;
margin-top:35px;
}

.faq-main .faq-header{
width:100%;
height:266px;
}
.faq-main .faq-header:after{
content:"";
display:table;
clear:both;
}
.faq-main .faq-header .faq-header-text{
width:100%;
color:#acca57;
height:48px;
text-align:center;
font-size:26px;
font-weight:bold;
}
.faq-main .faq-header .faq-butten{
width:243px;
height:218px;
text-align:center;
background:#acca57;
font-size:20px;
float:left;
position:relative;
}
.faq-main .faq-header .faq-butten-left{
margin-left:10px;
}

.faq-main .faq-header .faq-butten .faq-butten-cp{
width:220px;
height:158px;
position:absolute;
left:10px;
bottom:8px;
background:#fff;
}
.faq-main .faq-header .faq-butten .sp1{
background:;
}
.faq-main .faq-header .faq-butten .sp2{
background:;
}
.faq-main .faq-header .faq-butten .sp3{
background:;
}
.faq-main .faq-header .faq-butten .sp4{
background:;
}
.faq-main .faq-header .faq-butten .faq-butten-text{
    width: 100%;
    height: 33px;
    text-align: center;
    position: absolute;
    top: 19px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 3px;
}
.faq-main .faq-content{
width:100%;
height:auto;
background:#fff;
margin-top:18px;
}
.faq-main .faq-content .content{
width:950px;
height:auto;
margin:auto;
padding-bottom: 20px;

}
.faq-main .faq-content .content #faq{
font-size:35px;
color:#acca57;
letter-spacing:3px;
padding-top:21px;

}

/**参观我们的工厂**/

.visit-main{
width:1003px;
height:auto;
margin:auto;
}
.visit-main .visit-screen-1{
width:100%;
height:350px;
position:relative;
background:#fff;
margin-top:50px;
}
.visit-main .visit-screen-2{
width:100%;
height:auto;
position:relative;
background:#fff;
margin-top:14px;
}
.visit-main .visit-screen-3{
width:100%;
height:562px;
position:relative;
background:#fff;
margin-top:11px;
}
.visit-main .visit-screen-4{
width:100%;
height:auto;
position:relative;
background:#fff;
margin-top:16px;
}
.visit-main .gongchang1{
width:958px;
height:300px;
position:absolute;
top:22px;
left:22px;
}

.visit-main .gongchang2{
height:517px;

}

.visit-main .txt1{
  width:925px;
  height:auto;
  margin:auto;
  font-size: 16px;
  color:#acca57;
  
}

.visit-main .txt4{
       width: 925px;
    margin: auto;
    margin-bottom: 20px;
    line-height: 1.7;
    padding-top: 7px;
}

.visit-main .top{
    padding-top: 20px;
    font-size: 23px;
}
.visit-main .top2{
        padding-top: 16px;
    font-size: 23px;
}
.visit-main .top3{
    padding-top:7px;

}
.visit-main .top-3{
    
    padding-bottom:20px;
}
.visit-main .top4{
    padding-top:38px;
}
.visit-main .top-5{
    
    padding-bottom:24px;
}
.visit-main .top-s{
    
    padding-top:20px;
}
/**关于我们**/

.aboutus-main{
width:1003px;
height:auto;
margin:auto;
}

.aboutus-main .content{
width:950px;
height:auto;
margin:auto;

}

.aboutus-main .content:after{
content:"";
display:table;
clear:both;

}
.aboutus-main .up-txt{
width:100%;
height:auto;
background:#fff;
}
.aboutus-main .aboutus-title{
font-size:24px;
color:#acca57;
padding-left:40px;
height:93px;
line-height:93px;
background:#fff;
}


.aboutus-main .aboutus-screen-1{
width:100%;
height:auto;
position:relative;
background:#fff;
margin-top:35px;
}
.aboutus-main .aboutus-screen-2{
width:100%;
height:2267px;
position:relative;
background:;
margin-top:20px;
}


.aboutus-main .aboutus-screen-3{
width:100%;
height:auto;
position:relative;

margin-top:15px;
}
.aboutus-main .pho-up{
    width: 100%;
    height: 28px;
    background: #cfcfcf;
    text-align: center;
    line-height: 28px;
    color: #333;
    font-size: 20px;
    position: relative;
    cursor:pointer;
    display:black;
}
.aboutus-main  .center{
 position:static!important;
}
.aboutus-main .jt-up{
width: 23px;
    height: 13px;
   
    position: absolute;
    top: 7px;
}
.aboutus-main .jt-up-2{
width: 23px;
    height: 13px;
   
    position: absolute;
    top: 7px;
}
.aboutus-main .pho-up-2{
    width: 100%;
    height: 28px;
    background: #cfcfcf;
    text-align: center;
    line-height: 28px;
    color: #333;
    font-size: 20px;
    position: relative;
    cursor:pointer;
    display:black;
}

.aboutus-main .up-txt-2{
width:100%;
height:auto;
background:#fff;
padding-bottom: 10px;
}

.aboutus-main .aboutus-screen-4{
width:100%;
height:auto;
position:relative;

margin-top:12px;
}

.aboutus-main .ice-box{
width:392px;
height:144px;
position:absolute;
background-color:#acca57;
}
.aboutus-main .ice-box-txt{
width:200px;
height:auto;
max-height: 135px;
position:absolute;
right:15px;
word-wrap:break-word;
overflow-y:auto;
}

.aboutus-main .ice-box .images{
width:158px;
height:131px;
background:;
position:absolute;
left:8px;
top:6px;
}
.aboutus-main .txt1{
  width:925px;
  height:38px;
  margin:auto;
  padding-top:26px;
  margin-bottom:29px;
    line-height:1.5;
}
.aboutus-main .txt2{
  width:925px;
  height:39px;
  margin:auto;
  font-size: 18px;
  font-weight: bold;
  
}

.aboutus-main .txt3{
  width:100%;
  height:auto;
  margin-left:59px;
  text-align:justify;
  line-height:1.5;
  padding-bottom: 20px;
}

.aboutus-main .txt4{
  width:925px;
  height:auto;
  margin:auto;
 line-height:1.6;
  margin-bottom:29px;
}

.aboutus-main .txt5{
 padding-top:24px;
}
.news_class{font-size: 22px;font-weight: bold;color: #acca57;}

.ss_title{margin-bottom: 20px;}