.w1200 {width: 100%;max-width: 1200px;margin: 0 auto;}
a {transition: all .3s;}
.ico-search {background: url(../images/search.png) no-repeat center;width: 46px;height: 48px;-webkit-background-size: cover;background-size: cover;}
.mainnav-box {background-color: #000;height: 50px;line-height: 50px;position: relative;z-index: 2;}
.mainnav {display: flex;align-items: center;}
.mainnav>li>a {color: #fff;padding: 0 25px;display: block;white-space: nowrap;}
.mainnav>li.on>a, .mainnav>li:hover>a {background-color: #fe0000;}
.mainnav>li {position: relative;}
.mainnav .sub {position: absolute;background: #000;color: #fff;left: 0;top: 100%;border-radius: 0 0 4px 4px;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1);min-width: 100%;max-height: 0;overflow: hidden;transition: all .3s;}
.mainnav>li:hover .sub {max-height: 500px;overflow-y: auto;}
.mainnav .sub a {display: block;padding: 0 25px;white-space: nowrap;font-size: .88em;}
.mainnav .sub a:hover {background-color: #FE0000;}
.mainnav-box .lang {height: 30px;line-height: 30px;background-color: #fff;color: #FE0000;padding: 0 20px;border-radius: 50px;font-size: 14px;margin-top: 10px;}
/*banner*/
.banner {position: relative;overflow: hidden;z-index: 0;}
.banner a {width: 100%;display: block;height: 29.65vw;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;}
.banner .swiper-pagination-bullet {background: none;border: 2px solid #fff;width: 12px;height: 12px;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {border-color: #FE0000;}
.footer-box {background-color: #ddd;padding: 15px;line-height: 22px;font-size: 14px;color: #666;text-align: center;}
/*menu*/
.menu-box {background-color: #f0f0f0;}
.menu {line-height: 50px;align-items: center;white-space: nowrap;flex-flow: row nowrap;justify-content: center;}
.menu em {color: #aaa;font-size: 14px;}
.menu a {display: block;height: 100%;padding: 15px 25px;}
.menu a.on, .menu a:hover {color: #FE0000;}
/* 产品列表 */
.list-products {margin: 40px auto;}
.list-products li {float: left;width: -webkit-calc(33.33% - 20px);width: calc(33.33% - 20px);height: 380px;margin-right: 30px;margin-bottom: 30px;position: relative;overflow: hidden;background-color: #f9f9f9;}
.list-products li:nth-child(3n) {margin-right: 0;}
.list-products li a {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 0;overflow: hidden;}
.list-products li .img {position: absolute;top: 0;left: 0;height:320px;width: 100%;z-index: 0;overflow: hidden;background-repeat: no-repeat;background-position: 50%;-webkit-background-size: cover;background-size: cover;transition: all .3s;opacity: 1; line-height:316px; text-align: center;}
.list-products li .img img{ max-height:100%; max-width:100%; vertical-align:middle;}
.list-products li .text {position: absolute;bottom: 0;left: 0;height: 60px;line-height: 60px;text-align: center;overflow: hidden;background-color: #f2f2f2;width: 100%;color: #777;transition: all .6s;}
.list-products .ico-search {position: absolute;left: 50%;margin-left: -23px;z-index: 2;top: 50%;margin-top: 0;opacity: 0;transition: all .3s;}
.list-products li:hover .ico-search {opacity: 1;margin-top: -23px;}
.list-products li:hover .text {background-color: #FE0000;color: #fff;}
.list-products li:hover .img {opacity: .3;-webkit-transform: scale(1.2);transform: scale(1.2);}

/* 产品列表 */
.list-case {margin: 40px auto;}
.list-case li {float: left;width: -webkit-calc(33.33% - 20px);width: calc(33.33% - 20px);height: 380px;margin-right: 30px;margin-bottom: 30px;position: relative;overflow: hidden;background-color: #222;}
.list-case li:nth-child(3n) {margin-right: 0;}
.list-case li a {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 0;overflow: hidden;}
.list-case li .img {position: absolute;top: 0;left: 0;height: 320px;width: 100%; line-height:318px;z-index: 0;overflow: hidden;background-repeat: no-repeat;background-position: 50%;-webkit-background-size: cover;background-size: cover;transition: all .3s;opacity: 1;}
.list-case li .img img{ vertical-align:middle;}
.list-case li .text {position: absolute;bottom: 0;left: 0;height: 60px;line-height: 60px;text-align: center;overflow: hidden;background-color: #f2f2f2;width: 100%;color: #777;transition: all .6s;}
.list-case .ico-search {position: absolute;left: 50%;margin-left: -23px;z-index: 2;top: 50%;margin-top: 0;opacity: 0;transition: all .3s;}
.list-case li:hover .ico-search {opacity: 1;margin-top: -23px;}
.list-case li:hover .text {background-color: #FE0000;color: #fff;}
.list-case li:hover .img {opacity: .3;-webkit-transform: scale(1.2);transform: scale(1.2);}

/*产品详情*/
.inside-detail {margin: 40px auto;}
.inside-left {width: 269px;float: left;}
.inside-left h3 {background-color: #2f2f2f;display: flex;align-items: center;justify-content: center;text-align: center;color: #fff;height: 106px;flex-flow: column;position: relative;z-index: 1;}
.inside-left h3 span {font-size: 30px;line-height: 1.4;}
.inside-left h3 em {font-size: 18px;line-height: 1.3;text-transform: uppercase;}
.inside-left h3::after {content: '';position: absolute;top: 100%;left: 50%;margin-left: -7px;border: 14px solid transparent;border-top: 14px solid #2f2f2f;}
.inside-left .nav a {display: block;height: 80px;line-height: 80px;overflow: hidden;white-space: nowrap;background-color: #ED0422;color: #fff;text-indent: 90px;opacity: .8;}
.inside-left .nav li {border-top: 2px solid #fff;position: relative;}
.inside-left .nav li.on::after {content: '';position: absolute;left: 40px;border: 10px solid transparent;border-left: 12px solid #fff;top: 50%;margin-top: -10px;opacity: .9;}
.inside-left .nav a:hover, .inside-left .nav .on a {opacity: 1;background-color: #FE0000;}
.contactus-box {background: url(../images/bg-contact.jpg) no-repeat center;-webkit-background-size: cover;background-size: cover;height: 220px;border: 1px solid #e9e9e9;margin-top: 40px;padding: 10px;color: #666;line-height: 1.8;font-size: 14px;}
.contactus-box h4 {line-height: 2;font-size: 20px;font-weight: 700;color: #ED0422;margin-bottom: 10px;}
.inside-right {float: right;width: -webkit-calc(100% - 310px);width: calc(100% - 310px);}
.crumbs {height: 50px;line-height: 50px;border-bottom: 1px solid #e9e9e9;font-size: 14px;color: #999;}
.crumbs a, .crumbs span {padding: 0 8px;}
.inside-right .img-box {background-color: #f2f2f2;padding: 40px;margin: 20px 0;text-align: center;}
.inside-detail .img-box img {display: inline-block;}
.inside-right .text-box .tit {line-height: 60px;font-size: 20px;margin-bottom: 20px;border-bottom: 1px solid #f2f2f2;}
/*about*/
.inside-about {padding: 100px;overflow: hidden;}
.inside-about img {float: left;margin: 0 30px 30px 0;border-radius: 6px;box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);max-width: 400px;}
.inside-about .text {line-height: 1.8;color: #666;}
.pagination-box {display: flex;flex-flow: row wrap;overflow: hidden;justify-content: center;align-items: center;padding: 10px;margin-bottom: 20px}
.pagination-box a, .pagination-box span {border: 1px solid #bebebe;font-size: .88em;color: #333;line-height: 2;margin: 0 4px 10px;padding: 0 12px;border-radius: 4px;background: #fff;white-space: nowrap;}
.pagination-box span {background-color: #eee;}
.pagination-box a:hover {background-color: #FE0000;color: #fff;border-color: #FE0000;}
.inside-news .news {padding: 40px 0 20px;}
.inside-news .news li {display: flex;width: 100%;border: 1px solid #e9e9e9;margin-bottom: 20px;padding: 20px;border-radius: 10px;flex-flow: row nowrap;align-items: flex-start;transition: all .3s;position: relative;}
.inside-news .img {flex-shrink: 0;position: relative;display: block;width: 212px;height: 162px;overflow: hidden;margin-right: 20px;background:#f0f0f0; line-height:158px;}
.inside-news .img img{ max-height:100%; vertical-align: middle; max-width: 100%;}
.inside-news .img span {position: absolute;top: 0;left: 0;right: 0;bottom: 0;-webkit-background-size: cover;background-size: cover;background-position: center;transition: all .3s;}
.inside-news .text {line-height: 1.7;flex: 1;}
.inside-news .tov {display: block;line-height: 40px;height: 40px;margin-bottom: 10px;}
.inside-news .text p {color: #888;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.inside-news .text .clb {margin-top: 15px;font-size: 14px;color: #aaa;}
.inside-news .text .clb a {color: #aaa;font-size: 20px;border: 1px solid;width: 30px;height: 30px;line-height: 30px;text-align: center;border-radius: 30px;margin-right: 10px;}
.inside-news .news li:hover {box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);padding: 20px 30px 20px 10px;}
.inside-news .news li .img:hover span {transform: scale(1.3);opacity: .8;}
.inside-news .news li a:hover {color: #FE0000}
.news-detail {padding: 20px;line-height: 1.8;color: #666;font-size: 15px;}
.news-detail .top {line-height: 1.8;text-align: center;padding: 20px;border-bottom: 1px dotted #999;margin-bottom: 40px;}
.news-detail .top h3 {font-weight: 700;margin-bottom: 20px;color: #222;font-size: 16px;}
.news-detail .top h6 {font-size: 14px;color: #aaa;}
.news-detail .bottom {margin-top: 40px;padding: 20px 0;border-top: 1px dotted #999;}
.news-detail .bottom a {display: block;line-height: 30px;white-space: nowrap;margin-bottom: 10px;}
.news-detail .bottom a:hover {color: #FE0000}
/*首页*/
.index-title {text-align: center;position: relative;color: #FE0000;padding: 20px 0 40px;}
.index-title em {display: block;font-size: 40px;text-transform: uppercase;font-weight: 700;line-height: 1.6;}
.index-title h4 {display: inline-block;font-size: 20px;font-weight: 700;line-height: 1.4;position: relative;width: 120px;}
.index-title h4::before, .index-title h4::after {content: '';position: absolute;margin: auto;top: 0;bottom: 0;}
.index-title h4::before {right: 100%;background-color: #FE0000;width: 40px;height: 8px;box-shadow: 160px 0 0 0 #FE0000;}
.index-title h4::after {right: 100%;background-color: #FE0000;width: 220px;height: 2px;box-shadow: 340px 0 0 0 #FE0000;border-radius: 4px;}
.index-about {-webkit-background-size: cover;background-size: cover;}
.index-about .img {flex-shrink: 0;width: 440px;height: 270px;border-radius: 6px;box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);margin: 0 30px 30px 0;position: relative;overflow: hidden;background: #000;}
.index-about .img span {position: absolute;left: 0;top: 0;bottom: 0;right: 0;-webkit-background-size: cover;background-size: cover;transition: all .3s;}
.index-about .img:hover span {-webkit-transform: scale(1.2);transform: scale(1.2);opacity: .8;}
.index-about .text {flex: 1;font-size: 15px;color: #666;line-height: 1.7; padding: 0 10px 40px;}
.btn-more {display: block;height: 40px;margin: 30px 0;width: 140px;border-radius: 50px;border: 1px solid #FE0000;color: #FE0000;background-color: #fff;line-height: 37px;text-align: center;}
.btn-more:hover {background-color: #FE0000;color: #fff;}
/*查询*/
.index-search-box {position: relative;overflow: hidden;padding: 40px 10px;}
.index-search-box::before {content: '';position: absolute;z-index: 0;left: 50%;top: 0;width: 0;height: 0;border-right: 64px solid transparent;border-bottom: 64px solid transparent;color: rgba(255, 255, 255, 0);border-left: 64px solid #000;border-top: 64px solid #000;margin-left: -32px;}
.index-search-box::after {content: '';position: absolute;z-index: 0;right: 50%;top: 0;width: 50%;height: 100%;background-color: #000;margin-right: 32px;}
.index-search-box .search {display: flex;flex-flow: row nowrap;border-radius: 6px;overflow: hidden;width: 510px;height: 48px;line-height: 48px;background-color: #fff;position: relative;z-index: 2;}
.index-search-box label {flex-shrink: 0;padding: 0 15px;border-right: 1px solid #e6e6e6;}
.index-search-box input {flex: 1;padding: 0 10px;font: inherit;background: none;border: 0;}
.index-search-box .btn {flex-shrink: 0;padding: 0 15px;background-color: #FE0000;color: #fff;}
.index-search-box .search.red {background-color: #FE0000;color: #fff;}
.index-search-box .search.red input {color: #fff;}
.index-search-box .search.red .btn {color: #fff;background-color: #000;}
/*产品展示*/
.img-focus {display: flex;flex-flow: row nowrap;align-items: stretch;}
.index-products .hd {width: 269px;flex-shrink: 0;background-color: #2f2f2f;}
.index-products .hd h3 {background-color: #2f2f2f;display: flex;align-items: center;justify-content: center;text-align: center;color: #fff;height: 106px;flex-flow: column;position: relative;z-index: 1;}
.index-products .hd h3 span {font-size: 30px;line-height: 1.4;}
.index-products .hd h3 em {font-size: 18px;line-height: 1.3;text-transform: uppercase;}
.index-products .hd h3::after {content: '';position: absolute;top: 100%;left: 50%;margin-left: -7px;border: 14px solid transparent;border-top: 14px solid #2f2f2f;}
.index-products .hd ul li {display: block;line-height: 40px;overflow: hidden;background-color: #ED0422;color: #fff; padding: 10px 35px;opacity: .8;border-top: 2px solid #fff;position: relative;}
.index-products .hd ul li:hover, .index-products .hd ul .on {opacity: 1;background-color: #FE0000;}
.index-products .bd {background-color: #D9FDE3;position: relative;overflow: hidden;flex: 1;height: 496px;}
.index-products .bd::before {content: '';z-index: 0;position: absolute;width: 260px;height: 100%;background-color: #1D833A;right: 150px;top: 0;-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-ms-transform: skew(-20deg);-o-transform: skew(-20deg);transform: skew(-20deg);}
.index-products .bd .swiper-slide{position: relative;width: 100%;height: 100%; opacity: 0;transition: all .3s;}
.index-products .bd .swiper-slide.swiper-slide-active{opacity: 1;}
.index-products .bd .text{position: absolute;width: 310px;height: 336px;left: 66px; top: 87px;color: #555;line-height: 1.8;}
.index-products .bd img{position: absolute;max-width:532px; max-height: 468px;bottom:40px;right: 20px;}

.index-news {padding: 20px 0 0;}
.index-news li {width: 100%;border: 1px solid #e9e9e9;margin: 0 40px 40px 0;padding: 10px;border-radius: 10px;flex-flow: row nowrap;align-items: flex-start;transition: all .3s;position: relative; width: -webkit-calc(50% - 20px);width: calc(50% - 20px);float: left;overflow: hidden;background-color: #fff;}
.index-news li:nth-child(2n){margin-right: 0;}
.index-news .img {position: relative;display: block;width: 212px;height: 162px;overflow: hidden;margin-right: 20px;background: #222;float: left;}
.index-news .img span {position: absolute;top: 0;left: 0;right: 0;bottom: 0;-webkit-background-size: cover;background-size: cover;background-position: center;transition: all .3s;}
.index-news .text {line-height: 1.7;}
.index-news .tov {display: block;line-height: 40px;height: 40px;margin-bottom: 10px;}
.index-news .text p {color: #888;font-size: 14px;height: 70px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.index-news .text .clb {margin-top: 15px;font-size: 14px;color: #aaa;}
.index-news .text .clb a {color: #aaa;font-size: 20px;border: 1px solid;width: 30px;height: 30px;line-height: 30px;text-align: center;border-radius: 30px;margin-right: 10px;}
.index-news li:hover {box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);}
.index-news li .img:hover span {transform: scale(1.3);opacity: .8;}
.index-news li a:hover {color: #FE0000 !important}

.index-flinks ul{ border-top: 1px solid #aaa; border-left: 1px solid #aaa;margin-bottom: 40px;}
.index-flinks li{float: left;width: 20%; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa;overflow: hidden; height: 140px;position: relative;line-height: 138px;}
.index-flinks li img{max-width: 100%;max-height: 100%; top: 0;bottom: 0;left: 0;right: 0;margin: auto;transition: all .3s; vertical-align:middle;}
.index-flinks li:hover img{transform: scale(1.2);}

.mainnav-box .lang {flex-shrink: 0;margin-left: 40px;}
.mainnav {flex: 1;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}