body {font-family: "Barlow";max-width: 1920px;--color: #225aab;position: static !important;margin: 0 auto !important;}
.ui.container {padding: 0 15px;position: relative;width: 1530px;}
.body-overflow-box {position: relative;left: 0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}img {max-width: 100%;}
#header {z-index: 21;position: relative;}
#header .nav {line-height: 100px;height: 100px;-o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
#header .nav.nav2 {position: fixed;left: 0;width: 100%;top: 0;transition: .5s;transform: translateY(-100%);-o-box-shadow: 0 0 15px rgba(0, 0, 0, 0);-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0);box-shadow: 0 0 15px rgba(0, 0, 0, 0);background-color: white;}
#header.active .nav.nav2 {transform: translateY(0);-o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
#header .nav .ui.menu {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
#header .nav .ui.menu .menu {width: 100px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;}
#header .nav .ui.menu .logo {display: inline-block;margin-left: 0;margin-right: auto;vertical-align: middle;}
#header .nav .ui.menu .logo a {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;height: 100%;}
#header .nav .ui.menu .menu-box {display: inline-block;vertical-align: middle;margin-left: auto;margin-right: 0;width: 40%;}
#header .nav .ui.menu .menu-box ul.menu {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width: 100%;}
#header .nav .ui.menu .menu-box ul.menu > li {font-size: 19px;-webkit-perspective: 500px;-moz-perspective: 500px;perspective: 500px;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;float: left;position: relative;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
#header .nav .ui.menu .menu-box ul.menu > li:hover {color: var(--color);}
#header .nav .ui.menu .menu-box ul.menu > li > a {display: block;font-weight: 900;}
#header .nav .ui.menu .menu-box ul.menu > li ul.sub-menu {-webkit-perspective: 500px;-moz-perspective: 500px;perspective: 500px;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;text-align: left;position: absolute;font-size: 16px;background: #fff;top: 100%;left: -10px;width: 220px;transform: rotate3d(1, 0, 0, -90deg);-webkit-transform: rotate3d(1, 0, 0, -90deg);-moz-transform: rotate3d(1, 0, 0, -90deg);-ms-transform: rotate3d(1, 0, 0, -90deg);-o-transform: rotate3d(1, 0, 0, -90deg);-webkit-transform-origin: 0 0 0;-moz-transform-origin: 0 0 0;-ms-transform-origin: 0 0 0;transform-origin: 0 0 0;opacity: 0;-webkit-transition: opacity 0.3s, -webkit-transform 0.5s;transition: opacity 0.3s, -webkit-transform 0.5s;-moz-transition: transform 0.5s, opacity 0.3s, -moz-transform 0.5s;transition: transform 0.5s, opacity 0.3s;transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s, -moz-transform 0.5s;-webkit-transition: -webkit-transform 0.5s, opacity 0.3s;-moz-transition: -moz-transform 0.5s, opacity 0.3s;-webkit-box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2);box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2);border-bottom: 3px solid var(--color);display: none \9;line-height: normal;}
#header .nav .ui.menu .menu-box ul.menu > li ul.sub-menu li {display: block;float: none;padding: .6em 1em;color: black;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;text-transform: capitalize;}
#header .nav .ui.menu .menu-box ul.menu > li ul.sub-menu li a {display: block;}
#header .nav .ui.menu .menu-box ul.menu > li ul.sub-menu li:hover {background: #222;color: white;}
#header .nav .ui.menu .menu-box ul.menu > li:hover ul.sub-menu {-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;transform: rotate3d(0, 0, 0, 0);-webkit-transform: rotate3d(0, 0, 0, 0);-moz-transform: rotate3d(0, 0, 0, 0);-ms-transform: rotate3d(0, 0, 0, 0);-o-transform: rotate3d(0, 0, 0, 0);display: block \9;}
#header .nav .ui.menu .h-search {display: inline-block;vertical-align: middle;cursor: pointer;cursor: hand;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;margin: 0;padding-left: 28px;padding-right: 15px;border-right: 1px solid black;}
#header .nav .ui.menu .yuy {margin-left: 20px;margin-right: 30px;position: relative;}
#header .nav .ui.menu .yuy img {max-width: 30px;}
#header .nav .ui.menu .yuy span {height: 100%;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;font-size: 18px;}
#header .nav .ui.menu .yuy span img:first-child {margin-right: .5em;}
#header .nav .ui.menu .yuy span img:last-child {margin-left: .4em;}
#header .nav .ui.menu .yuy ul {width: 140px;background-color: white;position: absolute;top: 100%;left: 0;font-size: 16px;line-height: normal;display: none;}
#header .nav .ui.menu .yuy ul li {border-top: 1px solid #eee;}
#header .nav .ui.menu .yuy ul li a {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;padding: .5em;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
#header .nav .ui.menu .yuy ul li a img {margin-right: .5em;}
#header .nav .ui.menu .yuy ul li a:hover {background-color: var(--color);color: white;}
#header .nav .ui.menu .yuy:hover ul {display: block;}
#header .nav .ui.menu a.msg {font-size: 24px;font-weight: 900;padding: 0 2.3em;background-color: var(--color);color: white;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
#header .nav .ui.menu a.msg img {margin-left: .3em;}
#header .nav .ui.menu a.msg:hover {background-color: black;}
#header .nav .search-box {line-height: normal;position: fixed;top: 0;left: 0;background: #fff;width: 100%;height: 100%;z-index: 99999;display: none;}
#header .nav .search-box form {position: absolute;top: 45%;left: 50%;width: 60%;margin-left: -30%;}
#header .nav .search-box form input {background: none;outline: none;border: none;}
#header .nav .search-box form input[type="text"] {width: 100%;border-bottom: 1px solid #e1e1e1;font-size: 26px;color: #000;padding: 10px 0;}
#header .nav .search-box form input[type="submit"] {width: 22px;height: 22px;background: url(../images/tc-zoom.png) no-repeat;position: absolute;right: 15px;top: 20px;}
#header .nav .search-box form input[type="submit"]:hover {opacity: 0.7;filter: alpha(opacity=70);}
#header .nav .search-box .close {width: 30px;height: 30px;background: url(../images/close.png) no-repeat;position: absolute;right: 25px;top: 15px;cursor: pointer;}
#banner .slick-arrow {position: absolute;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 50px;height: 80px;color: transparent;border: none;z-index: 1;outline: none;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;opacity: 0;}
#banner .slick-arrow:hover {background-color: var(--color);}
#banner:hover .slick-arrow {opacity: 1;}
#banner .slick-prev {background: url("../images/banner-btn-l.png") no-repeat center center rgba(0, 0, 0, 0.3);left: 15px;}
#banner .slick-next {background: url("../images/banner-btn-r.png") no-repeat center center rgba(0, 0, 0, 0.3);right: 15px;}
#banner ul.slick-dots {position: absolute;bottom: 5%;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
#banner ul.slick-dots li {width: 30px;height: 30px;display: inline-block;margin: 0 10px;border-radius: 100%;border: 6px solid white;background-color: var(--color);-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
#banner ul.slick-dots li button {display: none;}
#banner ul.slick-dots li.slick-active {border-color: var(--color);background-color: white;}
#banner .slick-slide .content {display: none;}
#banner .slick-active .content {display: block;}table {margin-bottom: 20px;word-break: break-word;width: 100% !important;height: auto !important;display: block;overflow: auto;}table tbody {display: table;width: 100% !important;}table td,table th {padding: 5px 10px;border: 1px solid #666;width: auto !important;height: auto !important;}table tr {width: auto !important;height: auto !important;}table tr:nth-child(even) {background: #eee;}
.wpulike.wpulike-default {display: none;}
.prodet-page .wpulike.wpulike-default,.newdet-page .wpulike.wpulike-default {display: inline-block;}
.post-views-box {position: relative;margin-left: 20px;}
.post-views-box .wp_ulike_btn.wp_ulike_put_image:after {background-image: url(../images/fw.png) !important;-webkit-filter: none;filter: none;}
.wpulike {z-index: 10;}
.wpulike.post-views-box {z-index: 5;}
#banner .nivo-directionNav a {width: 40px;height: 40px;background-color: rgba(0, 0, 0, 0.3);background-repeat: no-repeat;background-position: center;background-size: 10px;color: transparent;overflow: hidden;text-indent: -999em;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
#banner .nivo-directionNav a {opacity: 0;}
#banner:hover .nivo-directionNav a {opacity: 1;}
#banner .nivo-directionNav a:hover {background-color: var(--color);}
#banner .nivo-directionNav a.nivo-prevNav {background-image: url(../images/banner-btn-l.png);left: 40px;}
#banner .nivo-directionNav a.nivo-nextNav {background-image: url(../images/banner-btn-r.png);right: 40px;}
#banner .theme-default .nivo-controlNav {position: absolute;bottom: 20px;left: 50%;width: auto !important;}
#banner .theme-default .nivo-controlNav a {width: 25px  !important;height: 25px !important;background: #fff !important;border: 7px solid #7d7d7d !important;border-radius: 100% !important;-webkit-box-shadow: none !important;box-shadow: none !important;margin: 0 8px !important;}
#banner .theme-default .nivo-controlNav a.active {border-color: var(--color) !important;}html.mobile {overflow: hidden;}html.mobile .body-overflow-box {position: relative;left: 280px;}
#mobile {position: fixed;top: 0;left: -280px;width: 280px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;display: none;z-index: 20;height: 100%;}
#mobile:before {content: '';width: 200%;height: 100%;position: fixed;top: 0;right: 100%;display: block;background: rgba(0, 0, 0, 0.13);z-index: -1;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
#mobile .mobile-logo {position: absolute;left: 100%;width: 100vw;height: 40px;line-height: 40px;text-align: center;background: #111;-o-box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);-webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);}
#mobile .mobile-logo img {max-height: 30px;margin: 0 auto;display: inline-block;vertical-align: middle;}
#mobile #menu-on {width: 40px;height: 40px;background: #f5f5f5;position: absolute;left: 100%;top: 0;cursor: pointer;cursor: hand;z-index: 1;}
#mobile #menu-on i {width: 23px;height: 2px;background: #222;display: block;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;-webkit-transform-origin: left center;-moz-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center;}
#mobile #menu-on i.line1 {top: 12px;}
#mobile #menu-on i.line2 {top: 19px;}
#mobile #menu-on i.line3 {top: 26px;}
#mobile .menu-content {width: 100%;height: 100%;display: block;background: #222;padding: 40px 10% 60px;overflow-y: auto;color: white;}
#mobile .menu-content::-webkit-scrollbar {width: 3px;border-radius: 1.5px;}
#mobile .menu-content::-webkit-scrollbar-button {display: none;}
#mobile .menu-content::-webkit-scrollbar-track {background-color: #222;}
#mobile .menu-content::-webkit-scrollbar-thumb {background-color: #eee;}
#mobile .menu-content h3 {font-size: 20px;color: inherit;text-transform: capitalize;margin-bottom: 10px;}
#mobile .menu-content h3 i {font-size: 16px;position: relative;top: -1px;}
#mobile .menu-content .menu-logo {display: block;}
#mobile .menu-content .menu-logo img {margin: 0 auto;}
#mobile .menu-content .menu-list {margin: 40px 0;}
#mobile .menu-content .menu-list ul li {font-size: 15px;color: inherit;text-transform: uppercase;line-height: 20px;}
#mobile .menu-content .menu-list ul li a {padding: 8px 0;display: block;}
#mobile .menu-content .menu-list ul li a:hover {color: var(--color);text-decoration: underline;}
#mobile .menu-content .menu-list ul li li a {position: relative;padding-left: 15px;font-size: 13px;line-height: 18px;}
#mobile .menu-content .menu-list ul li li a:after {content: '';width: 6px;height: 1px;background: white;position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
#mobile .menu-content .menu-list ul li li li a {padding-left: 25px;}
#mobile .menu-content .menu-list ul li li li a:after {width: 12px;}
#mobile .menu-content .mob-search form {position: relative;}
#mobile .menu-content .mob-search form input {width: 100%;height: 45px;line-height: 45px;border-radius: 5px;border: none;padding: 0 15px;font-size: 14px;color: black;}
#mobile .menu-content .mob-search form input[type="submit"] {width: 45px;height: 45px;background: url("../images/icon-search-white.png") no-repeat center center #222;position: absolute;right: 0;top: 0;border-radius: 0;}
#mobile .menu-content .mob-yuy {margin: 40px 0;}
#mobile .menu-content .mob-yuy ul li {margin-bottom: 10px;color: inherit;font-size: 14px;}
#mobile .menu-content .mob-yuy ul li img {max-width: 40px;display: inline-block;vertical-align: middle;margin-right: 10px;}
#mobile .menu-content .mob-share ul li {width: 30px;height: 30px;border-radius: 3px;background: #333;display: inline-block;text-align: center;line-height: 30px;color: white;font-size: 14px;margin-right: 3px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
#mobile .menu-content .mob-share ul li:hover {background: var(--color);}
#mobile .menu-content #menu-off {margin-top: 40px;cursor: pointer;cursor: hand;}
#mobile.active {left: 0;}
#mobile.active:before {right: 0;}
#mobile.active #menu-on i.line1 {-webkit-transform: translateX(-50%) rotateZ(45deg);-moz-transform: translateX(-50%) rotateZ(45deg);-ms-transform: translateX(-50%) rotateZ(45deg);transform: translateX(-50%) rotateZ(45deg);top: 12px;margin-left: 3px;}
#mobile.active #menu-on i.line2 {opacity: 0;}
#mobile.active #menu-on i.line3 {-webkit-transform: translateX(-50%) rotateZ(-45deg);-moz-transform: translateX(-50%) rotateZ(-45deg);-ms-transform: translateX(-50%) rotateZ(-45deg);transform: translateX(-50%) rotateZ(-45deg);top: 28px;margin-left: 3px;}
#mobile.white .mobile-logo {-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);background: white;}
#mobile.white .menu-content {background: white;color: black;}
#mobile.white .menu-content .menu-list ul li li a:after {background: black;}
#mobile.white .menu-content .mob-search form input {border: 1px solid black;}
#mobile.white .menu-content .mob-search form input[type="submit"] {border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
@media screen and (max-width: 1000px) {#banner,.inner-banner {margin-top: 40px;}}
#spotlight.show {display: inline-block;background: rgba(0, 0, 0, 0.3) !important;}
#spotlight .scene img {border: 10px solid white !important;border-radius: 10px;}
#spotlight .header {background: black !important;}
#banner {padding-left: 100px;position: relative;}
#banner .number {position: absolute;width: 100px;text-align: center;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 0;font-size: 16px;color: #666;}
#banner .number .line {height: 160px;margin: .5em auto;width: 1px;background-color: #abafb5;position: relative;}
#banner .number .line i {position: absolute;left: 0;top: 0;width: 100%;height: 20%;background-color: #e66445;-webkit-transition: 1.5s;-moz-transition: 1.5s;transition: 1.5s;}
#banner li {position: relative;}
#banner li .content {position: absolute;left: 0;width: 100%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);top: 42%;color: white;}
#banner li .content .ui.container {width: auto;max-width: 1700px;}
#banner li .content span.h2 {font-weight: bold;font-size: 60px;line-height: 1;max-width: 10em;display: block;margin-bottom: .9em;}
#banner li .content a.link {font-size: 24px;font-weight: normal;border: 2px solid var(--color);width: 290px;height: 3.08333333em;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
#banner li .content a.link em {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;text-align: center;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;}
#banner li .content a.link i {width: 2.91666667em;height: 100%;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;background-color: var(--color);}
#banner li .content a.link:hover {background-color: var(--color);}
#banner .box {position: relative;}
#banner .dots {padding: 35px;background-color: white;position: absolute;left: 0;bottom: 0;}
#banner .dots ul {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;position: static;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
#banner .dots ul li {width: 10px;height: 10px;border: 1px solid transparent;background-color: #d1d1d1;margin: 0 20px;cursor: pointer;cursor: hand;}
#banner .dots ul li.slick-active {border-color: black;background-color: transparent;}
#index-body span.h2 {font-weight: 500;font-size: 48px;display: block;/*line-height: 2;*/}
#index-body .text {font-weight: normal;font-size: 16px;color: rgba(0, 0, 0, 0.7);line-height: 2;}
#index-body .init-1 {padding: 60px 0 130px;background-image: url("../images/init-1-2-bg.jpg");background-position: bottom 5px center;background-repeat: no-repeat;position: relative;background-size: 96.40625% auto;}
#index-body .init-1:before {content: '';width: 100%;height: 100%;position: absolute;z-index: -1;background-image: url("../images/init-1-bg.png");background-repeat: no-repeat;background-position: right top;top: 0;left: 0;background-size: 11.35416667% auto;}
#index-body .init-1 .list {margin-top: 30px;position: relative;}
#index-body .init-1 .list ul {margin: -15px;}
#index-body .init-1 .list ul li {padding: 15px;}
#index-body .init-1 .list ul li .img-box {position: relative;background-size: cover;background-position: center;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-webkit-align-items: flex-end;-moz-box-align: end;-ms-flex-align: end;align-items: flex-end;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;height: 440px;z-index: 1;}
#index-body .init-1 .list ul li .img-box:after {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(34, 90, 171, 0.8);-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;opacity: 0;z-index: -1;}
#index-body .init-1 .list ul li .img-box .content {width: 100%;padding: 0 20px;color: white;margin-bottom: 60px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;-webkit-transform: translateY(15%);-moz-transform: translateY(15%);-ms-transform: translateY(15%);transform: translateY(15%);opacity: 0;}
#index-body .init-1 .list ul li .img-box .content span.h5 {font-size: 30px;font-weight: 600;line-height: 1.2;color: inherit;display: block;}
#index-body .init-1 .list ul li .img-box .content .text {color: rgba(255, 255, 255, 0.78);margin: 1em 0 .5em;}
#index-body .init-1 .list ul li .img-box .content a.link {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
#index-body .init-1 .list ul li .img-box .content a.link img {width: auto;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
#index-body .init-1 .list ul li .img-box span.h6 {font-size: 24px;position: absolute;left: 0;width: 100%;text-align: center;padding: 0 .5em;bottom: .6em;color: white;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
#index-body .init-1 .list ul li .img-box:hover:after {opacity: 1;}
#index-body .init-1 .list ul li .img-box:hover .content {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);opacity: 1;}
#index-body .init-1 .list ul li .img-box:hover span.h6 {-webkit-transform: translateY(15%);-moz-transform: translateY(15%);-ms-transform: translateY(15%);transform: translateY(15%);opacity: 0;}
#index-body .init-1 .list .btn div {width: 80px;height: 80px;-webkit-filter: brightness(0) opacity(0.7);filter: brightness(0) opacity(0.7);position: absolute;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);cursor: pointer;cursor: hand;z-index: 1;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
#index-body .init-1 .list .btn div.prev {right: 101%;}
#index-body .init-1 .list .btn div.prev img {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);transform: rotateY(180deg);}
#index-body .init-1 .list .btn div.next {left: 101%;}
#index-body .init-1 .list .btn div:hover {-webkit-filter: brightness(1);filter: brightness(1);}
#index-body .init-2 {padding-bottom: 80px;background-color: #f6f6f6;}
#index-body .init-2 .left {vertical-align: middle;}
#index-body .init-2 .left .content {max-width: 750px;display: block;margin-left: auto;padding-right: 5%;}
#index-body .init-2 .left .content span.h6 {font-weight: normal;font-size: 28px;line-height: 2;display: block;margin-top: .5em;}
#index-body .init-2 .left .content .list {font-size: 18px;font-weight: normal;max-width: 500px;line-height: 1.2;margin: 2em 0 3em;}
#index-body .init-2 .left .content .list ul {margin: -0.5em;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#index-body .init-2 .left .content .list ul li {padding: .5em;width: 50%;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
#index-body .init-2 .left .content .list ul li img {margin-right: .5em;}
#index-body .init-2 .left .content a.link {font-weight: normal;font-size: 20px;color: var(--color);text-transform: uppercase;line-height: 1.2;padding-bottom: .2em;border-bottom: 1px solid var(--color);display: inline-block;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
#index-body .init-2 .left .content a.link img {display: inline-block;vertical-align: middle;margin-top: -0.2em;margin-left: .6em;}
#index-body .init-2 .left .content a.link:hover {-webkit-filter: brightness(0);filter: brightness(0);}
#index-body .init-2 .right {vertical-align: middle;}
#index-body .init-2 .right .img {height: 600px;background-size: cover;background-position: center;position: relative;}
#index-body .init-2 .right .img .play {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);cursor: pointer;cursor: hand;}
#index-body .init-3 {padding: 130px 0 100px;background-image: url("../images/init-3-bg.jpg");background-position: center;color: white;background-size: cover;background-attachment: fixed;}
#index-body .init-3 .list ul {margin: -10px;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#index-body .init-3 .list ul li {padding: 10px;width: auto;}
#index-body .init-3 .list ul li .flex {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-webkit-align-items: flex-end;-moz-box-align: end;-ms-flex-align: end;align-items: flex-end;}
#index-body .init-3 .list ul li .flex span.h6 {font-weight: 500;font-size: 100px;color: var(--color);line-height: .9;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
#index-body .init-3 .list ul li .flex span.h6 sub {font-size: .3em;color: white;vertical-align: middle;}
#index-body .init-3 .list ul li .flex .text {color: inherit;margin-left: 1em;max-width: 160px;}
#index-body .init-4 {padding: 120px 0 110px;background-image: url("../images/init-4-bg.jpg");background-position: left top;background-repeat: no-repeat;background-size: 14.32291667% auto;}
#index-body .init-4 span.h2 {margin-bottom: 1em;}
#index-body .init-4 .list ul {margin: -15px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#index-body .init-4 .list ul li {padding: 15px;}
#index-body .init-4 .list ul li .box {padding: 30px 25px;background-color: #2c2c2c;color: white;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;height: 100%;}
#index-body .init-4 .list ul li .box i {height: 65px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
#index-body .init-4 .list ul li .box span.h6 {font-weight: 600;font-size: 21px;line-height: 1.5;display: block;margin-top: 1.4em;}
#index-body .init-4 .list ul li .box .text {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 5.8em;margin: 1em 0 2em;color: inherit;}
#index-body .init-4 .list ul li .box:hover {background-color: var(--color);}
#index-body .init-5 {padding-bottom: 70px;background-image: url("../images/init-5-bg.jpg");background-position: bottom left;background-repeat: no-repeat;background-size: 42.1875% auto;position: relative;z-index: 1;}
#index-body .init-5 .left {width: 53%;padding-right: 3%;overflow: hidden;}
#index-body .init-5 .left .box2 {max-width: 810px;display: block;margin-left: auto;}
#index-body .init-5 .left .box2 .text {margin: .5em 0 1.5em;}
#index-body .init-5 .left .box2 .list ul li {padding: 20px 15px;position: relative;}
#index-body .init-5 .left .box2 .list ul li:after {content: '';border-bottom: 1px dashed #ddd;position: absolute;left: 0;bottom: 0;width: 100%;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
#index-body .init-5 .left .box2 .list ul li:before {content: '';width: 150%;height: 100%;position: absolute;left: 0;z-index: -1;background-color: #f1f1f1;top: 0;opacity: 0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
#index-body .init-5 .left .box2 .list ul li .flex {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-webkit-align-items: flex-start;-moz-box-align: start;-ms-flex-align: start;align-items: flex-start;}
#index-body .init-5 .left .box2 .list ul li .flex span.num {font-weight: 700;font-size: 32px;color: rgba(0, 0, 0, 0.9);margin-right: .5em;line-height: 1;margin-top: -0.1em;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
#index-body .init-5 .left .box2 .list ul li .flex .content span.h6 {font-weight: 500;font-size: 24px;display: block;line-height: 1.2;}
#index-body .init-5 .left .box2 .list ul li .flex .content .text {margin: 1em 0;}
#index-body .init-5 .left .box2 .list ul li .flex .content a.link {font-weight: bold;font-size: 18px;text-transform: uppercase;color: var(--color);display: inline-block;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
#index-body .init-5 .left .box2 .list ul li .flex .content a.link:hover {color: black;}
#index-body .init-5 .left .box2 .list ul li .flex .content .hidden {display: none;}
#index-body .init-5 .left .box2 .list ul li.active:after {opacity: 0;}
#index-body .init-5 .left .box2 .list ul li.active:before {opacity: 1;}
#index-body .init-5 .left .box2 .list ul li.active .flex span.num {color: var(--color);}
#index-body .init-5 .right {width: 47%;padding-right: 70px;padding-top: 80px;position: relative;z-index: 1;}
#index-body .init-5 .right .img1 {position: absolute;width: 97%;height: 94%;z-index: -1;top: 0;right: 0;}
#index-body .init-5 .right .img {height: 620px;position: relative;}
#index-body .init-5 .right .img i {position: absolute;left: 0;top: 0;display: none;width: 100%;height: 100%;background-size: cover;background-position: center;}
#index-body .init-5 .right .img i.active {display: block;}
#index-body .init-6 {padding: 70px 0 50px;background-color: #f4f3f3;overflow: hidden;}
#index-body .init-6 .flex {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
#index-body .init-6 .flex span.h2 {max-width: 10em;}
#index-body .init-6 .flex .text {max-width: 610px;}
#index-body .init-6 .list {margin-top: 60px;padding-right: 30%;margin-right: -20%;overflow: hidden;}
#index-body .init-6 .list .slick-list {overflow: unset;}
#index-body .init-6 .list ul {margin: -15px;}
#index-body .init-6 .list ul li {padding: 15px;}
#index-body .init-6 .list ul li a.img-box {display: block;}
#index-body .init-6 .list ul li a.img-box span {position: absolute;font-size: 24px;font-weight: 500;padding: 1.1em;background-color: var(--color);left: 0;width: 100%;bottom: 1em;color: white;-webkit-transform: translateY(100%);-moz-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);opacity: 0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
#index-body .init-6 .list ul li a.img-box:hover span {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);opacity: 1;}
#index-body .init-6 .dots {margin-top: 20px;text-align: center;}
#index-body .init-6 .dots li {width: 13px;height: 13px;border-radius: 100%;margin: 0 13px;background-color: #c7c8c9;display: inline-block;vertical-align: middle;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;cursor: pointer;cursor: hand;}
#index-body .init-6 .dots li:hover,#index-body .init-6 .dots li.slick-active {background-color: var(--color);}
#index-body .init-6 .dots li button {display: none;}
#index-body .init-7 {padding: 70px 0 100px;text-align: center;}
#index-body .init-7 span.tag {font-size: 18px;font-weight: normal;text-transform: uppercase;line-height: 1;}
#index-body .init-7 .list {margin-top: 70px;}
#index-body .init-7 .list ul {margin: -8px;}
#index-body .init-7 .list ul li {padding: 8px;}
#index-body .init-7 .list ul li .box {padding: 20px 25px;text-align: left;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
#index-body .init-7 .list ul li .box span.h6 {font-size: 24px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-bottom: .6em;border-bottom: 1px solid #e5e5e5;display: block;font-weight: 500;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
#index-body .init-7 .list ul li .box span.h6:hover {color: var(--color);}
#index-body .init-7 .list ul li .box time {font-size: 18px;color: rgba(0, 0, 0, 0.7);font-style: italic;margin: 5px 0;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
#index-body .init-7 .list ul li .box time img {margin-right: .5em;}
#index-body .init-7 .list ul li .box .text {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;height: 6.4em;}
#index-body .init-7 .list ul li .box a.link {font-size: 16px;display: inline-block;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;margin-top: 1.1em;}
#index-body .init-7 .list ul li .box a.link:hover {color: var(--color);}
#index-body .init-7 .list ul li .box:hover {-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);}
#index-body .init-8 {padding: 50px 0 70px;background-color: #f8f8f8;}
#index-body .init-8 .list {margin-top: 50px;}
#index-body .init-8 .list ul {margin: -20px;}
#index-body .init-8 .list ul li {padding: 20px;}
#index-body .init-8 .list ul li img {width: 100%;}
#footer .footer-top {background-image: url("../images/footer-bg.jpg");background-position: center;background-size: cover;color: white;padding: 45px 0 60px;position: relative;}
#footer .footer-top .logo {display: block;text-align: center;}
#footer .footer-top .form {padding: 60px 0 80px;}
#footer .footer-top .form ul {margin: -10px;}
#footer .footer-top .form ul li {padding: 10px;font-size: 16px;}
#footer .footer-top .form ul li input {display: block;width: 100%;border: 1px solid rgba(255, 255, 255, 0.4);background-color: rgba(255, 255, 255, 0.2);padding: .8em;padding-left: 2.75em;background-size: 1.375em auto;background-position: center left .8em;background-repeat: no-repeat;}
#footer .footer-top .form ul li input::-webkit-input-placeholder {color: rgba(255, 255, 255, 0.5);}
#footer .footer-top .form ul li input:-moz-placeholder {color: rgba(255, 255, 255, 0.5);}
#footer .footer-top .form ul li input::-moz-placeholder {color: rgba(255, 255, 255, 0.5);}
#footer .footer-top .form ul li input:-ms-input-placeholder {color: rgba(255, 255, 255, 0.5);}
#footer .footer-top .form ul li input::placeholder {color: rgba(255, 255, 255, 0.5);}
#footer .footer-top .form ul li input[name='name'] {background-image: url("../images/icon-user.png");}
#footer .footer-top .form ul li input[name='mail'] {background-image: url("../images/icon-mail.png");}
#footer .footer-top .form ul li input[name='content'] {background-image: url("../images/icon-edit.png");background-size: 1em auto;}
#footer .footer-top .form ul li a.btn {padding: .8em;background-color: var(--color);color: white;text-align: center;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;border: 1px solid transparent;}
#footer .footer-top .form ul li a.btn img {margin-left: .5em;}
#footer .footer-top .form ul li a.btn:hover {background-color: black;}
#footer .footer-top .form ul li:nth-child(3) {width: 38%;}
#footer .footer-top .form ul li:nth-child(4) {width: 12%;}
#footer .footer-top .box {margin: -10px;}
#footer .footer-top .box .slide {padding: 10px;}
#footer .footer-top .box .slide .flex {display: flex;justify-content: space-between;justify-content: center;}
#footer .footer-top .box .slide .flex #ewm,#footer .footer-top .box .slide .flex >img {width: 46%;}
#footer .footer-top .box .slide span.h6 {font-weight: bold;font-size: 20px;text-transform: uppercase;line-height: 1;margin-bottom: .8em;display: block;}
#footer .footer-top .box .slide .nav {font-size: 16px;font-weight: 300;line-height: 1.3;}
#footer .footer-top .box .slide .nav li {margin-bottom: .5em;}
#footer .footer-top .box .slide .nav li:last-child {margin-bottom: 0;}
#footer .footer-top .box .slide .nav li a {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
#footer .footer-top .box .slide .nav li a img {margin-right: .5em;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
#footer .footer-top .box .slide .nav li a:hover img {-webkit-filter: unset;filter: unset;}
#footer .footer-top .box .slide .info {font-size: 18px;line-height: 1.4;}
#footer .footer-top .box .slide .info li {margin-bottom: .6em;}
#footer .footer-top .box .slide .info li a {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;}
#footer .footer-top .box .slide .info li a i {width: 1.8em;text-align: center;margin-right: .5em;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;height: 1.4em;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;}
#footer .footer-top .box .slide #ewm {max-width: 140px;border: 3px solid white;display: block;/*margin: 0 auto;*/}
#footer .footer-top .box .slide #ewm img {max-width: 100%;}
#footer .footer-top .box .slide .share {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;font-size: 16px;margin-top: 1.3em;}
#footer .footer-top .box .slide .share a {width: 2.5em;height: 2.5em;background-color: #2f2f41;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
#footer .footer-top .box .slide .share a:hover {background-color: var(--color);}
#footer .footer-top .box .slide:nth-child(1) {width: 14%;}
#footer .footer-top .box .slide:nth-child(2) {width: 16.5%;}
#footer .footer-top .box .slide:nth-child(3) {width: 15%;}
#footer .footer-top .box .slide:nth-child(4) {width: 12.5%;}
#footer .footer-top .box .slide:nth-child(5) {width: 27.5%;}
#footer .footer-top .box .slide:nth-child(6) {width: 14.5%;text-align: center;}
#footer .footer-top #top {width: 50px;height: 50px;background-color: var(--color);display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;position: absolute;right: 45px;bottom: 8%;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;cursor: pointer;cursor: hand;}
#footer .footer-top #top:hover {background-color: black;}
#footer .footer-bottom {font-weight: normal;font-size: 16px;padding: 1em 0;background-color: var(--color);color: white;}
#footer .footer-bottom .coy {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
#footer .footer-bottom .coy svg {max-height: 1.55555556em;width: auto;display: inline-block;vertical-align: middle;fill: white;opacity: .6;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
#footer .footer-bottom .coy svg:hover {opacity: 1;}
@media screen and (max-width: 1800px) {.ui.container {width: 1400px;}
#header .nav .ui.menu .menu,#banner .number {width: 70px;}
#header .nav .ui.menu .menu-box ul.menu > li,#header .nav .ui.menu .yuy span {font-size: 20px;}
#header .nav .ui.menu a.msg {font-size: 20px;padding: 0 1em;}
#header .nav .ui.menu .logo img {max-height: 40px;}
#header .nav {line-height: 70px;height: 70px;}
#banner {padding-left: 70px;}
#banner .number {font-size: 14px;}
#banner .number .line {height: 120px;}
#banner li .content .ui.container {padding: 0 4%;}
#banner li .content span.h2 {font-size: 42px;}
#banner li .content a.link,#index-body .init-1 .list ul li .img-box span.h6 {font-size: 20px;}
#banner .dots {padding: 25px;}
#index-body span.h2 {font-size: 42px;}
#index-body .init-1 .list ul li .img-box .content span.h5 {font-size: 24px;}
#index-body .text,#index-body .init-2 .left .content a.link {font-size: 16px;}
#index-body .init-1 .list .btn div.next {left: auto;right: 0;}
#index-body .init-1 .list .btn div.prev {left: 0;right: auto;}
#index-body .init-1 .list .btn div {max-width: 50px;}
#index-body .init-1 {padding: 40px 0 80px;}
#index-body .init-2 .left {padding-left: 15px;}
#index-body .init-2 .left .content span.h6 {font-size: 24px;}
#index-body .init-2 .left .content .list {font-size: 16px;margin: 1.5em 0 2em;}
#index-body .init-2 .right .img .play {max-width: 70px;}
#index-body .init-2 .right .img {height: 500px;}
#index-body .init-2 {padding-bottom: 50px;}
#index-body .init-3 .list ul li .flex span.h6 {font-size: 70px;}
#index-body .init-3,#index-body .init-4 {padding: 70px 0;}
#index-body .init-4 .list ul li .box {padding: 15px;}
#index-body .init-4 .list ul li .box i {height: 40px;}
#index-body .init-4 .list ul li .box i img {max-height: 100%;}
#index-body .init-4 .list ul li .box span.h6 {font-size: 24px;margin-top: .5em;}
#index-body .init-5 .left {padding-left: 15px;}
#index-body .init-5 .right .img {height: 480px;}
#index-body .init-5 .left .box2 .list ul li {padding: 10px;}
#index-body .init-5 .left .box2 .list ul li .flex .content .text {margin: .7em 0;}
#index-body .init-5 .left .box2 .list ul li .flex span.num {font-size: 28px;}
#index-body .init-5 .left .box2 .list ul li .flex .content span.h6 {font-size: 20px;}
#index-body .init-6 .list ul li a.img-box span {font-size: 20px;padding: .7em 1em;}
#index-body .init-7 span.tag {font-size: 16px;}
#index-body .init-7 .list {margin-top: 40px;}
#index-body .init-7 .list ul li .box span.h6 {font-size: 20px;}
#index-body .init-7 .list ul li .box time {font-size: 16px;}
#index-body .init-7 {padding: 50px 0;}
#index-body .init-8 .list {margin-top: 30px;}
#footer .footer-top .form {padding: 40px 0 50px;}
#footer .footer-top .box .slide .nav,#footer .footer-top .box .slide .info {font-size: 16px;}
#footer .footer-top {padding: 30px 0;}
#footer .footer-bottom {font-size: 16px;}}
@media screen and (max-width: 1450px) {.ui.container {width: 1200px;}
#header .nav .ui.menu a.msg {display: none;}
#header .nav .ui.menu .yuy {margin-right: 15px;}
#header .nav .ui.menu .menu-box {width: 50%;}
#banner li .content span.h2,#index-body span.h2 {font-size: 36px;}
#banner li .content a.link,#index-body .init-1 .list ul li .img-box span.h6 {font-size: 16px;}
#banner li .content a.link {width: 220px;}
#index-body .init-1 .list ul li .img-box {height: 360px;}
#index-body .init-1 .list ul li .img-box .content span.h5 {font-size: 20px;}
#index-body .text,#index-body .init-2 .left .content a.link {font-size: 14px;}
#index-body .init-2 .left .content span.h6 {font-size: 20px;}
#index-body .init-3 .list ul li .flex span.h6 {font-size: 50px;}
#index-body .init-4 .list ul li .box span.h6 {font-size: 20px;}
#index-body .init-5 .right .img {height: 420px;}
#index-body .init-6 .dots {margin-top: 10px;}
#index-body .init-6 .dots li {margin: 0 5px;width: 10px;height: 10px;}
#footer .footer-top #top {width: 40px;height: 40px;bottom: -15px;}
#footer .footer-top .box .slide .share {font-size: 14px;}
#footer .footer-top .box .slide #ewm {max-width: 120px;}
#footer .footer-top .box .slide span.h6 {font-size: 20px;}
#footer .footer-top .form ul li {font-size: 14px;}}
@media screen and (max-width: 1250px) {.ui.container {width: 970px;}
#header {display: none;}
#mobile {display: block;}
#banner,.inner-banner {margin-top: 40px;}
#index-body .init-3 .list ul li {width: 50%;}
#index-body .init-4 .list ul li {padding: 5px;}
#index-body .init-4 .list ul {margin: -5px;}
#index-body .init-6 .flex span.h2 {max-width: 8em;}
#index-body .init-6 .list {margin-top: 40px;}
#index-body .init-6 .list ul li {padding: 5px;}
#index-body .init-6 .list ul {margin: -5px;}
#index-body .init-8 .list ul li {padding: 5px;}
#index-body .init-8 .list ul {margin: -5px;}
#index-body .init-8 {padding: 40px 0;}
#footer .footer-top .logo img {max-height: 40px;}
#footer .footer-top .box .slide:nth-child(4),#footer .footer-top .box .slide:nth-child(2) {display: none;}
#footer .footer-top .box .slide:nth-child(1) {width: 20%;}
#footer .footer-top .box .slide:nth-child(3) {width: 20%;}
#footer .footer-top .box .slide:nth-child(5) {width: 40%;}
#footer .footer-top .box .slide:nth-child(6) {width: 20%;}
#index-body .init-1 .list ul li .img-box {height: 280px;}}
@media screen and (max-width: 1000px) {.ui.container {width: 700px;}
#banner .number {display: none;}
#banner {padding-left: 0;}
#banner li .content span.h2,#index-body span.h2 {font-size: 28px;}
#banner .dots {display: none;}
#index-body .init-1 {padding: 30px 0 50px;}
#index-body .init-2 .left .content {max-width: none;padding: 0;}
#index-body .init-2 .left {width: 100%;padding: 0;}
#index-body .init-2 .right {width: 100%;margin-top: 20px;}
#index-body .init-2 {padding: 20px 15px;}
#index-body .init-2 .right .img {height: 300px;}
#index-body .init-4 .list ul li {width: 50%;}
#index-body .init-5 .left {width: 100%;padding-right: 15px;}
#index-body .init-5 .right {display: none;}
#index-body .init-6 .flex span.h2 {max-width: none;}
#index-body .init-6 .flex .text {max-width: none;margin-top: 1em;}
#index-body .init-6 .flex {display: block;}
#index-body .init-6 {padding: 40px 0;}
#index-body .init-6 .list ul li a.img-box span {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);opacity: 1;}
#index-body .init-6 .list ul li a.img-box span {font-size: 16px;}
#footer .footer-top .form ul li {width: 100% !important;padding: 5px;}
#footer .footer-top .form ul {margin: -5px;}
#footer .footer-top .form {padding: 30px 0;}
#footer .footer-top .box .slide:nth-child(3),#footer .footer-top .box .slide:nth-child(1) {display: none;}
#footer .footer-top .box .slide:nth-child(5) {width: 100%;}
#footer .footer-top .box .slide:nth-child(6) {display: none;}
#footer .footer-bottom .coy {display: block;}}
@media screen and (max-width: 700px) {.ui.container {width: 100%;}
#banner li .content span.h2 {max-width: none;}
#banner li .content span.h2,#index-body span.h2 {font-size: 24px;}
#banner li .content a.link,#index-body .init-1 .list ul li .img-box span.h6 {font-size: 14px;}
#banner li .content a.link {width: 190px;}
#index-body .init-1 .list ul li .img-box {height: 220px;}
#index-body .init-1 .list ul li .img-box .content .text {display: none;}
#index-body .init-1 .list ul li .img-box .content span.h5 {font-size: 16px;margin-bottom: 1em;}
#index-body .init-1 .list ul li .img-box .content {margin-bottom: 2em;padding: 0 1em;}
#index-body .init-1 .list .btn {display: none;}
#index-body .init-1 .list ul li {padding: 5px;}
#index-body .init-1 .list ul {margin: -5px;}
#index-body .init-2 .right .img {height: 220px;}
#index-body .init-3 .list ul li .flex span.h6 {font-size: 36px;}
#index-body .init-3,#index-body .init-4 {padding: 50px 0;}
#index-body .init-5 .left .box2 .list ul li .flex .content a.link {font-size: 16px;}
#index-body .init-6 .list {padding-right: 0;margin-right: 0;}
#index-body .init-7 .list ul li .box {padding: 15px;}}
@media screen and (max-width: 500px) {#banner li .content a.link {display: none;}
#banner li .content span.h2,#index-body span.h2 {font-size: 20px;}
#banner li .content span.h2 {margin-bottom: 0;}
#index-body .init-2 .left .content .list ul li {width: 100%;padding: .2em;}
#index-body .init-2 .left .content .list ul {margin: -0.2em;}
#index-body .init-2 .right .img {height: 180px;}
#index-body .init-2 .right .img .play {max-width: 50px;}
#index-body .init-3 .list ul li {width: 100%;padding: 5px;}
#index-body .init-3 .list ul {margin: -5px;}
#index-body .init-4 .list ul li {width: 100%;}
#index-body .init-7 .list ul li .box span.h6 {font-size: 16px;}
#index-body .init-7 .list ul li .box a.link {font-size: 14px;}
#footer .footer-bottom {font-size: 14px;}}
.search-box {line-height: normal;position: fixed;top: 0;left: 0;background: #fff;width: 100%;height: 100%;z-index: 99999;display: none;}
.search-box .close {width: 30px;height: 30px;background: url(../images/close.png) no-repeat;position: absolute;right: 25px;top: 15px;cursor: pointer;}
.search-box form {position: absolute;top: 45%;left: 50%;width: 60%;margin-left: -30%;}
.search-box form input {background: none;outline: none;border: none;}
.search-box form input[type="text"] {width: 100%;border-bottom: 1px solid #e1e1e1;font-size: 26px;color: #000;padding: 10px 0;}
.search-box form input[type="submit"] {width: 22px;height: 22px;background: url(../images/tc-zoom.png) no-repeat;position: absolute;right: 15px;top: 20px;}
.transition_1 {-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.img_bg {-o-background-size: contain;background-size: contain;background-repeat: no-repeat;background-position: center center;}
.img_sca {overflow: hidden;display: block;}
.img_sca:hover .img_bg {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
.more_cont {overflow: hidden;position: relative;background-color: #225aab;color: #fff;cursor: pointer;}
.more_cont span,.more_cont i {position: relative;z-index: 2;}
.more_cont::before {background-color: #225aab;content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);-o-transform: scaleX(0);transform: scaleX(0);-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;-webkit-transform-origin: left;-moz-transform-origin: left;-ms-transform-origin: left;-o-transform-origin: left;transform-origin: left;z-index: 1;}
.more_cont:hover::before {-webkit-transform: scaleX(1);-moz-transform: scaleX(1);-ms-transform: scaleX(1);-o-transform: scaleX(1);transform: scaleX(1);}
.sca_ani {-webkit-animation: sca_ani 2s linear infinite;-moz-animation: sca_ani 2s linear infinite;-o-animation: sca_ani 2s linear infinite;animation: sca_ani 2s linear infinite;}
@-webkit-keyframes sca_ani {0% {-webkit-transform: scale(1.2);transform: scale(1.2);}100% {-webkit-transform: scale(1);transform: scale(1);}}
@-moz-keyframes sca_ani {0% {-moz-transform: scale(1.2);transform: scale(1.2);}100% {-moz-transform: scale(1);transform: scale(1);}}
@-o-keyframes sca_ani {0% {-o-transform: scale(1.2);transform: scale(1.2);}100% {-o-transform: scale(1);transform: scale(1);}}
@keyframes sca_ani {0% {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}100% {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}}
.sca_ani_2 {-webkit-animation: sca_ani_2 2s linear infinite;-moz-animation: sca_ani_2 2s linear infinite;-o-animation: sca_ani_2 2s linear infinite;animation: sca_ani_2 2s linear infinite;}
@-webkit-keyframes sca_ani_2 {0% {-webkit-transform: scale(1);transform: scale(1);}100% {-webkit-transform: scale(2);transform: scale(2);opacity: 0;}}
@-moz-keyframes sca_ani_2 {0% {-moz-transform: scale(1);transform: scale(1);}100% {-moz-transform: scale(2);transform: scale(2);opacity: 0;}}
@-o-keyframes sca_ani_2 {0% {-o-transform: scale(1);transform: scale(1);}100% {-o-transform: scale(2);transform: scale(2);opacity: 0;}}
@keyframes sca_ani_2 {0% {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}100% {-webkit-transform: scale(2);-moz-transform: scale(2);-o-transform: scale(2);transform: scale(2);opacity: 0;}}
.mt-130 {margin-top: 90px;}
.pt-90 {padding-top: 90px;}
.pb-90 {padding-bottom: 90px;}
.pt-80 {padding-top: 80px;}
.pt-70 {padding-top: 70px;}
.pb-70 {padding-bottom: 70px;}
.font-60 {font-size: 60px;line-height: 1.2;}
.font-48 {font-size: 48px;}
.font-40 {font-size: 40px;}
.font-36 {font-size: 34px;}
.font-30 {font-size: 30px;}
.font-24 {font-size: 24px;}
.font-20 {font-size: 20px;}
.font-18 {font-size: 18px;line-height: 1.8;}
.font-16 {font-size: 16px;line-height: 2;}
.title_subline_c span{border-bottom: 1px solid #225aab;}
.title_subline_c_w span{border-bottom: 1px solid #fff;}
.inner-banner .cat_cont {height:600px;-o-background-size: cover;background-size: cover;position: relative;}
.inner-banner .cat_cont .container {height: 100%;}
.inner-banner .cat_cont .container .cat_name {position: absolute;top: 50%;left: 0;width: 100%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);color: #fff;font-weight: normal;text-transform: uppercase;font-weight: 600;}
.inner-banner .bottom_c {border-bottom: 1px solid #e5e5e5;}
.inner-banner .bottom_c .left a {height: 70px;line-height: 70px;font-weight: normal;font-weight: 500;text-transform: uppercase;display: inline-block;padding: 0 26px;position: relative;}
.inner-banner .bottom_c .left a::after {content: "";position: absolute;width: 1px;height: 15px;display: block;background: #ccc;top: 50%;margin-top: -7px;right: 0px;}
.inner-banner .bottom_c .left a::before {position: absolute;content: '';left: 50%;bottom: 0px;width: 0%;height: 2px;background-color: rgba(218, 37, 28, 0);-webkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.inner-banner .bottom_c .left a:hover,.inner-banner .bottom_c .left a.active {color: #225aab;}
.inner-banner .bottom_c .left a:hover::before,.inner-banner .bottom_c .left a.active::before {width: 100%;background-color: #225aab;left: 0;}
.inner-banner .bottom_c .right {text-align: left;margin-top: 20px;font-size: 18px;font-weight: 500;text-transform: capitalize;font-weight: normal;}
.inner-banner .bottom_c .right .img {width: 15px;margin-right: 8px;margin: 5px 12px 15px 0;}
.inner-banner .bottom_c .right a {-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.inner-banner .bottom_c .right a:hover {color: #225aab;}
.suatainable-page .init-1 .container {height: 500px;position: relative;}
.suatainable-page .init-1 .container .img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;-o-object-fit: cover;object-fit: cover;}
.suatainable-page .init-1 .container .cont {text-transform: uppercase;text-align: center;position: absolute;width: 780px;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);font-weight: 600;font-weight: normal;color: #fff;background-color: rgba(0, 0, 0, 0.2);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px);padding: 30px;}
.suatainable-page .init-2 .container .title_c .left {font-weight: 600;text-transform: uppercase;font-weight: normal;}
.suatainable-page .init-2 .container .title_c .left .tips {color: #225aab;}
.suatainable-page .init-2 .container .title_c .left .line {width: 250px;height: 1px;background-color: #225aab;margin-bottom: 10px;}
.suatainable-page .init-2 .container .title_c .right {font-size: 16px;}
.suatainable-page .init-2 .container .content {margin: 30px -30px 0;}
.suatainable-page .init-2 .container .content .list {margin-top: 30px;padding: 0 30px;}
.suatainable-page .init-2 .container .content .list .box {position: relative;}
.suatainable-page .init-2 .container .content .list .box .img {display: block;width: 100%;}
.suatainable-page .init-2 .container .content .list .box .text {font-weight: 600;font-weight: normal;padding: 16px 30px;position: absolute;width: 100%;bottom: 0;left: 0;background-color: rgba(255, 255, 255, 0.1);-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);text-transform: uppercase;color: #fff;}
.suatainable-page .init-2 .container .content .list .box:hover .text {background-color: #000;}
.suatainable-page .init-3 .container .tips {text-align: center;font-weight: normal;font-weight: 600;text-transform: uppercase;color: #181818;}
.suatainable-page .init-3 .container .content .slick {margin: 40px -13px 0;}
.suatainable-page .init-3 .container .content .slick .slick-track {margin-left: 0;}
.suatainable-page .init-3 .container .content .slick li {padding: 0 13px;}
.suatainable-page .init-3 .container .content .slick li .box {display: block;overflow: hidden;}
.suatainable-page .init-3 .container .content .slick li .box img {width: 100%;}

.about-page .init-1 .container {position: relative;}
.about-page .init-1 .container .sub_img {position: absolute;width: 460px;bottom: 0;right: -200px;z-index: -1;}
.about-page .init-1 .container .tips {font-weight: bold;font-weight: normal;text-transform: uppercase;color: #225aab;text-align: center;}
.about-page .init-1 .container .des {margin-top: 26px;line-height: 1.8;}
.about-page .init-1 .container .list_cont {margin-top: 30px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.about-page .init-1 .container .list_cont .list {width: auto;vertical-align: middle;display: inline-block;margin: 20px 0 0 0;}
.about-page .init-1 .container .list_cont .list .num {font-size:100px;color: #225aab;font-weight: 500;font-weight: normal;display: inline-block;line-height: 0.8;}
.about-page .init-1 .container .list_cont .list .text {display: inline-block;vertical-align: bottom;margin-left: 12px;line-height: 1.8;}
.about-page .init-1 .container .list_cont .list2 {margin: 20px 20px 0;}

.about-page .init-4 .container {text-align: center;}
.about-page .init-4 .container .tips,.about-page .init-4 .container .title {font-weight: 600;font-weight: normal;color: #225aab;text-transform: uppercase;}
.about-page .init-4 .container .line {width: 250px;height: 1px;background-color: #225aab;margin: auto;}
.about-page .init-4 .container .title {color: #181818;margin-top: 10px;}
.about-page .init-4 .container .content {margin: 40px -30px 0;}
.about-page .init-4 .container .content .slick .slick-track {margin-left: 0;}
.about-page .init-4 .container .content .slick li {padding: 0 30px;}
.about-page .init-4 .container .content .slick li a {display: block;overflow: hidden;}
.about-page .init-4 .container .content .slick li a img {width: 100%;}
.about-page .init-4 .container .s_page {margin-top: 30px;padding-bottom: 45px;}
.about-page .init-4 .container .s_page li {display: inline-block;width: 13px;height: 13px;border: 1px solid #225aab;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;border-radius: 50%;margin: 0 10px;cursor: pointer;}
.about-page .init-4 .container .s_page li button {display: none;}
.about-page .init-4 .container .s_page li.slick-active {background-color: #225aab;}

.honor-page {padding-bottom: 20px;}
.honor-page .container .list {border-bottom: 1px dashed #999999;text-align: center;padding: 70px 160px;}
.honor-page .container .list .title {font-weight: 500;font-weight: normal;text-transform: uppercase;}
.honor-page .container .list .des {margin-top: 20px;}
.honor-page .container .list .content {margin: 50px -30px 0;}
.honor-page .container .list .content .slick {position: relative;}
.honor-page .container .list .content .slick .slick-arrow {position: absolute;font-size: 46px;cursor: pointer;width: 16px;height: 40px;line-height: 40px;color: #333333;right: -100px;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.honor-page .container .list .content .slick .slick-arrow:hover {color: #225aab;}
.honor-page .container .list .content .slick .slick-prev {left: -100px;}
.honor-page .container .list .content .slick li {padding: 0 30px;}
.honor-page .container .list .content .slick li .box {overflow: hidden;display: block;}
.honor-page .container .list .content .slick li .box img {width: 100%;}
.honor-page .container .list:last-child {border-bottom: none;}
.sidebar-box .sidebar-left {padding-right: 40px;width: 320px;text-transform: capitalize;font-weight: 500;font-weight: normal;position: sticky;top: 130px;}
.sidebar-box .sidebar-left .tips {color: #225aab;}
.sidebar-box .sidebar-left ul li {margin-top: 10px;}
.sidebar-box .sidebar-left ul li a {display: block;/*border-bottom: 1px solid #b9b6b1;*/padding: 4px 0;position: relative;}
.sidebar-box .sidebar-left ul li a::before{content: '';width: 100%;height: 1px;background: #b9b6b1;position: absolute;bottom: 0;left: 0;transition: all .5s;transform-origin: left;}
.sidebar-box .sidebar-left ul li a:hover::before{transform: scaleX(0);}
.sidebar-box .sidebar-left ul li a:hover,.sidebar-box .sidebar-left ul li a.active {color: #225aab;}
.sidebar-box .sidebar-left .contact_info {margin-top: 50px;position: relative;}
.sidebar-box .sidebar-left .contact_info .img {width: 100%;}
.sidebar-box .sidebar-left .contact_info .more {position: absolute;width: 100%;bottom: 0;left: 0;text-align: center;color: #fff;background-color: rgba(0, 0, 0, 0.4);padding: 10px;font-weight: 600;}
.sidebar-box .sidebar-right {width: -webkit-calc(-220%);width: -moz-calc(-220%);width: calc(100% - 320px);}
.product-page .cat_title {color: #225aab;font-weight: 600;font-weight: normal;text-transform: uppercase;margin-bottom: 4px;}
.product-page .cat_des{max-height: 280px;overflow-y: auto;padding-right: 4px;}
.product-page .product-list {margin: 0 -10px;}
.product-page .product-list li {margin-top: 40px;padding: 0 10px;}
.product-page .product-list li .box .img_c {overflow: hidden;position: relative;}
.product-page .product-list li .box .img {display: block;border: 1px solid #dbdbdb;}
.product-page .product-list li .box .img img {width: 100%;}
.product-page .product-list li .box .title {font-weight: 500;font-weight: normal;margin-top: 16px;display: block;}
.product-page .product-list li .box .des {position: absolute;bottom: -100%;opacity: 1;width: 100%;left: 0;background-color: rgba(34, 90, 171, 0.8);padding: 15px;color: #fff;}
.product-page .product-list li .box .des .title_1 {border-bottom: 1px solid #fff;padding-bottom: 4px;}
.product-page .product-list li .box .des .text {overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 14px;line-height: 1.6;}
.product-page .product-list li .box .des .more {display: inline-block;margin-top: 20px;font-weight: normal;font-weight: 600;text-transform: uppercase;border-radius: 4px;background-color: #fff;color: #225aab;padding: 2px 20px;}
.product-page .product-list li .box .des .more:hover {color: #fff;}
.product-page .product-list li .box:hover .img_c .des {bottom: 0;}
.m-page {margin-top: 50px;text-align: center;}
.m-page a,.m-page span {color: #212121;display: inline-block;margin: 2px 6px;width: 32px;height: 32px;line-height: 32px;font-size: 16px;}
.m-page a.current,.m-page span.current {color: #fff;background-color: #225aab;}
.m-page a.current::before,.m-page span.current::before {opacity: 0;}
.m-page a {position: relative;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.m-page a::before {content: '';position: absolute;width: 10px;height: 1px;background-color: #212121;bottom: 0;left: 11px;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.m-page a:hover,.m-page a.current {color: #fff;background-color: #225aab;}
.m-page a:hover::before,.m-page a.current::before {opacity: 0;}
.m-page .first::before,.m-page .last::before,.m-page .end::before,.m-page .next::before {display: none;}
.prodet-page .init-1 .container .left {padding-right: 100px;}
.prodet-page .init-1 .container .left .big_img {position: relative;}
.prodet-page .init-1 .container .left .big_img .btn {width: 46px;height: 46px;border: 1px solid #cecece;color: #333333;border-radius: 50%;text-align: center;line-height: 44px;font-size: 34px;cursor: pointer;position: absolute;top: 50%;right: -70px;}
.prodet-page .init-1 .container .left .big_img .btn i {margin-left: 4px;}
.prodet-page .init-1 .container .left .big_img .btn:hover {border-color: #225aab;}
.prodet-page .init-1 .container .left .big_img .prev {left: -70px;}
.prodet-page .init-1 .container .left .big_img .prev i {margin-left: -4px;}
.prodet-page .init-1 .container .left .big_img .slick {border: 1px solid #cbcbcb;}
.prodet-page .init-1 .container .left .big_img .slick li a {display: block;}
.prodet-page .init-1 .container .left .big_img .slick li a img {width: 100%;}
.prodet-page .init-1 .container .small_img {margin-top: 20px;}
.prodet-page .init-1 .container .small_img .slick {margin: 0 -12px;}
.prodet-page .init-1 .container .small_img .slick li {padding: 0 12px;}
.prodet-page .init-1 .container .small_img .slick li .box {cursor: pointer;border: 1px solid #cbcbcb;display: block;}
.prodet-page .init-1 .container .small_img .slick li .box img {width: 100%;}
.prodet-page .init-1 .container .small_img .slick li .box:hover,.prodet-page .init-1 .container .small_img .slick li .box.active {border: #225aab 1px solid;}
.prodet-page .init-1 .container .right .title {font-weight: 600;font-weight: normal;color: #393939;line-height: 1.3;text-transform: capitalize;}
.prodet-page .init-1 .container .right .des {margin-top: 18px;color: #393939;line-height: 1.8;padding-right: 4px;}
.prodet-page .init-1 .container .right .des img.wscnph{max-width: 50px;margin: 10px;display: inline-block;}
.prodet-page .init-1 .container .right .img {margin-top: 20px;}
.prodet-page .init-1 .container .right .more {display: inline-block;font-weight: 600;font-weight: normal;padding: 10px 20px;margin-top: 30px;}
.prodet-page .init-1 .container .right .more span{vertical-align: middle;}
.prodet-page .init-1 .container .right .more img {width: 16px;vertical-align: middle;margin-left: 30px;position: relative;z-index: 2;}
.prodet-page .init-2 {margin-top: 50px;}
.prodet-page .init-2 .container .tips {font-weight: 600;font-weight: normal;text-transform: uppercase;border-bottom: 1px solid #cbcbcb;}
.prodet-page .init-2 .container .content {margin-top: 20px;}
.prodet-page .init-3 {margin-top: 50px;}
.prodet-page .init-3 .container .tips {font-weight: 600;font-weight: normal;text-transform: uppercase;}
.prodet-page .init-3 .container .title_list {background-color: #f5f5f5;margin-top: 20px;}
.prodet-page .init-3 .container .title_list .list {width: auto;padding: 10px 20px;font-size: 20px;font-weight: 600;font-weight: normal;text-transform: uppercase;cursor: pointer;}
.prodet-page .init-3 .container .title_list .list:hover,.prodet-page .init-3 .container .title_list .list.active {background-color: #225aab;color: #fff;}
.prodet-page .init-3 .container .content_list .list {padding-top: 40px;display: none;}
.prodet-page .init-3 .container .content_list .list table tr td{min-width: 120px;}
.prodet-page .init-4 {background-color: #f5f5f5;}
.prodet-page .init-4 .container {font-weight: 600;font-weight: normal;text-transform: uppercase;}
.prodet-page .init-4 .container .content {margin: 30px -15px 0;}
.prodet-page .init-4 .container .content .slick .slick-track {margin-left: 0;}
.prodet-page .init-4 .container .content .slick li {padding: 0 15px;}
.prodet-page .init-4 .container .content .slick li .box .img {display: block;overflow: hidden;background-color: white;}
.prodet-page .init-4 .container .content .slick li .box .img img {width: 100%;}
.prodet-page .init-4 .container .content .slick li .box .text {display: block;margin-top: 16px;}
.prodet-page .init-4 .container .content .slick li .box .text:hover {color: #225aab;}
.prodet-page .init-5 .container .tips {font-weight: normal;font-weight: 600;text-transform: uppercase;}
.prodet-page .init-5 .container form input,.prodet-page .init-5 .container form textarea {margin-top: 30px;width: 100%;background: #fff;border: 1px solid #d9d9d9;padding: 12px 60px;background-repeat: no-repeat;font-size: 16px;-o-background-size: 26px auto;background-size: 26px auto;background-position: 20px 12px;}
.prodet-page .init-5 .container form .name,.prodet-page .init-5 .container form .mail {width: -webkit-calc(25%);width: -moz-calc(25%);width: calc(50% - 25px);}
.prodet-page .init-5 .container form .mail {margin-left: 50px;}
.prodet-page .init-5 .container form .submit {width: auto;padding: 10px 60px;margin-top: 30px;font-size: 20px;font-weight: normal;font-weight: 600;text-transform: uppercase;}
.product-new-page .init-1 {padding: 50px 0 60px 0;}
.product-new-page .init-1 .container .column {vertical-align: middle;}
.product-new-page .init-1 .container .left .tips {font-weight: normal;font-weight: 600;text-transform: uppercase;}
.product-new-page .init-1 .container .left .tips .r {color: #225aab;}
.product-new-page .init-1 .container .left .des {margin-top: 10px;}
.product-new-page .init-1 .container .right {padding: 0 60px;}
.product-new-page .init-1 .container .right img {width: 100%;}
.product-new-page .init-2 {background-color: #f4f4f4;}
.product-new-page .init-2 .container .tips {font-weight: normal;font-weight: 600;text-transform: uppercase;text-align: center;}
.product-new-page .init-2 .container .content {margin-top: 50px;position: relative;}
.product-new-page .init-2 .container .content .btn{background: #fff;width: 50px;height: 50px;border: 1px solid #225aab;position: absolute;top: 50%;right: -100px;transform: translateY(-50%);}
.product-new-page .init-2 .container .content .prev{left: -100px;}
.product-new-page .init-2 .container .content .btn img{position: relative;z-index: 2;display: block;margin: 16px auto 0;}
.product-new-page .init-2 .container .content .btn:hover img{filter: brightness(2);}
.product-new-page .init-2 .container .content .slick {margin: 0 -15px;}/*.product-new-page .init-2 .container .content .slick .slick-track{display: flex;}
.product-new-page .init-2 .container .content .slick .slick-slide{height: auto;}
.product-new-page .init-2 .container .content .slick .slick-slide > div{height: 100%;}
.product-new-page .init-2 .container .content .slick .slick-slide > div li,.product-new-page .init-2 .container .content .slick .slick-slide > div li .box{height: 100%;}*/.product-new-page .init-2 .container .content .slick li {padding: 0 15px;}
.product-new-page .init-2 .container .content .slick li .box {position: relative;background-color: #fff;padding: 20px 15px;font-weight: normal;font-weight: 500;}
.product-new-page .init-2 .container .content .slick li .box .sub_c {position: absolute;top: 0;left: -8px;z-index: 2;}
.product-new-page .init-2 .container .content .slick li .box .sub_c span {display: inline-block;width: 56px;height: 30px;background-color: #225aab;color: #fff;text-align: center;line-height: 30px;font-weight: 500;font-weight: normal;text-transform: uppercase;-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);}
.product-new-page .init-2 .container .content .slick li .box .sub_c .sub {width: 0;height: 0;border-top: 8px solid #225aab;border-left: 8px solid transparent;position: relative;z-index: 2;}
.product-new-page .init-2 .container .content .slick li .box .img {display: block;overflow: hidden;}
.product-new-page .init-2 .container .content .slick li .box .img img {width: 100%;}
.product-new-page .init-2 .container .content .slick li .box .line {height: 1px;background-color: #e7e7e7;margin-top: 20px;}
.product-new-page .init-2 .container .content .slick li .box .text:hover {color: #225aab;display: block;}
.product-new-page .init-2 .container .content .slick li .box .more {margin-top: 18px;display: inline-block;background-color: #fff;color: #181818;border-bottom: 1px solid #225aab;}
.product-new-page .init-2 .container .content .slick li .box .more img {display: inline-block;vertical-align: middle;margin-left: 40px;-webkit-filter: brightness(0);filter: brightness(0);position: relative;z-index: 2;}
.product-new-page .init-2 .container .content .slick li .box .more:hover {padding: 0 10px;color: #fff;}
.product-new-page .init-2 .container .content .slick li .box .more:hover img {-webkit-filter: brightness(1);filter: brightness(1);}
.product-new-page .init-3 .top {-o-background-size: cover;background-size: cover;}
.product-new-page .init-3 .top .cont {padding: 150px 0;max-width: 540px;margin-left: auto;color: #fff;}
.product-new-page .init-3 .top .cont .tips {font-weight: normal;font-weight: 600;text-transform: uppercase;}
.product-new-page .init-3 .top .cont .tips .r {color: #225aab;}
.product-new-page .init-3 .top .cont .des {margin-top: 10px;}
.product-new-page .init-3 .bottom {padding: 18px 0;font-weight: 600;text-transform: uppercase;text-align: center;background-color: #225aab;font-weight: normal;color: #fff;}
.technology-page .init-1 {text-align: center;}
.technology-page .init-1 .container .tips {font-weight: normal;font-weight: bold;text-transform: uppercase;}
.technology-page .init-1 .container .content {margin-top: 100px;text-align: center;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;position: relative;}
.technology-page .init-1 .container .content .list {position: relative;width: 360px;}
.technology-page .init-1 .container .content .list .title_c {position: relative;width: 46px;height: 46px;margin: auto;}
.technology-page .init-1 .container .content .list .title_c .ling {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: #225aab;border-radius: 50%;}
.technology-page .init-1 .container .content .list .title_c .ling:nth-child(2) {-webkit-animation-delay: 1s;-moz-animation-delay: 1s;-o-animation-delay: 1s;animation-delay: 1s;}
.technology-page .init-1 .container .content .list .title_c .cont {position: relative;z-index: 2;background-color: #225aab;border-radius: 50%;width: 100%;height: 100%;text-align: center;line-height: 46px;font-weight: normal;font-weight: 600;color: #fff;}
.technology-page .init-1 .container .content .list .des {margin-top: 40px;}
.technology-page .init-1 .container .content .list2 {margin: 0 40px;}
.technology-page .init-1 .container .content .list2 .title_c::before,.technology-page .init-1 .container .content .list2 .title_c::after {content: '';position: absolute;width: 280px;height: 1px;top: 22px;left: 90px;border-top: 1px dashed #999999;}
.technology-page .init-1 .container .content .list2 .title_c::before {left: -330px;}
.technology-page .init-2 .container .list .column {position: relative;z-index: 1;vertical-align: middle;}
.technology-page .init-2 .container .list .left img {width: 100%;}
.technology-page .init-2 .container .list .right {padding-left: 60px;}
.technology-page .init-2 .container .list .right .tips {font-weight: 600;font-weight: normal;text-transform: uppercase;}
.technology-page .init-2 .container .list .right .des {margin-top: 10px;}
.technology-page .init-2 .container .list:nth-child(2n) .left {left: 50%;}
.technology-page .init-2 .container .list:nth-child(2n) .right {left: -50%;padding-left: 0;padding-right: 60px;}
.application-page .container .tips {text-align: center;font-weight: normal;font-weight: 600;text-transform: uppercase;}
.application-page .container .tips .r {color: #225aab;}
.application-page .container .des {text-align: center;margin-top: 10px;}
.application-page .container .content ul {margin: 0 -20px;}
.application-page .container .content ul li {margin-top: 50px;padding: 0 20px;}
.application-page .container .content ul li .box {-webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);}
.application-page .container .content ul li .box .title {font-weight: 500;text-align: center;font-weight: normal;text-transform: capitalize;padding: 10px 0;}
.application-page .container .content ul li .box .img {display: block;overflow: hidden;}
.application-page .container .content ul li .box .img img {width: 100%;}
.patent-page {background-color: #f4f4f4;}
.patent-page .patent-list {margin-top: -30px;}
.patent-page .patent-list li {padding: 40px 30px;background-color: #fff;margin-top: 40px;}
.patent-page .patent-list li .left {overflow: hidden;display: inline-block;vertical-align: middle;width: 300px;border-right: 1px solid #cccccc;padding-right: 40px;}
.patent-page .patent-list li .left img {width: 100%;}
.patent-page .patent-list li .right {vertical-align: middle;width: -webkit-calc(-200%);width: -moz-calc(-200%);width: calc(100% - 300px);padding-left: 46px;}
.patent-page .patent-list li .right .title a {font-weight: 500;font-weight: normal;color: #225aab;border-bottom: 1px solid #225aab;text-transform: uppercase;}
.patent-page .patent-list li .right .title_2 {font-weight: 500;font-weight: normal;text-transform: uppercase;color: #225aab;margin-top: 10px;}
.patent-page .patent-list li .right .des {margin-top: 16px;}
.agent-page .init-1 .container .left {vertical-align: middle;padding-right: 80px;}
.agent-page .init-1 .container .left .tips {font-weight: 600;font-weight: normal;text-transform: uppercase;}
.agent-page .init-1 .container .left .tips .r {color: #225aab;}
.agent-page .init-1 .container .left .des {margin-top: 10px;}
.agent-page .init-1 .container .left .tips_2 {margin-top: 30px;}
.agent-page .init-1 .container .left .mail_c {margin-top: 10px;background-color: #f4f4f4;display: inline-block;padding: 6px 30px 6px 10px;border-radius: 60px;}
.agent-page .init-1 .container .left .mail_c div {display: inline-block;vertical-align: middle;}
.agent-page .init-1 .container .left .mail_c .img {width: 60px;height: 60px;background-color: #fff;border-radius: 50%;text-align: center;padding-top: 20px;}
.agent-page .init-1 .container .left .mail_c .img img {width: 36px;}
.agent-page .init-1 .container .left .mail_c .text {margin-left: 20px;color: #3c3c3c;}
.agent-page .init-1 .container .right {vertical-align: middle;}
.agent-page .init-1 .container .right img {width: 100%;}
.agent-page .init-2 img {width: 100%;}
.agent-page .init-3 {padding-top: 40px;}
.agent-page .init-3 .container .tips {font-weight: 600;font-weight: normal;text-transform: uppercase;}
.agent-page .init-3 .container .title_c {font-weight: 600;font-weight: normal;text-transform: uppercase;}
.agent-page .init-3 .container .title_c .list {display: inline-block;margin-right: 60px;margin-top: 10px;}
.agent-page .init-3 .container .title_c .list .r {color: #225aab;}
.agent-page .init-3 .container .des {margin-top: 20px;}
.agent-page .init-4 .container .tips {font-weight: normal;font-weight: 600;text-transform: uppercase;}
.agent-page .init-4 .container form input,.agent-page .init-4 .container form textarea {margin-top: 30px;width: 100%;background: #fff;border: 1px solid #d9d9d9;padding: 12px 60px;background-repeat: no-repeat;font-size: 16px;-o-background-size: 26px auto;background-size: 26px auto;background-position: 20px 12px;}
.agent-page .init-4 .container form .name,.agent-page .init-4 .container form .mail {width: -webkit-calc(25%);width: -moz-calc(25%);width: calc(50% - 25px);}
.agent-page .init-4 .container form .mail {margin-left: 50px;}
.agent-page .init-4 .container form .submit {width: auto;padding: 10px 60px;margin-top: 30px;font-size: 20px;font-weight: normal;font-weight: 600;text-transform: uppercase;}
.service-page .init-1 .container .left .tips {font-weight: normal;font-weight: 600;text-transform: uppercase;}
.service-page .init-1 .container .left .tips .r {color: #225aab;}
.service-page .init-1 .container .left img {display: block;margin-top: 40px;width: 100%;}
.service-page .init-1 .container .right {padding-left: 80px;}
.service-page .init-1 .container .right .tips_des {color: rgba(0, 0, 0, 0.7);}
.service-page .init-1 .container .right .content_list {padding-top: 30px;}
.service-page .init-1 .container .right .content_list .list {margin-top: 14px;}
.service-page .init-1 .container .right .content_list .list .title {color: #225aab;text-transform: uppercase;font-weight: normal;font-weight: 600;}
.service-page .init-1 .container .right .content_list .list .title span {border-bottom: 2px solid #225aab;}
.service-page .init-1 .container .right .content_list .list .des {margin-top: 20px;color: #212121;line-height: 1.8;}
.service-page .init-1 .container .right .bottom_c {margin-top: 40px;position: relative;}
.service-page .init-1 .container .right .bottom_c .cont {color: #fff;position: relative;right: 44%;background-color: #225aab;width: 750px;padding: 40px 20px;text-align: center;}
.service-page .init-1 .container .right .bottom_c .cont .list {width: 234px;}
.service-page .init-1 .container .right .bottom_c .cont .list .top {font-size: 72px;font-weight: 600;line-height: 1;font-weight: normal;}
.service-page .init-1 .container .right .bottom_c .cont .list .top .sub {margin-left: -10px;}
.service-page .init-1 .container .right .bottom_c .cont .list .bottom {margin-top: 10px;}
.service-page .init-2 .container .left {vertical-align: middle;padding-right: 70px;}
.service-page .init-2 .container .left .tips {font-weight: 600;font-weight: normal;text-transform: uppercase;}
.service-page .init-2 .container .left .des {margin-top: 20px;}
.service-page .init-2 .container .left .more {margin-top: 40px;display: inline-block;padding: 10px 20px;font-weight: 600;font-weight: normal;text-transform: uppercase;}
.service-page .init-2 .container .left .more img {vertical-align: middle;display: inline-block;width: 16px;margin-left: 26px;position: relative;z-index: 2;margin-top: -4px;}
.service-page .init-2 .container .right {vertical-align: middle;}
.service-page .init-2 .container .right img {width: 100%;}
.service-page .init-3 .container {color: #fff;text-align: center;}
.service-page .init-3 .container .tips {font-weight: 600;font-weight: normal;text-transform: uppercase;}
.service-page .init-3 .container .des {margin-top: 10px;font-weight: 300;}
.service-page .init-3 .container .more {margin-top: 24px;display: inline-block;padding: 10px 20px;font-weight: 600;font-weight: normal;text-transform: uppercase;line-height: 1.4;}
.service-page .init-3 .container .more span {vertical-align: middle;}
.service-page .init-3 .container .more img {vertical-align: middle;display: inline-block;margin-left: 20px;position: relative;z-index: 2;}
.service-page .init-4 .container .tips {font-weight: normal;font-weight: 600;text-transform: uppercase;}
.service-page .init-4 .container form input,.service-page .init-4 .container form textarea {margin-top: 30px;width: 100%;background: #fff;border: 1px solid #d9d9d9;padding: 12px 60px;background-repeat: no-repeat;font-size: 16px;-o-background-size: 26px auto;background-size: 26px auto;background-position: 20px 12px;}
.service-page .init-4 .container form .name,.service-page .init-4 .container form .mail {width: -webkit-calc(25%);width: -moz-calc(25%);width: calc(50% - 25px);}
.service-page .init-4 .container form .mail {margin-left: 50px;}
.service-page .init-4 .container form .submit {width: auto;padding: 10px 60px;margin-top: 30px;font-size: 20px;font-weight: normal;font-weight: 600;text-transform: uppercase;}
.download-page .container .tips {font-weight: normal;font-weight: 600;text-transform: uppercase;text-align: center;}
.download-page .container .tips .r {color: #225aab;}
.download-page .container .content {margin-top: 20px;}
.download-page .container .content ul {margin: 0 -25px;}
.download-page .container .content ul li {margin-top: 30px;padding: 0 25px;}
.download-page .container .content ul li .box .img {display: block;overflow: hidden;}
.download-page .container .content ul li .box .img img {width: 100%;}
.download-page .container .content ul li .box .text {display: block;margin-top: 20px;font-weight: normal;font-weight: 600;text-transform: uppercase;text-align: center;}
.download-page .pwd_cont{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 18;display: none;}
.download-page .pwd_cont .set_pwd{display: none;}
.download-page .pwd_cont .shadow{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);}
.download-page .pwd_cont .cont{position: absolute;z-index: 2;top: 50%;left: 50%;max-height: 80%;width: 500px;max-width: 90%;transform: translate(-50% , -50%);background: #fff;}
.download-page .pwd_cont .cont .close{position: absolute;top: 10px;right: 10px;font-size: 34px;height: 30px;width: 30px;text-align: center;line-height: 30px;background: #eee;cursor: pointer;transition: all .5s;}
.download-page .pwd_cont .cont .close:hover{color: #fff;background: #225aab;}
.download-page .pwd_cont .cont .f_cont{padding: 30px 26px;}
.download-page .pwd_cont .cont .f_cont input{width: 100%;line-height: 24px;padding: 6px 15px;border: 1px solid #eee;-webkit-transition: .5s;-o-transition: .5s;-moz-transition: .5s;transition: .5s;font-size: 16px;}
.download-page .pwd_cont .cont .f_cont .send_btn{width: auto;padding:  10px 40px;display: inline-block;background: #225aab;color: #fff;-webkit-transition: .5s;-o-transition: .5s;-moz-transition: .5s;transition: .5s;cursor: pointer;font-size: 18px;text-align: center;margin-top: 20px;}
.download-page .pwd_cont .cont .title{font-size: 18px;color: #222;text-transform: capitalize;line-height: 1;font-weight: 700;padding: 15px 20px;background: #f5f5f5;-o-box-shadow: 0 0 5px rgba(0,0,0,.1);-webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);box-shadow: 0 0 5px rgba(0,0,0,.1);padding-right: 50px;}
.device-page .init-1 .container .left {vertical-align: middle;}
.device-page .init-1 .container .left img {width: 100%;}
.device-page .init-1 .container .right {vertical-align: middle;padding-left: 50px;}
.device-page .init-1 .container .right .tips {text-transform: uppercase;font-weight: normal;font-weight: 600;}
.device-page .init-1 .container .right .des {margin-top: 10px;}
.device-page .init-2 .container .tips {font-weight: 600;font-weight: normal;text-transform: uppercase;text-align: center;}
.device-page .init-2 .container .tips .r {color: #225aab;}
.device-page .init-2 .container .content ul {margin: 0 -15px;}
.device-page .init-2 .container .content ul li {margin-top: 60px;padding: 0 15px;}
.device-page .init-2 .container .content ul li .box .img {overflow: hidden;}
.device-page .init-2 .container .content ul li .box .img img {width: 100%;}
.device-page .init-2 .container .content ul li .box .cont {width: -webkit-calc(52%);width: -moz-calc(52%);width: calc(100% - 48px);background-color: #fff;padding: 20px 24px;position: relative;margin: -56px auto 0;}
.device-page .init-2 .container .content ul li .box .cont .sub {position: absolute;width: 4px;height: 100%;top: 0;left: 0;background-color: #225aab;}
.device-page .init-2 .container .content ul li .box .cont .text {position: relative;z-index: 2;}
.device-page .init-2 .container .content ul li .box:hover .cont .sub {width: 100%;}
.device-page .init-2 .container .content ul li .box:hover .cont .text {color: #fff;}
.device-page .init-3 .container .left {vertical-align: middle;}
.device-page .init-3 .container .left img {width: 100%;}
.device-page .init-3 .container .right {vertical-align: middle;padding-left: 50px;}
.device-page .init-3 .container .right .tips {text-transform: uppercase;font-weight: 600;font-weight: normal;color: #225aab;}
.device-page .init-3 .container .right .line {width: 250px;height: 1px;background-color: #225aab;}
.device-page .init-3 .container .right .tips_title {text-transform: uppercase;font-weight: 600;font-weight: normal;margin-top: 20px;}
.device-page .init-3 .container .right .des {margin-top: 20px;}
.faq-page .container ul li {margin: 10px 0 0;word-break: break-word;font-weight: 300;}
.faq-page .container ul li .title {background: #f8f8f8;border: 1px solid #ebebeb;line-height: 2;margin: 0;padding: 15px 30px 15px 25px;cursor: pointer;cursor: hand;position: relative;font-weight: 600;font-weight: normal;}
.faq-page .container ul li .title i {color: #bababa;float: right;position: absolute;top: 26px;right: 10px;}
.faq-page .container ul li .cont {border: 1px solid #ebebeb;border-top: none;padding: 20px 25px;font-size: 18px;line-height: 2;display: none;}
.news-page {background: #f8f8f8;}
.news-page .container ul {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 -15px;}
.news-page .container ul li {margin-top: 30px;padding: 0 15px;}
.news-page .container ul li .box {height: 100%;background-color: #fff;padding: 30px;}
.news-page .container ul li .box .title {font-weight: 600;font-weight: normal;font-size: 20px;text-transform: uppercase;display: block;}
.news-page .container ul li .box .title:hover {color: #225aab;}
.news-page .container ul li .box .des {line-height: 1.6;margin-top: 14px;}
.news-page .container ul li .box .time {margin-top: 10px;/*margin-left: 20px;*/}
.newdet-page .container .title {text-align: center;font-weight: 600;text-transform: uppercase;font-weight: normal;}
.newdet-page .container .time_c {margin-top: 14px;text-align: center;}
.newdet-page .container .time_c .list {display: inline-block;margin: 0 8px;}
.newdet-page .container .time_c .list img {vertical-align: middle;width: 16px;}
.newdet-page .container .time_c .list span {vertical-align: middle;margin-left: 2px;position: relative;top: 1px;color: #999;}
.newdet-page .container .content {margin-top: 50px;}
.m-link {margin-top: 50px;}
.m-link a {margin-top: 6px;font-size: 18px;display: inline-block;}
.m-link a:hover {color: #225aab;text-decoration: underline;}
.contact-page .init-1 .container {/*border-bottom: 1px solid #eee;*/}
.contact-page .init-1 .container .left .tips {font-weight: 600;margin-bottom: 32px;font-weight: normal;text-transform: uppercase;}
.contact-page .init-1 .container .left .des {margin-top: 10px;}
.contact-page .init-1 .container .left form .list {margin-top: 20px;}
.contact-page .init-1 .container .left form .list .name {font-size: 16px;line-height: 2;color: #5e5e5e;display: block;margin-bottom: 5px;}
.contact-page .init-1 .container .left form .list input,.contact-page .init-1 .container .left form .list textarea {width: 100%;line-height: 2;border: 1px solid #c6cbc8;padding: 13px 15px;font-size: 16px;color: #333;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;background: #fff;}
.contact-page .init-1 .container .left form .list input:focus,.contact-page .init-1 .container .left form .list textarea:focus {border: 1px solid #225aab;}
.contact-page .init-1 .container .left form .submit_c .submit_btn {margin-top: 20px;cursor: pointer;display: inline-block;padding: 8px 40px;background-color: #225aab;font-weight: 600;color: #fff;font-weight: normal;text-transform: uppercase;}
.contact-page .init-1 .container .right {padding-left: 80px;}
.contact-page .init-1 .container .right .tips {font-weight: 600;font-weight: normal;text-transform: uppercase;}
.contact-page .init-1 .container .right .list ul li {padding-bottom: 10px;margin-top: 30px;border-bottom: 1px solid #eee;}
.contact-page .init-1 .container .right .list ul li .tips_2 {font-weight: 600;font-weight: normal;text-transform: uppercase;}
.contact-page .init-1 .container .right .list ul li .tips_2 i {width: 40px;}
.contact-page .init-1 .container .right .list ul li .cont {word-wrap: break-word;margin: 10px 0 20px 0;}
.contact-page .init-1 .container .right .list ul li:last-child {border: none;}
.contact-page .init-1 .container .right .list ul li:last-child .cont {margin-bottom: 0;}
.contact-page .init-2 {position: relative;z-index: 1;padding-top: 20px;}
.contact-page .init-2 .container {width: 100%;padding: 0;}
.contact-page .init-2 .container .map #mapContainer {height: 400px;}
.video-page .container ul {margin: -15px;}
.video-page .container ul li {padding: 15px;}
.video-page .container ul li video {display: block;width: 100%;}
.history-page .top_c .left .tips{text-transform: uppercase;}
.history-page .top_c .left .title{font-weight: bold;margin-top: 10px;text-transform: uppercase;font-weight: normal;margin: 10px 0;}
.history-page .top_c .left .des{margin-top: 20px;}
.history-page .top_c .left .line{width: 150px;height: 4px;background: #225aab;}
.history-page .top_c .right{padding-left: 50px;}
.history-page .top_c .right img{width: 100%;}
.history-page .bottom_c .list{padding-top: 60px;border-top: 1px solid #ddd;margin-top: 60px;}
.history-page .bottom_c .time{width: 160px;font-weight: normal;color: #225aab;line-height: 1;}
.history-page .bottom_c .content{width: calc(100% - 160px);color: rgba(0, 0, 0, 0.8);}
.history-page .bottom_c .content .img{margin-top: 20px;max-width: 600px;}
@media (max-width: 1500px) {.font-60 {font-size: 50px;}
.font-48 {font-size: 38px;}
.font-40 {font-size: 30px;}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item {margin-left: 30px;}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item > a {font-size: 18px;}
#header > .nav > .menu .menu-box .open_btn {font-size: 18px;padding: 5px 10px;}
#banner {margin-top: 132px;}
#banner .bottom_c {bottom: 30px;}
#banner .slick li .container .cont .title {font-size: 50px;}
#index-body .init-3 .container .bottom_c .list .num {font-size: 80px;}
.about-page .init-1 .container .list_cont .list .num {font-size: 80px;}}
@media (max-width: 1250px) {#header > .nav > .menu .menu-box .logo {width: 200px;}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item {margin-left: 20px;}
#header > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item > a {font-size: 16px;}
#header > .nav > .menu .menu-box .open_btn {font-size: 16px;}
#header > .nav > .menu .menu-box .lang_cont {margin-left: 10px;}
#header > .nav > .menu .menu-box .lang_cont .img {width: 30px;height: 20px;}
#header > .nav > .menu .menu-box .lang_cont .text {margin-left: 10px;}
#banner .bottom_c {display: none;}
#index-body .init-1 .container ul {margin: 0 -10px;}
#index-body .init-1 .container ul li {padding: 0 10px;}
#index-body .init-3 .container .left {width: 100%;text-align: center;}
#index-body .init-3 .container .right {width: 100%;position: relative;left: 0;top: 0;margin-top: 20px;display: none;}
#index-body .index-line {margin: auto;}
#index-body .init-4 .container .title_c {text-align: center;}
#index-body .init-4 .container .title_c .left {width: 100%;}
#index-body .init-4 .container .title_c .right {margin-top: 20px;}
#index-body .init-5 .container .title_c {text-align: center;}
#index-body .init-5 .container .title_c .left {width: 100%;}
#index-body .init-5 .container .title_c .right {margin-top: 20px;}
#index-body .init-5 .container .content .slick li .box .img {height: 350px;}
#index-body .init-6 .container .content {text-align: center;}
#index-body .init-7 .left {display: none;}
#index-body .init-7 .container .right {width: 100%;text-align: center;}
#footer .f-top .container .list_cont3 {width: 300px;}
.inner-banner .bottom_c .left {display: none;}
.inner-banner .bottom_c .right {width: 100%;text-align: left;margin: 16px 0;}
.sidebar-box .sidebar-left {display: none;}
.sidebar-box .sidebar-right {width: 100%;}
.technology-page .init-1 .container .content .list {width: 310px;}
.technology-page .init-1 .container .content .list2 {margin: 0 20px;}
.technology-page .init-1 .container .content .list2 .title_c::before {display: none;}
.technology-page .init-1 .container .content .list2 .title_c::after {display: none;}
.service-page .init-1 .container .right .bottom_c .cont {right: 86%;}
.product-new-page .init-2 .container .content .btn{display: none !important;}}
@media (max-width: 1000px) {#header {display: none;}
#mobile {display: block;}
#banner {margin-top: 40px;}
#banner .slick li .container .cont {text-align: center;}
#banner .slick li .container .cont .title {width: 100%;font-size: 40px;}
#banner .slick li .container .cont .des {width: 100%;}
#index-body .init-1 .container ul li {margin-top: 20px;}
#index-body .init-2 .container .cont_list .left {width: 100%;}
#index-body .init-2 .container .cont_list .right {display: none;}
#index-body .init-3 .container .bottom_c .list .num {font-size: 60px;}
#index-body .init-4 .container .content_c .slick {margin: 0 -10px;}
#index-body .init-4 .container .content_c .slick li {padding: 0 10px;}
#index-body .init-5 .container .content .slick {margin: 0 -10px;}
#index-body .init-5 .container .content .slick li {padding: 0 10px;text-align: center;}
#index-body .init-5 .container .content .slick li .box .img {height: 280px;}
#index-body .init-6 .container {padding: 20px 15px;}
#index-body .init-6 .container .content {margin: 20px auto;width: 100%;}
#footer .f-top .container .list_cont3 {width: 100%;}
.inner-banner {margin-top: 40px;}
.inner-banner .cat_cont {height: auto;padding: 100px 0;}
.inner-banner .cat_cont .container .cat_name {position: relative;top: 0;left: 0;-webkit-transform: translate(0);-moz-transform: translate(0);-ms-transform: translate(0);-o-transform: translate(0);transform: translate(0);text-align: center;}
.suatainable-page .init-1 .container .cont {width: 90%;}
.suatainable-page .init-2 .container .title_c .left {width: 100%;text-align: center;}
.suatainable-page .init-2 .container .title_c .left .line {margin: 10px auto;}
.suatainable-page .init-2 .container .title_c .right {text-align: center;width: 100%;margin-top: 20px;}
.suatainable-page .init-2 .container .content {margin: 20px -10px;}
.suatainable-page .init-2 .container .content .list {padding: 0 10px;}
.suatainable-page .init-2 .container .content .list .box .text {text-align: center;font-size: 24px;}
.about-page .init-1 .container .des {text-align: center;}
.about-page .init-2 .container .img {height: 300px;}
.about-page .init-3 .container .list .column {width: 100%;}
.about-page .init-3 .container .list .right {padding: 0;text-align: center;margin-top: 20px;}
.about-page .init-3 .container .list .right .line {margin: 6px auto 0;}
.about-page .init-3 .container .list:nth-child(2n) .left {left: 0;}
.about-page .init-3 .container .list:nth-child(2n) .right {left: 0;padding: 0;}
.about-page .init-4 .container .content {margin: 40px -10px 0;}
.about-page .init-4 .container .content .slick li {padding: 0 10px;}
.about-page .init-5 .container .img {height: 400px;}
.about-page .init-6 .container .column {width: 100%;}
.about-page .init-6 .container .right {padding-left: 0;margin-top: 20px;text-align: center;}
.honor-page .container .list {padding: 70px 20px;}
.honor-page .container .list .content {margin: 30px -10px 0;}
.honor-page .container .list .content .slick li {padding: 0 10px;}
.honor-page .container .list .content .slick .slick-next {right: -14px;}
.honor-page .container .list .content .slick .slick-prev {left: -14px;}
.product-page .product-list li {text-align: center;}
.prodet-page .init-1 .container .left {width: 100%;padding: 0 60px;}
.prodet-page .init-1 .container .right {width: 100%;margin-top: 40px;}
.prodet-page .init-1 .container .right .title {text-align: center;}
.prodet-page .init-2 .container .tips {text-align: center;}
.prodet-page .init-3 .container .tips {text-align: center;}
.prodet-page .init-4 .container .tips {text-align: center;}
.prodet-page .init-4 .container .content .slick li .box .text {text-align: center;}
.prodet-page .init-5 {text-align: center;}
.product-new-page .init-1 .container .column {width: 100%;text-align: center;}
.product-new-page .init-1 .container .right {margin-top: 20px;}
.product-new-page .init-2 .container .content .slick li .box {text-align: center;}
.product-new-page .init-3 .top .cont {max-width: 100%;width: 100%;text-align: center;}
.technology-page .init-1 .container .content .list {margin: 20px 10px 0;}
.technology-page .init-2 .container .list .left {width: 100%;padding: 0;}
.technology-page .init-2 .container .list .right {width: 100%;padding: 0;text-align: center;margin-top: 20px;}
.technology-page .init-2 .container .list:nth-child(2n) .left {left: 0;}
.technology-page .init-2 .container .list:nth-child(2n) .right {left: 0;padding: 0;}
.agent-page .init-1 .container .left {width: 100%;padding: 0;text-align: center;}
.agent-page .init-1 .container .right {margin-top: 40px;width: 100%;}
.agent-page .init-3 .container .tips {text-align: center;}
.agent-page .init-3 .container .title_c {text-align: center;}
.agent-page .init-3 .container .title_c .list {margin: 10px 0 0 0;}
.agent-page .init-4 .container {text-align: center;}
.service-page .init-1 .container .left {width: 100%;text-align: center;}
.service-page .init-1 .container .right {width: 100%;padding: 0;margin-top: 20px;text-align: center;}
.service-page .init-1 .container .right .bottom_c .cont {width: 100%;left: 0;}
.service-page .init-1 .container .right .bottom_c .cont .list {width: 210px;}
.service-page .init-2 .container .left {width: 100%;padding: 0;text-align: center;}
.service-page .init-2 .container .right {width: 100%;margin-top: 20px;}
.service-page .init-4 .container {text-align: center;}
.device-page .init-1 .container .left {width: 100%;}
.device-page .init-1 .container .right {width: 100%;padding-left: 0;margin-top: 20px;text-align: center;}
.device-page .init-3 .container .left {width: 100%;}
.device-page .init-3 .container .right {width: 100%;padding: 0;margin-top: 20px;text-align: center;}
.device-page .init-3 .container .right .line {margin: auto;}
.news-page .container ul {margin: 0 -5px;}
.news-page .container ul li {padding: 0 5px;margin-top: 10px;text-align: center;}
.news-page .container ul li .box {padding: 15px;}
.news-page .container ul li .box .time {margin-left: 0;}
.contact-page .init-1 .container .left {width: 100%;text-align: center;}
.contact-page .init-1 .container .left form .list .name {text-align: left;}
.contact-page .init-1 .container .left form .submit_c .submit_btn {width: 100%;}
.contact-page .init-1 .container .right {width: 100%;margin-top: 40px;padding-left: 0;}
.contact-page .init-1 .container .right .tips {text-align: center;}
.history-page .top_c .left{width: 100%;text-align: center;}
.history-page .top_c .left .line{display: none;}
.history-page .top_c .right{width: 100%;margin-top: 20px;padding-left: 0;}
.history-page .bottom_c .time{text-align: center;width: 100%;}
.history-page .bottom_c .content{width: 100%;text-align: center;margin-top: 20px;}
.history-page .bottom_c .content .img img{text-align: center;display: block;margin: auto;}}
@media (max-width: 700px) {.phone_hide {display: none;}
#banner .slick li .container .cont .des {display: none;}
#banner .slick li .container .cont .more_c .play {display: none;}
#index-body .init-3 {margin-top: 0;}
#index-body .init-3 .container .bottom_c .list .num {font-size: 50px;}
#index-body .init-4 .container .content_c .slick li .box .des {text-align: center;}
#footer .f-top {padding-top: 10px;}
#footer .f-top .container .list_cont {margin: 30px auto 0;width: 100%;display: block;padding: 0;}
#footer .f-top .container .list_cont .logo {width: 260px;margin: auto;}
#footer .f-top .container .list_cont .first {text-align: center;}
#footer .f-top .container .list_cont .subline {margin: 4px auto 20px;}
#footer .f-top .container .list_cont2 {display: none;}
.suatainable-page .init-1 .container {width: 96%;}
.about-page .init-1 .container .list_cont .list {margin: 20px 0 0;text-align: center;width: 100%;}
.about-page .init-1 .container .list_cont .list .text {width: 100%;margin-top: 20px;margin-left: 0;}
.about-page .init-2 {margin-top: 40px;}
.honor-page .container .list .title {margin: 0 -20px;}
.honor-page .container .list .des {margin: 20px -20px 0;}
.honor-page .container .list .content .slick .slick-arrow {font-size: 30px;}
.technology-page .init-1 .container .content {margin-top: 10px;}
.technology-page .init-1 .container .content .list {width: 100%;margin: 40px 0 0;}
.patent-page .patent-list li .left {width: 100%;padding: 0;border: none;}
.patent-page .patent-list li .right {padding: 0;width: 100%;text-align: center;margin-top: 20px;}
.service-page .init-1 .container .right .bottom_c .cont {padding-top: 20px;}
.service-page .init-1 .container .right .bottom_c .cont .list {width: 100%;margin-top: 20px;}
.download-page .container .content ul {margin: 0 -10px;}
.download-page .container .content ul li {padding: 0 10px;}}
@media (max-width: 500px) {.pt-90 {padding-top: 40px;}
.pb-90 {padding-bottom: 40px;}
.pt-80 {padding-top: 40px;}
.pb-70 {padding-bottom: 40px;}
.pt-70 {padding-top: 40px;}
.font-60 {font-size: 30px;}
.font-48 {font-size: 24px;line-height: 1.8;}
.font-40 {font-size: 24px;line-height: 1.8;}
.font-36 {font-size: 24px;line-height: 1.8;}
.font-30 {line-height: 1.8;font-size: 24px;}
.font-24 {font-size: 18px;line-height: 1.8;}
.font-20 {font-size: 18px;line-height: 2;}
#banner .slick {height: 280px;}
#banner .slick li .container .cont .title {font-size: 24px;line-height: 1.8;}
#banner .slick li .container .cont .more_c {margin-top: 20px;}
#banner .slick li .container .cont .more_c .more {font-size: 18px;padding: 6px 20px;}
#banner .slick li .container .cont .more_c .more .img {margin-left: 15px;}
#index-body .init-1 .container ul {margin: 0;}
#index-body .init-1 .container ul li {padding: 0;}
#index-body .init-1 .container ul li .box {padding: 30px 15px;}
#index-body .init-3 .container .bottom_c {margin-top: 10px;}
#index-body .init-3 .container .bottom_c .list {width: 100%;text-align: center;}
#index-body .init-3 .container .bottom_c .list .text {padding-left: 0;width: 100%;margin-top: 20px;}
#index-body .init-3 .container .bottom_c .list2 {margin: 30px 0 0;}
#index-body .init-3 .container .left .more {margin-top: 20px;}
#index-body .init-4 .container .content_c {margin-top: 20px;}
#index-body .init-4 .container .content_c .slick li .box .img_c .img {height: 80vw;}
#index-body .init-4 .container .content_c .slick li .box .img_c .more_c .more {padding: 4px 10px;}
#index-body .init-4 .container .title_c .right .btn {width: 40px;height: 40px;}
#index-body .init-4 .container .title_c .right .btn .img {margin-top: 10px;}
#index-body .init-4 .container .content_c .slick li .box .img_c .title{height: auto;}
#index-body .init-5 .img_2 {height: 370px;}
#index-body .init-5 .container .content .slick li .box .img {height: 105vw;}
#index-body .init-5 .container .content .slick li .box .more {margin-top: 10px;}
#index-body .init-6 .container .content {padding: 20px 10px 70px;}
#index-body .init-6 .container .content .s_page {bottom: 20px;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
#index-body .init-6 .container .content .s_page .next {margin-left: 10px;}
#index-body .init-6 .container .content .slick li .box .time {text-align: center;margin-top: 20px;}
#index-body .init-7 .container .right form .name {width: 100%;}
#index-body .init-7 .container .right form .mail {width: 100%;margin-left: 0;}
#index-body .init-7 .container .right form input {margin-top: 16px;}
#index-body .init-7 .container .right form .submit_btn {margin-top: 16px;}
#footer .f-top .container .list_cont .list_2 {margin-top: 10px;}
#footer .f-top .container .list_cont .logo {width: 220px;}
#footer .f-top .container .list_cont #ewm {width: 100px;margin-top: 30px;}
#footer .f-bottom {margin-top: 30px;}
#pups_from{padding: 30px 15px;}
.right_nav_list{right: 5px;}
.right_nav_list ul li{width: 30px;height: 30px;line-height: 30px;}
.right_nav_list ul li .more_cont{font-size: 20px;}
.inner-banner .bottom_c .right {font-size: 18px;line-height: 2;}
.inner-banner .bottom_c .right .img {margin-top: 8px;}
.suatainable-page .init-2 .container .title_c .left .line {margin: 5px auto;}
.suatainable-page .init-2 .container .title_c .right {margin-top: 4px;}
.suatainable-page .init-2 .container .content {margin: 0 -10px;}
.suatainable-page .init-2 .container .content .list .box .text {font-size: 20px;padding: 10px 16px;}
.suatainable-page .init-1 .container .cont {padding: 16px;}
.suatainable-page .init-3 .container .content .slick {margin-top: 20px;}
.about-page .init-1 .container .list_cont {margin-top: 10px;}
.about-page .init-1 .container .list_cont .list .num {font-size: 50px;}
.about-page .init-1 .container .list_cont .list .text {margin-top: 10px;}
.about-page .init-3 {padding-top: 10px;}
.about-page .init-3 .container .list {margin-top: 40px;}
.about-page .init-4 .container .line {margin: 6px auto 0;}
.about-page .init-4 .container .content {margin-top: 20px;}
.about-page .init-4 .container .s_page {margin-top: 10px;}
.about-page .init-4 .container .s_page li {width: 8px;height: 8px;margin: 0 5px;}
.about-page .init-5 {height: auto;}
.honor-page .container .list {padding: 40px 20px;}
.product-page .product-list {margin: 0;}
.product-page .product-list li {padding: 0;}
.m-page {margin-top: 30px;}
.m-page a {width: 26px;height: 26px;line-height: 26px;margin: 5px;}
.m-page a::before {left: 8px;}
.m-page span {line-height: 28px;width: 26px;height: 26px;margin: 2px;}
.prodet-page .init-1 .container .left {padding: 0;}
.prodet-page .init-1 .container .left .big_img .btn {width: 26px;height: 26px;font-size: 20px;line-height: 24px;z-index: 2;}
.prodet-page .init-1 .container .left .big_img .prev {left: -8px;}
.prodet-page .init-1 .container .left .big_img .prev i {margin-left: -2px;}
.prodet-page .init-1 .container .left .big_img .next {right: -8px;}
.prodet-page .init-1 .container .left .big_img .next i {margin-left: 2px;}
.prodet-page .init-1 .container .small_img .slick {margin: 0 -5px;}
.prodet-page .init-1 .container .small_img .slick li {padding: 0 5px;}
.prodet-page .init-1 .container .right .title {line-height: 1.8;}
.prodet-page .init-3 .container .title_list .list {width: 50%;text-align: center;font-size: 16px;}
.prodet-page .init-3 .container .content_list .list {padding-top: 20px;}
.prodet-page .init-5 .container form .name {width: 100%;}
.prodet-page .init-5 .container form .mail {width: 100%;margin-left: 0;}
.prodet-page .init-5 .container form input {padding: 12px 12px 12px 60px;margin-top: 16px;}
.prodet-page .init-5 .container form textarea {padding: 12px 12px 12px 60px;margin-top: 16px;}
.product-new-page .init-2 .container .content {margin-top: 20px;}
.product-new-page .init-2 .container .content .slick li .box .sub_c .sub {margin-top: -3px;}
.product-new-page .init-2 .container .content .slick li .box .more img {margin-left: 20px;}
.product-new-page .init-3 .top .cont {padding: 100px 0;}
.technology-page .init-1 .container .content .list .des {margin-top: 20px;}
.application-page .container .content ul {margin: 0;}
.application-page .container .content ul li {margin-top: 30px;padding: 0;}
.patent-page .patent-list li {padding: 20px 15px;}
.patent-page .patent-list li .right .des {margin-top: 10px;}
.agent-page .init-4 .container form .name {width: 100%;}
.agent-page .init-4 .container form .mail {width: 100%;margin-left: 0;}
.agent-page .init-4 .container form input {margin-top: 20px;padding: 12px 20px 12px 60px;}
.agent-page .init-4 .container form textarea {margin-top: 20px;padding: 12px 20px 12px 60px;}
.service-page .init-1 .container .left img {margin-top: 20px;}
.service-page .init-1 .container .right .content_list {padding-top: 10px;}
.service-page .init-1 .container .right .content_list .list .des {margin-top: 10px;}
.service-page .init-1 .container .right .bottom_c .cont .list .top {font-size: 50px;}
.service-page .init-4 .container form input {margin-top: 20px;padding: 12px 20px 12px 60px;width: 100%;}
.service-page .init-4 .container form textarea {padding: 12px 20px 12px 60px;width: 100%;margin-top: 20px;}
.service-page .init-4 .container form .name {width: 100%;}
.service-page .init-4 .container form .mail {width: 100%;margin-left: 0;}
.download-page .container .content {margin-top: 0;}
.download-page .container .content ul li .box .text {margin-top: 10px;}
.device-page .init-2 .container .content ul li {margin-top: 30px;}
.device-page .init-2 .container .content ul li .box .cont {width: 100%;margin: 0;text-align: center;padding: 16px 10px;}
.device-page .init-2 .container .content ul li .box .cont .sub {width: 100%;}
.device-page .init-2 .container .content ul li .box .cont .text {color: #fff;}
.news-page .container ul {margin: 0;}
.news-page .container ul li {padding: 0;margin-top: 20px;}
.newdet-page .container .content {margin-top: 20px;}
.m-link {margin-top: 20px;}
.contact-page .init-1 .container .left form {margin-top: 20px;}
.contact-page .init-1 .container .left form .list {margin-top: 10px;}
.contact-page .init-1 .container .left form .list input {padding: 6px;}
.contact-page .init-1 .container .left form .list textarea {padding: 6px;}
.contact-page .init-1 .container .left form .submit_c .submit_btn {padding: 4px 20px;}
.contact-page .init-1 .container .right .list ul li {margin-top: 16px;}
.contact-page .init-1 .container .right .list ul li .tips_2 i {width: 30px;}
.contact-page .init-1 .container .right .list ul li .cont {margin: 8px 0;}
.video-page .container ul {margin: 0;}
.video-page .container ul li {padding: 0;margin-top: 20px;}
.video-page .container ul li:first-child {margin-top: 0;}
.history-page .bottom_c .list{padding-top: 20px;margin-top: 40px;}}
.seoPublic .title {font-size: 48px;font-weight: normal;text-transform: uppercase;font-weight: 700;line-height: 1.4;margin-bottom: 32px;}
.seoPublic > div {padding: 60px 0;}
.seoPublic > div:nth-child(odd) {background: #fafafa;}
.seoPublic .Auxil-about .box {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;}
.seoPublic .Auxil-about .box .left {width: 40%;}
.seoPublic .Auxil-about .box .left .img {height: 100%;background-size: cover;background-position: center center;display: block;display: flex;align-items: center;}
.seoPublic .Auxil-about .box .left .img img{vertical-align: middle;width: 100%;}
.seoPublic .Auxil-about .box .right {width: 60%;padding-left: 5%;/*padding-top: 20px;*/padding-bottom: 20px;}
.seoPublic .Auxil-about .box .right div.h3 {font-size: 32px;line-height: 1.2;text-transform: uppercase;font-weight: normal;margin-bottom: 1em;font-weight: 600;}
.seoPublic .Auxil-about .box .right .text {font-size: 19px;line-height: 2;color: #666;max-height: 310px;overflow: auto;}
.seoPublic .Auxil-honor .list ul {margin: -10px;}
.seoPublic .Auxil-honor .list ul li {padding: 10px;}
.seoPublic .Auxil-honor .list ul li a {display: block;}
.seoPublic .Auxil-honor .list ul li a img {width: 100%;}
.seoPublic .Auxil-news .list ul {margin: -13px;}
.seoPublic .Auxil-news .list ul li {padding: 13px;}
.seoPublic .Auxil-news .list ul li a.img-box {display: block;background-size: cover;background-position: center center;}
.seoPublic .Auxil-news .list ul li a.img-box img{width: 100%;}
.seoPublic .Auxil-news .list ul li .content div.h6 {font-size: 24px;line-height: 1.6;font-weight: normal;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;font-weight: 600;}
.seoPublic .Auxil-news .list ul li .content div.h6:hover {color: #225aab;}
.seoPublic .Auxil-news .list ul li .content time {font-size: 14px;margin-top: 1em;color: #ffffff;background-color: #225aab;padding: 6px;width: 130px;text-align: center;font-weight: 400;display: block;}
.seoPublic .Auxil-news .list ul li .content p {font-weight: 400;font-size: 16px;line-height: 1.6;margin: 1em 0 2em;}
.seoPublic .Auxil-news .list ul li .content a.link {font-weight: 400;font-size: 16px;text-transform: uppercase;line-height: 1;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;border-bottom: 1px solid transparent;display: inline-block;}
.seoPublic .Auxil-news .list ul li .content a.link:hover {border-color: #225aab;color: #225aab;}
.seoPublic .Auxil-form .form ul {margin: -10px;}
.seoPublic .Auxil-form .form ul li {padding: 10px;}
.seoPublic .Auxil-form .form ul li input,.seoPublic .Auxil-form .form ul li textarea {display: block;width: 100%;border: 1px solid #eee;font-size: 16px;padding: 8px 15px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.seoPublic .Auxil-form .form ul li textarea {height: 100px;}
.seoPublic .Auxil-form .form ul li input:focus,.seoPublic .Auxil-form .form ul li textarea:focus {border-color: #225aab;}
.seoPublic .Auxil-form .form ul li.wid-100 {width: 100%;}
.seoPublic .Auxil-form .form ul li input[type="submit"] {width: auto;display: inline-block;padding-left: 25px;padding-right: 25px;background: #225aab;color: whitesmoke;border: none;}
.seoPublic .Auxil-form .form ul li input[type="submit"]:hover {background: #222;}
.seoPublic .seoIndustry .text {font-size: 16px;line-height: 1.8;color: #666;}
.seoPublic .text a {color: #225aab;}
.seoPublic .text a:hover {text-decoration: underline;}
.seoPublic .Auxil-through {padding: 15px 0;background: none !important;}
.seoPublic .Auxil-through a {display: inline-block;line-height: 40px;height: 40px;padding: 0 25px;font-size: 14px;color: black;border: 1px solid #eee;background: #f8f8f8;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.seoPublic .Auxil-through a:hover {background: #225aab;color: white;}
.seoPublic .Auxil-related .list ul {margin: -20px -25px;}
.seoPublic .Auxil-related .list ul li {padding: 20px 25px;}
.seoPublic .Auxil-related .list ul li .box {display: block;background: white;-o-box-shadow: 0 0 12px rgba(125, 125, 125, 0.5);-webkit-box-shadow: 0 0 12px rgba(125, 125, 125, 0.5);box-shadow: 0 0 12px rgba(125, 125, 125, 0.5);}
.seoPublic .Auxil-related .list ul li .box a.img-box {display: block;}
.seoPublic .Auxil-related .list ul li .box .content {display: block;padding: 20px;text-align: center;}
.seoPublic .Auxil-related .list ul li .box .content div.h3 {font-size: 22px;color: #111;font-weight: 500;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.seoPublic .Auxil-related .list ul li .box .content div.h3:hover {color: #225aab;}
.seoPublic .Auxil-related .list ul li .box .content p {display: block;font-size: 16px;color: #888;line-height: 1.6;font-weight: 400;margin: .5em 0;height: 4.8em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.seoPublic .Auxil-related .list ul li .box .content a.more {display: inline-block;vertical-align: middle;line-height: 40px;height: 40px;padding: 0 20px;border: 1px solid #225aab;font-size: 16px;font-weight: 700;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;color: #225aab;}
.seoPublic .Auxil-related .list ul li .box .content a.more i {margin-left: 5px;}
.seoPublic .Auxil-related .list ul li .box .content a.more:hover {color: white;background: #225aab;}
@media screen and (max-width: 1400px) {.seoPublic .title {font-size: 28px;margin-bottom: 1.5em;}
.seoPublic .Auxil-about .box .right div.title,.seoPublic .Auxil-related .list ul li .box .content div.h3 {font-size: 20px;}
.seoPublic .Auxil-form .form ul li input,.seoPublic .Auxil-form .form ul li textarea,.seoPublic .Auxil-about .box .right .text,.seoPublic .Auxil-news .list ul li .content p,.seoPublic .seoIndustry .text,.seoPublic .Auxil-related .list ul li .box .content p {font-size: 14px;}
.seoPublic .Auxil-news .list ul li .content div.h6 {font-size: 18px;}
.seoPublic .Auxil-related .list ul li .box .content a.more {font-size: 14px;line-height: 34px;height: 34px;padding: 0 15px;}
.seoPublic .Auxil-related .list ul li {padding: 15px;}
.seoPublic .Auxil-related .list ul {margin: -15px;}}
@media screen and (max-width: 1000px) {.seoPublic .title {font-size: 24px;margin-bottom: 1em;}
#cp-Nav {display: block;}
#cp-Nav .nav {padding: 0 15px;}
#cp-Nav .nav div.title {font-size: 18px;font-weight: bold;padding: 8px 10px;background: #225aab;border-radius: 5px;color: white;}
#cp-Nav .nav i.mask {width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 230;background: rgba(0, 0, 0, 0.2);}
#cp-Nav .nav > ul {display: none;}
#cp-Nav .nav ul {position: fixed;top: 10%;max-height: 80%;left: 5%;width: 90%;padding: 20px;border-radius: 5px;background: white;z-index: 300;font-size: 16px;overflow: auto;}
#cp-Nav .nav ul ul {padding: 0 10px;font-size: 14px;position: static;max-height: none;width: 100%;margin: 10px 0;}
#cp-Nav .nav ul li a {display: block;padding: 5px 0;line-height: 28px;}
.seoPublic .Auxil-about .box {display: block;}
.seoPublic .Auxil-about .box .right {width: 100%;padding: 0;margin-top: 20px;}
.seoPublic .Auxil-about .box .left {width: 100%;padding: 0;}
.seoPublic .Auxil-about .box .right div.h3 {font-size: 18px;}
.seoPublic > div {padding: 30px 0;}
.seoPublic .Auxil-about .box .right .text {max-height: none;}}
@media screen and (max-width: 700px) {.seoPublic .seoIndustry{display: none;}}
.his-bg .ui.container {display: flex;align-items: center;}
.his-bg {background-repeat: no-repeat;/*background-attachment: fixed;*/}
.his-bg .left-his {margin-left: -13%;width: 38%;}
.his-bg .right-his {width: 70%;margin-left: 5%;}
.his-bg img {max-width: 100%;}
.his-bg .right-his .about-4 h3 {color: #fff;font-size: 38px;margin-bottom: 50px;margin-top: 0px;}
.his-bg .right-his .about-4 h2 {color: #fff;font-size: 24px;text-transform: capitalize;line-height: 2;}
@media screen and (max-width: 1000px) {.his-bg .right-his .about-4 h3{font-size: 29px;margin-bottom: 20px;}}
@media screen and (max-width: 700px) {.his-bg .ui.container{display: block;}
.his-bg .left-his{width: 100%;margin-left: 0;display: none;}
.his-bg .right-his{width: 100%;margin-left: 0;padding: 30px 0;}}
@media screen and (max-width: 500px) {.his-bg .right-his .about-4 h2{font-size: 20px;}}
.p05 h2 {font-size: 46px;font-weight: bold;line-height: 1;color: #fff;}
.p05 div,.p05 p {font: inherit;}
.white {color: #fff;}
.p05 .support .item{display: flex;align-items: center;margin: 30px 0;padding-bottom: 88px;}
.p05 .support .item:nth-child(odd){flex-direction: row-reverse;}
.p05 {font-size: 16px}
.p05 h2 {margin-bottom: 40px}
.p05 .samples,.p05 .consultation {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;margin: 120px auto}
.p05 .samples .mml-text,.p05 .consultation .mml-text {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 20px;max-width: 50%;color: #565656;font-size: 18px;}
.p05 .samples .mml-image,.p05 .consultation .mml-image {margin: auto}
.p05 .samples h2,.p05 .consultation h2 {color: black;text-align: initial;line-height: 1.4;}
.p05 .samples p,.p05 .samples ul,.p05 .consultation p,.p05 .consultation ul {margin-top: 15px;line-height: 2;}
.p05 .samples li,.p05 .consultation li {margin: 5px 0;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;font-size: 18px;}
.p05 .samples .green,.p05 .consultation .green {margin-right: 5px;color: #56d079}
.p05 .consultation {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;/*max-width: 1404px;*/}
.p05 .stable {overflow: hidden;padding: 120px 0;background-color: #19181d;text-align: center}
.p05 .stable p {margin: 0 auto 15px;max-width: 750px;color: gray;line-height: 2;}
.p05 .slicker-stable {/*max-width: 1700px;*/margin: 60px 0 0;/*-webkit-transform: translate(25%, 0);-ms-transform: translate(25%, 0);transform: translate(25%, 0)*/}
.p05 .slicker-stable{margin-right: -10%;}
.p05 .slicker-stable .slick-list{padding-right: 200px !important;}
.p05 .slicker-stable .slick-slide {position: relative;margin: 0 20px}
.p05 .slicker-stable .slick-slide:before {content: '\20';position: absolute;left: 0;top: 0;bottom: 0;right: 0;/*background-color: rgba(25, 24, 29, .5);*/-webkit-transition: all 0.24s;-o-transition: all 0.24s;transition: all 0.24s}
.p05 .slicker-stable .slick-slide.slick-current:before {opacity: 0}
.p05 .slick-dots {max-width: 820px;width: 50%;margin: 40px auto 0;}
.p05 .slick-dots>li {display: inline-block;background-color: #f7f7f7;}
.p05 .slick-dots>li.slick-active {background-color: var(--primary);}
.p05 .support {overflow: hidden;color: white}
.p05 .support .mml-row {margin: 60px auto;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center}
.p05 .support .mml-row:nth-child(even) {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row}
.p05 .support .mml-image {margin: auto}
.p05 .support .mml-text {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;padding: 20px;max-width: 50%;color: #000;text-align: initial;}
.p05 .support .sup-title {display: block;margin-top: 70px;color: #111;line-height: 2;}
.p05 .support h3 {margin-bottom: 30px;font-size: 30px;line-height: 2;}
.p05 .support p {margin-top: 15px;font-size: 18px;line-height: 2;}
@media (max-width:1200px) {.p05 .slicker-stable {-webkit-transform: none;-ms-transform: none;transform: none}
.p05 .slick-dots {max-width: unset;width: unset}}
@media (max-width:1000px) {.p05 .consultation,.p05 .samples {display: block}
.p05 .consultation .mml-image,.p05 .samples .mml-image {width: unset}
.p05 .consultation .mml-text,.p05 .samples .mml-text {margin: auto}}
@media (max-width:780px) {.p05 .support .mml-row {display: block;margin: 40px auto}
.p05 .support .mml-image {width: unset;max-width: unset}
.p05 .support .mml-text {margin: auto}
.p05 .support .sup-title {text-align: center}}
@media (max-width:600px) {.p05 h2 {margin-bottom: 20px}
.p05 .consultation,.p05 .samples {margin: 40px 0}
.p05 .stable {padding: 40px 0}
.p05 .slicker-stable,.p05 .slick-dots {margin-top: 20px}}
.p05 .support .ui.container {max-width: 1404px;}
.p05 h2 {font-size: 46px;font-weight: bold;line-height: 1;color: #fff;}
.p05 div,.p05 p {font: inherit;}
.white {color: #fff;}
.p05 .slick-dots button{display:none}
.p05 .slick-dots>li{margin:0 10px;width:12px;height:12px;background-color:#fff;border-radius:50%;cursor:pointer;-webkit-transition:all 0.24s;-o-transition:all 0.24s;transition:all 0.24s}
.p05 .slick-dots>li.slick-active{background-color:#fff;}
@media only screen and (max-width:1000px){.p05 .samples .mml-text, .p05 .consultation .mml-text{max-width: 100%;}
.p05 h2{font-size: 30px;}
.p05 .support .item{display: block;}
.p05 .support .mml-text{max-width: 100%;}}
@media screen and (max-width: 800px) {.p05 .consultation{display: block;}
.p05 .samples, .p05 .consultation{display: block;}
.p05 .samples .mml-image, .p05 .consultation .mml-image{width: 100%;}
.p05 .support .mml-image img{width: 100%;}
.p05 .samples .mml-image img, .p05 .consultation .mml-image img{width: 100%;}}
@media screen and (max-width: 501px) {.p05 .slicker-stable .slick-list{padding-right: 100px !important;}}
.p06-1-s5 {padding-bottom: 160px}
.p06-1-s5 .mml-row>ul>li {margin-top: 90px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center}
.p06-1-s5 .mml-row>ul>li:nth-child(odd) .text-wrap {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;padding-left: 10px;-webkit-box-flex: 1;-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto}
.p06-1-s5 .mml-row>ul>li:nth-child(even) {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse}
.p06-1-s5 .mml-row>ul>li:nth-child(even) .text-wrap {padding-right: 10px;-webkit-box-flex: 1;-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto}
.p06-1-s5 h2 {margin-bottom: 30px;font-size:40px;font-weight: bold;       color: #363636;line-height: 1.3;}
.p06-1-s5 p {margin-top: 10px;font-size: 18px;font-weight: 400;line-height: 1.8;color: #767676;}
.p06-1-s5 .img-wrap {max-width: 822px;width: 54%}
.p06-1-s5 .text {max-width: 593px}
.p06-1-s5 .swiper-pagination {position: absolute;margin-top: 0}
.p06-1-s5 .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 30px}
@media (max-width:1200px) {.p06-1-s2 .small {margin-top: 0;max-width: 100%}
.p06-1-s4 .text {margin: 0}}
@media (max-width:960px) {.p06-1-s2 .tab {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center}
.p06-1-s2 .tab li {width: calc(50% - 2px);margin-bottom: 2px}
.p06-1-s5 h2{font-size: 24px;}
.inner-banner .cat_cont {height: 0 !important;padding: 0 !important;}}
@media (max-width:768px) {.p06-1-s1 {padding: 40px 0}
.p06-1-s4 .text {padding: 10px}
.p06-1-s5 {padding-bottom: 40px}
.p06-1-s5 .mml-row>ul>li {margin-top: 20px;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center}
.p06-1-s5 .mml-row>ul>li:nth-child(odd) .img-wrap,.p06-1-s5 .mml-row>ul>li:nth-child(even) .img-wrap {width: 100%}
.p06-1-s5 .mml-row>ul>li:nth-child(odd) .text-wrap,.p06-1-s5 .mml-row>ul>li:nth-child(even) .text-wrap {margin-top: 20px;padding: 0;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center}
.p06-1-s5 .mml-row>ul>li:nth-child(odd) .text,.p06-1-s5 .mml-row>ul>li:nth-child(even) .text {max-width: 100%;text-align: center}}
@media (max-width:540px) {.p06-1-s2 .tab li {width: 100%}}
.service2-page .service-1 {padding: 138px 0 130px;}
.service2-page .service-1 ul {margin: -20px;}
.service2-page .service-1 ul li {padding: 20px;}
.service2-page .service-1 ul li .box {background: white;-webkit-box-shadow: 0px 13px 44px 5px rgba(0, 0, 0, 0.06);box-shadow: 0px 13px 44px 5px rgba(0, 0, 0, 0.06);text-align: center;padding: 75px 55px;}
.service2-page .service-1 ul li .box .icon {height: 60px;}
.service2-page .service-1 ul li .box .icon img {-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.service2-page .service-1 ul li .box h4 {font-size: 25px;font-weight: bold;margin: 20px 0 26px;}
.service2-page .service-1 ul li .box .text {font-size: 17px;line-height: 35px;min-height: 180px;}
.service2-page .service-1 ul li .box:hover .icon img {-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);transform: rotateY(360deg);}
.service2-page .service-2 {background-color: #fafafa;padding: 100px 0 100px;}
.service2-page .service-2 .top {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-bottom: 100px;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
.service2-page .service-2 .top .text {width: 60%;padding-right: 60px;}
.service2-page .service-2 .top .text h3 {font-size: 43px;font-weight: 900;font-style: italic;margin-bottom: 25px;}
.service2-page .service-2 .top .text h5{font-size: 25px;line-height: 40px;}
.service2-page .service-2 .top .text .content {font-size: 17px;line-height: 30px;margin-top: 30px;}
.service2-page .service-2 .top .text .content p:not(:last-child) {margin-bottom: 50px;}
.service2-page .service-2 .top .img{width: 40%;}
.service2-page .service-2 .product {margin: 50px 0;}
.service2-page .service-2 .product ul{margin: -15px;}
.service2-page .service-2 .product ul li{padding: 15px;}
.service2-page .service-2 .bottom {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
.service2-page .service-2 .bottom .text {width: 60%;padding-left: 80px;}
.service2-page .service-2 .bottom .text .content {font-size: 18px;line-height: 30px;margin-top: 30px;}
.service2-page .service-2 .bottom .text .content p:not(:last-child) {margin-bottom: 60px;}
.service2-page .service-2 .bottom .text .content ul li{margin-bottom: 20px;display: flex;}
.service2-page .service-2 .bottom .text .content ul li h5{font-size: 26px;font-weight: bold;display: inline-block;}
.service2-page .service-2 .bottom .text .content ul li p{font-size: 18px;margin-top: 6px;display: inline-block;padding-left: 10px;}
.service2-page .honor ul{margin: -15px;}
.service2-page .honor ul li{padding: 15px;}
.service2-page .service-3 {padding: 140px 0;overflow: hidden;}
.service2-page .service-3 h2 {font-size: 43px;font-weight: 900;font-style: italic;margin-bottom: 45px;}
.service2-page .service-3 .text {margin: -50px;}
.service2-page .service-3 .text h4 {font-size: 25px;margin-bottom: 10px;}
.service2-page .service-3 .text .num .item{margin-bottom: 15px;}
.service2-page .service-3 .text .num .item h5{font-size: 26px;font-weight: bold;display: inline-block;}
.service2-page .service-3 .text .num .item p{font-size: 18px;display: inline-block;padding-left: 10px;}
.service2-page .service-3 .text .column {padding: 50px;}
.service2-page .service-3 .text .content {/*font-weight: 300;*/}
.service2-page .service-3 .imgbox {margin-top: 50px;}
.service2-page .service-3 ul {margin: -15px;}
.service2-page .service-3 ul li {padding: 15px;}
.service2-page .service-4 {background-color: #fafafa;padding-bottom: 100px;padding-top: 100px;}
.service2-page .service-4 h2 {font-size: 43px;font-weight: 900;font-style: italic;text-align: center;}
.service2-page .service-4 p.text {margin: 30px auto 50px;text-align: center;font-size: 18px;line-height: 26px;max-width: 1050px;}
/*.service2-page .service-4 ul.grid-box {margin: -35px;}
.service2-page .service-4 ul.grid-box .column {padding: 35px;}*/
.service2-page .service-4 ul li .box {position: relative;}
.service2-page .service-4 ul li .box .column{vertical-align: middle;}
.service2-page .service-4 ul li .box .content {/*position: absolute;left: 15px;bottom: 15px;background-color: white;max-width: 365px;*/padding: 9px;vertical-align: middle;}
.service2-page .service-4 ul li .box .content h4 {font-size: 20px;font-weight: bold;margin-bottom: 20px;}
.service2-page .service-4 ul li .box .content .text {font-size: 18px;line-height: 23px;font-weight: 300;margin: 45px 0 45px;}
.service2-page .service-4 ul li .box .content .text p{margin-bottom: 20px;font-weight: 500;}
.service2-page .service-4 ul.grid-box .slick-dots {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;margin-top: 90px;}
.service2-page .service-4 ul.grid-box .slick-dots li {width: 10px;height: 10px;border-radius: 100%;background-color: #878787;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;margin: 0 6px;}
.service2-page .service-4 ul.grid-box .slick-dots li button {display: none;}
.service2-page .service-4 ul.grid-box .slick-dots li.slick-active {background-color: var(--color);}
.service2-page .about{padding: 60px 0;}
.service2-page .about .right{padding-left: 50px;}
.service2-page .about .right .content{font-size: 18px;line-height: 30px;}
@media screen and (max-width: 1000px){
.service2-page .service-1,.service2-page .service-2,.service2-page .service-3 {padding: 60px 0;}
.service2-page .service-1 h2,.service2-page .service-2 .top .text h3,.service2-page .service-2 .bottom .text h3,.service2-page .service-3 h2,.service2-page .service-4 h2,.service2-page .service-4 ul li .box .content h4 {font-size: 32px !important;}
.service2-page .service-1 ul {margin: -10px;display: flex;flex-wrap: wrap;}
.service2-page .service-1 ul li {width: 50% !important;padding: 10px;}
.service2-page .service-1 ul li .box {padding: 15px;height: 100%;}
.service2-page .service-1 ul li .box h4,.service2-page .service-2 .top .text h5,.service2-page .service-3 .text h4 {font-size: 20px;}
.service2-page .service-1 ul li .box .text,.service2-page .service-2 .top .text .content,.service2-page .service-2 .bottom .text .content,.font-18 {font-size: 16px;}
.service2-page .service-2 .top .text {width: 100%;padding-right: 0;}
.service2-page .service-2 .top .img {width: 100%;margin-top: 20px;}
.service2-page .service-2 .top {display: block;margin-bottom: 40px;}
.service2-page .service-2 .product {margin: 20px 0;}
.service2-page .service-2 .bottom .text {width: 100%;padding-left: 0;margin-top: 20px;}
.service2-page .service-2 .bottom .img {width: 100%;}
.service2-page .service-2 .bottom {display: block;}
.service2-page .service-2 .bottom .text .content ul li {display: block;}
.service2-page .service-2 .bottom .text .content p:not(:last-child) {margin-bottom: 0;}
.service2-page .service-2 .bottom .text .content p {width: 100%;padding-left: 0 !important;}
.service2-page .service-3 .text .column,.service2-page .service-3 .text .column {padding: 0;width: 100%;}
.service2-page .service-3 .text {margin: 0;display: block;}
.service2-page .service-3 .text .column.right {margin-top: 20px;}
.service2-page .service-4 ul li .box .content {width: 100%;padding: 0;margin-top: 20px;}
.service2-page .service-4 ul li .box .column {width: 100%;}}
@media screen and (max-width: 700px){
.service2-page .service-1,.service2-page .service-2,.service2-page .service-3 {padding: 40px 0;}
.service2-page .service-1 h2,.service2-page .service-2 .top .text h3,.service2-page .service-2 .bottom .text h3,.service2-page .service-3 h2,.service2-page .service-4 h2,.service2-page .service-4 ul li .box .content h4 {font-size: 24px !important;}
#index-body .init-3 .list ul li .flex .text {max-width: none;}
#index-body .init-3 .list ul li .flex span.h6 {width: 2em;text-align: right;justify-content: right;}
.service2-page .service-1 ul li {width: 100% !important;}
.service2-page .service-1 ul li .box .text {min-height: unset;}
.service2-page .service-1 ul li .box h4 {margin: 10px 0;}table {white-space: nowrap;}}
#index-body .init-3 .list ul,#index-body .init-3 .list ul li .flex {align-items: center;}