.about-banner{background-image:url(../images/about/banner.jpg);background-size:cover;padding-top:80px;padding-bottom:80px;}
.about-banner h2{font-family: "mySourceHanSansSC",Microsoft Yahei,Arial,sans-serif;position: relative;color:#ffffff;font-size:36px;margin-left:46px;font-weight: bold;}
.about-banner h2:before{content:'';position:absolute;width: 32px;height: 32px;border: solid 1px #fde02d;border-radius:32px;left:-42px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.about-banner h2:after{content:'';position:absolute;width: 16px;height: 16px;background-color:#fde02d;border-radius:16px;left:-34px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.about-banner small{font-family: "mySourceHanSansSC",Microsoft Yahei,Arial,sans-serif;color:#ffffff;font-size:24px;letter-spacing: 2px;line-height: 1;display:block;margin-top:30px;}


.about-nav{padding-top:20px;border-bottom:1px solid #d5d5d5;background-color:#f0f2fd;}
.about-nav .container{text-align:center;}
.about-nav .container .item{display:inline-block;text-align:center;padding:10px 40px;cursor:pointer;}
.about-nav .container .item span{letter-spacing: 1px;color: #757575;font-size:20px;}
.about-nav .container .item.active,.about-nav .container .item:hover{border-bottom:2px solid #3f51b5;}
.about-nav .container .item.active span,.about-nav .container .item:hover span{color:#3f51b5;}


.group-intro{padding-top:40px;padding-bottom:40px;display: table;margin-left: auto;margin-right: auto;}
.group-intro .words .title h1{display: inline-block;position:relative;letter-spacing: 1px;font-size:28px;font-weight:600;}
.group-intro .words .title span{margin-left:10px;color:#757575;}
.group-intro .words .body{height:308px;overflow:hidden;}
.group-intro .words .body p{margin-top:25px;}

.group-intro .words .hiddenbutton{position: relative;background-color:#ffffff;opacity:0.8;z-index: 9;padding-top:15px;margin-top: -15px;cursor: pointer;display: flex;}
.group-intro .words .hiddenbutton span{background-color:#f0f2fd;color:#3f51b5;padding:15px 30px;border-radius: 2px;line-height: 1;}
.group-intro .slide{float:left;width: 580px;margin-right:30px;}
.group-intro .slide .index_bg{background-color: #ffc107;width:115px;height:45px;position:absolute;bottom:0;right:0;border-top-left-radius:8px;z-index:999;}
.group-intro .slide .slick-arrow {position:absolute;content:'';border:0;width:11px;height:20px;cursor:pointer;z-index:9999; background-image:url(../images/more-ico.png);font-size: 0;background-color: transparent;bottom: 10px;padding: 0;}
.group-intro .slide .slick-prev {background-position:65% 25.5%;right: 85px;}
.group-intro .slide .slick-prev:hover {background-position:65% 0;}
.group-intro .slide .slick-next {background-position:73.5% 0;right:15px}
.group-intro .slide .slick-next:hover {background-position:73.5% 25.5%;}
.group-intro .slide .slick-dots{margin-top: -40px;z-index:999;}
.group-intro .slide .slick-dots li{display:none;position:absolute;right:35px;}
.group-intro .slide .index {color:#fff;font-size:20px;}
.group-intro .slide .slick-dots li.slick-active{display:block;}





.group-intro .other{content:'';clear:both;margin-top:50px;}
.group-intro .other .row{margin-right:-10px;}
.group-intro .other .row > div{padding-right:10px;}
.group-intro .other .row > div > div{cursor:pointer;}
.group-intro .other .row > div > div > div:first-child{opacity:1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.group-intro .other .row > div > div > div:first-child h4{font-family: "mySourceHanSansSCMedium",Microsoft Yahei,Arial,sans-serif;font-size:40px;color:#fde02d;font-weight:600;display:inline-block;}
.group-intro .other .row > div > div > div:first-child small{font-family: "mySourceHanSansSC",Microsoft Yahei,Arial,sans-serif;color:#ffffff;font-size:14px;margin-left:8px;display:inline-block;}
.group-intro .other .row > div > div > div:first-child span{display:block;font-size:24px;font-family: "mySourceHanSansSC",Microsoft Yahei,Arial,sans-serif;color:#ffffff;}
.group-intro .other .row > div > div > div:last-child{opacity:0;position:absolute;top:0;left:10px;right:20px;bottom:0;font-size:14px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.group-intro .other .row > div > div > div:last-child p{color:#fff;text-align:left;}
.group-intro .other .row > div > div:hover > div:last-child{opacity:1;}
.group-intro .other .row > div > div:hover > div:first-child{opacity:0;}
.group-intro .other .row > div:first-child > div{background-image:url(../images/about/32_bg.jpg);width:100%;height:100%;background-size: cover;background-position: center;padding:40px;text-align:center;}
.group-intro .other .row > div:nth-child(2) > div{background-image:url(../images/about/40_bg.jpg);width:100%;height:100%;background-size: cover;background-position: center;padding:40px;text-align:center;}
.group-intro .other .row > div:nth-child(3) > div{background-image:url(../images/about/160_bg.jpg);width:100%;height:100%;background-size: cover;background-position: center;padding:40px;text-align:center;}
.group-intro .other .row > div:last-child > div{background-image:url(../images/about/120_bg.jpg);width:100%;height:100%;background-size: cover;background-position: center;padding:40px;text-align:center;}
.group-other > div{padding-top:40px;padding-bottom:40px;}
.group-other > div:nth-child(odd){background-color:#f0f2fd;}
.group-other h2{font-size:28px;position:relative;}
.group-other h2:after{content:'';width: 60px;height: 2px;background-color: #ffc107;position:absolute;left:0;bottom:-40px;}
.group-other p{margin-top:70px;}


.factory > div{padding-top:40px;padding-bottom:40px;}
.factory > div:nth-child(even){background-color:#f0f2fd;}
.factory small{letter-spacing: 1px;}
.factory h2{font-size:28px;position:relative;padding-top:10px;padding-bottom:10px;}
.factory span{letter-spacing: 1px;color: #212121;display:block;padding-top:20px;}
.factory p{margin-top:10px;}


.service-promise{padding-top:40px;padding-bottom:40px;text-align:center;}
.service-promise .row > div{-ms-flex: 0 0 18.666667%;flex: 0 0 18.666667%;max-width: 18.666667%;}
.service-promise p{margin-top:35px; margin-bottom:35px;width:85%;margin-left: auto;margin-right: auto;}
.service-promise span{display:block;color:#757575;margin-top:10px;line-height:1;}
.service-range{background-color:#f0f2fd;}
.service-range .title{padding-top:40px;padding-bottom:40px;}
.service-range .title h2.circle{display: inline-block;margin-left:44px;position:relative;}
.service-range .title h2.circle:before{content:'';position:absolute;width: 24px;height: 24px;background-color: #c5cae9;border-radius:24px;left:-42px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.service-range .title h2.circle:after{content:'';position:absolute;width: 16px;height: 16px;background-color:#3f51b5;border-radius:16px;left:-38px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.service-range .body{padding-bottom:10px;}
.service-range .body > div{margin-bottom:30px;}
.service-range .body > div > div{background-color:#ffffff;box-shadow: 0px 4px 8px 0px #f0f2fd;border-radius: 2px;padding: 40px 30px;height: 100%;}
.service-range .body > div > div img{float: left;margin-right: 30px;display:inline-block;}
.service-range .body > div > div h4{font-size:20px;font-weight:600;}
.service-range .body > div > div p{display: table;}


.honor .title{padding-top:40px;padding-bottom:40px;}
.honor .title h2.circle{display: inline-block;margin-left:44px;position:relative;}
.honor .title h2.circle:before{content:'';position:absolute;width: 24px;height: 24px;background-color: #c5cae9;border-radius:24px;left:-42px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.honor .title h2.circle:after{content:'';position:absolute;width: 16px;height: 16px;background-color:#3f51b5;border-radius:16px;left:-38px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.honor .show {display:none;}
.honor .body .row > div{margin-bottom:30px;}
.honor .body .row > div > div{background-image:url(../images/about/box_bg.jpg);padding:8px;background-size:cover;box-shadow: 0px 4px 6px 0px #bdbdbd;}
.honor .body .row > div > div img{display: table;}
.honor button{text-align:center;margin-left:auto;margin-right:auto;background-color:#f0f2fd;border-radius: 30px;padding:20px 300px;border:1px solid #f0f2fd;color:#3f51b5;font-size:16px;display: block;cursor: pointer;margin-top: 10px;margin-bottom: 40px;}
.honor-patent{margin-bottom:40px;}