/* header.scroll */
.cpage #header{position:fixed;left:0;top:0;z-index:7;width:100%}
.cpage #header~#area{display:block;height:7.5rem}

/*main*/
.main{position:relative;padding:3rem 0}

/* LRpanl */
.LRpanl{padding:4rem 0;overflow:hidden;zoom:1}
.LRpanl .L{position:relative;float:left;width:70%}
.LRpanl .R{position:relative;float:right;width:25%}
.LRpanl .fgare{height:4rem;overflow:hidden}
.LRpanl h5{font-family:'SYHT-bold';font-size:1.8rem}
.LRpanl h5 em{margin-left:0.5rem;font-weight:800;font-family:'AvertaCY';text-transform:uppercase;vertical-align:middle}
@media(max-width:64em){
    .LRpanl .L{float:noen;width:100%}
    .LRpanl .R{float:noen;width:100%;margin-top:3rem}
}

/*tbar*/
.tbar{padding:5rem 0 2rem;text-align: center;}
.tbar h2{display:inline-block;font-size:2.4rem;font-family:'SYHT-Bold'}
.tbar h2::after{display:block;margin:0.5rem auto;content:'';width:50%;height:1px;background:#333}
.tbar h5{display:block;font-family:'AvertaCY';text-transform:capitalize;font-weight:800}

/*xbar*/
.xbar{padding-bottom:2rem}
.xbar h5{display:inline-block;font-size:2.2rem;font-family:'SYHT-Bold'}
.xbar h5::after{display:block;margin-top:0.5rem;content:'';width:30%;height:2px;background:#333}
.xbar h5 em{margin-left:0.5rem;font-size:1.5rem;font-weight:800;font-family:'AvertaCY';text-transform:uppercase;vertical-align:baseline}
.xbar .more{float:right;color:#ccc;margin-top:0.5rem}
.xbar .more::after{display:inline-block;margin-left:0.2rem;font-size:1.4rem;font-family:"iconfont" !important;content:"\e6002"}

/*banner*/
.banner{position:relative;background-color:#ef8200;background-size:cover;background-repeat:no-repeat;background-position:center;color:#fff}
.banner:before{position:absolute;z-index:0;top:0;left:0;display:block;content:'';width:100%;height:100%;background:rgba(0,0,0,.5)}
.banner.full{height:calc(100vh - 7.5rem - 6rem)}
.banner .container{height:100%;z-index: 1;}
.banner .breadcrumb{position:absolute;left:2rem;top:2rem;z-index: 2;}

.banner .item-inner{position:relative;padding:12rem 0;text-align: center;}
.banner .item-inner h3,.banner .item-inner h1{font-family: 'SYHT-Bold';font-size:3rem;text-transform:capitalize}
.banner .item-inner h2{font-family: 'SYHT-Bold';font-size:2.4rem;text-transform:capitalize}
.banner .item-inner h1{font-size:2.4rem;line-height:1.4}
.banner .item-inner h3:after,.banner .item-inner h1:after{display:block;width:4rem;margin:0.8rem auto 0;height:2px;background:#fff;content:''}
.banner .item-inner h5{font-weight:700;font-family:'AvertaCY';text-transform:uppercase;padding-top:0.5rem;margin:0 auto;line-height:1.4;white-space:nowrap}
.banner .item-inner p{display:block;padding-top:2rem;width:50%;margin:0 auto;line-height:1.6}
@media(max-width:48em){
    .banner .item-inner p{width:100%}
}

.banner.full .item-inner{position:absolute;left:0;bottom:0;width:100%;padding:2rem;text-align: left;}
.banner.full .item-inner h3{font-size:4rem}
.banner.full .item-inner h3:after{margin:0.8rem 0 0}
.banner.full .item-inner p{margin:0}
.banner.min .item-inner{padding:8rem 0 6rem}

/*page spill_conbox*/
.spill_conbox{position:relative;overflow:hidden}
.spill_conbox #gradient{display:none;position:absolute;bottom:0;left:0;width:100%;padding-top:15rem;text-align:center;
    background:-moz-linear-gradient(bottom,#fff,rgba(255,255,255,0));
    background:-webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#fff));
    background:-o-linear-gradient(bottom,#fff,rgba(255,255,255,0));
}
.spill_open{position:relative;z-index:1;display:block;padding:2rem 0 3rem;text-transform:uppercase;color:#ef8200;font-weight:bold;text-align:center;cursor:pointer}

/*.tabbar*/
.tabbar{position: relative;background:#f2f2f2}
.tabbar .tabnav{height:6rem;line-height:6rem;overflow:hidden;}
.tabbar .tabnav a{position:relative;float:left;display:inline-block;padding-right:2rem;margin-right:2rem}
.tabbar .tabnav a::after{display:block;opacity: 0;position: absolute;bottom:0;width:0;height:1px;background: #ef8200;content:"";transition:.3s;-webkit-transition:.3}
.tabbar .tabnav a:hover{color: #ef8200;}
.tabbar .tabnav a:hover::after{width:100%;opacity: 1}
.tabbar .tabnav a.active{font-weight:bold;color:#ef8200}
.tabbar .tabnav a.active::after{width:100%;opacity: 1}

.tabbar .tabnav_dropmenu{display:none;height:6rem;line-height:6rem;}
.tabbar .tabnav_dropmenu::before{float:right;display:inline-block;font-size:1.8rem;font-family:"iconfont" !important;content:"\e602"}
.tabbar .tabnav_dropmenu.active::before{color:#ef8200}
.tabbar .tabnav_dropmenu strong{float:left;display:block;font-size:1.6rem;border-bottom:1px solid #ef8200;color:#ef8200;font-weight: normal;}

.tabbar .tabnav_wap{width:100%;height:0;overflow:hidden;opacity:0;transition:.3s;-webkit-transition:.3s}
.tabbar .tabnav_wap a{display:block;padding:1.8rem 0;line-height:1.4;border-top:1px solid #dbdbdb}
.tabbar .tabnav_wap a.active{display:none}
.tabbar .tabnav_wap.active{height:auto;opacity: 1}
@media(max-width:48em){
    .tabbar .tabnav{display:none}
    .tabbar .tabnav_dropmenu{display:block}
}

/* searchbar */
.searchbar{position:relative;background:#f2f2f2;padding:2rem}
.searchbar input[type=text]{background:#fff;border:1px solid rgba(0,0,0,0.1)}
.searchbar input[type=submit]{margin-top:0.5rem;text-transform: uppercase;font-weight:bold;width:100%}

/*content*/
.content{position:relative;line-height:1.8}
.content a{color:#ef8200 !important;text-decoration:underline !important}
.content strong{font-weight:Bold;color:#ef8200;}
.content h2{display:block;padding-bottom:2rem;font-size:3rem;font-family:'SYHT-Bold';line-height:1.2}
.content h2 span{display:block;color:#dbdbdb;text-transform:capitalize;padding-top:0.25rem;font-size:1.2rem}
.content h3,.content h4{font-size:1.6rem;font-family:'SYHT-Bold';color:#ef8200}
.content p{padding-bottom:1.5rem}

/* 标签 */
.tags a{display:inline-block;margin:0.2rem 0.4rem 0.2rem 0;padding:1rem 1.5rem;border:1px solid #f2f2f2;background:#f2f2f2}
.tags a:hover{background:#ef8200;color:#fff}

/*tlist*/
.tlist li{display:block;border-bottom:1px solid #f2f2f2;padding:3rem 0 3rem 7rem}
.tlist li:first-child{padding-top:0}
.tlist li span{float:left;margin-left:-7rem;text-align:center;width:5.5rem;padding:1rem 0;background:#ef8200;color:#fff;border-radius: 4px;}
.tlist li span em{display:block;font-family:'AvertaCY';font-size:3rem;text-transform:uppercase;padding-bottom:0.4rem}
.tlist li span p{font-size:1.2rem}
.tlist li h4{font-weight:bold;line-height:1.4}
.tlist li h4 i{display:inline-block;font-size:1.2rem;margin-left:0.5rem;color:#f98901;text-transform: capitalize;}
.tlist li summary{line-height:1.6;padding-top:1rem;color:rgba(0,0,0,.4)}
.tlist li .more{display:block;margin-top:1rem}
.tlist li .more::after{display:inline-block;margin-left:0.2rem;font-size:1.4rem;font-family:"iconfont" !important;content:"\e6002"}
.tlist li:hover h4{color:#ef8200}

/*salelist*/
.salelist .item{padding:2rem;background:#f2f2f2;border-radius: 4px;}
.salelist .item h4{font-family:'SYHT-Bold';font-size:1.8rem;line-height:1.4;color:#ef8200;}
.salelist .item h5{line-height:1.4;padding-top:0.5rem}
.salelist .item summary{line-height:1.6;padding-top:1rem;color:rgba(0,0,0,.4)}

/*clientslist*/
.clientlist{border-top:1px solid #f2f2f2;border-left:1px solid #f2f2f2}
.clientlist li{float:left;border-bottom:1px solid #f2f2f2;border-right:1px solid #f2f2f2;padding:0.5rem 3rem;overflow:hidden;text-align:center}
.clientlist li img{max-width:100%;height:100px;transition:.5s;-webkit-transition:.5s}
.clientlist li span:hover img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}

/*doclist*/
.doclist a{display:block;border-bottom:1px solid #f2f2f2;padding:0.5rem 0}
.doclist a:before{float:left;margin-right:0.5rem;display:inline-block;content:'+';font-size:1.2rem}

/*plist*/
.plist .item:hover{-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 0 15px 0 rgba(0,0,0,0.1);box-shadow:0 0 15px 0 rgba(0,0,0,0.1)}
.plist .imgbox{position:relative;display:block;overflow:hidden}
.plist .imgbox::before{position:absolute;z-index:1;display:block;content:'';background:rgba(0,0,0,0.2);width:100%;height:100%;transition:.4s;-webkit-transition:.4s}
.plist .imgbox:hover::before{background:rgba(0,0,0,0)}

.plist .imgbox img{width:100%;transition:.5s;-webkit-transition:.5s}
.plist .imgbox:hover img{-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}

/*griditem */
.syabouy .griditem{display:block;position:relative;overflow:hidden;width:32%;float:left;margin-bottom:0px}
.syabouy .griditem:nth-child(1){margin-right:2%}
.syabouy .griditem:nth-child(2){margin-right:2%}
.gyabout  .flitems{height:438px}
@media screen and (max-width: 768px) and (min-width: 320px){
.syabouy .griditem{display:block;position:relative;overflow:hidden;width:100%;float:none;margin-bottom:10px}	
.syabouy .griditem:nth-child(0){margin-right:0px}
.syabouy .griditem:nth-child(1){margin-right:0px}
.gyabout  .flitems{height:auto}
}



.gyabout .griditem{display:block;position:relative;overflow:hidden;width:49%}
.gyabout .griditem:nth-child(1){margin-right:2%}
.gyabout .griditem:nth-child(2){margin-right:0px}



.gyaboutlj .griditem{display:block;position:relative;overflow:hidden;width:32%}
.gyaboutlj .griditem:nth-child(1){margin-right:2%}
.gyaboutlj .griditem:nth-child(2){margin-right:2%}
.gyaboutlj .griditem:nth-child(3){margin-right:0px}



.gyabout .griditem img{display:block;width:100%;height:auto}
@media screen and (max-width: 768px) and (min-width: 320px){
.gyabout .griditem img{display:block;width:100% !important;height:auto}

.gyabout .griditem{display:block;position:relative;overflow:hidden;width:100%;margin-bottom:10px}
.gyabout .griditem:nth-child(1){margin-right:0px}
.gyabout .griditem:nth-child(2){margin-right:0px}


.gyaboutlj .griditem{display:block;position:relative;overflow:hidden;width:100%;margin-bottom:10px}
.gyaboutlj .griditem:nth-child(1){margin-right:0px}
.gyaboutlj .griditem:nth-child(2){margin-right:0px}
.gyaboutlj .griditem:nth-child(3){margin-right:0px}


}


#profl .griditem{display:block;position:relative;overflow:hidden;width:25%;float:left;margin-bottom:0px}
#profl .griditem:nth-child(1){margin-right:0px}
#profl .griditem:nth-child(2){margin-right:0px}
@media screen and (max-width: 768px) and (min-width: 320px){
#profl .griditem{display:block;position:relative;overflow:hidden;width:100%;float:none;margin-bottom:10px}	
}

.griditem .flitems{width:95%;margin:0px auto}
.griditem .flitems::before{position:absolute;z-index:1;display:block;content:'';/*background:rgba(0,0,0,0.3);*/width:100%;height:100%;transition:.4s;-webkit-transition:.4s}
.griditem .imgbox{position:relative;overflow:hidden}
.griditem .imgbox img{transition:.5s;-webkit-transition:.5s}
.griditem:hover .imgbox img{-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
.griditem .flitems:hover::before{background:rgba(0,0,0,0.1)}

.griditem .inner{position:absolute;z-index:2;color:#fff;text-align:center;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transition:.4s;-webkit-transition:.4s}
.syabouy .griditem img{display:block;width:100% !important;height:270px}
@media screen and (max-width: 768px) and (min-width: 320px){
.syabouy .griditem img{display:block;width:100% !important;height:auto}
}



#profl .griditem img{display:block;width:100% !important;height:270px}
@media screen and (max-width: 768px) and (min-width: 320px){
#profl .griditem img{display:block;width:100% !important;height:auto}
}


.griditem h4{position:relative;display:inline-block;padding-bottom:1rem;font-family:'SYHT-bold';font-size:2.6rem;white-space:nowrap}
.griditem h4::after{position:absolute;bottom:0;left:50%;width:50%;margin-left:-25%;display:block;content:'';height:1px;overflow:hidden;zoom:1;background:#fff}
.griditem h5{font-family:'AvertaCY';margin-top:0.5rem;font-weight:700;text-transform:uppercase;white-space:nowrap}
.griditem p{margin-top:1rem;padding:0 2rem;line-height:1.5}
@media(max-width:64em){
    .griditem .inner{width:95%}
    .griditem h4{font-size:2.8rem}
}

/*productslist*/
.productslist a{display:block;border:1px solid #f2f2f2;padding:0.5rem;border-radius:4px;overflow: hidden;}
.productslist img{display:block;max-width:100%;transition:.5s;-webkit-transition:.5s;background:#f2f2f2;height: 245px;
    object-fit: cover;margin:0px auto}
	
	
@media screen and (max-width: 768px) and (min-width: 320px){
	.productslist img{display:block;max-width:100%;transition:.5s;-webkit-transition:.5s;background:#f2f2f2;height: 145px;
    object-fit: cover;margin:0px auto}
	
	
}
.productslist .imgbox{position:relative;overflow:hidden;border-radius:4px}
.productslist .imgbox::before{position:absolute;z-index:1;display:block;content:'';background:rgba(0,0,0,0.3);width:100%;height:100%;transition:.4s;-webkit-transition:.4s}
.productslist a:hover img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}
.productslist a:hover .imgbox::before{background:rgba(0,0,0,0)}
.productslist h4{padding:1rem 0;font-size:1.6rem;font-family:'SYHT-Medium'}
.productslist h4::before{float:right;display:inline-block;content:'+';opacity: 0.3;}
.productslist a:hover{border:1px solid #ef8200}

/*cover-about*/
.cover-about .intro{padding-top:3rem;text-align: center}
.cover-about .intro h2{color:#ef8200;font-family:'SYHT-Bold';font-size:3rem;text-align: center;padding-bottom:1rem;line-height:1.2}
.cover-about .intro p{line-height:1.8}
.cover-about .intro .vmore{border:1px solid #333;padding:0.8rem 2.5rem;border-radius: 3rem;margin-top:2rem}
.cover-about .intro .vmore:hover{border:1px solid #ef8200;background: #ef8200;color:#fff}

.cover-about .data-tag{margin-top:6rem;text-align: center;}
.cover-about .data-tag li{border-left:1px solid rgba(0,0,0,.15);padding:1rem}
.cover-about .data-tag li:first-child{border:0}
.cover-about .data-tag li i{display:inline-block;background:#ef8200;width:4.5rem;height:4.5rem;line-height:4.5rem;color:#fff;font-size:2.4rem;border-radius: 50%;}
.cover-about .data-tag li em{display:block;font-size:2.6rem;font-family: 'AvertaCY';text-transform: uppercase;font-weight: 700;color:#ef8200;margin-top:0.5rem}
.cover-about .data-tag li summary{padding-top:0.5rem;line-height:1.5}
@media(max-width:48em){
    .cover-about .data-tag li:nth-child(odd){border:0}
}

.cover-about .col1{margin-top:6rem}
.cover-about .col1 img{display:block;width:100%;height:100%}
.cover-about .fr .griditem .inner{color:initial}
.cover-about .fr .griditem h4::after{background:#333}
.cover-about .fr .griditem::before{background:rgba(0,0,0,0.1)}
.cover-about .col2{margin:2rem 0}
.cover-about .col2 img{display:block;width:100%;height:240px}
@media(max-width:64em){
    .cover-about .fr .griditem h4{font-size:2rem}
	.cover-about .col2 img{display:block;width:100%;height:auto}
	.cover-about .col2{/*margin:4rem 0*/margin:0px auto}
}


/*cover-products*/


.proys{width:100%;display:inline-table}
.proys .ysleft{width:38%;float:left}
.proys .ysleft .youshitu{width:100%;height:460px;display: table-cell;text-align: center;vertical-align: middle;
}
.proys .ysleft .youshitu img{max-width:100%;height:460px;text-align:center}
.proys .ysright{width:60%;float:right;height:465px;display: flex;align-items: center; justify-content: center;}
.cover-products .tctag .item{max-width:100%}
@media screen and (max-width: 768px) and (min-width: 320px){
	.proys .ysleft{width:85%;float:none}
	.proys .ysleft .youshitu{width:100%;height:auto;text-align:center}
.proys .ysleft .youshitu img{max-width:100%;height:auto;text-align:center}
	.proys .ysright{width:85%;float:none;height:auto;margin: 0px auto;}
	
	.cover-products .tctag .item{max-width:85%}
	

}



.pure-u-md-1-2:nth-child(1){
    /*border-right:1px solid #f1f1f1;
	border-bottom:1px solid #f1f1f1;*/
}
.pure-u-md-1-2:nth-child(2){
	/*border-bottom:1px solid #f1f1f1;*/
}
.pure-u-md-1-2:nth-child(3){
    /*border-right:1px solid #f1f1f1;*/
	
}



.cover-products .intro{padding:4rem 0 2rem;text-align: center}
.cover-products .intro h2{color:#ef8200;font-family:'SYHT-Bold';font-size:3rem;text-align: center;padding-bottom:1rem;line-height:1.2}
.cover-products .intro p{line-height:1.8}
.cover-products .vmore{border:1px solid #333;padding:0.8rem 2.5rem;border-radius: 3rem;margin-top:2rem}
.cover-products .vmore:hover{border:1px solid #ef8200;background: #ef8200;color:#fff}

.cover-products .tablink{position: relative;text-align: center;font-weight:bold;overflow:hidden;zoom:1}
.cover-products .tablink a{display:inline-block;padding:0 1rem;line-height:1}
.cover-products .tablink a::before{float:left;display:inline-block;margin-left:-1rem;width:1px;height:1rem;background:#ccc;font-size:1.2rem;content:""}
.cover-products .tablink a:first-child::before{display:none}

.cover-products .tctag .item{height:100%;padding:2rem 2rem 2rem 2rem;/*background:#f1f1f1;*/border-radius: 1rem;transition:.5s;-webkit-transition:.5s;}





.cover-products .tctag .item i{float:left;margin-left:-6rem;font-size:4rem;color:#ef8200;height:40px;overflow:hidden}
.cover-products .tctag .item h3{font-weight: bold;font-size:2rem;line-height:1.3;color:#ef8200}
.cover-products .tctag .item summary{line-height:1.6;word-wrap: break-word;/*display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;*/}
/*.cover-products .tctag .item summary p{padding-top:1rem}
.cover-products .tctag .item summary em{color:#ef8200}*/
.cover-products .tctag .item:hover{background:#ef8200;color:#fff;-webkit-box-shadow:0 10px 15px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 10px 15px 0 rgba(0,0,0,0.1);box-shadow:0 10px 15px 0 rgba(0,0,0,0.1)}
.cover-products .tctag .item:hover i{color:#fff}
.cover-products .tctag .item:hover h3{color:#fff}
.cover-products .tctag .item:hover em{color:#f98901}
.cover-products .tctag .item:hover i img{margin-top:-50px;}

.cover-products .gongyi{position:relative;padding:6rem 0;}
.cover-products .gongyi:before{position:absolute;z-index:0;top:0;left:0;display:block;content:'';width:100%;height:100%;background:rgba(0,0,0,.5)}
.cover-products .gongyi h2{color:#f98901;}

.cover-products .slide-gongyi .item{transition:.5s;-webkit-transition:.5s;-moz-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9);-webkit-transform:scale(.9);transform:scale(.9)}
.cover-products .slide-gongyi .item .dt{position:relative;display: flex;height:3rem;overflow:hidden;zoom:1;text-align:Center;font-family:'brandon-bold'}
.cover-products .slide-gongyi .item .dt::after{float:right;display:inline-block;width:100%;height:1rem;border-bottom:1px dashed rgba(255,255,255,0.3);content:""}
.cover-products .slide-gongyi .item .dt strong{display:inline-block;margin:0 auto;height:100%;padding-right:1rem;font-size:2.4rem;text-transform:uppercase}
.cover-products .slide-gongyi .item .con em{display:block;font-weight:bold;font-size:1.6rem}
.cover-products .slide-gongyi .item .con span{display:block;font-family:'AvertaCY';text-transform:capitalize;padding-top:0.3rem;white-space:nowrap}
.cover-products .slide-gongyi .item .con img{display:block;width:100%;height:auto;margin-top:2rem;border-radius: 4px;opacity: 0.5;filter: grayscale(100%);transition:.5s;-webkit-transition:.5s;}
.cover-products .slide-gongyi .center .item{-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);-webkit-transition-delay: 0.4s;-o-transition-delay: 0.4s;transition-delay: 0.4s}
.cover-products .slide-gongyi .center .con img{opacity:1;filter: grayscale(0);}

.cover-products .slide-gongyi .owl-nav button.owl-prev{left:-2rem}
.cover-products .slide-gongyi .owl-nav button.owl-next{right:-2rem}
@media(max-width:48em){
    .cover-products .gongyi{padding:3rem 0}
    .cover-products .slide-gongyi .item{text-align: center;}
    .cover-products .slide-gongyi .item .dt strong{padding:0}
    .cover-products .slide-gongyi .item .dt::after{display:none}
}

.cover-products .tcitem{padding-bottom:5rem}
.cover-products .tcitem .item{height:100%;background:#f1f1f1;padding:2rem 2rem 2rem 8rem;border-radius: 4px;}
.cover-products .tcitem .item i{float:left;margin-left:-6rem;font-size:3.5rem;}
.cover-products .tcitem .item h3{font-weight:bold;padding-bottom:1rem}
.cover-products .tcitem .item summary{line-height:1.6}

/*cover-solutions*/
.cover-solutions{background:#f2f2f2;padding:1rem 0 4rem}
.cover-solutions .solist .item{position:relative;border-radius:4px;overflow:hidden;zoom:1;background:#fff;transition:.3s;-webkit-transition:.3s}
.cover-solutions .solist .item{-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.05);box-shadow:0 0 10px 0 rgba(0,0,0,0.05)}
.cover-solutions .solist .item:hover{-webkit-box-shadow:0 10px 30px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 10px 30px 0 rgba(0,0,0,0.2);box-shadow:0 10px 30px 0 rgba(0,0,0,0.2)}
.cover-solutions .solist .imgbox{position:relative;display:block;overflow:hidden}
.cover-solutions .solist .imgbox img{display:block;width:100%;transition:.5s;-webkit-transition:.5s}
.cover-solutions .solist .item:hover .imgbox img{-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}

.cover-solutions .solist .inner{padding:2rem}
.cover-solutions .solist .inner h4{font-size:2rem;font-family:'SYHT-Bold';color:#ef8200;line-height:1.4}
.cover-solutions .solist .inner summary{line-height:1.8;margin-top:1rem}
.cover-solutions .solist .inner .vmore{margin-top:1rem;background:#f1f1f1;padding:1em 2rem;border-radius:4px}
.cover-solutions .solist .inner .vmore:hover{background: #ef8200;color:#fff}

/*cover-info*/
 .slidedb-news{margin-top:2rem;width:98%;margin:0px auto}
.slidedb-news a img{display:block;height:260px !important;width:auto;max-width:100%;margin:0px auto}
.slidedb-news a{position:relative;display:block;height:100%;overflow:hidden;border-radius: 4px;width:32%;float:left;margin-bottom:10px}
.slidedb-news a:nth-child(2){margin-left:2%}
.slidedb-news a:nth-child(3){margin-left:2%}

.slidedb-news .conbox{position:absolute;z-index:1;bottom:-6rem;width:100%;color:#fff;background:rgba(0,0,0,0.5);padding:2rem 3rem;transition:.4s;-webkit-transition:.4s}
.slidedb-news .conbox span{display:block;font-family:'AvertaCY';font-weight:700}
.slidedb-news .conbox h4{font-weight:bold;margin-top:0.5rem;line-height:1.4;padding-bottom: 20px;}
.slidedb-news .conbox h4 i{display:inline-block;font-size:1.2rem;margin-left:0.5rem;color:#f98901;text-transform: capitalize;}
.slidedb-news .conbox p{display:block;width:100%;opacity:0;padding-top:1rem;line-height:1.6;transition:.4s;-webkit-transition:.4s;
display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;text-overflow: ellipsis;overflow:hidden;-webkit-box-orient: vertical;word-wrap:break-word;word-break:break-all;}
.slidedb-news a:hover .conbox{bottom:0}
.slidedb-news a:hover .conbox p{opacity:1}

@media(max-width:48em){
	
.slidedb-news a{position:relative;display:block;height:100%;overflow:hidden;border-radius: 4px;width:100%;float:none;margin-bottom:10px}
.slidedb-news a:nth-child(2){margin-left:0px}
.slidedb-news a:nth-child(3){margin-left:0px}
	
	
	
 .slidedb-news .conbox h4{/*display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;text-overflow: ellipsis;overflow:hidden;-webkit-box-orient: vertical;word-wrap:break-word;word-break:break-all;*/}
.slidedb-news .conbox summary{display:none}
 .slidedb-news .conbox summary{display:none}
 
 
 
 
}

/*cover-sustainability*/
.cover-sustainability{padding-bottom:4rem}
.cover-sustainability .intro{padding:4rem 0 2rem;text-align: center}
.cover-sustainability .intro h2{color:#ef8200;font-family:'SYHT-Bold';font-size:3rem;text-align: center;padding-bottom:1rem;line-height:1.2}
.cover-sustainability .intro p{line-height:1.8}
.cover-sustainability .vmore{border:1px solid #333;padding:0.8rem 2.5rem;border-radius: 3rem;margin-top:2rem}
.cover-sustainability .vmore:hover{border:1px solid #ef8200;background: #ef8200;color:#fff}
.cover-sustainability .griditem .more{display:block;color:#fff;margin-top:1rem;font-weight: bold;}
.cover-sustainability .griditem .more::after{display:inline-block;margin-left:0.2rem;font-size:1.4rem;font-family:"iconfont" !important;content:"\e6002"}
.cover-sustainability .griditem:hover .more{color:#f98901}
@media(max-width:48em){
    .cover-sustainability .griditem{margin-top:1px}
}

/*cover-customer*/
.cover-customer{padding:4rem 0}
.cover-customer .tcitem .item{height:100%;background:#f1f1f1;padding:2rem 2rem 2rem 8rem;border-radius: 4px;}
.cover-customer .tcitem .item i{float:left;margin-left:-6rem;font-size:3.5rem;}
.cover-customer .tcitem .item h3{font-weight:bold;padding-bottom:1rem}
.cover-customer .tcitem .item summary{line-height:1.6}
.cover-customer .tcitem .item .more{display:block;margin-top:1rem;font-weight: bold;color:#ef8200}
.cover-customer .tcitem .item .more::after{display:inline-block;margin-left:0.2rem;font-size:1.4rem;font-family:"iconfont" !important;content:"\e6002"}


/*总裁致辞*/
.page8 img.zc{float:left;width:40%;margin-right:1.5rem}
@media(max-width:48em){
    .page8 img.zc{float:none;margin:0;width:100%}
}

/*历程*/
.page9 li{padding:2rem 0 1.5rem 7rem;border-top:1px solid rgba(0,0,0,.1);line-height:1}
.page9 li dt{float:left;display:inline-block;margin-left:-7rem;font-family:'HelveticaLT67Medium';text-transform:uppercase;font-weight:800;font-size:3rem}
.page9 li:hover dt{color:#ef8200}
.page9 li p{padding-bottom:0.5rem;line-height:1.4}
.page9 li img{margin-top:0.5rem}
@media(max-width:48em){
    .page9 img{width:100%}
}

/*资质荣誉*/
.page10 .plist{margin:0 -1rem}
.page10 .plist > [class*="pure-u"]{padding:0.5rem}
.page10 .plist .item{position:relative;padding:0.5rem;background:#fff;transition:.4s;-webkit-transition:.4s;/* -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.1);box-shadow:0 0 20px 0 rgba(0,0,0,0.1)*/text-align: center;}
.page10 .plist img{max-width: 100%;height:180px;}
.page10 .plist h4{padding-top:1rem;min-height:2rem;text-align:Center;line-height:1.5}

/*生产车间*/
.page11 .plist{margin:0 -1rem}
.page11 .plist > [class*="pure-u"]{padding:0.5rem}
.page11 .plist .item{position:relative;padding:0.5rem;background:#fff;transition:.4s;-webkit-transition:.4s;/* -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.1);box-shadow:0 0 20px 0 rgba(0,0,0,0.1)*/text-align:center;}
.page11 .plist img{max-width: 100%;height:280px;}
.page11 .plist h4{padding-top:1rem;min-height:5rem;line-height:1.5}


/*detail*/
.detail .tags{padding-bottom:1rem}
.detail .relevant{padding:1rem 0;border-top:1px solid #dbdbdb;margin-top:2rem}
.detail .relevant span{display:inline-block;margin-right:1rem}

/*pdetail*/
.pdetail{background:#f1f1f1}
.pdetail aside{float:left;width:45%;padding:0 2rem 2rem 0}
.pdetail aside img{display:block;max-width:100%}
.pdetail article{float:right;width:55%}
.pdetail .conbox{background:#fff;position:relative;overflow:hidden;padding:2rem;-webkit-box-shadow:0 6px 30px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 6px 30px 0 rgba(0,0,0,0.05);box-shadow:0 6px 30px 0 rgba(0,0,0,0.05)}
@media(max-width:64em){
    .pdetail aside{float:none;width:100%;padding:0 0 2rem}
    .pdetail article{float:none;width:100%}
}