 

/* CSS Reset */
html{-webkit-text-size-adjust:none; }
body{color: #232323;overflow-x:hidden;margin:0; padding:0;font-family:Arial,sans-serif;}
header,nav,section,article,aside,footer {display: block;}
input,select,textarea {border-radius: 0;outline: none;font-family:'Microsoft YaHei',Arial,sans-serif;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a{font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.alltra {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.table {display: table;width: 100%;height: 100%;}
.table-cell {display: table-cell;vertical-align: middle;}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color: #000;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;}
.content{margin: auto;position: relative;overflow: hidden;}
.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
::-webkit-scrollbar{height:4px; width:3px;background: #cfd6db;}
::-webkit-scrollbar-button{height:0; width:5px;background: #1e64dd;}
::-webkit-scrollbar-thumb{background-color:#1e64dd;box-shadow:inset 1px 1px 0 #1e64dd,inset 0 -1px 0 #1e64dd;}




/* header */
.header {position:fixed;left: 0;top: 0;z-index: 100;width: 100%;transition:all .4s ease;background: rgba(255,255,255,.5);}
.header-content {width:94%;height: 110px;margin: auto;position: relative;}
.header-logo {width:auto;height: auto;position: absolute;top: 50%;transform: translateY(-50%);left: 0;z-index: 11;}
.header-logo a {display: block;background: url('../images/logo.png?v=1.00') center no-repeat;background-size: 100%;}
.header-logo img {opacity: 0;display: inline-block;width: auto;height: auto;}
.header-nav {position: absolute;left: 50%;top: 0;height: 100%;z-index: 1;text-align: center;transform: translateX(-50%);width: 100%;}
.header-nav ul {list-style: none;margin: 0;padding: 0;}
.header-nav li{display: inline-block;vertical-align: middle;position: relative;}
.header-nav li::after {content: '';width: 5px;height: 10px;display: inline-block;vertical-align: middle;background: url('../images/r.png') center no-repeat;margin: 0 5px;opacity: .14;}
.header-nav li:last-child::after {display: none;}
.header-nav li a.n1{color: #fff;font-size: 14px;line-height: 110px;display: inline-block;position: relative;}
.header-nav li.cur a.n1,.header-nav li a.n1:hover,.header-nav li.on a.n1 {color: #1e64dd;}
.header-right {position: absolute;top: 50%;transform: translateY(-50%);right:0;z-index: 11;}
.header-right div {display: inline-block;vertical-align: middle;}
.header-right a.cur{display: block;color: #fff;width: 75px;height: 75px;line-height: 75px;border: 1px solid rgba(255,255,255,.14);border-radius: 100px;text-align: center;}
.header-right i{display: inline-block;vertical-align: middle;width: 18px;height: 18px;position: relative;}
.header-right span{display: inline-block;vertical-align: middle;margin-left: 10px;font-size: 14px;font-family: 'Montserrat-Regular';}
.header-search a:hover {background: #1e64dd;}
.header-search a:hover i img{filter: invert(100%);}
.header-language {margin-left: 10px;position: relative;}
.header-language a{padding: 0 20px;display: none;}
.header-language a.cur{display: block;}
.header-language a:hover {text-decoration: underline;}
.header-language:hover a.cur{background: #1e64dd;color: #fff;}
.header-language:hover img {filter: invert(100%);}
.header-language a.cn {display: none;position: absolute;color: #fff;top: 50%;transform: translateY(-52%);font-size: 14px;border: none;padding: 0;right: 25%;font-weight: bold;}
.header-language:hover a.cn {display: block;}
.header-language:hover a.cn:hover {text-decoration: underline;}
.header-language:hover a.cur{width: 115px;}
.header-language:hover a.cur span{margin-right: 30px;}

.header-nav-menu {position: absolute;width: 140px;top: 90px;left:-60px;background: #fff;text-align: left;padding: 20px 20px 30px 20px;display: none;text-align: center;box-shadow: 0px 11px 30px 0px rgba(114, 114, 114, 0.35);}
.header-nav-menu::before {content: '';width: 9px;height: 17px;background: url('../images/top.png') center no-repeat;position: absolute;left: 50%;top: -10px;z-index: 11;margin-left: -4.5px;}
.header-nav-menu a {display: block;padding: 10px 0;font-size: 14px;color: #818181;}
.header-nav-menu a:hover {color: #1e64dd;}
.header-nav li.cur .header-nav-menu {display: block;}


.header.scroll-down {top: -110px;}
.header.hover,.header.scroll-top {background: #fff;}
.header.hover {background: rgba(255,255,255,.5);}
.header.hover .header-logo a,.header.scroll-top .header-logo a{background: url('../images/logo1.png?v=1.00') center no-repeat;background-size: 100%;}
.header.hover li a.n1,.header.scroll-top li a.n1{color: #1a1a1a;}
.header.hover .header-nav li::after,.header.hover .header-right a.cur img,
.header.scroll-top  .header-nav li::after,.header.scroll-top  .header-right a.cur img  {filter: invert(100%);}
.header.hover .header-nav li.cur a.n1,.header.hover .header-nav li.on a.n1,
.header.scroll-top .header-nav li.cur a.n1,.header.scroll-top .header-nav li.on a.n1{color: #1e64dd;}
.header.hover .header-right a.cur,.header.scroll-top .header-right a.cur{color: #000;border: 1px solid rgba(0,0,0,.14);}
.header.hover .header-right .header-language:hover img,.header.scroll-top .header-right .header-language:hover img,
.header.hover .header-right a:hover img  {filter: invert(0);}
.header.hover .header-right .header-language:hover span,.header.scroll-top .header-right .header-language:hover span{color: #fff;}

.header.black {border-bottom: 1px solid #dddddd;}
.header.black .header-logo a{background: url('../images/logo1.png?v=1.00') center no-repeat;background-size: 100%;}
.header.black li a.n1,.header.black .header-right a.cur{color: #1a1a1a;}
.header.black .header-nav li::after,.header.black .header-right a.cur img {filter: invert(100%);}
.header.black .header-right a:hover img {filter: invert(0);}
.header.black .header-nav li.cur a.n1,.header.black .header-nav li.on a.n1{color: #1e64dd;}
.header.black .header-right a.cur{color: #000;border: 1px solid rgba(0,0,0,.14);}


.menu-toggle {display: block;width: 40px;height: 40px;position: absolute;overflow: hidden;right: 3%;top:50%;z-index: 111;transform: translateY(-50%);display: none;}
.cd-nav-trigger {display: block;width: 40px;height: 40px;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:2px;background:#ccc;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger:after {margin-top:-7px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:7px;top:0;transition-delay:0.2s;}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:24px;height:2px;background:#ccc;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);transform:translateX(70px);transition-delay:0.12s;}
.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);background: #000;}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;background: #000;}




.footer {background: #061528;overflow: hidden;color: #fff;position: relative;height: 600px;}
.footer-contact-top {overflow: hidden;width: 94%;position: absolute;left: 3%;top:15%;z-index: 2;}
.footer-left {float: left;width: 40%;}
.footer-email {width: 100%;}
.footer-email .title-1{font-size: 18px;opacity: .2;}
.footer-email .title-2{font-size: 40px;font-family: 'Montserrat-Regular';position: relative;display: inline-block;}
.footer-email .title-2::after {content: '';width: 100%;height: 2px;background: #fff;position: absolute;left: 0;bottom: 0;}
.footer-right {float: left;margin-left: 6.5%;}
.footer-nav {overflow: hidden;}
.footer-nav a{display: block;font-size: 18px;opacity: .2;padding: 6% 0;color: #fff;}
.footer-nav a:first-child,.footer-nav a:hover  {opacity: 1;}
.footer-contact-bottom {font-size: 14px;color: #5b6068;position: relative;overflow: hidden;position: absolute;left: 3%;bottom:8%;z-index: 1;width: 94%;}
.footer-contact-bottom a {color: #fff;opacity: .2;}
.footer-contact-bottom a:hover {color: #fff;}
.footer-contact-left {float: left;}
.footer-contact-center {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;}
.footer-contact-right {float: right;text-align: right;}
.aside-top {position: fixed; width: 70px;bottom:10%;right:1.5%; z-index:199;display: none;}
.aside-top a {width: 70px;height: 70px;display: block;overflow: hidden; background: #1e64dd url('../images/up1.png') no-repeat center;border-radius: 100%;}
.aside-top a:hover {background: #1e64dd url('../images/up1.png') no-repeat center;opacity: 1;}
.footer .aside-top{display: block;position: absolute;bottom:auto;top: 15%;right:3%; }



/* index */
.index-swiper,.index-banner-swiper {width: 100%;height: 100%;}
.end-slide {height: 600px;}
.index-banner-swiper {position: relative;}
.index-banner-swiper .text {text-align: center;color: #fff;position: absolute;left: 0;top: 20%;z-index: 111;width: 100%;}
.index-banner-swiper .text .title-1 {font-size: 42px;line-height: 54px;}
.index-banner-swiper .text .title-2 {font-size: 14px;color: #666666;margin-top:1%;}		

.swiper-button-prev,.swiper-button-next {background-position: center center;background-repeat: no-repeat;transition:all .4s ease;}
.swiper-button-prev::after,.swiper-button-next::after {display: none;}
.swiper-button-next {background-image: url('../images/r2.png');right: 5%;}
.swiper-button-prev {background-image: url('../images/l2.png');left: 5%;}
.swiper-button-next:hover {background-image: url('../images/r1.png');}
.swiper-button-prev:hover {background-image: url('../images/l1.png');}
.index-banner-swiper .banner-pagination {text-align: left;left: 2.5%;bottom: 3%;}
.index-banner-swiper .banner-pagination span{background: #22272d;width: 4px;height: 4px;opacity: 1;margin: 5px 8px!important;display: inline-block;vertical-align: middle;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active {background: #1e64dd;width: 8px;height: 8px;margin: 0px 8px!important;}
.index-roll {position: absolute;right: 3%;bottom: 5%;z-index: 11;}
.index-roll span{font-size: 12px;display: block;text-transform: uppercase;color: #fff;position: absolute;left:18%;top: -50px;transform: rotate(-90deg);}
.index-roll i{display: block;width: 70px;height: 70px;border-radius: 100%;border: 1px solid rgba(255,255,255,.2);background-image: url('../images/down1.png');background-position: center;background-repeat: no-repeat;}
.index-roll i {animation: updown1 1000ms infinite ease;}
@keyframes updown1{0%{background-position: center 45%;} 50%{background-position: center 60%;}100%{background-position: center 45%;}}


.index-main-business {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 20;color: #fff;}
.index-main-business .title-1 {position: absolute;left: 3%;top: 15%;font-size: 38px;}
.index-main-business .more-1 {position: absolute;right:4%;top: 17%;z-index: 30;}
.more-1 a {display: block;font-size: 0;}
.more-1 a span{color: #fff;font-size: 14px;display: inline-block;vertical-align: middle;}
.more-1 a i{display: inline-block;vertical-align: middle;background: url('../images/r2.png') center no-repeat;margin-left: 10px;width: 18px;height: 12px;opacity: .3;}
.more-1 a:hover i {opacity: 1;}
.index-main-business-swiper {position: relative;width: 100%;height: 100%;}
.index-main-business-item {overflow: hidden;position: absolute;bottom:10%;left: 0;width: 100%;z-index: 11;}
.index-main-business-item .img{background: none;text-align: center;width: 50%;margin: auto;}
.index-main-business-item .img img {display: inline-block;width: auto;height: auto;max-height: 374px;}
.index-main-business-item .text{text-align: center;}
.index-main-business-item .title-2{font-size: 34px;line-height: 38px;}
.line-1{width: 30px;height: 4px;margin: 20px auto;background: #1e64dd;}
.text-1{font-size: 18px;line-height: 30px;}
.more-2{margin-top: 2%;text-align: center;}
.more-2 a {display: inline-block;font-size: 14px;color: #fff;width: 130px;height: 45px;line-height: 45px;text-align: center;border: 1px solid rgba(255,255,255,.2);border-radius: 100px;}
.more-2 a:hover {background: #1e64dd;border: 1px solid #1e64dd;}
.business-prev,.business-next {width: 70px;height: 70px;opacity: 1;border-radius: 100%;border: 1px solid rgba(255,255,255,.2);margin-top: auto;top: auto;bottom: 18%;}
.business-prev {left: 3%;}
.business-next {right: 3%;}
.business-prev-title,.business-next-title {position: absolute;bottom: 10%;z-index: 11;font-size: 16px;color: #fff;}
.business-prev-title {left: 3%;}
.business-next-title {right: 3%;}

.index-about {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 20;color: #fff;}
.index-about .title-1{position: absolute;right:3%;top: 15%;font-size: 38px;}
.play-1{width: 360px;height: 360px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;background: url('../upload/yuan.png') center no-repeat;background-size: 100%;transition:all .4s ease;}
.play-1 a {display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.play-1 i{display: block;width: 37px;height: 37px;background: url('../upload/play.png') center no-repeat;}
.play-1 span{display: block;font-size: 16px;color: #fff;margin-top: 5px;}
.play-1:hover {background-size: 80%;}
.index-about .text{position: absolute;left: 3%;bottom: 10%;width: 27%;z-index: 11;overflow: hidden;}
.index-about .text-1{font-size: 16px;line-height: 24px;}
.index-about .more-2{margin-top: 5%;text-align: left;}

.index-news {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 20;color: #fff;overflow: hidden;}
.index-news .title {position: absolute;left:3%;top: 15%;}
.index-news .title .title-1{font-size: 38px;}
.index-news .title .text-1{font-size: 16px;opacity: .5;margin-top: 1%;}
.index-news .more-1{position: absolute;right:4%;top: 17%;z-index: 30;}
.index-news-container {position: absolute;width: 90%;left: 10%;top:20%;z-index: 20;color: #fff;}
.index-news-swiper {width: 100%;height: 100%;cursor: url("../upload/mos.png"),default!important;padding: 10% 0;overflow: hidden;}
.index-news-item {position: relative;overflow: hidden;margin-top: 5%;transition:all .4s ease;}
.index-news-item a {color: #fff;display: block;position: relative;padding-bottom: 9%;cursor: url("../upload/mos.png"),default!important;}
.index-news-item .img{overflow: hidden;margin-left: 9%;width: 90%;}
.index-news-item .img img{display: block;width: 100%;height: auto;}
.index-news-item .mark {position: absolute;width: 90%;height: 90%;left: 0;bottom: -5%;z-index: 10;background-image:-webkit-linear-gradient(80deg, #1e64dd 0%, rgba(58,120,226,0) 90%);opacity: 0;}
.index-news-item .text{position: absolute;width: 80%;left:10%;bottom: 15%;}
.index-news-item .title-2{font-size: 28px;line-height: 34px;}
.index-news-item .detail-2{margin-top: 4%;}
.index-news-item .detail-2 span{display: inline-block;vertical-align: middle;font-size: 14px;text-decoration: underline;margin-right: 5px;}
.index-news-item .detail-2 i{display: inline-block;vertical-align: middle;width: 18px;height: 12px;background: url('../images/r2.png') center no-repeat;}
.index-news-swiper .swiper-slide-next .index-news-item{margin-top: 0;}
.index-news-item a:hover .mark {opacity: 1;bottom: 0;}

 


/* about */
.page-banner {overflow: hidden;position: relative;}
.page-banner .text{position: absolute;width: 100%;top: 50%;transform: translateY(-50%);z-index: 11;color: #fff;text-align: center;}
.page-banner .title-1{font-size: 50px;}
.page-banner .line-1{width: 20px;height: 4px;background: #1e64dd;margin: 20px auto;}
.page-banner .text-1{font-size: 14px;line-height: 20px;color: #fff;}
.page-banner .pic {animation: bigimgani1 3000ms 1 ease forwards;}
@keyframes bigimgani1{0%{transform:scale(1.0);} 100%{transform:scale(1.05);}}

.page-about-xhy {padding: 5% 0 1% 0;overflow: hidden;background: #ededed;}
.page-content {width: 94%;margin: auto;}
.about-left {float: left;width: 42%;}
.about-left .text{position: relative;}
.about-left .text .title-1{font-size: 30px;line-height: 34px;}
.about-left .text .line-1{margin: 20px 0;}
.about-left .text .text-1{font-size: 14px;line-height: 24px;color: #828282;}
.about-left .date-list{margin-top: 10%;}
.date-list-item {overflow: hidden;float: left;position: relative;padding-right: 5%;padding-left: 5%;color: #7e7e7e;font-size: 14px;margin-bottom: 7%;}
.date-list-item::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #ddd;}
.date-list-item:first-child:after {padding-left: 0;}
.date-list-item:nth-child(2)::after,.date-list-item:last-child::after {display: none;}
.date-list-item:nth-child(3) {clear: left;margin-left: 5%;}
.date-list-item .title-1 {position: relative;}
.date-list-item .title-1 strong{display: inline-block;vertical-align: top;margin: 0;padding: 0;font-size: 80px;line-height: 80px;color: #3462b0;font-family: 'Oswald-Medium';font-weight: normal;}
.date-list-item .title-1 sup{display: inline-block;vertical-align: top;}
.date-list-item .text-1{font-size: 14px;}
.about-right {float: right;width: 42%;background: url('../../about/images/wl.png') center no-repeat;padding: 6% 0 15% 8%;background-size: 100%;}
.about-right .title-2 {font-size: 24px;line-height: 34px;color: #666666;}
.about-right .img {background: none;}
.about-right .pic {margin-top: 4%;}
.play-2 {position: absolute;left: 5%;bottom: 10%;z-index: 11;cursor: pointer;}
.play-2 i{display: inline-block;vertical-align: middle;margin-right: 10px;width: 81px;height: 93px;background: url('../../about/images/play.png') center no-repeat;}
.play-2 span{display: inline-block;vertical-align: middle;font-size: 14px;color: #fff;}
.play-2 a:hover i{transform: scale(.8);}

.page-history {padding: 5% 0;overflow: hidden;background: url('../../about/images/bg1.jpg') center no-repeat;color: #fff;}
.history-top {overflow: hidden;}
.history-top .title-1{font-size: 14px;color: #7e7e7e;}
.history-top .title-2{font-size: 30px;margin-top: .5%;}
.history-bottom {margin-top: 5%;}
.history-swiper {text-align: center;}
.history-item {color: #1e64dd;}
.history-item .year-1{font-size: 240px;line-height: 240px;font-family: 'Oswald-Medium';}
.history-item .date-2{font-size: 30px;line-height: 30px;font-family: 'Oswald-Medium';}
.history-item .text-1{font-size: 14px;line-height: 24px;color: #828282;margin: auto;margin-top: 5%;width: 80%;}
.history-prev,.history-next {border: 1px solid rgba(255,255,255,.2);width: 70px;height: 70px;border-radius: 100%;margin-top: -150px;}
.history-prev:hover,.history-next:hover {background-color: #1e64dd;border: #1e64dd 1px solid;}
.history-prev:hover {background-image: url('../images/l2.png');}
.history-next:hover {background-image: url('../images/r2.png');}
.history-pagination {bottom: auto;margin-top: auto;left:auto;height: 1px;top:auto;z-index: 11;position: relative;margin-top: 5%;display: inline-block;width: auto!important;}
.history-pagination span {border-radius: 0;width:60px;height: 1px;background: #fff;margin: 0!important;transition:all .4s ease;}
.history-pagination::before,.history-pagination::after {content: '';position: absolute;top: 9px;background: #fff;opacity: .5;height: 14px;width:1px;}
.history-pagination::before {left: 0;}.history-pagination::after {right:0;}
.history-pagination .swiper-pagination-bullet-active {height: 3px;transform: translateY(1px);}
.history-mos {text-align: center;margin-top: 1%;}
.history-mos i{display: block;width: 20px;height: 30px;margin: auto;background: url('../../about/images/mos.png') center no-repeat;}
.history-mos span{color: #fff;font-size: 14px;display: block;margin-top: 10px;}

.page-honorary {background: #f8f8f8;padding: 5% 0;overflow: hidden;}
.honorary-top {width: 88%;margin: auto;overflow: hidden;padding-bottom: 4%;}
.honorary-left {float: left;width: 30%;}
.honorary-left a{display: block;float: left;width: 200px;height: 50px;line-height: 50px;border: 1px solid #dddddd;margin-right: 10px;margin-bottom: 10px;padding-left:5%;box-sizing: border-box;position: relative;}
.honorary-left span{font-size: 14px;color: #1a1a1a;}
.honorary-left i{width: 17px;height: 12px;background: url('../../about/images/r1.png') center no-repeat;position: absolute;right: 10%;top: 50%;transform: translateY(-50%);opacity: .5;}
.honorary-left a.cur {background: #1e64dd;border: 1px solid #1e64dd;}
.honorary-left a.cur span {color: #fff;}
.honorary-left a.cur i {filter: invert(100%);opacity: 1;}
.honorary-right {float: right;text-align: right;}
.honorary-right .title-1{font-size: 14px;color: #7e7e7e;}
.honorary-right .title-2{font-size: 30px;line-height: 34px;margin-top: 4%;}
.honorary-right .title-2 p {margin: 0;padding: 0;}
.honorary-bottom {clear: both;padding: 2% 0;overflow: hidden;width: 100%;margin: auto;position: relative;border-top: 1px solid #e8e8e8;}
.honorary-swiper {width: 88%;margin: auto;}
.honorary-item {overflow: hidden;}
.honorary-item a{display: block;background: #e8e8e8;overflow: hidden;}
.honorary-item .img{position: relative;margin: 5%;width: 90%;overflow: hidden;background: #fff;}
.honorary-item .img::before {content: '';width: 100%;height: 100%;position: absolute;left:0;top: 0;background: url('../..//about/images/big.png') center no-repeat rgba(30,100,220,.9);z-index: 11;transition:all .4s ease;opacity: 0;}
.honorary-item .name-1{text-align: center;padding: 5% 0 10% 0;overflow: hidden;font-size: 18px;color: #1a1a1a;}
.honorary-item a:hover .img::before{opacity: 1;}
.honorary-next,.honorary-prev{width: 70px;height: 70px;border-radius: 100%;margin-top: -35px;border: 1px solid rgba(0,0,0,.2);}
.honorary-prev {left: 0;background-image: url('../images/l3.png');}
.honorary-next {right: 0;background-image: url('../images/r3.png');}
.honorary-next:hover,.honorary-prev:hover {background-color: #1e64dd;border: 1px solid #1e64dd;}
.honorary-prev:hover {background-image: url('../images/l2.png');}
.honorary-next:hover {background-image: url('../images/r2.png');}



/* product */
.page-product {padding: 5% 0;overflow: hidden;background: url('../../product/images/wl.png') right top no-repeat;}
.page-product .page-content {overflow: hidden;}
.page-product-top {text-align: center;}
.page-product-top .type-1{ font-size: 14px;color: #7e7e7e;}
.page-product-top .text-1{font-size: 30px;line-height: 34px;margin-top: 2.5%;}
.page-product-top .text-1 strong {font-weight: normal;color: #1e64dd;}
.page-product-top .nav-3{margin-top: 3%;overflow: hidden;}
.page-product-top .nav-3 a{display: inline-block;background: #f8f8f8;margin: 0 5px;vertical-align: middle;padding: 20px;min-height: 60px;width: 17%;text-align: left;position: relative;}
.page-product-top .nav-3 span{font-size: 16px;display: block;color: #202020;}
.page-product-top .nav-3 i{display: block;width: 18px;height: 12px;position: absolute;right: 10%;bottom: 20%;background: url('../images/r3.png') center no-repeat;opacity: .5;}
.page-product-top .nav-3 a:hover,.page-product-top .nav-3 a.cur {background: #1e64dd;}
.page-product-top .nav-3 a:hover span,.page-product-top .nav-3 a.cur span {color: #fff;}
.page-product-top .nav-3 a:hover i,.page-product-top .nav-3 a.cur i {background: url('../images/r2.png') center no-repeat;opacity: 1;}
.page-product-list {margin-top: 3%;overflow: hidden;text-align: center;font-size: 0;}
.page-product-item {width: 24.222%;margin-right: 1%;margin-bottom: 1%;overflow: hidden;text-align: left;display: inline-block;vertical-align: top;}
.page-product-item.mr0 {margin-right: 0;}
.page-product-item a{background: #f8f8f8;display: block;}
.page-product-item .img{background: none;}
.page-product-item .text{padding: 1% 10% 10% 10%;overflow: hidden;}
.page-product-item .name-1{font-size: 25px;color: #202020;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.page-product-item .detail-1{font-size: 14px;color: #999999;margin-top: 3%;}
.page-product-item a:hover .name-1,.page-product-item a:hover .detail-1{color: #1e64dd;}

.page-turning {text-align: center;margin-top: 4%;margin-bottom: 2%;}
.page-turning a{display: inline-block;vertical-align: middle;width: 70px;height: 70px;line-height: 70px;font-family: 'Montserrat-Regular';font-size: 18px;color: #202020;border-radius: 100%;border: 1px solid #e4e4e4;margin: 0 5px;background-position: center ;background-repeat: no-repeat;}
.page-turning a.cur,.page-turning a.cur:hover{background-color: #1e64dd;color: #fff;}
.page-turning a:hover {background-color: #7e7e7e;color: #fff;}
.page-turning a.prev {background-image:url('../images/l3.png');}
.page-turning a.next {background-image:url('../images/r3.png');}

.page-product-detail {background: #ededed;padding-top: 5%;overflow: hidden;}
.page-detail-path {padding: 3% 0;overflow: hidden;text-align: right;}
.page-detail-path a{font-size: 16px;color: #999999;}
.page-detail-path a.cur {color: #202020;}
.page-detail-return {overflow: hidden;}
.page-detail-return a{display: inline-block;background: #1e64dd;margin: 0 5px;vertical-align: middle;padding: 20px;min-height: 60px;width: 17%;text-align: left;position: relative;}
.page-detail-return span{font-size: 16px;display: block;color: #fff;}
.page-detail-return i{display: block;width: 18px;height: 12px;position: absolute;right: 10%;bottom: 20%;background: url('../images/r2.png') center no-repeat;opacity: 1;}
.page-detail-return a:hover {background: #1e64dd;}
.page-detail-return a:hover span {color: #fff;}
.page-detail-return a:hover i{background: url('../images/r2.png') center no-repeat;opacity: 1;}
.page-detail-content {overflow: hidden;margin-top: -3%;}
.detail-content-left {float: left;width: 35%;margin-left: 10%;margin-top: 8%;}
.detail-content-left .title-1{color: #202020;font-size: 62px;}
.detail-content-left .title-1 strong{font-size: 62px;color: #1e64dd;font-weight: normal;}
.detail-content-left .text-1{font-size: 14px;color: #999;}
.detail-content-left .text-2{font-size: 34px;line-height: 47px;color: #666;margin-top:7%;}
.consulting-1 {margin-top:7%;overflow: hidden;}
.consulting-1 a{display: block;}
.consulting-1 i{display: inline-block;vertical-align: middle;width: 70px;height: 70px;border-radius: 100%;background: #1e64dd url('../images/r2.png') center no-repeat;}
.consulting-1 span{font-size: 14px;color: #999999;margin-left: 10px;}
.detail-content-right {float: right;width: 55%;position: relative;overflow: hidden;}
.detail-content-pic {overflow: hidden;width: 100%;height: 100%;position: absolute;right:0;top: 0;}
.detail-pic-swiper {position: relative;width: 100%;height: 100%;margin-right: 5%;}
.detail-pic-swiper .img{background: none;}
.detail-pic-swiper .swiper-slide { display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.detail-pagination {top: auto;bottom: auto;left: auto!important;right: 0!important;top: 50%;width: 10px!important;transform: translateY(-60%)!important;}
.detail-pagination span{display: block;margin: 20px 0!important;width: 10px;height: 10px;opacity: .2;}
.detail-pagination span.swiper-pagination-bullet-active {opacity: 1;}

.page-product-detail-advantage {background: #fff;padding: 8% 0;overflow: hidden;}
.page-detail-center {width: 80%;margin: auto;}
.page-detail-item {float: left;width: 48%;}
.page-detail-item:last-child {float: right;}
.page-detail-item .title-2{font-size: 23px;border-bottom: 1px solid #aaaaaa;padding: 3% 0;}
.page-detail-item .text-3{font-size: 18px;line-height: 30px;color: #aaaaaa;padding: 5% 0;}
.page-detail-item .text-3 li{font-size: 18px;line-height: 30px;color: #aaaaaa;}
.page-detail-item .text-3 table {width: 100%;}

.page-product-detail-other {overflow: hidden;}
.page-product-detail-other-top {border-top: 1px solid #e4e4e4;padding: 3% 0 2% 0;position: relative;}
.page-product-detail-other-top .title-3{font-size: 39px;color: #202020;}
.page-product-detail-other-top .title-3 strong{color: #1e64dd;font-weight: normal;}
.page-product-detail-other-top .more-3{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.page-product-detail-other-top .more-3 a{font-size: 16px;color: #999999;}
.page-product-detail-other-top .more-3 a:hover {color: #1e64dd;}
.page-product-detail-other-bottom{padding: 0 0 3% 0;overflow: hidden;font-size: 0;}



/* technical */
.page-technical {padding: 5% 0;overflow: hidden;background: url('../../technical/images/wl.png') right top no-repeat;}
.page-technical-list {margin-top: 3%;overflow: hidden;}
.page-technical-item {float: left;width: 24%;margin-right: 1%;margin-bottom: 1%;overflow: hidden;}
.page-technical-item.mr0 {margin-right: 0;}
.page-technical-item a{display: block;border: 1px solid #ededed;overflow: hidden;}
.page-technical-item .img{overflow: hidden;}
.page-technical-item .img::before {content: '';width: 100%;height: 100%;position: absolute;left:0;top: 0;background: url('../..//about/images/big.png') center no-repeat rgba(30,100,220,.9);z-index: 11;transition:all .4s ease;opacity: 0;}
.page-technical-item .text{padding: 8% 5%;overflow: hidden;}
.page-technical-item .title-2{font-size: 18px;color: #202020;min-height: 105px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.page-technical-item a:hover .img::before{opacity: 1;}
.page-technical-item a:hover .title-2{color: #1e64dd;}



/* story */
.page-product-top .text-3 {font-size: 18px;line-height: 24px;color: #666;}
.page-product-top .text-3 strong{font-weight: normal;color: #1e64dd;font-family: 'Montserrat-Regular',PingFang SC,'Microsoft YaHei',Arial;}
.page-story {padding: 5% 0 0 0;}
.page-story.pt0 {padding: 0;}
.page-story .page-content {width: 100%;background-size: 100%;background-position: center 400%;background-repeat: no-repeat;}
.page-story-list {position: relative;padding-top: 10%;}
.page-story-swiper {width: 62%;margin: auto;}
.page-story-swiper .img{overflow: hidden;}
.page-story-swiper .pic{position: relative;}
.page-story-swiper .swiper-slide-active .pic{animation: bigimgani1 3000ms 1 ease forwards;}
.page-story-swiper .history-prev,.page-story-swiper .history-next {margin-top: -40px;}

.page-story-video {position:absolute;width: 20%;right: 15%;top: 25%;z-index: 11;}
.page-story-video .pic::before{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #1e64dd;z-index: 1;opacity: .8;}
.page-story-video .play-2 span {font-size: 18px;}

.page-production-base {padding:0 0 4% 0;overflow: hidden;}
.page-production-base .page-content {border-top: 1px solid #ededed;padding-top: 3%;}
.page-production-base-bottom {width: 80%;margin: auto;position: relative;overflow: hidden;padding: 5% 0;}
.page-production-base-bottom .text {position: absolute;left: 0;top: 26%;z-index: 111;width: 27%;}
.page-production-base-bottom .name-1 {font-size: 62px;color: #202020;}
.page-production-base-bottom .name-1 strong{color: #1e64dd;font-weight: normal;}
.page-production-base-bottom .text-1 {font-size: 14px;line-height: 24px;margin-top: 2%;}
.production-base {position: relative;overflow: hidden;}
.production-base-swiper {width: 70%;float: right;}
.production-base-swiper .history-prev,.production-base-swiper .history-next {margin-top: -40px;}
.page-production-base-bottom .page-story-video {width: 25%;right: auto;top: 60%;left: 15%;}



/* contact */
.page-contact {padding: 11% 0 5% 0;overflow: hidden;background: #f4f4f4 url('../../contact/images/map.png') center no-repeat;}
.page-contact-left {float: left;width: 40%;}
.page-contact-left .title-1{color: #1a1a1a;font-size: 18px;}
.page-contact-left .text{margin-top: 15%;}
.page-contact-left .text .title-2{font-size: 18px;color: #999999;}
.page-contact-left .text .title-3{font-size: 16px;color: #1e64dd;margin-top: 3%;}
.page-contact-left .text .add-2{font-size: 16px;line-height: 24px;color: #999999;margin-top: 2%;}
.page-contact-right {float: left;width: 40%;}
.page-contact-right .title-1{font-size:40px;line-height: 45px;}
.page-contact-right .line-1{margin: 20px 0;}
.page-contact-right .text-1{color: #999999;}
.page-contact-right .form-1{margin-top: 5%;clear: both;overflow: hidden;}
.page-contact-right .form-item {clear: both;overflow: hidden;margin-top: 2%;}
.page-contact-right .form-1 li{list-style: none;margin: 0;padding: 0;float: left;width: 48%;}
.page-contact-right .form-1 li:last-child {float: right;}
.page-contact-right .form-1 .name-1 {font-size: 16px;color: #1a1a1a;}
.page-contact-right .form-1 .input-1 {margin-top: 1%;clear: both;}
.page-contact-right .form-1 .input-1 input {border: 1px solid #dcdcdc;display: block;background: none;width: 100%;padding: 8% 5%;box-sizing: border-box;}
.page-contact-right .form-1 .input-1 input:focus {border: 1px solid #000;}
.page-contact-right .form-1 .textarea-1 {margin-top: 1%;clear: both;}
.page-contact-right .form-1 .textarea-1 textarea{border: 1px solid #dcdcdc;display: block;background: none;width: 100%;padding: 5%;box-sizing: border-box;min-height: 200px;}
.page-contact-right .form-1 .page-detail-return {text-align: right;margin-top: 3%;}
.page-contact-right .form-1 .page-detail-return a {width: 40%;}



/* news */
.page-news {padding: 5% 0;overflow: hidden;}
.page-news-list {clear: both;overflow: hidden;margin-top: 5%;}
.page-news-item {clear: both;overflow: hidden;border-bottom: 1px solid #ededed;}
.page-news-item:first-child {border-top: 1px solid #ededed;}
.page-news-item a{display: block;position: relative;overflow: hidden;padding: 2% 0;}
.page-news-item .img{float: left;width:30%;}
.page-news-item .text{float: left;width: 50%;overflow: hidden;padding: 2% 0 0 5%;}
.page-news-item .date-1{font-size: 14px;color: #cccccc;font-family: 'Montserrat-Regular';}
.page-news-item .title-2{font-size: 28px;color: #202020;margin-top: 1%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.page-news-item .text-3{font-size: 16px;line-height: 28px;color: #666666;margin-top: 3%;}
.page-news-item .detail-2{position: absolute;right: 0;top: 25%;}
.page-news-item .detail-2 span{display: inline-block;vertical-align: middle;font-size: 14px;text-decoration: underline;margin-right: 5px;color: #999;}
.page-news-item .detail-2 i{display: inline-block;vertical-align: middle;width: 18px;height: 12px;background: url('../images/r3.png') center no-repeat;opacity: .5;}
.page-news-item a:hover {background-color: #f8f8f8;}
.page-news-item a:hover .title-2 {color: #1e64dd;}
.page-news-item a:hover .detail-2 {right: 2%;}
.page-news-item a:hover .detail-2 span {color: #1e64dd;}
.page-news-item a:hover .detail-2 i{background: url('../images/r1.png') center no-repeat;opacity: 1;}

.page-news-detail {padding: 5% 0;overflow: hidden;background: #f8f8f8;}
.news-detail-top {overflow: hidden;border-bottom: 1px solid #ededed;padding-bottom: 3%;}
.news-detail-top .page-detail-return a{background: #eaeaea;}
.news-detail-top .page-detail-return a:hover {background: #1e64dd;}
.news-detail-top .page-detail-return span{color: #262626;}
.news-detail-top .page-detail-return i{background: url('../images/r3.png') center no-repeat;opacity: .5;}
.news-detail-bottom {clear: both;overflow: hidden;}
.news-detail-bottom-left {float: left;width: 65%;overflow: hidden;}
.news-detail-bottom-left .title{padding: 3% 0;overflow: hidden;border-bottom: 1px solid #ededed;}
.news-detail-bottom-left .title .title-1{font-size: 28px;line-height: 36px;color: #202020;}
.news-detail-bottom-left .title .date-2{font-size: 14px;color: #cccccc;margin-top: 1%;}
.news-detail-bottom-left .detail{padding: 3% 0;overflow: hidden;font-size: 16px;line-height: 28px;color: #666;}
.news-detail-bottom-left .detail img {max-width: 100%;height: auto;}
.news-detail-bottom-right {float: right;width: 32%;overflow: hidden;}
.news-detail-turnpage {overflow: hidden;}
.news-detail-turnpage a{display: block;font-size: 16px;color: #342b25;padding: 3% 0;overflow: hidden;border-bottom: 1px solid #ededed;}
.news-detail-turnpage a:hover {color: #1e64dd;}
.news-detail-share {margin-top: 4%;overflow: hidden;}
.news-detail-share .title-4{font-size: 14px;color: #999999;}
.news-detail-share .item-2{margin-top: 3%;}
.news-detail-share .item-2 a{display: inline-block;vertical-align: middle;margin-right: 10px;}
.news-detail-share .item-2 a.icon-wechat,.news-detail-share .item-2 a.icon-weibo {width: 30px;height: 30px;position: relative;}
.news-detail-share .item-2 a.icon-wechat::before,.news-detail-share .item-2 a.icon-weibo::before {content: '';width: 30px;height: 30px;position: absolute;left: 0;top: 0;filter: grayscale(100%);opacity: .5;}
.news-detail-share .item-2 a.icon-wechat::before {background: url('../../news/images/wx.png') center no-repeat;}
.news-detail-share .item-2 a.icon-weibo::before {background: url('../../news/images/wb.png') center no-repeat;}
.news-detail-share .item-2 a:hover::before {filter: grayscale(0);opacity: 1;}
.news-detail-share .item-2 img{filter: grayscale(100%);opacity: .5;}
.news-detail-share .item-2 a:hover img {filter: grayscale(0);opacity: 1;}
.news-detail-other {margin-top: 5%;overflow: hidden;}
.news-detail-other .title-4{font-size: 30px;color: #342b25;}
.news-other{margin-top: 1%;overflow: hidden;}
.news-other .page-news-item {border: none;margin-right: 0;margin-bottom:2%;}
.news-other .page-news-item .img {width: 40%;}
.news-other .page-news-item .text {width: 50%;padding: 2% 0 0 5%;}
.news-other .page-news-item .title-2 {font-size: 16px;line-height: 26px;}




/* other */
.page-search-detail {padding: 5% 0 2% 0;overflow: hidden;background: #f8f8f8;}
.page-search-detail .page-content{overflow: hidden;width: 80%;margin: auto;}
.search-detail-top {padding: 8% 0 0 0;overflow: hidden;}
.search-detail-top .title-1{font-size: 40px;text-align: center;}
.search-detail-top .title-2{font-size: 18px;margin-top:8%;}
.search-detail-top .input-2{width: 100%;position: relative;}
.search-detail-top .input-1{width: 100%;display: block;border: none;background: none;border-bottom: 1px solid #ededed;font-size: 24px;padding: 1% 0;position: relative;transition:all .4s ease;}
.search-detail-top .input-1:focus {border-bottom: 1px solid #1e64dd;}
.search-detail-top .submit-1 {border: none;display: block;outline: none;cursor: pointer;background: url('../images/sss.png') center no-repeat;width: 50px;height: 50px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.page-search-detail-bottom {background: #fff;padding: 3% 0 8% 0;overflow: hidden;}
.page-search-detail-bottom .page-content{overflow: hidden;width: 80%;margin: auto;}
.page-search-detail-bottom .text-1{font-size: 16px;color: #a0a0a0;}
.page-search-detail-bottom .text-1 strong{color: #202020;}
.search-detail-nav{margin-top: 4%;overflow: hidden;position: relative;}
.search-detail-nav::after {content: '';width: 100%;height: 1px;background: #dfdfdf;position: absolute;left: 0;bottom: 0;}
.search-detail-nav a{display: inline-block;vertical-align: middle;font-size: 18px;color: #202020;margin-right: 9%;padding-bottom: 30px;position: relative;padding-right: 40px;}
.search-detail-nav a::after {content: '';width: 0px;height: 2px;background: #1e64dd;position: absolute;left: 0;bottom: 0;z-index: 11;}
.search-detail-nav a.cur{color: #1e64dd;}
.search-detail-nav a.cur::after {width: 100%;}
.search-detail-list {padding: 3% 0;overflow: hidden;}
                    


.galleryOverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; z-index: 100000; background-color: rgba(0,0,0,.7);  overflow: hidden; display: none; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
.galleryOverlay.visible { opacity: 1; }
.gallerySlider { height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; }
.gallerySlider .placeholder { background: url("../images/loading.gif") no-repeat center center; height: 100%; line-height: 1px; text-align: center; width: 100%; display: inline-block; }
.gallerySlider .placeholder:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
.gallerySlider .placeholder img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; }
.prevArrow, .nextArrow { border: none; text-decoration: none;opacity: 0.5; cursor: pointer; position: absolute; width:50%;height:100%; top:0; margin-top:0px; }
.prevArrow:hover, .nextArrow:hover { opacity: 1; }
.prevArrow { background-position: left top; left:0; }
.nextArrow { background-position: right top; right:0; }
.pagelimit { position: absolute; bottom: 20px; left: 50%; margin-left: -18px; color: #fff; font-size: 18px; }
.closed {cursor: pointer; position: absolute; width: 40px; height: 40px;right:2%; top: 3%;transform: rotate(45deg);}
.closed::after,.closed::before {content: '';background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.closed:hover {opacity: 0.5;}
.closed::after {width: 26px;height: 2px;}
.closed::before {width: 2px;height: 26px;}



.video-windows {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #000;z-index: 999;display: none;}
.video-windows.cur {display: block;}
.video-windows .video,.video-windows .video video {display: block;width: 100%;height: 100%;}
.video-windows .video video{object-fit: cover;}
.close-1 {width: 70px;height: 70px;position: absolute;right:1%;top:2%;z-index:11;background: #fff;border-radius:100%;cursor: pointer;transition:all .4s ease;opacity: 1;}
.close-1.cur {opacity: 1;bottom:10%;}
.close-1 i {width: 70px;height: 70px;display: block;position: relative;transition:all .4s ease;transform: rotate(45deg);}
.close-1 i::before,.close-1 i::after {content: '';background: #000;left: 50%;top:50%;transform: translate(-50%,-50%);position: absolute;transition:all .4s ease;}
.close-1 i::before{width: 20px;height: 2px;}
.close-1 i::after {width: 2px;height: 20px;}
.close-1:hover {background: #1e64dd;}
.close-1:hover i::before,.close-1:hover i::after {background: #fff;}





@font-face {
	font-family: 'Montserrat-Regular';
	src: url('../fonts/Montserrat-Regular.eot');
	src: url('../fonts/Montserrat-Regular.woff') format('woff'), url('../fonts/Montserrat-Regular.ttf') format('truetype'), url('../fonts/Montserrat-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat-Bold';
	src: url('../fonts/Montserrat-Bold.eot');
	src: url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf') format('truetype'), url('../fonts/Montserrat-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat-Light';
	src: url('../fonts/Montserrat-Bold.Light');
	src: url('../fonts/Montserrat-Light.woff') format('woff'), url('../fonts/Montserrat-Light.ttf') format('truetype'), url('../fonts/Montserrat-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {font-family: 'Oswald-Medium';src: url('../fonts/Oswald-Medium.ttf');font-weight: normal;font-style: normal;}



@media screen and (max-width: 5120px) {
	 
}
@media screen and (max-width: 3840px) {
	.technology-rd-bottom img{max-width: 100%;}
	.index-news-item .title-2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
}
@media screen and (max-width: 2560px) {
	
}
@media screen and (max-width: 2048px) {
	
}
@media screen and (max-width: 1920px) {	

}
@media screen and (max-width: 1680px) {
	.index-roll span {left: 1%;}
	.index-roll i,.business-prev, .business-next,.history-prev, .history-next,.aside-top a,.honorary-next, .honorary-prev ,.close-1 i,.close-1{width: 50px;height: 50px;}
	.header-right a.cur,.page-turning a,.consulting-1 i  {width: 50px;height: 50px;line-height: 50px;}
	.index-main-business .title-1 {left: 3%;top: 20%;font-size: 30px;}
	.index-main-business .more-1 ,.index-news .more-1{top: 22%;}
	.index-about .title-1,.index-news .title {top: 20%;}
	.more-2 a {font-size: 13px;width: 100px;height: 40px;line-height: 40px;}
	.line-1 {margin: 15px auto;}
	.index-main-business-item .img {margin: auto;width: 50%;}
	.index-main-business-item .img img{max-height: 50%;max-width: 80%;}
	.index-main-business-item {bottom: 5%;}
	.play-1 {width: 300px;height: 300px;}
	.footer,.end-slide {height: 500px;}
	.honorary-left {width: 40%;}
	.honorary-left a {width: 180px;height:45px;line-height: 45px;}
	.honorary-item .img::before,.page-technical-item .img::before {background-size: 20%;}
	.page-product-top .nav-3 a,.page-detail-return a  {padding: 15px;min-height: 50px;width: 15%;}
	.page-product-item .img .img-center {max-width: 80%;max-height: 80%;}
	.detail-content-right {width: 50%;}
	.header-nav-menu a {padding: 8px 0;font-size: 13px;}
	.page-production-base-bottom .text {width: 26%;}
	.page-contact-right .form-1 .input-1 input {padding: 5%;}
	.index-main-business-item .img img {max-height: 300px;}

	.history-item .year-1 {font-size: 200px;line-height: 200px;}
	.date-list-item .title-1 strong {font-size: 70px;line-height: 70px;}
	.detail-content-left .title-1 strong,.detail-content-left .title-1,.page-production-base-bottom .name-1 {font-size:50px;}
	.page-banner .title-1 {font-size:40px;}
	.page-contact-right .title-1  {font-size: 30px;line-height: 35px;}
	.footer-email .title-2,.page-product-detail-other-top .title-3 {font-size: 30px;}
	.index-about .title-1,.index-news .title .title-1  {font-size: 28px;}
	.index-main-business-item .title-2,.about-left .text .title-1,.honorary-right .title-2,.detail-content-left .text-2 {font-size: 28px;line-height: 30px;}
	.history-top .title-2,.page-product-top .text-1 {font-size: 26px;}
	.index-news-item .title-2,.about-right .title-2 {font-size: 20px;line-height: 28px;}
	.page-detail-item .title-2,.page-news-item a .title-2{font-size: 20px;}
	.page-product-item .name-1,.page-technical-item .title-2 {font-size: 18px;}
	.text-1,.page-detail-item .text-3 li,.page-product-top .text-3,.page-detail-item table td {font-size: 16px;line-height: 26px;}
	.footer-email .title-1,.footer-nav a ,.honorary-item .name-1,.page-story-video .play-2 span,.page-contact-left .text .title-2 {font-size: 16px;}
	.business-prev-title, .business-next-title,.index-news .title .text-1,.page-product-top .nav-3 span,.page-detail-path a,.page-detail-return span,.page-contact-left .text .title-3,.page-contact-right .form-1 .name-1,.news-detail-turnpage a {font-size: 14px;}
	.index-about .text-1,.page-contact-left .text .add-2,.page-news-item .text-3,.news-other .page-news-item .title-2,.news-detail-bottom-left .detail {font-size: 14px;line-height: 24px;}
	.index-news-item .detail-2 span,.date-list-item .text-1,.page-turning a,.page-product-detail-other-top .more-3 a {font-size: 13px;}
	.about-left .text .text-1,.history-item .text-1  {font-size: 13px;line-height: 22px;}
	.footer-contact-bottom,.footer-contact-bottom a,.page-product-item .detail-1{font-size: 12px;}
}
@media screen and (max-width: 1600px) {		
		
}
@media screen and (max-width: 1500px) {	
	 
}
@media screen and (max-width: 1440px) {
	.header-content {height: 80px;}
	.header-logo {width: 20%;}
	.header-nav li a.n1 {font-size: 14px;line-height: 80px;}
	.header-nav-menu {width: 120px;top: 70px;left: -55px;}
	.footer, .end-slide {height: 400px;}
	.play-2 i {width: 61px;height:73px;background-size: 100%;}

	.history-item .year-1 {font-size: 160px;line-height: 160px;}
	.date-list-item .title-1 strong {font-size: 60px;line-height: 60px;}
	.detail-content-left .title-1 strong,.detail-content-left .title-1,.page-production-base-bottom .name-1 {font-size:40px;}
	.page-banner .title-1 {font-size:30px;}
	.page-contact-right .title-1  {font-size: 20px;line-height: 25px;}
	.footer-email .title-2,.page-product-detail-other-top .title-3 {font-size: 20px;}
	.index-about .title-1,.index-news .title .title-1  {font-size: 18px;}
	.index-main-business-item .title-2,.about-left .text .title-1,.honorary-right .title-2,.detail-content-left .text-2 {font-size: 18px;line-height: 20px;}
	.history-top .title-2,.page-product-top .text-1 {font-size: 16px;line-height: 24px;}
	.index-news-item .title-2,.about-right .title-2 {font-size: 16px;line-height: 22px;}
	.page-detail-item .title-2,.page-news-item a .title-2{font-size: 16px;}
	.page-product-item .name-1,.page-technical-item .title-2 {font-size: 15px;}
	.text-1,.page-detail-item .text-3 li,.page-product-top .text-3,.page-detail-item table td {font-size: 14px;line-height: 24px;}
	.footer-email .title-1,.footer-nav a ,.honorary-item .name-1,.page-story-video .play-2 span,.page-contact-left .text .title-2 {font-size: 14px;}
	.business-prev-title, .business-next-title,.index-news .title .text-1,.page-product-top .nav-3 span,.page-detail-path a,.page-detail-return span,.page-contact-left .text .title-3,.page-contact-right .form-1 .name-1,.news-detail-turnpage a {font-size: 13px;}
	.index-about .text-1,.page-contact-left .text .add-2,.page-news-item .text-3,.news-other .page-news-item .title-2,.news-detail-bottom-left .detail {font-size: 13px;line-height: 22px;}
	.index-news-item .detail-2 span,.date-list-item .text-1,.page-turning a ,.page-news-item .detail-2 span{font-size: 12px;}
	.about-left .text .text-1,.history-item .text-1  {font-size: 12px;line-height: 20px;}
	.header-nav-menu a {font-size: 12px;}
}
@media screen and (max-width: 1366px) {
	.honorary-left {width: 60%;}
}
@media screen and (max-width: 1280px) {
	 .page-production-base-bottom .name-1 {font-size: 30px;}
	 .header-nav li::after {margin: 0 5px;}
}
@media screen and (max-width: 1152px) {
	.header-nav li a.n1,.header-right span {font-size: 12px;} 
	.header-right a.cur,.page-turning a, .consulting-1 i {width: 40px;height: 40px;line-height: 40px;}
	.header-language a {padding: 0 10px;}
	.header-language a.cur {width: auto;}
	.date-list-item .title-1 strong {font-size: 50px;line-height: 50px;}
	.history-item .year-1 {font-size: 140px;line-height: 140px;}
	.page-contact-right {width: 60%;}
	.index-main-business-item .img img {max-height: 400px;}
	.index-main-business-item .img {width: 90%;}
}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 840px) {
	.pcshow ,.aside-top a,.header-nav li::after,.header-nav-menu::before,.business-prev-title, .business-next-title,.footer-contact-right,.history-pagination,.history-mos,.history-prev, .history-next,.header-nav-menu{display: none!important;}
	.mbshow,.menu-toggle{display: block!important;}
	.header-right {right: 16%;}
	.header-logo {width: 30%;}
	.header-logo a{background: url('../images/logo2.png') center no-repeat;background-size: 100%;}
	.header.hover .header-logo a {background: url('../images/logo4.png') center no-repeat;background-size: 100%;}
	.header.hover .header-logo a, .header.scroll-top .header-logo a,.header.black .header-logo a {background: url('../images/logo4.png') center no-repeat;background-size: 100%;}
	.header-nav {position: fixed;left:0;top: 0;height: 100%;transform: translateX(100%);background: #fff;width: 100%;transition:all .4s ease;}
	.no-touch .header-nav {transform: translateX(0);}
	.header-nav ul {padding-top: 20%;}
	.header-nav li {display: block;border-bottom: 1px solid #e8e8e8;}
	.header-nav li a.n1 {font-size: 16px;}
	.header-nav-menu {position: relative;width: 100%;top: auto;left:auto;text-align: center;padding: 5% 0;display: none;box-shadow: none;padding: 0 0 5% 0;}
	.index-main-business-item {bottom: auto;top: 50%;transform: translateY(-20%);}
	.index-main-business-item .text .text-1,.history-item .text-1,.honorary-top,.production-base-swiper {width: 90%;margin: auto;}
	.page-banner .text-1,.page-story-swiper {width: 80%;margin: auto;}
	.play-1 {width: 200px;height: 200px;}
	.index-about .text {left: 5%;bottom: 5%;width: 90%;}
	.index-about .play-1 {top: 45%;}
	.index-news-container {width: 90%;left: 5%;top: 40%;}
	.index-news-item .mark {opacity: 1;bottom: 0;padding: 5% 0;width: 100%;position: relative;}
	.footer-left,.about-left ,.honorary-left,.detail-content-right,.page-detail-item,.page-production-base-bottom,.page-contact-left,.page-contact-right,.page-news-item .img,.news-detail-bottom-left,.news-detail-bottom-right{float: none;width: 100%;}
	.footer-right,.detail-content-right {float: none;margin-top: 8%;margin-left: auto;}
	.index-news-item .text {position: relative;width: 90%;left:auto;bottom: auto;margin: auto;}
	.page-product-item,.page-technical-item{float: none;width: 100%;margin-right: 0;margin-bottom: 4%;;}
	.index-news-item .img,.about-right {width: 100%;margin-left: 0;}
	.index-news .title .text-1 {width: 50%;}
	.footer-nav a {padding: 1% 0;}
	.page-about-xhy,.page-history,.page-honorary,.page-product,.page-technical,.page-production-base,.page-search-detail-bottom {padding: 15% 0;}
	.page-story  {padding: 15% 0 0 0;}
	.footer-contact-center {position: relative;left: auto;top: auto;transform: none;}
	.page-banner .pic img{width: 300%;max-width: 300%;}
	.date-list-item:first-child {padding-left: 0;}
	.date-list-item .title-1 strong {font-size: 40px;line-height: 40px;}
	.honorary-left a {width: 140px;}
	.production-base,.page-contact-right {margin-top: 10%;}
	.honorary-right {width: 100%;float: none;padding: 10% 0;text-align: center;clear: both;}
	.page-product-top .nav-3 a {width: 20%;}
	.page-product-detail {padding-top: 25%;}
	.detail-content-left {float: none;width: 100%;margin-left: auto;margin-top: 10%;}
	.page-product-top .nav-3,.page-product-top {margin-top: 7%;margin-bottom: 8%;}
	.page-story-video {width: 40%;right: 15%;top: -20%;}
	.play-2 i {width: 42px;height: 53px;}
	.page-story-list,.page-contact-right,.news-detail-other {padding-bottom: 10%;}
	.page-production-base-bottom .text {position: relative;width: 100%;left: auto;top: auto;}
	.page-production-base-bottom .page-story-video {width: 45%;top: 60%;left: 0;}
	.page-contact,.page-news-detail {padding: 30% 0 0 0;}
	.page-news-item .text {float: none;width: 100%;overflow: hidden;padding: 5% 0;}
	.page-news-item {margin-bottom: 10%;}
	.page-news-item .detail-2 {position: relative;right: auto;top: auto;margin-top: 5%;}
	.news-detail-turnpage {border-top: 1px solid #ededed;}
	.news-detail-other .page-news-item .text,.news-detail-other .page-news-item .img {float: left;}
	.news-other .page-news-item .text {padding: 0 0 0 5%;}
	.page-news-detail {padding: 20% 0 0 0;}
	.page-search-detail {padding: 25% 0 20% 0;}
	.page-story-video {top: 1%;}
	.index-banner-swiper .text {left: 5%;width: 90%;}
	.index-banner-swiper .text .title-1 {font-size: 22px;line-height: 24px;} 
	.page-technical-item .title-2{min-height:auto;}
}


/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {}


@media only screen and (max-height : 650px)  {
		
	
}

/*仅IE6和IE7识别*/
@media screen\9 {  }  

/*仅IE6和IE7、IE8识别*/
@media \0screen\,screen\9 {  } 

/*仅IE8识别*/
@media \0screen {  } 

/*仅IE8-10识别*/
@media screen\0 {  }  

/*仅IE9和IE10识别*/
@media screen and (min-width:0\0) {  }  

/*仅IE10/11识别*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
 

} 













