@charset="utf-8";
/* ---- about ---- */
.about {width: 100%;margin: 0 auto;padding: 100px 0 0;background: url(../images/bg_about.png) top center no-repeat;height: 620px;}
.about-body {width: 75em;margin: 0 auto;padding: 1.25em 2.5em;line-height: 2em;text-indent: 2em;}
.honor {width: 75em;margin: 0 auto;padding: 1.25em 3.75em;}
.honor .slidebox {width: 100%;height: 200px;overflow: hidden;position: relative;}
.honor .slidebox .bd {width: 300%;position: absolute;}
.honor .slidebox .bd li {float: left;margin: 10px 15px;position: relative;}
.honor .slidebox .bd li .img-box {width: 240px;border: 3px solid #c8cefd;overflow: hidden;z-index: 100000;}
.honor .slidebox .bd li .img-box img {display: block;margin: 0 auto;max-width: 100%;min-height: 100%;transition: all 0.5s;z-index: 100000;}
/*.honor .slidebox .bd li:hover img {transform: rotateY(90deg);}
.honor .slidebox .bd li .text-box { width: calc(100% - 10px);height: calc(100% - 10px);margin:5px;border: 2px solid #fff;background: rgba(0,0,0,0.3); padding: 30% 0; position: absolute;top: 0;left: 0;transition: all 0.5s;transform: rotateY(90deg);}
.honor .slidebox .bd li .text-box p {text-align: center;line-height: 2.5em;color: white;}
.honor .slidebox .bd li:hover .text-box {background: rgba(0,0,0,0.6);transform: rotateY(0);}*/

.read-more {width: 100%;margin: 1.25em auto;}
.read-more a {display: block;width: 150px;height: 50px;margin: 0 auto;text-align: center;line-height: 50px;background-color: #1020fb;color: #fff;}

/* ---- business ---- */
.business {width: 100%;margin: 0 auto;padding: 200px 0 0;background: url(../images/bg_business.png) top center no-repeat;height: 544px;}
.business-body {width: 75em;margin: 0 auto;}
.business-body li {float: left;width: calc(16.666667% - 1.875em);height: 270px;margin: 0 15px;padding: 1em 0;cursor: pointer;transition: all 0.5s;}
.business-body li:hover {background-color: rgba(255,255,255,0.3);border-radius: 10px;}
.business-body li .img-box {width: 100%;height: 130px;overflow: hidden;}
.business-body li .img-box .img-boxA {width: 100%;height: 100%;transform: rotate(60deg);overflow: hidden;}
.business-body li .img-box .img-boxB {width: 100%;height: 100%;transform: rotate(120deg);overflow: hidden;}
.business-body li .img-box .img-boxC {width: 100%;height: 100%;transform: rotate(300deg);overflow: hidden;}
.business-body li .img-box img {display: block;margin: 0 auto;max-width: 100%;min-height: 100%;transform: rotate(240deg);}

.business-body li .text-box {text-align: center;}
.business-body li .text-box h3 {color: white;font-size: 1.25em;line-height: 2em;padding: 2em 0 0;transition: all 0.5s;white-space: nowrap;}
.business-body li .text-box span {color: white;font-size: 0.875em;white-space: nowrap;}
.business-body li .text-box p {color: white;font-size: 0.875em;padding: 1em 0 0;display: none;transition: all 0.5s;white-space: nowrap;}
.business-body li:hover .text-box h3 {padding: 1em 0 0;color: #f16447;}
.business-body li:hover .text-box span {display: none;}
.business-body li:hover .text-box p {display: block;padding: 0;}

.title {width: 75em;margin: 0 auto;padding: 1.25em 0;}
.title p {text-align: center;font-size: 1.5em;line-height: 1.25em;color: #1020fb;text-transform: uppercase;}
.title i {color: #1020fb;padding: 0 0.5em;}

/* ---- case ---- */
.case {width: 100%;margin: 0 auto;padding: 2.5em 0;}
.case-body {width: 75em;margin: 0 auto;}
.case-body .slidebox {width: 100%;height: 292px;overflow: hidden;position: relative;}
.case-body .slidebox .bd {width: 300%;position: absolute;}
.case-body .slidebox .bd li {float: left;margin: 10px 40px;position: relative;}
.case-body .slidebox .bd li .img-box {width: 320px;height: 240px;overflow: hidden;z-index: 100000;}
.case-body .slidebox .bd li .img-box img {display: block;margin: 0 auto;max-width: 100%;min-height: 100%;transition: all 0.5s;z-index: 100000;}
.case-body .slidebox .bd li:hover img {transform: rotateY(90deg);}

.case-body .slidebox .bd li .text-box {width: 100%;height: calc(100% - 32px);background: rgba(16,32,251,0.3);padding: 25% 15%; position: absolute;top: 0;left: 0;transition: all 0.5s;transform: rotateY(90deg);}
.case-body .slidebox .bd li .text-box p {text-align: center;line-height: 2em;color: white;}
.case-body .slidebox .bd li .text-box i {display: block;width: 0;height: 0;margin: 0.5em auto;border-width: 18px 20px 0 20px;border-style: solid;border-color: #45a643 transparent;}
.case-body .slidebox .bd li:hover .text-box {background: rgba(16,32,251,0.3);transform: rotateY(0);}
.case-body .slidebox .bd li h3 {text-align: center;line-height: 2em;font-weight: normal;}
.case-body .slidebox .bd li:hover h3 {color: #f16447;}

/* ---- news ---- */
.news {width: 100%;margin: 0 auto;padding: 2.5em 0 0;}
.news-body {width: 60em;margin: 0 auto;}

.news-body .slidebox .hd ol {padding: 0.5em 0;text-align: center;}
.news-body .slidebox .hd ol:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
.news-body .slidebox .hd ol li {display: inline-block;margin: 0 1em;}
.news-body .slidebox .hd ol li a {display: block;width: 128px;line-height: 2em;border: 1px solid #1020fb; height: 2em; text-align: center;}
.news-body .slidebox .hd ol li.on a {background: #1020fb;color: white;}
.news-body .slidebox .hd ol li:hover a {background: #1020fb;color: white;}

.news-body .slidebox .bd li {padding: 1.25em 0;border-bottom: 1px solid #000;}
.news-body .slidebox .bd li:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
.news-body .slidebox .bd li .time-box {float: left;width: 90px;height: 90px;padding: 15px 0;background: #4455ee;text-align: center;}
.news-body .slidebox .bd li .time-box i {display: block;color: white;font-style: normal;font-size: 1.75em;line-height: 40px;}
.news-body .slidebox .bd li .time-box em {display: block;color: white;font-style: normal;font-size: 0.875em;line-height: 20px;}

.news-body .slidebox .bd li .text-box {float: left;width: calc(100% - 90px);height: 90px;padding: 0 1em;}
.news-body .slidebox .bd li .text-box h3 {font-size: 1.25em;line-height: 1.5em;}
.news-body .slidebox .bd li .text-box span {display:block;font-size: 0.875em;line-height: 20px;}
.news-body .slidebox .bd li .text-box p {font-size: 0.875em;line-height: 20px;height: 40px;overflow: hidden;text-indent: 2em;}


/* ---- culture ---- */
.culture {width: 100%;margin: 0 auto;padding: 2.5em 0;}
.culture-body {width: 75em;margin: 0 auto;}
.culture-body .slidebox {width: 100%;height: 292px;overflow: hidden;position: relative;}
.culture-body .slidebox .bd {width: 300%;position: absolute;}
.culture-body .slidebox .bd li {float: left;margin: 10px 40px;position: relative;}
.culture-body .slidebox .bd li .img-box {width: 320px;height: 240px;overflow: hidden;z-index: 100000;}
.culture-body .slidebox .bd li .img-box img {display: block;margin: 0 auto;max-width: 100%;min-height: 100%;transition: all 0.5s;z-index: 100000;}
.culture-body .slidebox .bd li:hover img {transform: rotateY(90deg);}

.culture-body .slidebox .bd li .text-box {width: 100%;height: calc(100% - 32px);background: rgba(16,32,251,0.3);padding: 25% 15%; position: absolute;top: 0;left: 0;transition: all 0.5s;transform: rotateY(90deg);}
.culture-body .slidebox .bd li .text-box p {text-align: center;line-height: 2em;color: white;}
.culture-body .slidebox .bd li .text-box i {display: block;width: 0;height: 0;margin: 0.5em auto;border-width: 18px 20px 0 20px;border-style: solid;border-color: #45a643 transparent;}
.culture-body .slidebox .bd li:hover .text-box {background: rgba(16,32,251,0.3);transform: rotateY(0);}
.culture-body .slidebox .bd li h3 {text-align: center;line-height: 2em;font-weight: normal;}
.culture-body .slidebox .bd li:hover h3 {color: #f16447;}

/* ---- contact ---- */
.contact {width: 100%;margin: 0 auto;padding: 1.25em 0;background: url(../images/bg_contact.png) top center no-repeat;height: 742px;}
.contact-body {width: 75em;margin: 0 auto;background: #fff;box-shadow: 0 0 5px 3px #ddd;}
.contact-box {width: 100%;padding: 1.875em;}
.contact-box:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}

.info-box {float: left;width: 45%;height: 240px;padding: 0 1.875em;}
.info-box h3 {font-weight: normal;margin: 0 0 2em;}
.info-box h3 i {display: block;font-size: 1em;color: #000;font-style: normal;line-height: 1.5em;}
.info-box h3 em {display: inline-block;font-size: 1.25em;color: #000;font-style: normal;line-height: 1.5em;border-bottom: 1px solid #000;}
.info-box p {font-size: 1em;line-height: 2em;}
.info-box p span {display: inline-block;padding: 0 0.25em;font-size: 18px;color: #1020fb;}
.map-box {float: left;width: 55%;height: 240px;padding: 0 1.875em;}
.map-box .map {border: 1px solid #000;}