@charset="utf-8";
/* ---- about ---- */
.title {width: 75em;margin: 0 auto;padding: 1em 0;text-align: center;}
.title h3 {font-size: 2.25em;line-height: 1.5em;color: #0074ff;font-weight: normal;}
.title p {font-size: 1em;line-height: 1.5em;color: #000;}
.title img {display: block;margin: 0 auto;}

.about {width: 100%;margin: 0 auto;}
.about-body {width: 75em;margin: 0 auto;padding-bottom: 2em;}
.about-body:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
.video-box {float: left;width: 66.666667%;height: 420px;padding: 10px 40px 0;}
.video-box video {display: block;width: 100%;}
.about-box {float: left;width: 33.333334%;height: 420px;padding: 0 20px;}
.about-box h3:nth-of-type(1) {font-size: 1.25em;line-height: 1.5em;color: #0074ff;margin-bottom: 0.5em;}
.about-box b {display: block;line-height: 2em;}
.about-box span {display: block;font-size: 0.875em;color: #000;line-height: 2em;font-weight: bold;}
.about-box p {text-indent: 2em;font-size: 0.875em;color: #999999;line-height: 1.5em;}
.about-box p:nth-of-type(1) {padding-bottom: 0.5em;border-bottom: 1px dashed #999999;}
.about-box ul li {float: left;width: 3em;margin: 0 1em;padding: 0 0.5em;}
.about-box ul li img {display: block;margin: 0.5em auto;}
.about-box ul li {font-size: 0.75em;line-height: 1.5em;}

/* ---- 了解我们 ---- */
.understand {width: 100%;margin: 0 auto;background: url(../images/understand.jpg) top center no-repeat;height: 520px;}
.understand-body {width: 75em;margin: 0 auto;padding: 100px 0;}
.understand-body:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
.understand-left {float: left;width: 50%;height: 320px;padding: 0 15px 0 0;}
.understand-left .img-box {float: right;height: 320px;overflow: hidden;box-shadow: 3px 3px 6px 0px rgba(20,20,20,0.5);}
.understand-right {float: left;width: 50%;height: 320px;padding: 0 0 0 80px;position: relative;}
.understand-right b {font-size: 1.125em;line-height: 1.25em;color: #4c9eff;}
.understand-right h3 {font-size: 50px;line-height: 2em;color: #0074ff;}
.understand-right p {font-size: 1em;line-height: 1.625em;color: #676869;}
.understand-right i {display: block;font-size: 0.75em;line-height: 2em;font-style: normal;color: #9ca3aa;}
.understand-right .read-more {display: block;width: 160px;height: 2.5em;margin: 0 auto;text-align: center;line-height: 2.5em;color: #fff;background: #ff3b7c;border-radius: 20px;box-shadow: 0px 3px 5px 3px rgba(255,35,120,0.5);position: absolute;bottom: 0px;}

/* ---- 推荐产品 ---- */
.product {width: 100%;margin: 0 auto;}
.product-body {width: 75em;margin: 0 auto;overflow: hidden;padding-bottom: 2em;}
.product-body .slidebox {width: 100%;height: 486px;overflow: hidden;position: relative;}
.product-body .slidebox:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
.product-body .slidebox .bd {width: 100%;position: absolute;}
.product-body .slidebox .bd li {float: left;width: 372px;margin: 10px 0.875em;position: relative;}
.product-body .slidebox .bd li .img-box {width: 372px;height: 286px;padding: 1px;border: 1px solid #7f7f7f;border-bottom: none;overflow: hidden;}
.product-body .slidebox .bd li .img-box img {display: block;margin: 0 auto;max-width: 100%;min-height: 100%;transition: all 0.5s;}
.product-body .slidebox .bd li .text-box {width: 372px;height: 180px;padding: 10px;border: 1px solid #7f7f7f;border-top: none;}
.product-body .slidebox .bd li .text-box h3 {font-size: 1.125em;line-height: 2em;text-align: center;color: #2668b4;}
.product-body .slidebox .bd li .text-box p {font-size: 0.875em;line-height: 2em;height: 3.5em;overflow: hidden;}
.product-body .slidebox .bd li .text-box .read-more {display: block;width: 160px;height: 2.5em;margin: 0.5em auto;text-align: center;line-height: 2.5em;color: #fff;background: #ff3b7c;border-radius: 20px;box-shadow: 0px 3px 5px 3px rgba(255,35,120,0.5);}
.product-body .slidebox .bd li:hover img {transform: scale(1.1);}

/* ---- news ---- */
.news {width: 100%;margin: 0 auto;padding: 2.5em 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;}

.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: #ff3b7c;color: #fff;border-radius: 25px;}

/* ---- 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 .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;}

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

.info-box {float: left;width: 50%;padding: 0 2.5em;}
.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;}
.comment-box {float: left;width: 50%;padding: 0 2.5em;}
.comment-box h3 {font-size: 1.5em;color: #f50b4d;padding: 0 1em;line-height: 2em;}
.comment-box form {width: 380px;margin: 0 auto;}

.comment-box input {width: 100%;margin: 0.5em 0;font-size: 0.875em;line-height: 2.5em;padding: 0 0.5em;border: 2px solid #1122f6;}
.comment-box textarea {width: 100%;margin: 0.5em 0;font-size: 0.875em;line-height: 2.5em;padding: 0 0.5em;border: 2px solid #1122f6;height: 7.5em;resize:none;}

.comment-box input.submit {float: right;width: 160px;height: 2.5em;margin: 0 auto;text-align: center;line-height: 2.5em;color: #fff;background: #ff3b7c;border-radius: 20px;box-shadow: 0px 3px 5px 3px rgba(255,35,120,0.5);border: none;cursor: pointer;}