@charset "utf-8";
.apple-banner {width: 100%;overflow: hidden;}
.container{ }
.c-title {text-align: center;position: relative;font-family: arial;font-size: 44px;line-height: 1.8;color: #333;font-weight: 600;}
/*.c-title::after {content: '';position: absolute;z-index: 5;left: 50%;margin-left: -31px;bottom: 0;width: 63px;height: 6px;background-color: #b81c22;}*/
.c-products {padding: 60px 0;}
.c-products-slide {position: relative;padding: 50px 0 40px;}
.c-products-slide .prev {background: url(c_products_prev.png) no-repeat center / contain;left: -50px;}
.c-products-slide .prev:hover {background: url(c_products_prev_hover.png) no-repeat center / contain;left: -50px;}
.c-products-slide .next {background: url(c_products_next.png) no-repeat center / contain;right: -50px;}
.c-products-slide .next:hover {background: url(c_products_next_hover.png) no-repeat center / contain;right: -50px;}
.c-products-slide .prev,
.c-products-slide .next {position: absolute;z-index: 5;top: 50%;width: 40px;height: 40px;margin-top: -20px;cursor: pointer;}
.c-products-slide .bd li {float: left;border: 1px solid transparent;margin: 10px 22px;}
.c-products-slide .bd li a {display: block;background-color: #f7f7f7;border: 1px solid #f7f7f7;text-align: center;}
.c-products-slide .bd li .img {width: 386px;height: 308px;background-color: #fff;display: table-cell;vertical-align: middle;overflow: hidden;}
.c-products-slide .bd li .img img {transition: all 1s;}
.c-products-slide .bd li .img img:hover {transform: scale(1.1);}
.c-products-slide .bd li .content {position: relative;font-size: 18px;color: #333;}
.c-products-slide .bd li .content span {display: block;width: 350px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 0 auto;line-height: 63px;}
.c-products-slide .bd li .content .btn {display: none;position: absolute;z-index: 5;right: 0;top: 1px;width: 50px;height: 62px;background: url(c_products_icon.png) no-repeat center;border-left: 1px solid rgba(255,255,255,.3);}
.c-products-slide .bd li:hover {border-color: #b81c22;}
.c-products-slide .bd li:hover a {background-color: #b81c22;border-color: #b81c22;}
.c-products-slide .bd li:hover .content {color: #fff;}
.c-products-slide .bd li:hover .content span {width: 300px;margin-right: 60px;}
.c-products-slide .bd li:hover .content .btn {display: block;}
.c-products-btn {width: 135px;height: 37px;background-color: #b81c22;font-size: 14px;line-height: 37px;border-radius: 37px;text-align: center;margin: 0 auto;}
.c-products-btn a {display: block;color: #fff;}
.c-products-btn span { display: inline-block; opacity: 0; transition: all .3s ease; }
.c-products-btn:hover span { opacity: 1; text-indent: 5px; }
.c-solutions {position: relative;}
.c-solutions .c-title {position: absolute;z-index: 5;top: 80px;left: 50%;transform: translateX(-50%);color: #fff;}
.c-solutions .c-title::after {background-color: #fff;}
.c-solutions-slide {position: relative;width: 1920px;left: 50%;margin-left: -960px;}
.c-solutions-slide .hd {position: absolute;z-index: 5;right: 360px;bottom: 80px;color: #fff;text-align: right;font-size: 0;}
.c-solutions-slide .hd li {text-align: left;display: inline-block;vertical-align: middle;width: 263px;height: 204px;font-size: 14px;box-sizing: border-box;cursor: pointer;}
.c-solutions-slide .hd li .box {border-top: 1px solid rgba(255,255,255,.25);border-bottom: 1px solid rgba(255,255,255,.25);width: 263px;height: 204px;box-sizing: border-box;padding: 20px 0px 0px 10px;}
.c-solutions-slide .hd li:first-child .box {border-left: 1px solid rgba(255,255,255,.25);}
.c-solutions-slide .hd li:last-child .box {border-right: 1px solid rgba(255,255,255,.25);}
.c-solutions-slide .hd li .box .title {font-size: 18px;position: relative;padding-left: 50px;line-height: 85px;margin-bottom: 20px;color: #fff;}
.c-solutions-slide .hd li .box .title em {position: absolute;z-index: 5;left: 0;top: 25px;width: 41px;height: 41px;}
.c-solutions-slide .hd li .box .title::after {content: '';position: absolute;z-index: 5;bottom: 0;left: 0;width: 39px;height: 1px;background-color: rgba(255,255,255,.3);}
.c-solutions-slide .hd li .box .info {color: rgba(255,255,255,.7);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-right: 10px;}
.c-solutions-slide .hd li.on {width: 300px;height: 225px;background-color: #b81c22;border-radius: 15px;font-size: 14px;padding: 10px 20px;}
.c-solutions-slide .hd li.on .box {border-color: transparent;}
.c-about {padding: 60px 0;background: url(c_about_bg.jpg) no-repeat center / cover;}
.c-about-c {padding: 60px 0 20px;}
.c-about-left {display: table-cell;height: 432px;vertical-align: middle;width: 575px;box-sizing: border-box;overflow: hidden;}
.c-about-title {font-size: 30px;font-weight: 600;color: #333;margin-bottom: 20px; position: relative; left: 0; transition: all .6s ease; }
.c-about-i {font-size: 16px;color: #888;margin-bottom: 50px;}
.c-about-btn {width: 135px;height: 37px;background-color: #b81c22;font-size: 14px;line-height: 37px;border-radius: 37px;text-align: center; position: relative; }
.c-about-btn span { display: inline-block; opacity: 0; transition: all .3s ease; }
.c-about-btn a {display: block;color: #fff;transition: all .3s ease;}
.c-about-c .img {border-radius: 5px;overflow: hidden;position: relative;}
.c-about-c .img em {position: absolute;z-index: 5;left: 50%;top: 50%;display: block;background: url(c_about_icon.png) no-repeat center / contain;width: 118px;height: 113px;margin-top: -336px;margin-left: -56px;cursor: pointer; transition: ease all .3s; }
.c-about-c .img:hover em { margin-top: -56px; }

.c-about-left:hover .c-about-title { left: 15px; color: #b81c22; }
.c-about-btn:hover span { opacity: 1; text-indent: 5px; }