html { height:100%; font-size:calc(100vw/1600) !important; }
*{outline:0;margin:0;padding:0; box-sizing: border-box;}
img,a img,a:hover img{ border:0; }
i,em{font-style:normal}
ol,ul,dl,li,dt,dd{list-style:none; }
:focus{outline:0;}
a{color:#292E33;text-decoration:none; }
a:hover{color:#0056CC;text-decoration:none;}
a,a:active,.btn,.more{ transition:all 300ms ease; appearance:none;}
input,select,textarea,button{ font-size: 18rem; appearance: none; font-family: Microsoft Yahei, PingFang SC, Verdana, Helvetica Neue, Hiragino Sans GB, Microsoft Sans Serif, sans-serif; }
::-webkit-input-placeholder { color:#999999; }
.clear{height:0;font-size:0;overflow:hidden;clear:both;float:none;}
iframe { border:0;}
::-webkit-input-placeholder { color:#ffffff; }
:-moz-placeholder { color:#ffffff; }
::-moz-placeholder { color:#ffffff; }
:-ms-input-placeholder { color:#ffffff; }

@font-face{font-family:'DIN-Medium';src:url('fonts/DIN-Medium.ttf') format('truetype')}

body{ color:#292E33; background: #F5F6FA; font-size: 18rem; line-height: 1.8; font-family: Microsoft Yahei, PingFang SC, Verdana, Helvetica Neue, Hiragino Sans GB, Microsoft Sans Serif, sans-serif; }

.loading_box { position: fixed; left: 0; right: 0; bottom: 0; top: 0; background: #0c2659; z-index: 99990;}
.loading_box .con { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); z-index: 99991; text-align: center; font-size: 0;}
.loading_box .con img { display: inline-block; margin: 0 5rem; height: 130rem;}

.wow { visibility: hidden; }

.wrap { overflow: hidden; }

.mainbox { width: 1280rem; margin: 0 auto; position: relative; transition:all 300ms ease;}
.mainbox:after { display: block; content: ''; clear: both;}

.header { position: fixed; left: 0; top: 0; right: 0; z-index: 9999; }

.topbox { height: 72rem; background: rgba(0, 0, 0, 0.1); position: relative; }
.topboxs { background: rgba(12, 38, 89, 1); }

.head_logo { float: left; padding: 19rem 0 0 0;}
.head_logo img { display: block; height: 34rem; }

.head_nav { float: right; padding: 10rem 0; margin-right: -10rem; }
.head_nav ul li { float: left; margin-left: 12rem; }
.head_nav ul li a { display: block; height: 52rem; line-height: 52rem; padding: 0 10rem; border-radius: 8rem; color: #fff;}
.head_nav ul li a img { float: left; height: 24rem; margin-top: 14rem; margin-right: 6rem;}
.head_nav ul li a:hover { background: rgba(0, 86, 204, 0.2); color: #fff;}


.ibanner{position: relative; z-index: 1; width: 100%;}
.bannerpic { position: relative; z-index: 1;}
.bannerpic .item {width: 100%; height: 100vh;position: relative; z-index: 1; background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important;}
.bannerpic .item .con { position: absolute; left: 50%; top: 50%; width: 1280rem; margin-left: -640rem; transform: translateY(-50%); color: #ffffff; }
.bannerpic .item .img { height: 175rem;}
.bannerpic .item .img img{ display: block; height: 175rem; }
.bannerpic .item .info { font-size: 20rem; color: #FFFFFF; line-height: 32rem; opacity: 0.8; padding: 16rem 0 0 0; font-weight: lighter;}
.bannerpic .item .btn { padding-top: 48rem; height: 104rem;}
.bannerpic .item .btn a { display: block; width: 160rem; height: 56rem; text-align: center; line-height: 54rem; background: rgba(255,255,255,0.1); border: 1rem solid rgba(255,255,255,0.2); color: #fff;}
.bannerpic .item .btn a:after { display: inline-block; content: ''; vertical-align: middle; margin-bottom: 2rem; margin-left: 4rem; width: 14rem; height: 14rem; background: url(../img/d.png) center center no-repeat; background-size: contain;}
.bannerpic .item .btn a:hover { background: #012E6C; color: #fff; transform: translateY(4rem);}

.bannerpic .item_2 .img{ height: 80rem;}
.bannerpic .item_2 .img img{ margin: 0 auto; height: 80rem;}
.bannerpic .item_2 .info { width: 748rem; margin: 0 auto;}
.bannerpic .item_2 .btn a{ margin: 0 auto;}

.bannerpic .item_3 .img{ height: 80rem; }
.bannerpic .item_3 .img img{ float: right; height: 80rem;}
.bannerpic .item_3 .info { text-align: right;}
.bannerpic .item_3 .btn a{ float: right;}

.bannerpic .swiper-pagination { bottom: 40rem; line-height: 0; font-size: 0; text-align: center; z-index: 100;}
.bannerpic .swiper-pagination .swiper-pagination-bullet { border-radius: 0; margin: 0 8rem; width: 12rem; height: 12rem; border-radius: 6rem; background: #fff; opacity: 0.2; }
.bannerpic .swiper-pagination .swiper-pagination-bullet-active { width: 24rem; opacity: 0.5; }


.imain { transition:all 300ms ease; overflow: hidden; position: relative; }
.imain1 { padding: 180rem 0 174rem 0; background: #F5F6FA; }
.imain2 { padding: 200rem 0 212rem 0; background: url(../img/bg2.jpg) center center no-repeat; background-size: cover; }
.imain3 { padding: 192rem 0 240rem 0; background: url(../img/bg3.jpg) center center no-repeat; background-size: cover; }
.imain4 { padding: 158rem 0 138rem 0; background: url(../img/bg4.jpg) center center no-repeat; background-size: cover; }
.imain5 { padding: 144rem 0; background: url(../img/bg5.jpg) right top no-repeat; background-size: cover; }
.imain6 { padding: 140rem 0 134rem 0; background: url(../img/bg6.jpg) center center no-repeat; background-size: cover; }
.imain7 { padding: 128rem 0 140rem 0; background: url(../img/bg7.jpg) right top no-repeat; background-size: cover; }


.ititle { margin-bottom: 26rem; }
.ititle .tit { font-size: 48rem; line-height: 1; font-weight: bold;}
.ititle .info { padding-top: 20rem;}
.ititle .info ul li { padding: 10rem 0 10rem 36rem; line-height: 22rem; position: relative;}
.ititle .info ul li img { display: block; position: absolute; left: 0; top: 11rem; height: 20rem; }
.ititle .info ul li span { color: #0056CC;}
.ititle .con { padding: 28rem 0 10rem 0; line-height: 26rem;}
.ititle .con i { display: inline-block; vertical-align: middle; width: 1px; height: 18rem; background: #012E6C; opacity: 0.2; margin: 0 30rem;}
.ititle .con span { color: #0056CC;}


.ititle_w { color: #fff;}
.ititle_w span { color: #fff !important;}

.ititle_center .tit { text-align: center;}
.ititle_center .con { text-align: center;}


.imore { margin-top: 12rem; display: block; width: 160rem; height: 56rem; text-align: center; line-height: 54rem; background: rgba(255,255,255,0.1); border: 1rem solid rgba(255,255,255,0.2); color: #fff;}
.imore:hover { background: #012E6C; color: #fff; transform: translateY(4rem);}

.imore2 { margin-top: 12rem; display: block; width: 160rem; height: 56rem; text-align: center; line-height: 54rem; border: 1rem solid #012E6C; color: #012E6C;}
.imore2:after { display: inline-block; content: ''; vertical-align: middle; width: 0; height: 0; border-top: 6rem transparent solid; border-bottom: 6rem transparent solid; border-left: 6rem #012E6C solid; margin-left: 6rem;}
.imore2:hover { background: #012E6C; color: #fff; transform: translateY(4rem);}
.imore2:hover:after { border-left: 6rem #fff solid;}

.imore_center { margin: 12rem auto 0 auto;}

.imain1_l { float: left; width: 666rem;}
.imain1_r { float: right; width: 504rem;}

.imain2_l { float: left; width: 688rem;}
.imain2_r { float: right; width: 432rem;}

.imain1_l .ititle .tit{ color: #012E6C;}
.imain2_r .ititle .info { padding-top: 30rem; padding-bottom: 10rem;}
.imain2_r .ititle .info ul li { padding: 8rem 0 8rem 36rem; }

.imain3 .ititle .tit { margin-bottom: 40rem;}

.ilist1 { margin: 0 -4rem;}
.ilist1 ul li{ float: left; width: 25%; margin-bottom: 8rem;}
.ilist1 ul li span { display: block; margin: 0 4rem; height: 48rem; line-height: 46rem; text-align: center; border: 1rem solid rgba(1, 46, 108, 0.1); font-size: 16rem; color: #012E6C; transition:all 300ms ease;}
.ilist1 ul li span:hover { border-color: #012E6C; background: #012E6C; color: #fff;}
.ilist1:after { display: block; content: ''; clear: both;}


.ilist2 {}
.ilist2 .item{ float: left; width: 240rem;}
.ilist2 .item_m { display: block; position: relative; color: #fff; padding: 32rem 0 0 32rem; line-height: 36rem; transition:all 300ms ease;}
.ilist2 .item_m p { font-size: 32rem; line-height: 56rem;}
.ilist2 .item_m p b{ font-size: 56rem; font-family:'DIN-Medium';}
.ilist2 .item_1{ margin-right: 24rem;}
.ilist2 .item_2{ margin-bottom: 24rem;}

.ilist2 .item_1 .item_m { background: url(../img/data_b1.jpg) center bottom no-repeat; background-size: cover; height: 400rem;}
.ilist2 .item_2 .item_m { background: url(../img/data_b2.jpg) right bottom no-repeat; background-size: cover; height: 188rem;}
.ilist2 .item_3 .item_m { background: url(../img/data_b3.jpg) right bottom no-repeat; background-size: cover; height: 188rem;}

/*.ilist2 .item_m:hover { transform: scale(1.06);}*/

.mlogo { margin-bottom: 60rem;}
.mlogo img{ display: block; width: 225rem; margin: 0 auto;}

.isearch { position: relative; border: 1rem solid #FFFFFF;}
.isearch .input { display: block; height: 54rem; line-height: 54rem; width: 100%; border: none; background: none; font-size: 18rem; text-indent: 24rem; color: #fff; transition:all 500ms ease;}
.isearch .btn { position: absolute; right: 0; top: 0; display: block; width: 96rem; height: 54rem; line-height: 54rem; border: none; text-align: center; cursor: pointer; background: none; color: #fff; }
.isearch .btn img { display: inline-block; vertical-align: middle; margin-right: 8rem; height: 20rem;}
.isearch .btn:hover { background: rgba(0, 0, 0, 0.2); color: #fff;  }
.isearch:after { display: block; content: ''; position: absolute; right: 96rem; top: 50%; width: 1px; height: 24rem; margin-top: -12rem; background: #fff;}

.ilist3 { margin: 0 -24rem; padding-top: 36rem;}
.ilist3 .item{ float: left; width: 25%;}
.ilist3 .item_m { display: block; margin: 0 24rem; height: 128rem; position: relative; background: rgba(255,255,255,0.1); color: #fff; font-size: 14rem; line-height: 32rem; text-align: center; transition:all 300ms ease;}
.ilist3 .item_m img { display: block; margin: 0 auto;}
.ilist3 .item_m .t { position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 32rem 0 0 0; opacity: 1; z-index: 11; transition:all 300ms ease; background: url(../img/erweit.png) right top no-repeat; background-size:49rem auto;}
.ilist3 .item_link .item_m .t { background: url(../img/erweit2.png) right top no-repeat; background-size:49rem auto;}
.ilist3 .item_m .m { position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 8rem 0 0 0; opacity: 0; z-index: 12; transition:all 300ms ease;}
.ilist3 .item_m .t img { height: 40rem;}
.ilist3 .item_m .m img { height: 90rem;}
.ilist3 .item_m .m a { display: block; line-height: 106rem; color: #fff;}
.ilist3 .item_m .m span { display: block; line-height: 106rem;}
.ilist3 .item_m:hover .t { opacity: 0;}
.ilist3 .item_m:hover .m { opacity: 1;}
.ilist3 .item_m .m2 { opacity: 1;}
.ilist3 .item_m:hover { background: rgba(255,255,255,0.2);}
.ilist3:after { display: block; content: ''; clear: both;}

.ilist4 { margin-top: 46rem; margin-bottom: 70rem; background: rgba(1,46,108,0.8); border: 1rem solid #012E6C;}
.ilist4 .item{ float: left; width: 25%; position: relative;}
.ilist4 .item_m { display: block; height: 240rem; position: relative; padding: 34rem 0 0 38rem; color: #fff; font-size: 18rem; line-height: 24rem; transition:all 300ms ease;}
.ilist4 .item_m .img { margin-bottom: 36rem; }
.ilist4 .item_m .img img{ display: block; width: 40rem;}
.ilist4 .item_m .m { font-size: 32rem; line-height: 56rem; margin-bottom: 8rem;}
.ilist4 .item_m .m b{ font-size: 56rem; font-family:'DIN-Medium';}
.ilist4 .item_m .t {}
.ilist4 .item:after { display: block; content: ''; position: absolute; right: 0; top: 40rem; bottom: 40rem; width: 1px; background: #fff; opacity: 0.1;}
.ilist4 .item:last-child:after { display: none;}
.ilist4 .item_m:hover { background: rgba(0,0,0,0.2);}
.ilist4:after { display: block; content: ''; clear: both;}

.ilist5 { background: #FFFFFF; box-shadow: 0 8rem 20rem rgba(41,46,51,0.1); height: 378rem; position: relative; padding-left: 172rem;}
.ilist5_l { position: absolute; left: 0;  top: 0; bottom: 0; width: 172rem; padding-top: 10rem; background: url(../img/servicel.jpg) center center no-repeat; background-size: cover;}
.ilist5_l ul li { text-align: center; padding: 0 10rem; }
.ilist5_l ul li span { display: block; padding: 6rem 0; line-height: 28rem; color: #ffffff; border-radius: 10rem; transition:all 300ms ease;}
.ilist5_l ul li span img { display: block; height: 48rem; margin: 0 auto;}
.ilist5_l ul li span:hover { background-color: rgba(0, 0, 0, 0.1); color: #ffffff;}

.ilist5_r { padding: 0 32rem;}
.ilist5_r .item { border-bottom: 1px rgba(1, 46, 108, 0.1) solid; padding: 14rem 0;}
.ilist5_r .item ul li { float: left; width: 25%; text-align: center; position: relative;}
.ilist5_r .item ul li span { display: block; padding: 10rem 0; line-height: 28rem; color: #012E6C; transition:all 300ms ease;}
.ilist5_r .item ul li span:hover { color: #ff6600;}
.ilist5_r .item ul li:after { display: block; content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 18rem; margin-top: -9rem; background: #012E6C; opacity: 0.2;}
.ilist5_r .item ul li:nth-child(4n):after { display: none;}
.ilist5_r .item ul li:last-child:after { display: none;}
.ilist5_r .item:last-child { border-bottom: none;}
.ilist5_r .item:after { display: block; content: ''; clear: both;}

.iabout_t { font-size: 40rem; line-height: 56rem; color: #fff; font-weight: bold; margin-bottom: 40rem;}
.iabout { font-size: 16rem; line-height: 28rem; text-align: justify; color: rgba(255,255,255,0.8); margin-bottom: 66rem;}
.iabout_l { float: left; width: 600rem;}
.iabout_r { float: right; width: 600rem;}

.ilist6_t { font-size: 24rem; line-height: 1; color: #fff; font-weight: bold; margin-bottom: 24rem;}

.ilist6 { margin: 0 -4rem; }
.ilist6 .item{ float: left; width: 25%; margin-bottom: 8rem; }
.ilist6 .item_m { display: block; margin: 0 4rem; padding: 20rem 0 20rem 40rem; height: 80rem; font-size: 20rem; line-height: 40rem; background: rgba(1,46,108,0.8); color: #fff; transition:all 300ms ease;}
.ilist6 .item_m img{ float: left; height: 38rem; margin-right: 12rem; margin-top: 1rem;}
.ilist6:after { display: block; content: ''; clear: both;}
.ilist6 .item_m:hover { transform: scale(1.06);}


.ilist7 { margin: 0 2rem; padding-top: 20rem; }
.ilist7 .item{ float: left; width: 17.2%; margin-bottom: 18rem; }
.ilist7 .item_big { width: 30.2%;}
.ilist7 .item_m { display: block; margin: 0 18rem; font-size: 16rem; line-height: 20rem; transition:all 300ms ease;}
.ilist7 .item_m .img { margin-bottom: 8rem; }
.ilist7 .item_m .img img{ display: block; width: 100%; border: 4rem rgba(0, 0, 0, 0.05) solid;}
.ilist7 .item_m .t { height: 20rem; overflow: hidden; text-align: center;}
.ilist7:after { display: block; content: ''; clear: both;}
.ilist7 .item_m:hover { transform: scale(1.06);}


.ilist8 { margin: 0 2rem; }
.ilist8 .item{ float: left; width: 14.285%; margin-bottom: 12rem; }
.ilist8 .item_m { display: block; margin: 0 18rem; font-size: 16rem; line-height: 20rem; transition:all 300ms ease;}
.ilist8 .item_m .img { margin-bottom: 8rem; }
.ilist8 .item_m .img img{ display: block; width: 100%; border: 4rem rgba(0, 0, 0, 0.05) solid;}
.ilist8 .item_m .t { height: 40rem; overflow: hidden; text-align: center;}
.ilist8:after { display: block; content: ''; clear: both;}
.ilist8 .item_m:hover { transform: scale(1.06);}


.footer { background: url(../img/footbg.png) center bottom no-repeat #0e2b66; background-size: cover; color: #ffffff; transition:all 300ms ease;}
.footer a { color: #ffffff;}
.footer a:hover { color: #ffffff; opacity: 0.7; }

.footbox { padding: 40rem 0 22rem 0;}
.footbox:after { display: block; content: ''; clear: both;}
.footbox_l { float: left;}
.flogo { margin-bottom: 16rem; }
.flogo img { display: block; height: 34rem;}
.fcontact { padding-top: 10rem; }
.fcontact ul li { float: left; position: relative; padding-right: 100rem; margin-right: 100rem;}
.fcontact ul li span { display: block; opacity: 0.4; line-height: 26rem;}
.fcontact ul li b { display: block; font-size: 20rem; line-height: 32rem; font-weight: bold;}
.fcontact ul li a { display: block; font-size: 20rem; line-height: 32rem; font-weight: bold;}
.fcontact ul li:after { display: block; content: ''; position: absolute; right: 0; top: 50%; width: 1rem; height: 48rem; margin-top: -24rem; background: #ffffff; opacity: 0.2;}

.ferwei { float: left; text-align: center; font-size: 13rem; line-height: 20rem;}
.ferwei ul li { float: left; margin-right: 44rem;}
.ferwei img { display: block; width: 80rem; margin-bottom: 12rem;}

.fcopy { background: rgba(0, 0, 0, 0.1); color: rgba(255,255,255,0.3); text-align: center; padding: 15rem; line-height: 26rem; font-size: 12rem;}
.fcopy a { color: rgba(255,255,255,0.3);}
.fcopy a:hover { color: #fff;}

@media (max-width:999px){
html{ font-size: calc(100vw/460) !important; }

.loading_box .con img { height: 100rem;}

.mainbox { width: auto; margin: 0 20rem; }

.topbox { height: 60rem; }

.head_logo { padding: 16rem 0 0 0;}
.head_logo img { height: 28rem; }

.head_nav { padding: 11rem 0; margin-right: -10rem; }
.head_nav ul li { margin-left: 0; }
.head_nav ul li a { height: 36rem; line-height: 36rem; padding: 0 6rem; }
.head_nav ul li a img { float: none; height: 24rem; margin-top: 6rem; margin-right: 0;}
.head_nav ul li a span { display: none;}


.bannerpic .item { height: 100vh; }
.bannerpic .item .con { left: 6%; right: 6%; top: 50%; width: auto; margin-left: 0; }
.bannerpic .item .img { height: auto;}
.bannerpic .item .img img{  height: auto; width: 100%; float: none !important; }
.bannerpic .item .info { font-size: 18rem; line-height: 28rem; padding: 12rem 0 0 0;}
.bannerpic .item .btn { padding-top: 28rem; height: 78rem; }
.bannerpic .item .btn a { width: 140rem; height: 50rem; line-height: 48rem; margin: 0 auto; float: none !important; }

.bannerpic .item_2 .img{ height: auto;}
.bannerpic .item_2 .info { width: auto;}
.bannerpic .item_2 .img img{ height: auto;}

.bannerpic .item_3 .img{ height: auto; width: 80%; margin: 0 auto;}
.bannerpic .item_3 .info { text-align: center;}
.bannerpic .item_3 .img img{ height: auto;}

.bannerpic .swiper-pagination { bottom: 30rem; }
.bannerpic .swiper-pagination .swiper-pagination-bullet { margin: 0 6rem; width: 12rem; height: 12rem; border-radius: 6rem; }
.bannerpic .swiper-pagination .swiper-pagination-bullet-active { width: 24rem; }


.imain1 { padding: 100rem 0 100rem 0; }
.imain2 { padding: 100rem 0 100rem 0; }
.imain3 { padding: 140rem 0; }
.imain4 { padding: 100rem 0 100rem 0; }
.imain5 { padding: 100rem 0; }
.imain6 { padding: 100rem 0 100rem 0; }
.imain7 { padding: 100rem 0 100rem 0; }


.ititle { margin-bottom: 26rem; }
.ititle .tit { font-size: 36rem; }

.imain3 .ititle .tit { margin-bottom: 20rem;}

.imain1_l { float: none; width: auto; margin-bottom: 30rem;}
.imain1_r { float: none; width: auto;}

.imain2_l { float: none; width: auto; margin-bottom: 30rem;}
.imain2_r { float: none; width: auto;}


.ilist1 ul li{ width: 50%; }


.ilist2 {}
.ilist2 .item{ width: 204rem;}
.ilist2 .item_m p { font-size: 30rem;}
.ilist2 .item_m p b{ font-size: 50rem; }
.ilist2 .item_1{ margin-right: 10rem;}
.ilist2 .item_2{ margin-bottom: 10rem;}

.ilist2 .item_1 .item_m { height: 386rem;}

.mlogo { margin-bottom: 40rem;}
.mlogo img{ width: 40%; }


.ilist3 { margin: 0 -8rem; padding-top: 36rem;}
.ilist3 .item{ width: 50%; margin-bottom: 16rem;}
.ilist3 .item_m { margin: 0 8rem; height: 128rem; }

.ilist4 { margin-bottom: 40rem; }
.ilist4 .item{ width: 50%; }
.ilist4 .item_m .m { font-size: 30rem;}
.ilist4 .item_m .m b{ font-size: 48rem; }

.ilist5 { height: auto; padding-left: 0;}
.ilist5_l { position: relative; width: auto; padding-top: 16rem; padding-bottom: 12rem; }
.ilist5_l ul li { float: left; width: 50%; }
.ilist5_l:after { display: block; content: ''; clear: both;}


.ilist5_r { padding: 0 16rem;}
.ilist5_r .item ul li { width: 50%; }
.ilist5_r .item ul li span { padding: 8rem 0; line-height: 20rem; font-size: 15rem;}
.ilist5_r .item ul li:nth-child(2n):after { display: none;}
.ilist5_r .item ul li:last-child:after { display: none;}


.iabout_t { font-size: 28rem; line-height: 36rem; margin-bottom: 30rem;}
.iabout { margin-bottom: 26rem;}
.iabout_l { float: none; width: auto;}
.iabout_r { float: none; width: auto;}


.ilist6 { margin: 0 -4rem; }
.ilist6 .item{ width: 50%; }
.ilist6 .item_m { margin: 0 4rem; padding: 20rem 0 20rem 20rem; height: 70rem; font-size: 18rem; line-height: 30rem; }
.ilist6 .item_m img{ height: 30rem; margin-right: 10rem; margin-top: 0;}


.ilist7 { margin: 0 -5rem; padding-top: 20rem; }
.ilist7 .item{ float: left; width: 33.33%; margin-bottom: 18rem; }
.ilist7 .item_big { width: 64.66%;}
.ilist7 .item:nth-child(2){ width: 35.33%;}
.ilist7 .item:nth-child(3){ clear: both;}
.ilist7 .item:nth-child(6){ clear: both;}
.ilist7 .item:nth-child(9){ clear: both;}
.ilist7 .item_m { margin: 0 5rem; font-size: 16rem; line-height: 20rem; }
.ilist7 .item_m .img { margin-bottom: 10rem; }
.ilist7 .item_m .t { height: 20rem; }


.ilist8 { margin: 0 -5rem; }
.ilist8 .item{ width: 33.33%; margin-bottom: 12rem; }
.ilist8 .item_m { margin: 0 5rem; font-size: 16rem; line-height: 20rem; }
.ilist8 .item_m .img { margin-bottom: 10rem; }
.ilist8 .item_m .t { height: 40rem; }


.footbox_l { float: none;}
.flogo img { margin: 0 auto; height: 30rem;}
.fcontact { padding-top: 10rem; padding-bottom: 30rem; }
.fcontact ul li { width: 50%; text-align: center; padding-right: 0; margin-right: 0;}
.fcontact ul li span { font-size: 14rem; line-height: 22rem;}
.fcontact ul li b { font-size: 16rem; line-height: 26rem; font-weight: normal; }
.fcontact ul li a { font-size: 16rem; line-height: 26rem; font-weight: normal; }
.fcontact ul li:last-child:after { display: none; }
.fcontact:after { display: block; content: ''; clear: both;}

.ferwei { float: none; text-align: center; font-size: 14rem; line-height: 20rem; }
.ferwei ul li { float: none; display: inline-block; margin-right: 15rem; margin-left: 15rem;}
.ferwei img { display: block; width: 80rem; margin-bottom: 12rem;}

.fcopy { padding: 15rem 0; line-height: 20rem; font-size: 13rem;}
}

/*滚动条*/
::-webkit-scrollbar-corner { background-color:#ffffff;}
::-webkit-scrollbar{width: 6px; height:6px; border-radius:3px; }
::-webkit-scrollbar-track{ background:none; }
::-webkit-scrollbar-thumb{ background-color:rgba(0,0,0,0.2); border-radius:3px; }


.mbanner { position: relative; height: 640rem; background-size: cover !important;}
.mbanner .con { position: absolute; left: 50%; top: 50%; width: 1280rem; margin-left: -640rem; transform: translateY(-50%); color: #ffffff; }
.mbanner .tit { font-size: 52rem; font-weight: bold; line-height: 70rem; margin-bottom: 6rem; }
.mbanner .info { font-size: 20rem; color: #FFFFFF; line-height: 32rem; opacity: 0.8; padding: 16rem 0 0 0; font-weight: lighter;}

.amain1 { padding: 100rem 0 120rem 0; background: url(../img/api/bg1.png) top right no-repeat #fff; background-size: cover; }
.amain2 { padding: 100rem 0 120rem 0; background: url(../img/api/bg2.jpg) center center no-repeat; background-size: cover; }
.amain3 { padding: 100rem 0 120rem 0; background: url(../img/api/bg1.png) top right no-repeat #fff; background-size: cover; }
.amain4 { padding: 100rem 0 120rem 0; background: #EBEFF5; }


.alist1 { }
.alist1 .item{ float: left; width: 25%;}
.alist1 .item_m { display: block; padding: 14rem 0; margin: 0 40rem; text-align: center; transition:all 300ms ease;}
.alist1 .item .img img{ display: block; width: 200rem; margin: 0 auto;}
.alist1 .item .t{ padding: 10rem 0; font-size: 32rem; line-height: 46rem;}
.alist1 .item .m{ font-size: 18rem; line-height: 24rem; color: #7A8A99;}


.alist2 { padding-top: 16rem; }
.alist2 .item{ float: left; width: 50%; padding: 12rem 0;}
.alist2 .item_m { display: block; margin: 0 12rem; position: relative; background: rgba(0, 21, 51, 0.40); padding: 28rem 20rem 0 120rem; height: 152rem; color: #fff; transition:all 300ms ease;}
.alist2 .item .img { position: absolute; left: 32rem; top: 32rem;}
.alist2 .item .img img{ display: block; width: 64rem; }
.alist2 .item .t{ font-size: 32rem; line-height: 42rem; margin-bottom: 12rem;}
.alist2 .item .m{ font-size: 18rem; line-height: 24rem; opacity: 0.6;}

.amain3_l { float: left; width: 280rem; padding-top: 26rem;}
.amain3_r { float: right; width: 976rem; padding-top: 56rem;}

.alist3 {}
.alist3 ul li { padding: 16rem 30rem; font-size: 24rem; height: 62rem; line-height: 30rem;}
.alist3 ul li img { float: left; height: 30rem; margin-right: 14rem;}


.alist4 { }
.alist4 .item{ float: left; width: 33.33%;}
.alist4 .item_m { display: block; position: relative; padding: 0 38rem; border-right: 1rem rgba(0, 0, 0, 0.1) solid; transition:all 300ms ease;}
.alist4 .item .img img{ display: block; width: 55rem; }
.alist4 .item .t{ padding: 10rem 0; font-size: 24rem; line-height: 34rem;}
.alist4 .item .m{ font-size: 18rem; line-height: 24rem; color: #7A8A99; height: 72rem; overflow: hidden;}
.alist4:after { display: block; content: ''; clear: both;}
.alist4 .item:last-child .item_m { border-right: 0;}


.alist6_box { padding: 40rem 40rem; position: relative;}
.alist6 { overflow: hidden;}
.alist6 .item { text-align: center; font-size: 18rem; line-height: 20rem;}
.alist6 .item img { display: block; width: 50rem; margin: 0 auto 20rem auto;}

.alist6_box .swiper-button-next ,.alist6_box .swiper-button-prev{ position: absolute; top: 50%; width: 40rem; height: 88rem; margin-top: -44rem; background: #012C67; opacity: 0.1; cursor: pointer; transition:all 300ms ease;}
.alist6_box .swiper-button-next:hover ,.alist6_box .swiper-button-prev:hover { opacity: 0.5;}

.alist6_box .swiper-button-next { right: 0; background: url(../img/api/r.png) center center no-repeat #012C67; background-size: 26rem auto;}
.alist6_box .swiper-button-prev { left: 0; background: url(../img/api/l.png) center center no-repeat #012C67; background-size: 26rem auto;}

.alist6_box .swiper-pagination { text-align: center; bottom: 16rem;}
.alist6_box .swiper-pagination-bullet { margin-right: 0; width: 40rem; height: 8rem; border-radius: 4rem; background: #012C67; opacity: 0.1;}
.alist6_box .swiper-pagination-bullet-active { background: #012C67; opacity: 1;}


.mtit { font-size: 24rem; line-height: 1; margin-bottom: 24rem;}


.amain4_l { float: left; width: 560rem; padding-top: 30rem; }
.amain4_r { float: right; width: 672rem; padding-top: 30rem; }

.alist7 { background: #fff; padding: 14rem 24rem;}
.alist7 .item { position: relative; padding: 5rem 36rem; position: relative; font-size: 18rem; line-height: 30rem; color: #012E6C; background: url(../img/api/d.png) right center no-repeat; background-size: 22rem auto;}
.alist7 .item span { position: absolute; left: 0; top: 4rem;}


.mform {}
.mform .item { position: relative; margin-bottom: 14rem;}
.mform .item .input { display: block; width: 100%; background: #fff; border: none; text-indent: 16rem; height: 48rem; line-height: 48rem; font-size: 18rem;}
.mform .item .textarea { display: block; width: 100%; background: #fff; border: none; padding: 10rem 16rem; height: 96rem; line-height: 28rem; font-size: 18rem; resize: none;}
.mform .item span { position: absolute; right: 10rem; bottom: 4rem; color: #7A8A99;}

.mform ::-webkit-input-placeholder { color:#B8C2CC; }
.mform :-moz-placeholder { color:#B8C2CC; }
.mform ::-moz-placeholder { color:#B8C2CC; }
.mform :-ms-input-placeholder { color:#B8C2CC; }

.mform .item_f { padding-right: 120rem;}
.mform .btnbox { position: absolute; right: 0; bottom: 14rem; }
.mform .btnbox .btn{ display: block; border: none; width: 104rem; height: 48rem; line-height: 48rem; cursor: pointer; border: none; color: #fff; background: #012E6C; font-size: 18rem; text-align: center;}
.mform .btnbox .btn:hover { background: #0056CC; color: #fff; transform: translateY(4rem);}


@media (max-width:999px){
.mbanner { height: 440rem; }
.mbanner .con { left: 6%; right: 6%; top: 50%; width: auto; margin-left: 0; }
.mbanner .tit { font-size: 36rem; line-height: 50rem; margin-bottom: 6rem; }
.mbanner .info { font-size: 18rem; line-height: 28rem; padding: 12rem 0 0 0; }

.amain1 { padding: 100rem 0 100rem 0; }
.amain2 { padding: 100rem 0 100rem 0; }
.amain3 { padding: 100rem 0 100rem 0; }
.amain4 { padding: 100rem 0 100rem 0; }

.alist1 { padding-top: 10rem;}
.alist1 .item{ width: 50%;}
.alist1 .item_m { padding: 10rem 0; margin: 0 15rem; }
.alist1 .item .img img{ width: 70%; }
.alist1 .item .t{ padding: 4rem 0 10rem 0; font-size: 26rem; line-height: 32rem;}
.alist1 .item .m{ font-size: 16rem; line-height: 20rem; min-height: 40rem; }


.alist2 { padding-top: 16rem; }
.alist2 .item{ float: none; width: auto; padding: 10rem 0;}
.alist2 .item_m { margin: 0; padding: 20rem 20rem 20rem 112rem; height: auto; }
.alist2 .item .img { left: 24rem; top: 24rem;}
.alist2 .item .img img{ width: 64rem; }
.alist2 .item .t{ font-size: 24rem; line-height: 34rem; margin-bottom: 12rem;}
.alist2 .item .m{ font-size: 16rem; line-height: 24rem; }

.amain3_l { float: none; width: auto; padding-top: 26rem;}
.amain3_r { float: none; width: auto; padding-top: 56rem;}

.alist3 {}
.alist3 ul li { padding: 11rem 10rem; font-size: 22rem; height: 52rem; }


.alist4 { }
.alist4 .item{ float: none; width: auto; margin-bottom: 20rem;}
.alist4 .item_m { padding: 0 0 0 90rem; border-right: none; }
.alist4 .item .img { position: absolute; left: 10rem; top: 16rem;}
.alist4 .item .img img{  width: 55rem; }
.alist4 .item .t{ padding: 10rem 0; font-size: 24rem; line-height: 34rem;}
.alist4 .item .m{ font-size: 18rem; line-height: 24rem; height: auto;}


.alist6_box { padding: 40rem 40rem; }
.alist6 .item { font-size: 16rem; line-height: 20rem; padding: 0 5rem;}

.alist6_box .swiper-button-next ,.alist6_box .swiper-button-prev{ position: absolute; top: 50%; width: 40rem; height: 88rem; margin-top: -44rem; background: #012C67; opacity: 0.1; cursor: pointer; transition:all 300ms ease;}
.alist6_box .swiper-button-next:hover ,.alist6_box .swiper-button-prev:hover { opacity: 0.5;}

.alist6_box .swiper-button-next { right: 0; }
.alist6_box .swiper-button-prev { left: 0; }

.alist6_box .swiper-pagination { text-align: center; bottom: 16rem;}
.alist6_box .swiper-pagination-bullet { margin-right: 0; width: 40rem; height: 8rem; border-radius: 4rem; background: #012C67; opacity: 0.1;}
.alist6_box .swiper-pagination-bullet-active { background: #012C67; opacity: 1;}


.mtit { font-size: 24rem; line-height: 1; margin-bottom: 24rem;}


.amain4_l { float: none; width: auto; padding-top: 30rem; }
.amain4_r { float: none; width: auto; padding-top: 30rem; }

.alist7 { background: #fff; padding: 14rem 24rem;}
.alist7 .item { position: relative; padding: 5rem 36rem; position: relative; font-size: 18rem; line-height: 30rem; color: #012E6C;}
.alist7 .item span { position: absolute; left: 0; top: 4rem;}

.mform .btnbox { bottom: 0; }

}