/* base style */
html{
color:#000;
overflow-y:scroll;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%
}
html *{
outline:0;
-webkit-text-size-adjust:none;
-webkit-tap-highlight-color:rgba(0,0,0,0)
}
body {
color:#666;
font: 14px/1.5 "微软雅黑",Helvetica,STHeiti,Droid Sans Fallback;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-tap-highlight-color:rgba(0,0,0,0);
/*height: 20000px;*/
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,menu,nav,section{
margin:0;
padding:0;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
input,select,textarea{
font-size:100%
}
article,aside,footer,header,nav,section,audio,canvas,video,img {
display: block;
}
table{
border-collapse:collapse;
border-spacing:0
}
fieldset,img{
border:0
}
abbr,acronym{
border:0;
font-variant:normal
}
del{
text-decoration:line-through
}
address,caption,cite,code,dfn,em,th,var{
font-style:normal;
font-weight:normal
}
caption,th{
text-align:left
}
h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal
}
q:before,q:after{
content:''
}
button{
outline:0;
border:none;
}
ins,a{
text-decoration:none;
}
a{
text-decoration:none;
blr:expression(this.onFocus=this.blur());
color:#666;
/*-webkit-transition: all 0.5s linear;*/
/*-moz-transition: all 0.5s linear;*/
/*-ms-transition: all 0.5s linear;*/
/*-o-transition: all 0.5s linear;*/
/*transition: all 0.5s linear;*/
}
a:hover{
text-decoration:none;
color: #092e49;
}
textarea {
resize: none;
}
iframe,img {
border:0;
}
img{
vertical-align:top;
/*-webkit-transition: all 0.5s linear;*/
/*-moz-transition: all 0.5s linear;*/
/*-ms-transition: all 0.5s linear;*/
/*-o-transition: all 0.5s linear;*/
/*transition: all 0.5s linear;*/
}
ul,ol,li,dl,dt,dd{
list-style:none;
}
/*input,select,textarea {
outline: 0;
-webkit-user-modify: read-write-plaintext-only;
}
input {-webkit-appearance: none;}
::-webkit-input-placeholder { *//* WebKit, Blink, Edge *//*
color: #999;
font-size:12px;
}
:-moz-placeholder { *//* Mozilla Firefox 4 to 18 *//*
color: #999;
font-size:12px;
}
::-moz-placeholder { *//* Mozilla Firefox 19+ *//*
color: #999;
font-size:12px;
}
:-ms-input-placeholder { *//* Internet Explorer 10-11 *//*
color: #999;
font-size:12px;
}*/
.pr{
position:relative;
}
.abs{
position: absolute
}
.fixed{
position:fixed;
}
.fl{
float:left;
display:inline-block;
}
.fr{
float:right;
display:inline-block;
}
.clearfix:after{
content:".";
display:block;
height:0;
clear: both;
visibility:hidden;
}
.clearfix{
*zoom:1;
}
.clear{
clear:both
}
.box-sizing-box{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}
.flex{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.block{
display:block;
}
.inline-block{
display:inline-block;
}
.inline{
display:inline;
}
/*
FILTER: alpha(opacity=0);
-moz-opacity:0;
opacity:0;
*/
/********************************************************************************************/
.container{
width: 1200px;
padding: 0;
margin: 0 auto;
}
.container a:hover{
color:#fff
}
.top{
width: 1200px; margin: 0 auto;
height: 98px;
background: #ffffff;
}
.top-logo{
float: left;
margin-left: 0px;
}
.top-nav{
float: right;
padding-top: 34px;
margin-right: 0px;
}
.top-nav li{
display: inline-block;
line-height: 40px;
float: left;
}
.top-nav li a{
font-size: 16px;
color: #333;
}
.x3333:hover{ background: #16729b; color: #ffffff!important;}
.top-nav li a.active, .top-nav li a:hover{
color: #0d66b1;
}
.chuang{color: #e76700}
.klg{text-indent: 2em; }
.rcap{margin-top: 50px; color: #ffffff;background:url("../images/006x.jpg") center top;background-size:100%}
.xxx5{;background:url("../images/xxx5.png") center top;background-size:100%}
.top-nav span{
width: 1px;
height: 40px;
background: #bcbcbc;
display: inline-block;
float: left;
margin: 0 15px;
}
.top-nav span:last-child{
display: none;
}
.index-banner img{
display: inline-block;
vertical-align: top;
max-width: 100%;
}
#index-banner-absolute{
overflow:hidden;
position:absolute;
left:0;
z-index:1;
width:100%;
height:100%;
top: 0;
}
#index-banner-canvas{
overflow:hidden;
width:100%;
height:580px;
opacity:0.4;
}
#index-banner-canvas canvas{width:100%;}
.index-unit{
width: 100%;
margin-top: 40px;
}
.index-unit-item{
width: 300px;
height: 292px;
position: relative;
padding-left: 1px;
padding-top: 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
float: left;
}
.index-unit-item-img{
width: 100%;
}
.index-unit-item-img img{
display: inline-block;
}
.index-unit-item-title{
width: 100%;
font-size: 18px;
color: #000;
font-weight: bold;
margin-top: 40px;
line-height: 1;
}
.index-unit-item-text{
width: 100%;
font-size: 18px;
color: #999;
line-height: 1.6;
margin-top: 40px;
}
.index-unit-item .line{
width: 1px;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #bcbcbc;
}
.index-instruction{
width: 100%;
margin-top: 80px;
}
.index-title{
width: 100%;
}
.index-title-pb15{
padding-bottom: 15px;
border-bottom: 1px #bcbcbc solid;
}
.index-title p{
line-height: 1;
}
.index-title p.p1{
font-size: 24px;
color: #0e66b0;
}
.index-title p.p2{
font-size: 14px;
color: #666;
margin-top: 6px;
}
.index-instruction-desc{
width: 100%;
margin-top: 70px;
}
.index-instruction-img{
width: 405px;
float: left;
vertical-align: top;
}
.index-instruction-img img{
width: 100%;
}
.index-instruction-text{
float: right;
width: 750px;
line-height: 1.6;
font-size: 16px; line-height:26px;
}
.index-instruction-text p{ margin-bottom: 10px; text-indent:2em;}
.index-more{
width: 100%;
margin-top: 40px;
text-align: right;
}
.index-more.mt-20{
margin-top: 20px;
}
.index-more a{
padding: 10px 30px; border-radius: 6px;
background: #16729b; color: #ffffff;
}
.index-more a:hover{
background: #075375;
}
.index-award{
width: 100%;
margin-top: 70px;
background: #f6f6f6;
padding: 45px 0 50px;
}
.index-award-list{
width: 100%;
padding-bottom: 72px;
margin-top: 55px;
}
.index-award-item-relative{
width: 30%;
height: 250px;
float: left;
position: relative;
margin-left: 60px;
}
.index-award-item-relative.ml-0{
margin-left: 0;
}
.index-award-item{
width: 100%;
height: 250px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
text-align: center;
padding: 30px 36px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
position: absolute;
top: 0;
left: 0;
}
.color-010{
background: #009ae4;
}
.color-011{
background: #eb4f38;
}
.color-012{
background: #11b97c;
}
.color-013{
background: #8956a1;
}
.color-014{
background: #22ad38;
}
.index-award-item img{
display: inline-block;
vertical-align: top;
width: 100%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.index-award-item p{
width: 100%;
text-align: center;
margin-top: 25px;
color: #ffffff;
font-weight: bold;
font-size: 24px;
line-height: 1;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.index-award-item:hover{
width: 222px;
height: 290px;
top: -20px;
left: -15px;
padding: 35px 40px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.index-award-item:hover p{
font-size: 28px;
margin-top: 30px;
}
.index-experts{
width: 100%;
margin-top: 20px;
}
.index-expert-scroll{
width: 100%;
margin-top: 40px;
position: relative;
overflow: hidden;
}
.index-expert-item{
width: 100%;
position: relative;
overflow: hidden;
}
.index-expert-item img{
width:100%;
height: 448px;
vertical-align: top;
}
.index-expert-item-text{
width: 100%;
position: absolute;
bottom: -100px;
left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 15px 15px 10px;
background: rgba(50, 50, 50, 0.7);
color: #ffffff;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.index-expert-item-text h2{
font-size: 20px;
}
.index-expert-item-text p{
font-size: 14px;
line-height: 1.6;
margin-top: 8px;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
height: 44px;
}
.index-expert-item:hover .index-expert-item-text{
bottom: 0;
}
.index-expert-scroll .swiper-button{
position: absolute;
top: 50%;
margin-top: -35px;
width: 70px;
height: 70px;
z-index: 999;
}
.index-expert-scroll .swiper-button-prev{
background: url(../images/index-experts_arrow.png) no-repeat left top;
left: 10px;
}
.index-expert-scroll .swiper-button-next{
background: url(../images/index-experts_arrow.png) no-repeat left bottom;
right: 10px;
}
.index-review{
width: 100%;
margin: 80px 0 0 0;
}
.index-review-scroll{
width: 100%;
position: relative;
overflow: hidden;
margin-top: 30px;
}
.index-review-scroll .swiper-slide{
height: 300px;
background: #fc9;
}
.index-review-scroll .swiper-slide-active{
width: 50%;
}
.slider{ width:100%; min-width:980px; height:540px; position:relative; overflow:hidden; background:#fff; text-align:center; }
.slider .bd{ width:980px; position:absolute; left:50%; margin-left:-490px }
.slider .bd li{
width:980px;
overflow:hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
.slider .bd li img{ display:block; width:964px; height:538px;
}
.slider .tempWrap{ overflow:visible !important }
.slider .tempWrap ul{ margin-left:-980px !important; }
.slider .pnBtn{ position:absolute; z-index:1; top:50%;
margin-top: -35px; width:70px;
height: 70px; cursor:pointer; }
.slider .prev{ left:50%; margin-left:-532px;
background: url("../images/index-experts_arrow.png") left top no-repeat; }
.slider .next{ left:50%; margin-left:448px; background: url("../images/index-review_arrow.png") left bottom no-repeat; }
/*main*/
.current{
width: 100%;
height: 129px;
background: url("../images/current-bg.jpg") top center no-repeat;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 30px;
font-size: 36px;
color: #ffffff;
line-height: 129px;
margin-top: 50px;
}
.current p {
display: inline-block;
margin-left: 10px;
position: relative;
top: 2.4px;
}
.main-1140{
width: 1140px;
margin: 0 auto;
margin-bottom: 20px;
}
.px-detail{
width: 100%;
margin-top: 40px;
}
.px-title{
width: 100%;
text-align: center;
font-size: 28px;
font-weight: bold;
color: #000;
line-height: 1.5;
}
.px-text{
width: 100%;
margin-top: 40px;
border: 1px #0f52b3 dashed;
padding: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #f6f6f6;
}
.px-text img{ max-width: 100%; margin: 0px auto}
.px-text {line-height: 36px;}
.rcanp{padding: 8px 60px; background: #2580d1; color: #ffffff;font-size: 28px; margin-top: 10px;letter-spacing:4px;}
.rcanp:hover{ color: #ffffff;background: #1873c3; }
.sub-navigation{
width: 100%;
margin-top: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.sub-navigation li{
width: 166px;
padding-bottom: 18px;
}
.sub-navigation li.active,.sub-navigation li:hover{
background: url("../images/icon-01.png") bottom center no-repeat;
}
.sub-navigation li a{
width: 100%;
height: 60px;
line-height: 60px;
font-size: 28px;
color: #ffffff;
background: #0f52b2;
display: block;
text-align: center;
}
.sub-navigation2{
width: 100%;
margin-top: 50px;
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;
}
.sub-navigation2 li{
width: 200px;
padding-bottom: 18px;
margin: 0 30px;
}
.sub-navigation2 li a{
width: 100%;
height: 78px;
line-height: 60px;
font-size: 28px;
color: #ffffff;
background: url("../images/jjjjj1.png") bottom center no-repeat;
display: block;
text-align: center;
}
.sub-navigation2 li a.active,.sub-navigation2 li a:hover{
background: url("../images/jjjjj.png") bottom center no-repeat;
}
.setting-list{
width: 100%;
margin-top: 40px;
border: 1px #0f52b3 dashed;
padding: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #f6f6f6;
}
.setting-list dl{
width: 100%;
}
.setting-list dl dt{
font-weight: normal;
margin-bottom: 10px;
}
.setting-list dl dt a{
font-size: 20px;
color: #333;
}
.setting-list dl dd{
margin-bottom: 6px;
padding-left: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: url("../images/icon-02.jpg") left center no-repeat;
}
.setting-list dl dd a{
font-size: 18px;
}
.lc-detail{
width: 100%;
margin-top: 40px;
border: 1px #0f52b3 dashed;
padding: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #f6f6f6;
}
.lc-detail img{
max-width: 100%;
}
.hg-detail{
width: 100%;
margin-top: 50px;
background: #f6f6f6;
height: 280px;
overflow-y: scroll;
padding: 15px 30px 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.hg-title-1{
width: 100%;
font-size: 24px;
font-weight: bold;text-align:center;margin-bottom:50px;
color: #000;
line-height: 1;
margin-top: 15px;
}
.hg-title-2{
width: 100%;
font-size: 22px;margin-bottom:25px;
font-weight: bold;
color: #000;
margin-top: 40px;
line-height: 1;
}
.hg-list{
width: 100%;
margin-top: 10px;
}
.hg-list li{
width: 100%;
margin-top: 25px;margin-bottom:25px;
font-size: 18px;
color: #000;
line-height: 1;
}
.hg-scroll-main{
width: 100%;
margin-top: 50px;
}
.hg-scroll{
width: 100%;
padding: 30px 30px;
overflow: hidden;
}
.hg-scroll .swiper-slide {
text-align: center;
}
.hg-scroll .swiper-slide img{
display: inline-block;
width: 100%;
}
.download-online-form{
width: 100%;
font-size: 18px;
color: #0f51b2;
font-weight: bold;
margin-top: 70px;
line-height: 1;
}
.download-online-form a{
color: #0f51b2;
}
.bbmm{ width:100%; float:left; margin-top:12px; margin-top:30px;}
.bbmm li{ width:100%; float:left; margin-top:0px;}
.bbmm li a{ font-size:18px;}
.download-online-form span{
position: relative;
top: 3px;
}
.online-detail{
width: 100%; float:left;
margin-top: 60px;
background: #f6f6f6;
padding: 30px 30px 50px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px #0f52b3 dashed;
}
.online-text{
width: 100%;
font-size: 20px;
line-height: 1.8;
color: #000;
}
.online-form{
width: 100%;
}
.online-form-title{
font-size: 20px;
font-weight: bold;
color: #000;
margin-top: 40px;
}
.online-form-title2{
font-size: 16px;
color: #666;
margin-top: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 20px;
padding-left: 30px;
}
.online-form li{
width: 100%;
height: 42px;
line-height: 42px;
margin-top: 30px;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 30px;
}
.online-form li span{
font-size: 18px;
color: #f00;
position: relative;
top: 3px;
float: left;
margin-right: 5px;
}
.online-form li label{
float: left;
font-size: 18px;
color: #333;
font-weight: normal;
margin: 0;
width: 100px;
display: inline-block;
}
.online-form li input[type=text]{
width: 660px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 12px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px #d5d5d5 solid;
color: #777;
font-size: 16px;
}
.submit-form{
width: 100%;
margin-top: 70px;
text-align: center;
}
.submit-1{
width: 170px;
height: 56px;
line-height: 56px;
border: 0;
text-align: center;
cursor: pointer;
font-size: 24px;
color: #ffffff;
background: -webkit-linear-gradient(top, #0080b6 , #0f51b2);
background: -o-linear-gradient(bottom, #0080b6, #0f51b2);
background: -moz-linear-gradient(bottom, #0080b6, #0f51b2);
background: linear-gradient(to bottom, #0080b6 , #0f51b2);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.index-partner{
width: 100%;
}
.index-partner-list{
width: 100%;
}
.index-partner-list li{
width: 140px;
height: 98px;
border:#e5e5e5 solid 1px;
float: left;
margin-left: 60px;
margin-top: 38px;
}
.index-partner-list li img{ width: 202px;
height: 96px;}
.index-partner-list li.ml-0{
margin-left: 0;
}
.foot{
width: 100%; float:left;
margin-top: 60px;
background: #f6f6f6;
padding: 35px 0;
}
.foot-content{
width: 100%;
padding-bottom: 15px;
border-bottom: 1px #6e6e6e solid;
}
.foot-left{
width: 320px;
float: left;
text-align: center;
}
.foot-left img{
width: 178px;
}
.foot-center{
width: 540px;
float: left;
margin-left: 65px;
}
.foot-center p{
font-size: 16px;
color: #666;
line-height: 1;
}
.foot-center ul{
width: 100%;
margin-top: 6px;
}
.foot-center ul li{
width: 50%;
float: left;
text-align: left;
font-size: 14px;
color: #666;
line-height: 1.6;
}
.foot-qrcode{
width: 110px;
float: right;
margin-right: 65px;
}
.foot-qrcode img{
width: 76px;
height: 76px;
float: left;
}
.foot-qrcode p{
float: right;
width: 16px;
line-height: 1.2;
font-size: 14px;
color: #666;
margin-top: 6px;
}
.copy{
width: 100%; float:left;
height: 30px;
background: #082767;
text-align: center;
font-size: 12px;
color: #666;
line-height: 30px;
}
.index-banner{
width: 100%;
text-align: center;
position: relative;
overflow: hidden;
height: 747px;
}
.index-banner1{
width: 100%;
text-align: center;
position: relative;
overflow: hidden;
height: 580px; margin-top:-750px; z-index:999999;
}
@media (max-width:1440px){
.container2{ width:1300px; margin:0 auto;}
.top-logo{
float: left;
margin-left: 5px;
}
.top-nav{
float: right;
padding-top: 34px;
margin-right: 5px;
}
}
@media (max-width:1240px){
.top{
width: 1200px;
height: 98px;
background: #ffffff;
}
.index-unit,.index-instruction,.index-award,.index-experts,.index-review,.index-partner,.foot,.copy{
width: 1200px; float:left;
}
.index-banner{width: 1200px;}
.index-banner1{width: 1200px;float:left;}
}