@charset "UTF-8";
/* CSS reset */
body { font: 14px/1.5 "PingFang SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif; color: #1c1f21;}
blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*{margin:0;padding:0;}
a,a:link,a:visited{color:#444; cursor:pointer; text-decoration:none; }
a:focus,a:active,a:hover { outline:0; -moz-outline:0; color: #4E7AD4; text-decoration:none;}
ol,ul { list-style:none; }
img { border:0; }
:focus { outline:0; }
address,caption,cite,code,dfn,th,var,optgroup { font-style:normal; font-weight:normal; }
strong { font-weight:normal; }
em { font-style:normal; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family:inherit; font-weight:500; line-height:1.1; color:inherit; }
button,input,optgroup,select,textarea {  color: inherit;  font: inherit;  margin: 0;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#aaa; }
input:-moz-placeholder, textarea:-moz-placeholder { color:#aaa; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#aaa; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder{ color:#aaa; }
html,body{ }
body { background-color:#152373; }
/* CSS */
#slt img{
    display: none;visibility:hidden;
}
/* header */
#header { position: relative; width: 100%; height: 80px; z-index: 20; background-color: rgba(0, 0, 0, .25); }
.headBox { margin: 0 auto; width:1200px; position: relative;box-shadow:0 2px 15px rgba(0, 0, 0, .1);  }
.headBox .logo { float: left; width:220px; height: 80px; background: url('../images/logo.png') no-repeat center center #fff; box-shadow:0 2px 15px rgba(0, 0, 0, .1);}
.headBox .nav { float: right; height: 80px; position: relative; overflow: hidden; }
.headBox .nav li { float: left;}
.headBox .nav a { display: block; padding: 0 28px; font-size: 16px; line-height: 80px; color:rgba(255,255,255,.6); }
.headBox .nav a:hover { color:rgba(255,255,255,1); background-color: rgba(12,89,198,0.8); transition: all .1s; }
.headBox .nav a.now { color:rgba(255,255,255,1); background-color: rgba(12,89,198,0.5); }
/* banner */
#banner { position: relative; margin-top:-80px; width:100%; height: 850px; z-index: 10; background: url('../images/background.jpg') no-repeat center center ;}
.bannerBox { margin: 0 auto; width:1300px; height: 100%; position: relative; overflow: hidden;}
.bannerBox img { display: block; position: absolute; left: 0; top:0; margin-top: -80px; width:100%;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.bannerBox .up1{ animation-delay:.2s;-moz-animation-delay:.2s;-webkit-animation-delay:.2s;}
.bannerBox .up2{ animation-delay:.8s;-moz-animation-delay:.8s;-webkit-animation-delay:.8s;}
.bannerBox .up3{ animation-delay:1s;-moz-animation-delay:1s;-webkit-animation-delay:1s;}
@-webkit-keyframes zoomIn{  0%{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3);}  50%{opacity:1;}}
@keyframes zoomIn{  0%{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3);}  50%{opacity:1;}}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;}
@-webkit-keyframes fadeIn{  0%{opacity:0;}  100%{opacity:1;}}
@keyframes fadeIn{  0%{opacity:0;}  100%{opacity:1;}}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;}
/* for box */
.box { margin: 0 auto; width:1200px; }
.boxTit { position: relative; width:100%; margin-top: 40px; color:#fff; }
.boxTit .titCn{ font-size: 26px; line-height: 1; text-align: center; font-weight: 400;}
.boxTit .titEn{ font-size: 22px; line-height: 1; text-align: center; font-weight: 400; opacity: .3; }
.boxTit .line { position: relative; padding:10px 0 9px; width:100%; }
.boxTit .line span { display: block; margin: 0 auto; width:54px; height: 4px; background-color: #fff;}
.boxTit .line::before { content: ''; display: block; position: absolute; left: 0; top:12px; right: calc(50% + 40px); border-bottom: 1px solid #fff; opacity: .15; z-index: 10;}
.boxTit .line::after { content: ''; display: block; position: absolute; left: calc(50% + 40px); top:13px; right: 0; border-bottom: 1px solid #fff; opacity: .15; z-index: 10;}
.boxCon { position: relative; width:100%; margin-top: 40px; }
.boxTit.blue { color:#275AC7;}
.boxTit.blue .line span { background-color: #275AC7;}
.boxTit.blue .line::before,.boxTit.blue .line::after { border-color:#275AC7;}
/* organ */
#organ { margin: 0 auto; width:100%; position: relative; overflow: hidden; }
#organ .boxCon { margin: 50px 0 0;}
.organBox { position: relative; overflow: hidden; width:100%; }
.organBox li { float: left;position: relative; overflow: hidden;  width:50%; }
.organBox .tit { position: absolute; left: 20px; top: 0; width:156px; height: 46px; background: url('../images/a-4.png') no-repeat center center #285BC8; font-size: 22px; color:#fff; line-height: 46px; text-align: center; z-index: 20; border-radius: 0 8px 0 8px;}
.organBox .conts { margin:30px 0 20px 50px; padding:30px 20px 30px; text-align: center; color:#fff; background: url('../images/a-5.png') repeat-x 0 bottom; border-radius: 40px; }
.organBox .organ { color:#fff; font-size: 16px; line-height: 1.4;}
.organBox li.c1 .tit,
.organBox li.c3 .tit { left: auto; right: 20px; border-radius: 8px 0 8px 0; background-image: url('../images/a-3.png');}
.organBox li.c1 .conts,
.organBox li.c3 .conts { margin: 30px 50px 20px 0; }
/* introl */
#introl { margin: 0 auto; width:100%; position: relative; overflow: hidden; }
.cont { position: relative; padding-bottom: 40px; width: 100%; overflow: hidden;}
.cLeft { float: left; padding: 50px 36px; width: 50%; min-height: 730px; position: relative; }
.cLeft::before { display: block; content: ''; position: absolute; left: 0; top: 0; bottom: 0px; right: -100px; border:4px solid #fff; opacity: .2; z-index: -10;}
.cLeft .title { margin-bottom: 20px; font-size:30px; line-height: 40px ; font-weight: 600; color:#fff}
.cLeft .dl { position: relative; overflow: hidden; padding: 12px 0 0 0; }
.cLeft .dt { font-size: 18px; line-height: 20px; font-weight: 500; color:#fff }
/* .cLeft .dd { margin: 12px 0 0 0; font-size: 14px; line-height: 20px; color:#BFCDFF; min-height: 80px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } */
.cLeft .dd { margin: 12px 0 0 0; font-size: 14px; line-height: 20px; color:#BFCDFF; min-height: 80px; }
.cLeft .dd p { margin: 0 0 10px 0; opacity: .9;}
.cLeft .dd p.t1{ color:#fff; opacity: 1;}
.cLeft .bt { display: block; float: right; margin-top: 12px; width:120px; height: 32px; border: 1px solid rgba(255,255,255,.15); font-size: 14px; line-height: 30px; color:#fff; text-align: center; }
.cRight { float: right; width: 50%; }
.cRight .item { position: relative; margin-top: 30px; width: 100%; }
.cRight .item img { display: block; width: 100%; }
.cRight .item p { display: block; position: absolute; left: 0; bottom: 0; right: 0; height: 40px; padding:0 6px 0 12px; font-size: 16px; line-height: 40px ; color:#fff; background-color: rgba(0, 0, 0, .6); z-index: 10;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;  }
.cRight .item a,.cRight .item a:hover { color:#fff; }
.cRight .item2 { float: left; margin-top: 20px; width: 48%;}
.cRight .item3 { float: right; margin-top: 20px; width:48%;}

/* process */
#process { margin: 0 auto; padding: 20px 0 80px; width:100%; min-height: 628px; position: relative; overflow: hidden;  background: url('../images/process-bg.jpg') no-repeat 0 center #000B51; background-size: 100% auto;}
.proT { width:100%; }
.proT img { display: block; width: 100%;}
.proC { position: relative; overflow: hidden; padding:15px 0; width: 100%;}
.proC .one { float: left; margin: 0 0.5%; width:24%; height: 300px; padding:60px 40px; font-size: 16px; line-height: 1.5; color:#fff; background-color: rgba(77,120,210,.2);}

/* prize */
#prize { margin: 0 auto; padding-top: 10px; width:100%; min-height: 628px; position: relative; overflow: hidden;  background: url('../images/prize-bg.jpg') no-repeat 0 bottom #fff; background-size: 100% auto;}
#prize .boxTit { margin-top: 50px;}
#prize .boxCon { margin-top: 20px;}
.prizeList { position: relative; width:100%;  padding: 30px 0 30px 0;}
.prizeList .row { position: relative; text-align: center; }
.prizeList .rowT { position: relative; z-index: 20; margin: -30px 0 0 0; height: 62px; background: url('../images/prize-tit.png') no-repeat center 0; font-size: 32px; line-height: 55px; color:#fff; text-shadow: 0 2px 0 #09235a7a; }
.prizeList .rowC { position: relative; overflow: hidden; z-index: 10; margin-top: -24px; padding: 60px 10px 10px; border:2px solid #c5d8ff; background-color: rgba(255, 255, 255, 0.5); } 
.prizeList .one { display: inline-block; margin: 0 1% 30px; width:31%; text-align: center; }
.prizeList .one .tt { padding:30px 10px; background-color: rgba(40,91,200,.8); border:4px solid rgba(40,91,200,.8); border-radius: 15px;  }
.prizeList .one .txt { font-size: 22px; line-height: 1.2; color:#fff;}
.prizeList .one .tt img { display: block; margin: 20px auto 0; max-width: 80%;}
.prizeList .one .pList {  margin:20px 0 0 ; padding:20px; background-color: rgba(255,255,255,.9); text-align: left; font-size: 15px; line-height: 26px; color:#275AC7;}
.prizeList .rowC .forlist { overflow: hidden; width:100%; padding: 0 10px 20px; }
.prizeList .rowC .forlist .name { float: left; width:33%; padding-left: 22px; text-align: left; line-height: 1.8; font-size: 15px;}
.prizeList .row2 { margin-top: 50px;}
.prizeList .row3 { margin-top: 50px;}
.prizeTxt { margin: 0 auto 40px; padding:25px 15px; font-size: 18px; line-height: 1; color:#275AC7; background-color: #c5d8ff; text-align: center;}
/*prize2023*/

#prize2023 { margin: 0 auto; padding-top: 10px; width:100%; position: relative; overflow: hidden;  background: #fff; background-size: 100% auto;}
#prize2023 .boxCon{ border:2px solid #c5d8ff; margin-bottom: 30px; margin-bottom: 45px;}

#prize2023 .listcon { margin: 0 auto ; padding: 20px 10px; width:100%; overflow: hidden; background-color: #fff; }
#prize2023 .listcon .t { color:rgba(40,91,200,1); margin: 0 18px; padding:10px 20px; line-height:1; background-color:rgba(40,91,200,.1);font-size:20px;font-weight:600;}
#prize2023 .listcon .l { overflow: hidden; padding: 15px;}
#prize2023 .listcon .name { float: left; width:48%; margin: 0 0 0 1% ; padding: 0 5px; font-size: 16px; line-height: 28px;}

/* news */
#news { margin: 0 auto; width:100%; min-height: 700px; position: relative; overflow: hidden;  background: url('../images/news-bg.jpg') no-repeat center; background-size: 100% 100%;}
.newsList { position: relative; overflow: hidden; width: 100%;}
.newsList .newsL { float: left; width:590px; position: relative; overflow: hidden; }
.newsList .newsR { float: right; width:580px; position: relative; overflow: hidden; }
.newsList .one { position: relative; overflow: hidden; margin-bottom: 40px; width:100%; min-height:200px ; color:#fff; }
.newsList .one .pic { float: left; width: 320px; height: 200px; position: relative; }
.newsList .one .pic img { display: block; width:100%;}
.newsList .one .date { position: absolute; left: 0; bottom: 10px; width: 100px; height: 26px; font-size: 12px; line-height: 26px; text-align: center; color:#fff; background-color: #0F3BAB; z-index: 10;}
.newsList .one .tit { margin: 10px 0 0 346px; font-size: 20px; line-height: 1.2; color:#fff;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.newsList .one .txt { margin: 12px 0 0 346px; font-size: 14px; max-height: 64px; line-height: 1.2; color:#fff;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; opacity: .5; }
.newsList .one .bt { display: block; margin: 12px 0 0 346px; font-size: 14px; height: 30px; line-height: 30px; color:#fff;  overflow: hidden; }
.newsList .newsR .one { width:580px; height: 440px; }
.newsList .newsR .one .pic { float: none; margin:0 auto; width:580px; height: 362px; z-index: 1; }
.newsList .newsR .one .row { position: absolute; left: 0; bottom: 0; right:0; height: 100px; padding: 20px; background-color: rgba(0, 0, 0, .6); z-index: 10;}
.newsList .newsR .one .tit { position: absolute; left: 128px; bottom: 60px; right: 12px; margin: 0; font-size: 20px; line-height: 1; color:#fff;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; z-index: 100; }
.newsList .newsR .one .txt { position: absolute; left: 128px; bottom: 20px; right: 12px; margin: 0; height: 36px; font-size: 14px; line-height: 18px; color:#fff;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; z-index: 100; }
.newsList .newsR .one .date  {  z-index: 100; left: 0; bottom: 0; padding: 25px 20px 0 0; width:100px; height: 100px; text-align: right;}
.newsList .newsR .one .date span { display: block; font-size: 22px; line-height: 1;}
.newsList .newsR .one .date span:last-child { font-size: 14px; margin-top: 12px; opacity: .8;}

/* rules */
#rules { margin: 0 auto; padding-top: 10px; width:100%; min-height: 680px; position: relative; overflow: hidden;  background: url('../images/expert-bg.jpg') no-repeat left bottom; background-size: 100%;}
.rule { position: relative; margin: 20px auto 60px; width:1100px; padding:70px 0 0 0; border:3px solid #4B9EEF;  }
.rule .tit { position: absolute; left: 0; top:-6px; right: 0; height: 56px; z-index: 10; font-size: 32px; text-align: center; line-height: 56px; color:#fff; text-shadow: 0 2px 0 #09235a7a; background: url('../images/a-2.png') no-repeat center top; background-size: auto 56px; }
.rule .txt { margin: 40px; padding: 0 20px; font-size: 16px; line-height: 2; color:#fff;}
.rule .txt p { margin: 10px 0;}

/* media */
#media { margin: 0 auto; width:100%; min-height: 580px; position: relative; overflow: hidden;  background: url('../images/media-bg.jpg') no-repeat right bottom #fff; background-size: auto;}
#media .boxCon { margin-top: 20px;}
.mediaL { float: left; }
.phone { padding: 75px 46px; width: 418px; height: 462px; background: url('../images/media-phone.png') no-repeat 0 0; background-size: 100% auto;}
.phone .dl { position: relative; margin-bottom: 10px; width:100%; overflow: hidden; background-color: #0F3BAB;  }
.phone .dl .icon { float: left; margin:8px; padding: 2px; background-color: #fff; border-radius: 12px; }
.phone .dl .icon img { display: block; width:42px; border-radius:12px; }
.phone .dl .txt { margin: 11px 12px 10px 64px; height: 40px; font-size: 14px; line-height: 20px; color:#fff;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;  }
.mediaR { float: right; position: relative; margin-top: 12px;  width:720px; height: 420px; background-color: #fff; border: 8px solid #ddd; border-radius: 0 40px 40px 10px; }
.mediaR .dot { position: absolute; left: -35px; top: 0; margin-top: -8px; margin-left: -8px; width:50px; height: 40px; background: url('../images/media-dot.png') no-repeat 0 0; background-size: auto; z-index: 10;}

/* company */
#company { margin: 0 auto; padding:15px 0 80px 0; width:100%; min-height: 580px; position: relative; overflow: hidden;  background: url('../images/bg-1.png') no-repeat 0 bottom #fff; background-size: 100% auto;}
.companyList { position: relative; overflow: hidden; padding:0 0 40px; width:100%; text-align: center; }
.companyList .one { display: inline-block; margin: 15px 8px 0 ; width:220px; height: 380px; background-color:#fff; vertical-align: middle; border: 3px solid #285BC8; box-shadow: 0 2px 10px rgba(0, 102, 255, 0.3); }
.companyList .one .pic { display: block; width:100%;}
.companyList .one .pic img { display: block; width:100%;}
.companyList .one .txt { padding:20px 15px 15px;}
.companyList .one .name {  font-size: 20px; color:#285BC8; text-align: left; line-height: 1.2; }
.companyList .one .text { margin-top: 20px;  font-size: 14px; color:#666; text-align: left; line-height: 1.4; }

/* expert */
#expert { margin: 0 auto; padding-top: 10px; width:100%; min-height: 680px; position: relative; overflow: hidden;  background: url('../images/expert-bg.jpg') no-repeat left bottom; background-size: 100%;}
.expertList { position: relative; overflow: hidden; padding:15px 0;}
.expertList li { float: left; position: relative; margin: 10px; width:220px; height: 375px; background-color: #0E174C; box-shadow: 0 2px 15px rgba(0, 0, 0, .05);}
.expertList .pic { margin:10px auto; width:200px; height: 250px; overflow: hidden;}
.expertList .pic img { display: block; width: 100%; height: 100%;}
.expertList .name { position: absolute; left: 0; top:237px; padding-left: 20px; width:120px; height: 40px; background-color: #007FFF; font-size: 20px; line-height: 40px; color:#fff;}
.expertList .txt { margin: 38px 10px 0 20px; height: 32px; font-size: 14px; line-height: 16px; color:#fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.expertList .more { width:100%; height: 42px; background: url('../images/dot-arrow.png') no-repeat 20px 15px;  }
.expertList li:hover { margin: 5px 10px 15px; height: 380px; border-bottom: 5px solid transparent; box-shadow: 0 2px 15px rgba(0, 127, 255, .8); transition: all .1s; cursor: pointer;}

/* footer */
#footer { margin: 0; padding:20px 0; background-color: #000; overflow: hidden; position: relative;}
#footer div { width: 1200px; margin:10px auto; font-size: 13px; line-height: 1.4; color:#999; text-align: center; }
#footer a { display: inline-block; padding: 0 20px; color:#fff;}