a {transition: all .4s;}
.container {width: 100%;}
.container .page {width: 100%;height: 100vh;}
.header-box {height: 120px;background-color: #fff;box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1);}
.header-box .header {position: relative;padding-left: 380px;padding-right: 100px;}
.header-box .logo {display: block;}
.header-box .logo img {position: absolute;left: 0;top: 0;bottom: 0;margin: auto;max-width: 380px;max-height: 100%;}
.header-box .nav {height: 120px;display: flex;width: 100%;align-items: center;justify-content: end;}
.header-box .item {position: relative;}
.header-box .item>a {display: block;padding: 40px 11px;line-height: 40px;}
.header-box .item.on>a,.header-box .item:hover>a {color: #F40404;}
.header-box .sub {display: none;position: absolute;background: RGB(26, 70, 143);color: #fff;padding: 20px 0;top: 100px;left: 0;z-index: 9;box-shadow: 0 1px 2px 0 rbga(0, 0, 0, .4);border-radius: 0 0 4px 4px;}
.header-box .sub::before {content: '';position: absolute;background-color: RGB(26, 70, 143);left: 2em;top: -5px;width: 10px;height: 10px;transform: rotate(45deg);}
.header-box .sub a {color: inherit;display: block;padding: 0 30px;line-height: 40px;height: 40px;white-space: nowrap;}
.header-box .sub a:hover {background-color: #3065BD;color: #fff;}
.header-box .lang {position: absolute;right: 0;top: 0;bottom: 0;margin: auto;height: 40px;line-height: 38px;border: 1px solid #007AFF;border-radius: 5px;padding: 0 20px 0 10px;font-size: 14px;color: #1C72BE;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url(../images/ico-slidedown.png) no-repeat 90% center;}
.banner {height: -webkit-calc(100vh - 120px);height: calc(100vh - 120px);position: relative;overflow: hidden;}
.banner .swiper-slide {background-position: center;background-repeat: no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.banner .fa {position: absolute;top: 50%;font-size: 60px;line-height: 1;margin-top: -30px;z-index: 1;color: #007AFF;cursor: pointer;}
.banner .btn-left {left: 60px;}
.banner .btn-right {right: 60px;}
.page2 {background: url(../images/bg-about.jpg) no-repeat center #fff;-webkit-background-size: contain;background-size: contain;}
.page2 .content {height: 700px;overflow: hidden auto;}
.page2 .content-box {display: flex;align-items: center;height: 100%;}
.page2 .content .img {width: 490px;height: 568px;position: relative;}
.page2 .content .img img {max-width: 100%;max-height: 100%;position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto;}
.page2 .content .text {width: 670px;color: #555;line-height: 38px;text-indent: 2em;}
.page2 .content .text img {display: block;margin: 10px auto 10px 0}
.page2 .content .more {width: 176px;height: 46px;line-height: 46px;text-align: center;background-color: #1C72BE;color: #fff;font-size: 18px;display: block;border-radius: 46px;text-indent: 0;margin-top: 20px;}
.page3 .content-box {display: flex;flex-flow: row nowrap;align-items: stretch;height: 100%;}
.page3 .content-box .item {display: flex;align-items: center;flex: 1;justify-content: center;flex-flow: column nowrap;white-space: nowrap;overflow: hidden;}
.page3 .content-box a {display: block;text-align: center;line-height: 38px;color: #fff;font-size: 20px;}
.page3 .content-box img {display: block;margin: 0 auto 10px;max-width: 100%;}
.page3 .content-box .more {width: 160px;height: 48px;line-height: 44px;border: 2px solid;margin-top: 20px;text-transform: uppercase;}
.page4 {background: url(../images/bg-fc.jpg) no-repeat center;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.page4 .content {height: 700px;overflow: hidden auto;}
.page4 .content-box {display: flex;align-items: center;height: 100%;}
.page4 .content .img {width: 670px;height: 568px;position: relative;}
.page4 .content .img img {max-width: 100%;max-height: 100%;position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto;}
.page4 .content .text {width: 490px;color: #555;line-height: 38px;text-indent: 2em;}
.page4 .content .text img {display: block;margin: 10px auto 10px 0}
.page4 .content .more {width: 176px;height: 46px;line-height: 46px;text-align: center;background-color: #1C72BE;color: #fff;font-size: 18px;display: block;border-radius: 46px;text-indent: 0;margin-top: 20px;}
.page5 {background: url(../images/u.jpg) no-repeat center;-webkit-background-size: cover;background-size: cover;}
.page5 .content-box {display: flex;align-items: center;height: 100%;}
.page5 .content {height: 840px;overflow: hidden auto;}
.page5 .title {width: 340px;margin: 60px auto;font-size: 34px;color: #1a468f;text-align: center;line-height: 48px;white-space: nowrap;}
.page5 .title .ch {margin-bottom: 10px;}
.page5 .title .en {text-transform: uppercase;font-size: 20px;border: 2px solid;}
.page5 .list {overflow: hidden hidden;}
.page5 .list li {width: 280px;height: 260px;position: relative;overflow: hidden;border-radius: 4px;padding-top: 180px;background-color: #fff;float: left;margin-bottom: 26px;}
.page5 .list li+li {margin-left: 26px;}
.page5 .list li:nth-child(5n) {margin-left:0;}
.page5 .list li .img {position: absolute;top: 0;left: 0;width: 100%;height: 180px;-webkit-background-size: cover;background-size: cover;}
.page5 .list li .text {display: block;padding: 15px;height: 100%;overflow: hidden;}
.page5 .list li .tit {font-size: 16px;color: #000;line-height: 22px;font-size: 16px;overflow: hidden;height: 22px;display: block;margin-bottom: 10px;text-overflow:ellipsis;white-space: nowrap;}
.page5 .list li .time {color: #aaa;font-size: 15px;line-height: 1;float: left;}
.page5 .list li .more {float: right;color: #FF5252;font-weight: 700;font-size: 18px;line-height: 1;}
.page6 {background: url(../images/bg-contact.jpg) no-repeat center #e9e9e9;-webkit-background-size: contain;background-size: contain;}
.page6 .content {height: 770px;overflow: hidden auto;background-color: #fff;box-shadow: 0 0 10px 0 rbga(0, 0, 0, .3);border-radius: 4px;}
.page6 .content-box {display: flex;align-items: center;height: 100%;}
.page6 .list {overflow: hidden;}
.page6 .list li {float: left;width: 33.33%;text-align: center;white-space: nowrap;line-height: 40px;}
.page6 .list li img {display: block;margin: 30px auto 10px;}
.page6 .list li b {font-size: 26px;color: #222;display: block;line-height: 46px;}
.page6 .map-box {margin: 30px 40px;position: relative;height: 450px;padding-left: 380px;border: 1px solid #E9E9E9;}
.page6 .map-l {position: absolute;left: 0;top: 0;bottom: 0;width: 380px;text-align: center;margin: auto;background-color: #037FED;color: #fff;padding: 40px;font-size: 16px;line-height: 26px;}
.page6 .map-l h3 {font-size: 28px;display: block;line-height: 1.4;margin-bottom: 20px;}
.page6 .map-l img {display: block;margin: 20px auto;}
.page6 .map {width: 100%;height: 100%;}
.iw_poi_title {color: #CC5522;font-size: 14px;font-weight: bold;overflow: hidden;padding-right: 13px;white-space: nowrap}
.iw_poi_content {font: 12px arial, sans-serif;overflow: visible;padding-top: 4px;white-space: -moz-pre-wrap;word-wrap: break-word}
.page6 .copyright {text-align: center;font-size: 15px;color: #555;}
.page6 .copyright a{font-size: 15px;color: #555;}
.ibanner {height: 420px;background-repeat: no-repeat;background-position: center;position: relative;}
.ibanner .text {position: absolute;white-space: nowrap;opacity: .92;}
.ibanner .ch {top: 45%;margin-top: -55px;left: 42%;width: 16%; text-align:center;}
.ibanner .ch p {padding: 30px 0;font-size: 50px;color: #000;mix-blend-mode: screen;background-color: rgba(255, 255, 255, .9);font-weight: 700;opacity: 0.9;border-bottom: 40px solid #fff;}
.ibanner .ch::before {position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: url(../images/bg-title.jpg) repeat center;content: '';width: 100%;height: 100%;z-index: 0;-webkit-background-size: cover;background-size: cover;}
.ibanner .en {position: absolute;top: 46%;left: 42%;margin-top: 64px;width: 16%;text-align: center;text-transform: uppercase;color: #0380EE;}
.ibanner .en p {font-weight: 700;}
.inside-box {overflow: hidden;}
.inside-box img {max-width: 100%;}
.inside-about {background: url(../images/bg-about.jpg) no-repeat center #fff;-webkit-background-size: contain;background-size: contain;}
.inside-about .content {padding: 60px 0;overflow: hidden;}
.inside-about .content-box {display: flex;align-items: center;height: 100%;}
.inside-about .content .img {width: 490px;height: 568px;position: relative;}
.inside-about .content .img img {max-width: 100%;max-height: 100%;position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto;}
.inside-about .content .text {width: 670px;color: #555;line-height: 38px;}
.inside-about .content .text img {display: block;margin: 10px auto 10px 0}
.inside-about .content .more {width: 176px;height: 46px;line-height: 46px;text-align: center;background-color: #1C72BE;color: #fff;font-size: 18px;display: block;border-radius: 46px;text-indent: 0;margin-top: 20px;}
.footer-box {clear: both; background-color: #1c4690;}

.footer-box .list {overflow: hidden;padding: 20px 0;display: flex;justify-content: center;border-bottom: 1px solid #606060;}
.footer-box .item {float: left;line-height: 40px;white-space: nowrap;color: #fff;font-size: 14px;text-align: center;width: 126px;}
.footer-box .imglist{ padding: 40px 0;text-align: center;line-height: 3;white-space: nowrap;color: #fff;}
.footer-box .imglist li.fl{margin-right: 40px;}
.footer-box .imglist li.fr{margin-left: 40px;}
.footer-box .imglist img{display: block; margin: 0 auto;}
.footer-box .item>a {font-weight: 700;font-size: 14px;}
.footer-box li a {color: inherit;display: block;}
.footer-box .sub {line-height: 30px;color: #F9F9F9;}
.footer-box .footer {padding: 30px 0;position: relative;}
.footer li {float: left;margin-left: 90px;text-align: center;color: #fff;font-size: 14px;line-height: 2;}
.footer li img {display: block;}
.footer .logo {position: absolute;top: 0;bottom: 0;margin: auto;left: 0;width: 357px;height: 65px;}
.footer-box .copyright {height: 50px;line-height: 50px;text-align: center;color: #fff;font-size: 12px;background-color: #366bc8;}
.footer-box .copyright a{color: #fff;}
.inside-product {background-color: #F5F5F5;}
.content-title {text-align: center;padding: 30px 0;background: url(../images/bg-tit.png) repeat-x center;}
.content-title h3 {font-size: 26px;font-weight: 700;color: #222;line-height: 250%;}
.content-title p {text-transform: uppercase;font-size: 14px;color: #666;}
.inside-product .list li {float: left;width: 285px;height: 340px;background-color: #fff;text-align: center;margin-right: 20px;margin-bottom: 20px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);}
.inside-product .list li:nth-child(4n) {margin-right: 0;}
.inside-product .list .img {display: block;padding: 10px;height: 285px;}
.inside-product .list .img img { max-width:100%;}
.inside-product .list .text {display: block;width: 265px;height: 42px;line-height: 40px;font-size: 14px;margin: 0 auto;border-radius: 42px;border: 1px solid;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}


.inside-case {background-color: #F5F5F5;}
.inside-case .list li {float: left;width: 285px;height: 255px;background-color: #fff;text-align: center;margin-right: 20px;margin-bottom: 20px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);}
.inside-case .list li:nth-child(4n) {margin-right: 0;}
.inside-case .list .img {display: block;height: 210px; line-height:205px;}
.inside-case .list .img img { max-width:100%; max-height:100%;vertical-align: middle;}
.inside-case .list .text {display: block;width:100%;height: 42px;line-height: 40px;font-size: 14px;margin: 0 auto;}



.inside-box .page-box {display: flex;flex-flow: row nowrap;align-items: center;justify-content: center;padding: 20px;margin-bottom: 40px;}
.inside-box .page-box li {margin: 0 5px;line-height: 34px;height: 36px;padding: 0 10px;border: 1px solid #e9e9e9;border-radius: 4px;background-color: #fff;font-size: 14px;color: #a9a9a9;}
.inside-box .page-box li a {display: block;color: #555;}
.inside-box .crumbs {height: 50px;line-height: 49px;border-bottom: 1px solid #E9E9E9;color: #999;font-size: 16px;margin-bottom: 20px;margin-top: 20px;}
.inside-box .crumbs a {color: #222;}
.inside-box .crumbs a i {color: #555;margin-right: 2px;}
.inside-box .content-left {float: left;width: 900px;}
.inside-box .content-right {float: right;width: 276px;}
.inside-box .content-right .list-box {margin-bottom: 20px;}
.content-right .list-box .tit {height: 46px;line-height: 46px;padding: 0 10px;color: #fff;background: url(../images/bg-title.jpg) no-repeat left bottom #236AC2;-webkit-background-size: cover;background-size: cover;border-radius: 5px 5px 0 0;box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, .2);font-weight: 700;background-blend-mode: multiply;}
.content-right .list-box ul {border: 1px solid #E9E9E9;border-top: 0;background: #fff;}
.content-right .list-box li {overflow: hidden;padding: 14px;}
.content-right .list-box .img {width: 80px;height: 80px;float: left;text-align: center;line-height: 80px;}
.content-right .list-box .text {float: right;width: 150px;line-height: 30px;height: 60px;overflow: hidden;margin-top: 10px;font-size: 14px;}
.content-right .list-box li+li {border-top: 1px dashed #E9E9E9;}
.content-left .view-box {padding: 10px;overflow: hidden;padding-bottom: 30px;border-bottom: 1px solid #E9E9E9;background: #fff;padding-top: 28px; min-height: 482px;}
.content-left .view-box .img {border: 1px solid #E9E9E9;border-radius: 5px;float: left; width:420px;}
.content-left .view-box .text {float: right;width: 420px;}
.content-left .view-box .tit {font-size: 20px;color: #222;line-height: 1.6;margin-bottom: 20px;}
.content-left .view-box p {line-height: 30px;font-size: 14px;color: #555;}
.inside-box img {max-width: 100%;}
.content-left .detail-box {padding: 10px;background: #fff;box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);}
.content-left .detail-box .tit {line-height: 40px;height: 40px;font-size: 20px;font-weight: 400;margin-bottom: 20px;}
.inside-news .list {padding: 10px;overflow: hidden;}
.inside-news .list li {overflow: hidden;position: relative;padding-left: 420px;min-height: 242px;margin-bottom: 20px;}
.inside-news .list .img {position: absolute;left: 0;top: 0;bottom: 0;width: 400px;height: 242px;overflow: hidden; background: #fff;}
.inside-news .list .img img {position: absolute;max-width: 100%;max-height: 100%;top: 0;bottom: 0;left: 0;right: 0;margin: auto;transition: all .3s;filter: blur(.1);}
.inside-news .list .img:hover img {transform: scale(1.1);}
.inside-news .list .text {border: 1px solid #E9E9E9;height: 242px;padding: 20px;position: relative;padding-right: 212px;background-color: #fff;}
.inside-news .list .date {position: absolute;top: 20px;right: 20px;bottom: 20px;width: 182px;background-color: #1D598D;padding-top: 112px;text-align: center;color: #fff;line-height: 30px;font-size: 18px;}
.inside-news .list .date b {position: absolute;top: 62px;left: 0;right: 0;margin: auto;height: 50px;line-height: 50px;font-size: 50px;font-weight: 700;}
.inside-news .tov {font-size: 18px;color: #222;display: block;line-height: 50px;height: 50px;}
.inside-news .cont {font-size: 16px;color: #555;line-height: 30px;height: 120px;overflow: hidden;display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;WORD-BREAK: break-all;}
.inside-news .more {font-size: 24px;display: block;width: 40px;text-align: center;color: #555;transform: scaleX(1.4);}
.inside-news .more:hover {color: #F40404;padding-left: 10px;}
.inside-news .tov:hover {color: #F40404;}
.inside-news {background-position: center;background-repeat: no-repeat;background-attachment: fixed;-webkit-background-size: contain;background-size: contain;}
.list-box .contact {position: relative;border-radius: 0 0 6px 6px;overflow: hidden;}
.list-box .contact p {position: absolute;width: 163px;height: 76px;bottom: 10px;right: 10px;color: #fff;padding: 5px;line-height: 30px;font-size: 18px;}


.news-box{background-color: #fff;overflow: hidden;box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);box-sizing: border-box;padding: 20px;}
.news-box .tit{font-size: 18px;font-weight: 700;color: #222;text-align: center;height: 50px;line-height: 50px;}
.news-box .time{text-align: center;font-size: 12px;color: #aaa;height: 40px;line-height: 30px;margin-bottom: 20px;border-bottom: 1px dashed #E3E3E3;padding-bottom: 20px;}
.news-box .cont{line-height: 1.6;color: #555}





/*ÏÂÔØÖÐÐÄ*/
.inside-download li{color: #000;line-height: 40px;border-bottom: 1px dashed #e3e2e2;}
.inside-download .text{color: #000;}
.inside-download .date{ float:right; background:#256fb1; color:#FFF;padding: 0 10px; line-height:30px; margin-top:5px;}