@charset "utf-8";
/* CSS Document */
.banner {position: relative;}
.banner img{ /*margin-left: -10%;*/ width: 100%; max-width: none;}
.banner .swiper-slide{ overflow: hidden; }
.banner .swiper-pagination-bullet {width: 8px; height: 8px; border-radius: 8px; background: #ffffff; margin: 0 5px!important;}
.banner .swiper-pagination-bullet-active {background: #ed7615;}
.indsearch{ background:#f1f1f1; padding: 2% 5%; height: 2em }
.search{ background: #fff; border-radius: 5px; height: 100%; }
#Searchform{ height: 100%;}
#Searchform .searchinp{ border:0; background: #fff; margin-left: 0.5em; height: 100%; float: left; width: 80% }
#Searchform .searchbut{ float:left; width: 15%; height: 100%; background: url(../images/searchicon.jpg) right center no-repeat; background-size: 45%; border: 0 }
.sertit{ width: 55%; margin: 0 auto; padding-top: 1.7em}
.services{ text-align: center; }
.services .serh3{ color: #505050; font-size: 16px; font-weight: normal; padding: 1.5em 0 0.2em 0;}
.services .serh4{ padding: 0 5%; font-size: 14px; font-weight: normal; line-height: 200%; }
.services .sertb{ padding: 1.5em 0;}
.services .serul li{ float: left; width:22.5%; overflow: hidden; padding: 0 5%; }
.services .serul li p{ margin: 0; height: 6.5em;}
.services .serul li.ys img{ margin-top: -178%;}
.services .serul li.zd img{ margin-top: -360%;}
.more{ color: #ccc; font-size: 1em; width: 47%; height: 2em; line-height: 1.9em; border: 1px solid #ccc; display:inline-block; text-align: center;  margin-bottom: 2em;}
.philosophy{ background: #060606;text-align: center;}
.phitit{ width: 54.5%; margin: 0 auto; padding-top: 1.7em;}
.phitxt{ padding: 0 5%; font-size: 14px; line-height: 200%; color: #b0afaf;}
.phit1{ padding:1.5em 2%;}
.philn{ padding:5% 3%}
.philn dl{ float:left; width: 28%; color: #999; text-align: center; padding: 2% 2.5%;}
.philn dt{ width:88%; margin: 0 auto; padding-top: 33%; height: 4.2em; background: url(../images/phidt.png) center top no-repeat; background-size: 100%; color: #fff; font-size: 1em;  }
.philn dd{ font-size:0.8em}
.phitxt .more{ color: #fff; border: 1px solid #fff;}
.partner{ text-align: center; background: url(../images/parbg.png) top center no-repeat;  }
.partit{ width: 55%; margin: 0 auto; padding-top: 1.7em}
.parimg{ padding:5% 2%;}

.video-wrap {width: 88%; margin: 0 auto;}
.video-wrap .video {width: 100%; padding-bottom: 56.51515151515152%; position: relative; overflow: hidden;}
.video-wrap .video img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.video-wrap .video img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.video-wrap .video .play-btn {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 33px; height: 33px; background: url(../images/play_btn.png) no-repeat; background-size: cover;}
.video-wrap .video #videos {position: absolute; top: 0; left: 0;}


.lists li {float: left; width: 46%; padding: 1em 2% 0;}
.pro-lists li .pro-img {padding-bottom: 79.88165680473373%; position: relative; overflow: hidden;}
.honor-lists li .pro-img {padding-bottom: 137.7022653721683%; position: relative; overflow: hidden;}
.pro-lists li .pro-img img,.honor-lists li .pro-img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.lists li .pro-tit {line-height: 26px; background-color: #f9f9f9; font-size: 12px; color: #000000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}


#albumSort{ border:#cfcfcf 1px solid; border-radius:4px; overflow:hidden; display:inline-block; margin:26px auto 25px auto;}
#albumSort a{ display:inline-block; height:35px; line-height:35px; padding:0 30px; white-space:nowrap; border-left:#cfcfcf 1px solid; font-size:13px; background:#fff; cursor:hand; float: left; cursor:pointer;}
#albumSort a:first-child{ border-left:none;}
#albumSort a.curr{ background:#ed7615; color:#fff;}

.ablum {padding: 5px 0; margin-bottom: 1.5em; background-color: #f4f4f4; overflow: hidden;}
.ablum.hide {display: none;}