@charset "utf-8";
@font-face {
	font-family: 'myFont';
	src: url("../fonts/NotoSansHans-Regular.otf");
}
.fontLink{font-family:'myFont';}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {margin:0;padding:0;}
fieldset, img {border:none;}
/* remember to define focus styles! */
:focus {outline:0;}
address, caption, cite, code, dfn,
em, th, var, optgroup {font-style:normal;font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
abbr, acronym {border:none;font-variant:normal;}

input, button, textarea,
select, optgroup, option {font-family: Arial;font-size: inherit;font-style: inherit;font-weight: inherit;*font-family:Arial,"Microsoft YaHei";resize: none;}
code, kbd, samp, tt {font-size: 100%;}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {*font-size: 100%;outline:none;}
body {line-height: 1.5; font-family:Arial,"microsoft yahei",Arial,sans-serif; font-size:14px; color: #000000;}
ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;
/*è¡¨æ ¼è‡ªåŠ¨æ¢è¡Œ*/
table-layout:fixed;word-wrap:break-word;}
caption, th{text-align:center;}
/*caption, th {text-align: left;}*/
sup, sub {font-size: 100%;vertical-align: baseline;}
/* remember to highlight anchors and inserts somehow! */
:link, :visited , ins {text-decoration: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
/* a{transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s;} */
/*------------浮动-----------------*/
.clear{ clear:both; height:0; font-size:0; overflow:hidden; line-height:0;}
.clear10{ clear:both; height:10px; overflow:hidden;}
.clear15{ clear:both; height:15px; overflow:hidden;}
.clear20{ clear:both; height:20px; overflow:hidden;}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }
.fl{float:left;}
.fr{float:right;}
.mt20{margin-top:20px;}

.textover{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;filter:alpha(opacity=50);}
a{color: #333; transition:.3s; -webkit-transition:.3s;}
a:hover,a.cur,.cur a{ color: #087ccd;}

@media only screen and (min-width:960px ) {
	.animation{-moz-transform: translate(0,80px); -o-transform: translate(0,80px); -webkit-transform: translate(0,80px); transform: translate(0,80px);  opacity: 0;}
	.animation.srcospcur{-moz-transform: translate(0,0px); -o-transform: translate(0,0px); -webkit-transform: translate(0,0px); transform: translate(0,0px); opacity: 1; transition:1.3s; -webkit-transition:1.3s; -moz-transition:1.3s; -ms-transition:1.3s; -o-transition:1.3s;}
	
	.iBanner .animation01{-moz-transform: translate(0,80px); -o-transform: translate(0,80px); -webkit-transform: translate(0,80px); transform: translate(0,80px);  opacity: 0;transition:all .4s;}
	.iBanner .ani-slide .animation01{-moz-transform: translate(0,0px); -o-transform: translate(0,0px); -webkit-transform: translate(0,0px); transform: translate(0,0px); opacity: 1; transition:1.3s; -webkit-transition:1.3s; -moz-transition:1.3s; -ms-transition:1.3s; -o-transition:1.3s;}
	
	
}

.table{ height:100%; display:table; margin: 0 auto; width: 100%;}
.table-cell{ display:table-cell; vertical-align:middle;}


.wap{width: 90%; max-width: 1740px; margin: 0 auto;}
:lang(zh-hk) body,body{font-family:Arial, "microsoft yahei", "Arial", sans-serif;}
body{color: #000000; font-size: 14px;  width: 100%;  position: relative;overflow-x:hidden ; background: #fff; }
img{max-width: 100%;}
html{ position: relative; width: 100%;}
input.but{cursor: pointer;}
.main{min-height: 100vh; position: relative; overflow: hidden; background: #fff;}

/*  */
.bolder{font-weight: bolder;}
a:hover{color: #087ccd;}
.oneLine{white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.twoLine{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;overflow: hidden;}
.threeLine{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;word-break: break-all;overflow: hidden;}

/*  */
.quTop{height: 69px;line-height: 69px;position: fixed!important;width: 100%;top: 0;left: 0;z-index: 30!important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: -webkit-flex; display: flex;justify-content: space-between;padding: 0 15px 0 37px;}
.quTop.addBj{background: rgba(31,63,124,.9);}
.colorfff{color: #FFFFFF;}
.logo{}
.quTopNav li{float: left;padding: 0 22px;cursor: pointer;}
.menuItem.active{background-color: rgba(64, 149, 229, 100);}
.quBanner{position: relative;margin-top: 0!important;}
.quBannerPos{width: 100%;position: absolute;top: 50%;left: 0; text-align: center;font-weight: bold;
transform: translateY(-50%);
-ms-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);}
.quContent{}
.quContentMk{display: -webkit-flex; display: flex;justify-content: space-between;margin-top: 180px;}
.quContentMkJs{width: 41.5%;}
.quContentMkImg{width: 49.42%;}
.quContentMkJs_1{margin-top: 80px;}
.quContentMkJs_2{line-height: 1.8;margin-top: 30px;}
.quContent .quContentMk:nth-child(1){margin-top: 95px;}
.quContentMkJs_3{width: 610px;margin-top: 15%;}
.quContentMkJsBut{display: -webkit-flex; display: flex;justify-content: space-between;}
.quContentMkJsButMk{width: 48.5%;position: relative;
border-radius: 42px;-webkit-border-radius: 42px; overflow: hidden;

background-color: rgba(64, 149, 229, 100);
text-align: center;}
.quContentMkJsButMk .ml10{margin-left: 10px;}
.quContentMkJsButMk::before{content: "";width: 0;height: 100%;background: #122B62;position: absolute;left: 0;top: 0;z-index: 1;transition:.8s; -webkit-transition:.8s; -moz-transition:.8s; -ms-transition:.8s; -o-transition:.8s;}
.quContentMkJsButMk:hover::before{width: 100%;}
.quContentMkJsButMk a{display: block;height: 60px;line-height: 60px;color: #FFFFFF;position: relative;z-index: 2;}
.quContentMkJsButMk img{display: block;position: absolute;top: 50%;left: 36px;transform: translateY(-50%);
-ms-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);}
.quContent .quContentMk:nth-child(2n){ flex-direction: row-reverse;}
.quContent .quContentMk:nth-child(2n) .quContentMkJs{text-align: center;margin: 0 auto;}
.quContentMkJs_4, .quContentMkJs_2{color: #101010;}
.quContentMkJs_4{margin-top: 30px;}
.quAbout{text-align: center;position: relative;margin-top: 0;}
.quAboutMc{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.6);}
.quAbout_2{margin-top: 6%;}
.quAbout_2 li{display: inline-block;width: 230px;}
.quAboutMcPos{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);}
.quAbout_1{padding-top: 0;}
.quAbout_3{line-height: 1.7;margin-top: 4%;}
.footer1{background: #1F3F7C;margin-top: 180px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: -webkit-flex; display: flex;justify-content: space-between;padding: 33px 37px 70px;line-height: 1.7;position: relative;}
.footer1Left_2 li{display: inline-block;margin-right: 40px;cursor: pointer;}
.footer1Left_1{padding-bottom: 42px;}
.footer1::before{content: "";width: auto;height: 1px;background: rgba(187, 187, 187, 100);position: absolute;top: 110px;left: 37px;right: 37px;}
.footer2{background-color: rgba(18, 43, 98, 100);padding: 22px 37px;color: #FFFFFF;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: -webkit-flex; display: flex;justify-content: space-between;line-height: 25px;}
.footer2_1{opacity: .8;}
.footer2_2{font-size: 0;height: 25px;}
.footer2_2 span{display: inline-block;vertical-align: middle;margin-left: 10px;cursor: pointer;}
.allTc{position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,.5);z-index: 50;}
.allTcNr{width: 880px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);}
.allTcNrTit{height: 100px;
line-height: 100px;
background-color: rgba(64, 149, 229, 100);
text-align: center;}
.allTcNrCon{background: #FFFFFF;padding: 55px 90px 95px;}
.allTcNrCon_1{text-align: justify;}
.allTcNrCon_2{max-width: 507px;margin: 100px auto 0;}
.allTcNrCon_2 .quContentMkJsButMk{width: 44%;}
.quContentMkJsButMk.bjHuise{background-color: rgba(239, 239, 239, 100);border: 1px solid rgba(187, 187, 187, 100);color: #000000;}
.quContentMkJsButMk.bjHuise a{color: #000000;}
.allTcNrCon_2 .quContentMkJsButMk:hover::before{width: 0;}
.logo{cursor: pointer;}

.quAbout{overflow: hidden;}
.quAbout.scaleTx .img100{animation:txMove1 3s;
	-webkit-animation:txMove1 3s; /* Safari 和 Chrome */}

.quBanner{overflow: hidden;}
.quBanner.scaleTx .img100{animation:txMove1 3s;
	-webkit-animation:txMove1 3s; /* Safari 和 Chrome */}
@keyframes txMove1
{
from {-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)}
to {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes txMove1 /*Safari and Chrome*/
{
from {-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)}
to {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}

/* ********************** */

.indBanPosTx{-moz-transform: translate(0,80px); -o-transform: translate(0,80px); -webkit-transform: translate(0,80px); transform: translate(0,80px);  opacity: 0;font-family: "微软雅黑", "microsoft yahei";}
.ani-slide .indBanPosTx{-moz-transform: translate(0,0px); -o-transform: translate(0,0px); -webkit-transform: translate(0,0px); transform: translate(0,0px); opacity: 1; transition:1.3s; -webkit-transition:1.3s; -moz-transition:1.3s; -ms-transition:1.3s; -o-transition:1.3s;opacity: 1;}




.cpLbtLeft .swiper-button-next{ top: auto;bottom: 0; transform: rotate(90deg);left: 50%;margin-left: -13.5px;margin-top: 0;}
.cpLbtLeft .swiper-button-prev{top: 0;transform: rotate(90deg);left: 50%;margin-left: -13.5px;margin-top: 0;}


.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f24{font-size: 24px;}
.f28{font-size: 28px;}
.f30{font-size: 30px;}
.f36{font-size: 36px;}
.f48{font-size: 48px;}
.f72{font-size: 72px;}
/* ********************** */
.fixedVideo,.alertOpctioy{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:99999999999999; display:none;}
.fixedVideo .videoDDD{background: #222 url(../images/loading_1.gif) no-repeat  center; border-radius: 4px; width:658px; height:380px; position:absolute; left:50%; margin-left:-320px; top:50%; margin-top:-190px;}
.fixedVideo .videoDDD iframe,.fixedVideo .videoDDD embed,.fixedVideo .videoDDD video{ width:100%; }
.fixedVideo .videoDDD iframe,.fixedVideo .videoDDD embed{ height: 100%;}
.fixedVideo .videoDDD .openVd{ width:100%; height:100%;}
.allContact{ position:fixed; width:1160px; left:50%; margin-left:-600px; top:10%; height:73%; overflow-y:scroll; background:#fff; padding:40px 20px 20px 40px; z-index:556; }
.closeTxtt{ position:absolute; right:0; top:0px; cursor:pointer; background:#ccc;}
.closeVideo{position: absolute;z-index: 555; left: 100%; top: 0; width: 32px; padding: 5px;background: #1d7eff; border-radius:0 3px 3px 0;}
@media only screen and (max-width:640px ) {
	.fixedVideo .videoDDD{width: 93%; margin-left: 0; left: 2%;}
	.closeVideo{ left: auto; right: 0; top: auto; bottom: 100%; border-radius: 0;}
}

img.img100{width: 100%;display: block;}
.quContentMkImg{overflow: hidden;}
.quContentMkImg img{transition:.8s; -webkit-transition:.8s; -moz-transition:.8s; -ms-transition:.8s; -o-transition:.8s;}
.quContentMkImg:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}




@media screen and (max-width:1800px) {
	.f14{font-size: 13px;}
	.f16{font-size: 14px;}
	.f18{font-size: 16px;}
	.f20{font-size: 18px;}
	.f24{font-size: 22px;}
	.f28{font-size: 24px;}
	.f30{font-size: 26px;}
	.f36{font-size: 30px;}
	.f48{font-size: 38px;}
	.f72{font-size: 52px;}
	.allTcNr{width: 700px;}
	.allTcNrTit{height: 80px;line-height: 80px;}
	.allTcNrCon{padding: 50px 55px 55px;}
	.allTcNrCon_2{margin-top: 60px;}
	.quContentMkJs_1{margin-top: 0;}
	.quContentMk{align-items: center;}
	.quContentMkJsButMk a{height: 50px;line-height: 50px;}
	.quContentMkJs_3{width: 100%;}
	.quContentMkJsButMk img{left: 35px;width: 20px;}
	/* .quAboutMcPos{position: absolute;top: 50%;width: 100%;transform: translateY(-50%);
-ms-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);} */
	.quAbout_1{padding-top: 0;}
	.quContentMk{margin-top: 130px;}
	
}
@media screen and (max-width:1500px) {
	.f14{font-size: 12px;}
	.f16{font-size: 13px;}
	.f18{font-size: 14px;}
	.f20{font-size: 16px;}
	.f24{font-size: 20px;}
	.f28{font-size: 22px;}
	.f30{font-size: 24px;}
	.f36{font-size: 28px;}
	.f48{font-size: 30px;}
	.f72{font-size: 42px;}
	.allTcNr{width: 700px;}
	.allTcNr{width: 600px;}
	.allTcNrTit{height: 65px;line-height: 65px;}
	.quContentMkJsButMk a{height: 44px;line-height: 44px;}
	.quContent .quContentMk:nth-child(1){margin-top: 80px;}
	.quContentMk{margin-top: 80px;}
	.footer1{margin-top: 80px;}
	.footer1::before{top: 92px;}
	.footer1Left_1{padding-bottom: 35px;}
	.footer1{padding: 26px 37px 50px;}
	.footer2_2 span img{width: 20px;}
	.footer2_2{height: 20px;}
	.footer2{padding: 18px 37px;line-height: 20px;}
	.quContentMkJs_4{margin-top: 20px;}
	.quTop{height: 50px;line-height: 50px;}
	
}


@media screen and (max-width:1300px) {
	.quContentMkJsButMk img{position: static;transform: translate(0,0); display: inline-block;vertical-align: middle;margin: -3px 10px 0 0;
-ms-transform:translate(0,0);
-moz-transform:translate(0,0);
-webkit-transform:translate(0,0);
-o-transform:translate(0,0);}
}

@media screen and (max-width:1240px) {
	
}


@media screen and (max-width:1150px) {
	
}
@media screen and (max-width:1060px) {
	
	.quAbout_2 li{width: auto;margin: 0 40px;}
	
}

.wapTop{position: fixed;width: 100%;top: 0;height: 50px;background: #1F3F7C;z-index: 33;display: none!important;opacity: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0 5%;display: -webkit-flex; display: flex;justify-content: space-between;margin: 0!important;}
.wapTop .logo{line-height: 50px;}
/* banner三条横线——菜单 start */
.banner_menu {
  height: 20px;
  position: absolute;
  right: 5%;
  top: 37%;
  width: 20px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);
  cursor: pointer;
}
.banner_menu s {
  background-color: #fff;
  position: absolute;
 width: 20px;
  height: 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
}
.banner_menu s:nth-child(1){top: 0;}
.banner_menu s:nth-child(2){top: 6px;}
.banner_menu s:nth-child(3){top: 12px;}
.banner_menu s:first-child {
  top: 0;
}
.changeFigure s:first-child {
  transform: rotate(45deg) translate(1px) !important;
  top: -5px;
}
.changeFigure s:nth-child(2) {
  -webkit-transform: translateX(0.13333333rem) scaleX(1.5);
  transform: translateX(0.13333333rem) scaleX(1.5);
  opacity: 0;
}
.changeFigure s:nth-child(3) {
  -webkit-transform: rotate(-45deg) translate(0)!important;
  transform: rotate(-45deg) translate(0)!important;
	top: 10px;
}
.wapTopBj{position: fixed;top: -100%;left: 0;width: 100%;height: 100%;background: #1F3F7C;z-index: 30;transition:all linear .4s; -webkit-transition:all linear .4s; -moz-transition:all linear .4s; -ms-transition:all linear .4s; -o-transition:all linear .4s;}
.wapTopNav li{color: #FFFFFF;font-size: 18px;line-height: 60px;padding: 0 5%;}
.wapTopNav{padding-top: 60px;}
.wapTopBj.on{top: 0;}

@media screen and (max-width:900px) {
	.wapTop{display: block!important;opacity: 1;}
	.quTop{display: none;opacity: 0;}
	
	.f14{font-size: 12px;}
	.f16{font-size: 13px;}
	.f18{font-size: 14px;}
	.f20{font-size: 15px;}
	.f24{font-size: 16px;}
	.f28{font-size: 18px;}
	.f30{font-size: 20px;}
	.f36{font-size: 22px;}
	.f48{font-size: 28px;}
	.f72{font-size: 28px;}
	.quContentMk{flex-wrap: wrap;flex-direction: column-reverse;}
	.quContentMkJs{width: 100%;margin-top: 50px;}
	.quContentMkImg{width: 100%;}
	.quContent .quContentMk:nth-child(2n){flex-wrap: wrap;flex-direction: column-reverse;}
	.quContentMkJs{text-align: left;}
	.quAbout{-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;}
	.quAboutMc{position: static;width: 100%;height: 100%;padding: 100px 5%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.quAboutMcPos{position: static;transform: translate(0,0);
-ms-transform:translate(0,0);
-moz-transform:translate(0,0);
-webkit-transform:translate(0,0);
-o-transform:translate(0,0);}
.quAbout .img100{display: none!important;opacity: 0;}
.quContent .quContentMk:nth-child(1), .quContentMk, .footer1{margin-top: 55px;}
.quContentMkJs{margin-top: 35px;}
.footer1::before{display: none;}
.footer1{padding: 40px 5%;flex-wrap: wrap;flex-direction: column-reverse;}
.footer1Left{width: 100%;margin-top: 40px;}
.footer1Rig{width: 100%;}
.footer1Left_1{padding-bottom: 20px;}
.footer2{padding: 15px 5%;}
	
}


@media screen and (max-width:800px) {
   .quAbout_2 li{width: 48%;margin: 30px 0 0;}
	 .quAbout_3{margin-top: 40px;}
	 .quAbout_2{margin-top: 0;}
	 
}
@media screen and (max-width:750px) {
  .allTcNr{width: 90%;}
	.allTcNrTit{height: 45px;line-height: 45px;}
	.allTcNrCon{padding: 30px;}
	.allTcNrCon_2 .quContentMkJsButMk{width: 48%;}
	.allTcNrCon_2{margin-top: 40px;}
}

@media screen and (max-width:580px) {
	
}

@media screen and (max-width:500px) {
	.quBanner{height: 380px;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;}
	.quBanner .img100{display: none!important;opacity: 0;}
	.quBannerPos{margin-top: 25px;}
	.quContentMkJsButMk .ml10{margin-left: 0;}
	.footer1Left_2 li{margin-right: 40px;margin-top: 5px;}
	.footer1Left .footer1Left_1{padding-bottom: 15px;}
}