.tab-box{}
.tab-box input{display:none}
.tab-box label{display:inline-block;margin:0 12px 0 0;padding:3px 30px;text-align:center;background-color:#e5e5e5;color:#333;font-size:14px;line-height:2}
.tab-content{display:none}
.tab-box input:nth-of-type(1):checked ~ .tab-contents .tab-content:nth-of-type(1),.tab-box input:nth-of-type(2):checked ~ .tab-contents .tab-content:nth-of-type(2),.tab-box input:nth-of-type(3):checked ~ .tab-contents .tab-content:nth-of-type(3),.tab-box input:nth-of-type(4):checked ~ .tab-contents .tab-content:nth-of-type(4),.tab-box input:nth-of-type(5):checked ~ .tab-contents .tab-content:nth-of-type(5){display:block}
.tab-box input:nth-of-type(1):checked ~ .tab-box-label label:nth-of-type(1),.tab-box input:nth-of-type(2):checked ~ .tab-box-label label:nth-of-type(2),.tab-box input:nth-of-type(3):checked ~ .tab-box-label label:nth-of-type(3),.tab-box input:nth-of-type(4):checked ~ .tab-box-label label:nth-of-type(4),.tab-box input:nth-of-type(5):checked ~ .tab-box-label label:nth-of-type(5){background:#ff072a !important;color:#fff !important}
.wsmenu-arrow{display:block!important}
.xsdiv img{height:232px}
.main_side{width:100%;float:left;position:relative}
.owl-wrapper-outer p{font-size:12px !important}
@media screen and (min-width:1200px){.flexslider .slides > li{margin-top:-108px}
}.youshi .ys-con li img{max-height:314px;width:100%}
@media (min-width:800px){.content_none{display:none!important}
}footer.footer{margin-top:0px!important}
padding:30px 0 30px 0!important}
.youshi{}
.youshi .ys-con{overflow:hidden;max-width:1170px;margin:auto;padding:30px}
.youshi .ys-con li{overflow:hidden;margin-bottom:30px}
.youshi .ys-con li h3{font-size:30px;margin:30px 0 20px 0;font-weight:bold}
.youshi .ys-con li .more{display:inline-block;background:#ff072a;color:#fff;margin-top:20px}
.youshi .ys-con li .more:hover{background:#ff072a}
.youshi .ys-con li img{max-width:100%;margin:auto;padding:20px}
.youshi .ys-con li p{line-height:1.6;margin-top:10px;color:#a4a1a2}
.youshi .ys-con li:nth-child(even) .ys-left{float:right !important}
.workbox{width:1170px;margin:0 auto;overflow:hidden}
.work_title{font-size:30px;text-align:center}
.work_t1{padding:0 0 50px 0}
.work_t2{padding:20px 0 10px 0}
.worksbox{float:left;background-color:#fff;width:194px;height:312px;padding:0;margin:0;margin-right:1px;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.worksbox .worksbox_caption p{color:#fff;text-align:center;padding:20px 0 10px;font-size:18px}
.worksbox .worksbox_caption span{line-height:20px;color:#fff;padding:8px;display:block;font-size:13px;text-align:justify}
.worksbox .worksbox_caption i{display:inline-block;text-align:center;padding:2px 12px;border:1px solid #fff;color:#fff;font-style:normal;position:absolute;bottom:10px;right:30%}
.worksbox .worksbox_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;overflow:hidden}
.worksbox .worksbox_caption{color:#fff;background:#cc0000;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.worksbox:hover .worksbox_caption{background:#cc0000;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.worksbox .worksbox_caption,.worksbox .worksbox_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
@media (max-width:768px){.work_title{font-size:20px}
.workbox{width:98%}
.worksbox{width:32%;margin:0 2% 2% 0;height:180px}
.worksbox:nth-child(3n+1){margin:0 0 2% 0}
.worksbox .worksbox_img{height:100%}
.worksbox .worksbox_caption span{font-size:12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;padding:0 8px}
.worksbox .worksbox_caption i{right:18%;font-size:12px}
}@media (max-width:380px){.worksbox .worksbox_caption i{right:17%;padding:2px 6px}
}.container1{margin:0 auto;max-width:1150px;overflow:hidden}
.port-1 h3{font-size:16px;margin:5px 0;border-top:1px solid #ccc;line-height:36px;text-align:center}
.port-1 img{width:100%;height:auto}
.text-desc h4{font-size:18px;margin:5px 0;line-height:36px;text-align:center}
.text-desc{position:absolute;left:0;top:0;background-color:#fff;height:100%;opacity:0;width:100%;padding:20px}
@media (max-width:980px){.tit{margin:10px 0 10px}
.inabout{height:300px}
}@media only screen and (max-width:641px){.tit{margin:10px 0 10px!important}
}.tit{text-align:center;margin:0px 0 50px}
.tit .titspan1{font-size:20px;color:#333;line-height:40px}
.tit span{display:block}
.tit .titspan2 em{font-style:normal;font-weight:500;min-width:128px;display:inline-block;max-width:100%;height:27px;overflow:hidden;line-height:34px;font-size:20px}
@media (max-width:768px){.box_main ul li{width:46%!important;margin:10px 2%!important}
.text-desc{padding:10px}
.box_main ul li .dask{display:none}
}li{list-style:none}
.box_main{width:100%;height:auto;margin:50px auto 0 auto;overflow:hidden}
.box_main ul li{width:23%;float:left;position:relative;overflow:hidden;margin:10px 1%;border:1px solid #ccc;padding:5px}
.box_main ul li .dask{width:100%;background:#fff;opacity:0.8;position:absolute;top:-250px;left:0;height:100%}
.box_main ul li .dask p{color:#333}
.box_main ul li .dask a{color:green;text-decoration:none}
.yli li{color:#2f4858;line-height:1.8;font-size:14px;margin:0!important}
.yli  p{color:#8b99a2;text-indent:20px;line-height:1.8;font-size:14px;margin:0!important}
.ys-lefts{float:right!important;}
@media (max-width:768px){
#appa {
    margin: -80px 0 30px 0;
}	
#appa .title {
    font-size: 18px;
    line-height: 4;
    margin: 0!important;
}	
.d-ul{width: 96%;}	
.youshi .ys-con{padding: 0 20px;}	
.youshi .ys-con li h3{font-size:24px;}	
}