@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:16px/1.7 "LatoWeb","微软雅黑",YaHei,tahoma,arial,"Hiragino Sans GB",宋体;color:#666666;outline:0;}
a{color:#000000;outline:none;blr:expression(this.onFocus=this.blur());transition:all .4s cubic-bezier(.215,.61,.355,1);}
a:hover {color: #f0a43f;}

body{width: 100%; position:relative;-webkit-text-size-adjust:none;}
html {-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;}
html{overflow-y:scroll}
html,body{
    height:100%;
}
input,button{*overflow:visible;}

p { margin-bottom:10px;}
h1 { font-size:28px; margin-bottom:15px;}
h2 { font-size:22px; margin-bottom:15px;}
h3 { font-size:20px;}
h4 { font-size:16px; margin-bottom:5px; margin-top:5px;}

.clearfix:after {content:"\200B";display:block;height:0;clear:both;}
.clearfix {*zoom:1;}

.inner {max-width: 1200px;padding: 0 15px;margin: 0 auto;}


div.slide-mask {position: fixed;z-index: 9998;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);display: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;}
div.slide-mask.show { display:block;}
aside.slide-wrapper {position: fixed;z-index: 9999;left: 0;top: 0;width: 50%;height:100%;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
aside.slide-wrapper > div {background-color: #3a3a3a;min-height: 100%;box-shadow:-20px -20px 20px #343434 inset;}
aside.slide-wrapper.moved {  -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0);  -ms-transform: translate3d(0, 0, 0);  -o-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);}
aside.slide-wrapper .menu>li>a { line-height: 58px;border-bottom: 1px solid #333;display:block;color:#fff;font-size: 16px; padding-left: 30px;position: relative;text-transform: uppercase;}



header {width: 100%;color: #fff; position: fixed;background: #1a1a1d;top: 0;z-index: 999;display: block;transition:all .4s cubic-bezier(.215,.61,.355,1);}
header .top{max-width: 1200px;padding: 0 15px;margin: 0 auto;}
header .top h1{width:280px;height:60px;float: left;padding: 20px 0; margin-bottom: 0; transition:all .4s cubic-bezier(.215,.61,.355,1);}
header .top h1 a{display: block;width: 100%;height:100%; background: url("../images/logo.png") no-repeat left center;background-size: contain; padding-left: 75px; color: #ddd; line-height: 60px;}
header .top nav {float: right;}

header .top nav ul li { float: left;font-size: 16px;padding-left:30px;padding-right:30px;line-height: 85px;position: relative; }
header .top nav ul li a { color: #fff;display: block; line-height: 100px;transition:all .4s cubic-bezier(.215,.61,.355,1); position: relative;text-transform: uppercase;}
header .top nav ul li a:hover { color: #f0a43f;}
header .top nav ul li.on a { color: #f0a43f;}
header .top nav ul li a:hover:before,header .top nav ul li.on a:before {
    content: "";display: block;position: absolute;top: 68%;left: 50%;margin-left: -10px;width: 20px;height: 3px;background-color: #f0a43f;border-radius: 3px;transition:all .4s cubic-bezier(.215,.61,.355,1);color: #f0a43f; 
}
header.slideHeader { box-shadow: 0 0 6px rgba(212, 153, 153, 0.25);background: #3a3a3a; }
header.slideHeader nav ul li a { line-height: 70px;}
header.slideHeader .top h1 { padding: 15px 0; width: 160px; height: 40px;}

header.headerIndex { background-color: transparent !important;}
header.slideHeader.headerIndex { background-color: rgba(0, 0, 0, 0.5) !important;}
header.headerPage {background:linear-gradient(81deg,rgba(47,41,174,1),rgba(62,126,214,1));}

header .top nav ul li.menu-btn { margin-top: 32px;transition:all .4s cubic-bezier(.215,.61,.355,1);}
header .top nav ul li.menu-btn a {border: 1px solid #FFF; line-height: 36px;padding: 0 20px;border-radius: 18px;}
header .top nav ul li.menu-btn a:hover {background-color: #f0a43f; border: 1px solid #f0a43f; color: #fff;}
header .top nav ul li.menu-btn a:hover:before {display: none;}

header.slideHeader .top nav ul li.menu-btn {margin-top:17px;}

header .popmain{position:absolute;top:100%;left:0;z-index:9999;width:100%; display:none; background-color: rgba(0, 0, 0, 0.5);}
header .popmain a {display: block;line-height: 40px !important; height:40px !important; text-align:center; width:100%;overflow: hidden;font-size:13px; position:relative; color: #fff !important;}
header .popmain a:hover {color: #fff !important; background-color: #f0a43f !important;}
header .popmain a:before {display: none !important;}


@media only screen and (max-width:900px) {
    header .top h1 {padding: 15px 0; width: 160px; height: 40px;}
    body{position:absolute;left:0;}
    .mob-nav{display:block;}
    .top nav{display:none;}
    .icon-menu{width:26px;height:26px;margin-top: 23px;float:right;background:url(../images/nav.png);background-size: 26px 26px;cursor: pointer;transition:all .4s cubic-bezier(.215,.61,.355,1);}
}


.banner { width: 100%; height: 100%; background: #3e7dd5 url("../images/banner.jpg") no-repeat center center; color: #fff; background-size: cover; }
.banner .inner {position: relative;height: 100%; }
.banner .text { position: absolute; width: 100%; height:390px; left: 0; top: 45%; margin-top: -120px; padding: 0 15px; box-sizing: border-box;}
.banner .text h2 { font-size: 72px; font-weight: bold; line-height: 60px; margin-bottom: 20px;}
.banner .text h3 {font-size: 60px; font-weight: normal; text-transform: Uppercase; margin-bottom: 50px;}
.banner .text .btn { width: 195px; height: 56px; line-height: 56px; text-align: center; background-color: #f0a43f; color: #fff; font-size: 24px; display: block; border-radius: 56px;}
.banner .text .btn:hover {background-color: #df983a;}

.banner .text.en h2 {font-size: 46px;}
.banner .text.en h3 {font-size: 24px;}

@media only screen and (max-width:1100px) {
    .banner .text {text-align: center;text-shadow:2px 2px 5px rgba(0, 0, 0, 0.5);}
    .banner .text .btn {margin: 0 auto;;}
}
@media only screen and (max-width:600px) {
    .banner .text h2 {font-size: 40px; line-height: 40px;}
    .banner .text h3 {font-size: 24px;}
    .banner .text.en h2 {font-size: 30px; line-height: 40px;}
    .banner .text.en h3 {font-size: 20px;}
}



.home {width: 100%; padding: 60px 0 0 0;}
.home h2.title {font-size: 40px; line-height: 44px; padding: 10px 0; font-weight: normal;margin-bottom: 80px;position: relative;color: #333333; text-transform: uppercase; text-align: center;}
.home h2.title:before {content: "";display: block;position: absolute;bottom: -10px;left: 50%;margin-left: -23px;width: 46px;height: 6px;background-color: #f0a43f;border-radius: 6px;}

@media only screen and (max-width:600px) {
    .home h2.title {font-size: 30px; line-height: 34px; }
}

.footer {width: 100%;height: 100px;text-align: center; line-height: 100px;}
.footer span {color: #f0a43f;}
.footer a {color: #f0a43f;}

#goBack { width: 50px; height: 50px; border-radius: 50%; background:rgba(0,0,0,0.2) url("../images/back.png") no-repeat center center; display: block; position: fixed;right: 20px; text-indent: -9999px; bottom: -90px;opacity:0;transition:all .6s ease;-webkit-transition:all .6s ease;}
#goBack.on {bottom: 20px;opacity:1;}


input::-webkit-input-placeholder {color:#c7c7c7;}
input:-moz-placeholder {color:#c7c7c7;}
input::-moz-placeholder {color:#c7c7c7;}
input:-ms-input-placeholder {color:#c7c7c7;}

.about {overflow: hidden; margin-bottom: 80px;}
.about .inner {display: flex; }
.about h3 {font-weight: normal;}
.about .box {
    width: 47%; float: left; margin-right: 6%; border:solid 1px #3c75d2;box-sizing: border-box; border-radius: 30px; padding: 30px 50px;
}
.about .box.full {width: 100%; margin-right: 0; margin-bottom: 30px;}
.about .box.last { margin-right: 0;}
.about .box .icon { text-align: center; margin-bottom: 20px;}
.about .box h3 { text-align: center;  margin-bottom: 20px;}
.about .box p span {width: 33%;float: left;}
.about .box p {overflow: hidden;}

.about .box ul { width: 84%; overflow: hidden; padding: 2% 8% 2% 8%;}
.about .box ul li { width: 50%; float: left; text-align: center; line-height:2.8; }
.about .box.en {padding: 30px 30px;}
.about .box.en ul { width: 94%; overflow: hidden; padding: 2% 0% 2% 0%; font-size: 14px;}
.about .box.en ul li { width: 50%; float: left; text-align: center; line-height:1.6; padding: 8px 0; }

@media only screen and (max-width:800px) {
    .about .inner {display: flex; flex-direction: column;}
    .about .box {width: 100%; margin-bottom: 30px;padding: 20px 30px;}
    .about .box.last { margin-bottom: 0;}
    .about .box.full {padding: 20px 30px;}
}
@media only screen and (max-width:600px) {
    .about .box {padding: 15px 20px;}
    .about .box.full {padding: 15px 20px;}
    .about .box p span {width: 50%;float: left;}
    .about .box.en ul li { width: 100%;padding: 5px 0; }
}

.download {
    overflow: hidden; width: 100%; background: url('../images/download.jpg') no-repeat center center; background-size: 2560px 772px;
    height: 772px;
}
.download .inner { position: relative;height: 772px;}
.download .down {width: 200px; position: absolute; right: 10%; top: 12%;}
.download .down .box { text-align: center; margin-bottom: 30px;}
.download .down .box .btn { text-align: center; margin-bottom: 20px;}
.download .down .box .btn a {width: 200px; height: 50px; line-height: 50px; text-align: center; background-color: #f0a43f; color: #fff; font-size: 24px; display: block; border-radius: 50px; margin: 0 auto;}
.download .down .box .btn a:hover {background-color: #df983a;}

.download .down .box .qrcode img {width: 200px; height: 200px;}


@media only screen and (max-width:800px) {
    .download .down {width: 84%; padding: 0 8%;right: 0; top: 12%;display: flex;}
    .download .down .box {width: 50%;}
}
@media only screen and (max-width:600px) {
    .download .down {width: 100%; padding: 0%;flex-direction: column; }
    .download .down .box {width: 100%;}
}



.page {width: 100%; padding: 130px 0 0 0;}
.page h2.title {font-size: 40px; line-height: 44px; padding: 10px 0; font-weight: normal;margin-bottom: 80px;position: relative;color: #333333; text-transform: uppercase; text-align: center;}
.page h2.title:before {content: "";display: block;position: absolute;bottom: -10px;left: 50%;margin-left: -23px;width: 46px;height: 6px;background-color: #f0a43f;border-radius: 6px;}

@media only screen and (max-width:600px) {
    .page h2.title {font-size: 30px; line-height: 34px; }
}

/*荣誉证书*/
.disclosures ul {overflow: hidden; padding: 0 2% 30px 2%; margin-bottom:45px; border-bottom: solid 3px #3c75d2;}
.disclosures ul li {float: left; width: 46%; padding: 0 2%; margin-bottom: 15px; line-height: 0;}
.disclosures ul li img {width: 100%; height: auto;}
.disclosures ul li.full {width: 94%;}
.disclosures ul:last-child {
  margin-bottom:0; border-bottom:0;
}
@media only screen and (max-width:800px) {
    .disclosures ul li {float: left; width: 100%; padding: 0 2%;}
}

/*股东资料*/
.shareholder ul {
  overflow: hidden; color: #333;
  display: flex;
  flex-wrap: wrap;
}
.shareholder ul li {
  width: 27%; text-align: center; padding: 0 3%; margin-bottom: 50px;
}
.shareholder ul li .img { width: 80%; height: auto; margin: 0 auto 30px auto;}
.shareholder ul li .img img { width: 100%; height: auto;}
.shareholder ul li h3 {font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.shareholder ul li h4 {font-weight: normal; margin: 0; font-size: 16px;}
.shareholder ul li p {margin-bottom: 15px; font-size: 14px;}
@media only screen and (max-width:1000px) {
    .shareholder ul li {width: 44%;}
}
@media only screen and (max-width:800px) {
    .shareholder ul li {width: 94%;}
    .shareholder ul li .img { width: 60%;}
}