@font-face {

    font-family: 'OswaldRegular';

    src: url('fonts/OswaldRegular.eot');

    src: url('fonts/OswaldRegular.eot') format('embedded-opentype'),

         url('fonts/OswaldRegular.woff2') format('woff2'),

         url('fonts/OswaldRegular.woff') format('woff'),

         url('fonts/OswaldRegular.ttf') format('truetype'),

         url('fonts/OswaldRegular.svg#OswaldRegular') format('svg');

}







* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0; margin: 0;}

body{ font-size: 16px; color: #666; font-family:"Microsoft YaHei",'微软雅黑',sans-serif;font-weight: 300;}

ul,li,ol,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,header,footer{ list-style: none; padding: 0; margin: 0; display: block;}



html,body,.swiper-container,.swiper-wrapper,.swiper-slide{width:100%;height:100%;overflow: hidden;}

.swiper-slide{ background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}



a { text-decoration: none; color:#666; transition: color 0.56s ease;}

a:hover{ color: #0054a3;}



.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}

.clearfix{zoom:1;}

.clear{ clear:both}

.overflow{overflow-y:hidden;}



.fl{float: left;}

.fr{float: right;}



/* 水平镜像翻转 */

.mirrorRotateLevel img{transition: all .4s;-webkit-transition: all .4s;}

.mirrorRotateLevel:hover img {-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);/*兼容IE*/ filter:FlipH;}

/*图片放大*/

.imgZoom img{transition: all .5s;-webkit-transition: all .5s;}

.imgZoom:hover img{transform:scale(1.08, 1.08); -webkit-transform:scale(1.08, 1.08);}

/*图片旋转*/

.imgRotate img{-webkit-transition:-webkit-transform 2s ease-out;-moz-transition:-moz-transform 2s ease-out;-o-transition:-o-transform 2s ease-out;-ms-transition:-ms-transform 2s ease-out;}

.imgRotate img:hover{-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);transform:rotateZ(360deg);}

/*按钮鼠标经过变暗*/

.wlp-button:hover{filter:alpha(opacity=90);background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))!important;background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))!important;}

/*鼠标经过有阴影*/

.wlp-shadow{transition: all .4s;}

.wlp-shadow:hover{box-shadow: 0 0 20px rgba(0,0,0,0.3)!important;}

/*鼠标经过上浮并加阴影*/

.wlp-flow-shadow{-webkit-transition:all .4s;transition:all .4s;}

.wlp-flow-shadow:hover{transform:translate3d(0, -5px, 0);-webkit-transform:translate3d(0, -5px, 0);-webkit-box-shadow:0 0px 10px rgba(0,0,0,.3); box-shadow:0 0px 10px rgba(0,0,0,.3);}

/*图片经过遮罩*/

.wlp-filter:hover img{ filter:alpha(opacity=70); -moz-opacity:0.7; -webkit-opacity: 0.7; opacity: 0.7;}



img{ display: inline-block; vertical-align:middle;max-width:100%;max-height:100%;height: auto; border: none;}





/*顶部*/

.header{ width: 100%; height:112px; padding: 0 150px; border-bottom:rgba(2,55,160,0.3) solid 1px; position: absolute; left: 0; top: 0; z-index: 1111; transition: all .25s;}

.header.cur{ height: 100px; padding:10px 0 0; background: #fff; position: fixed;}

.header .logo{padding-top:30px; float: left;}

.header .headRight{ float: right; }

.header .nav{ float: left; padding-top: 32px; margin-right:80px;}

.header .nav ul li{ float: left; margin-left: 2px; line-height: 44px; position: relative;}

.header .nav ul li.focus a{ color: #fff; background: #0237a0;}

.header .nav>ul>li>a{ color: #fff;  font-size: 18px; font-weight: 300; text-align: center; border-radius: 5px; padding: 0 25px; display: block; position: relative; z-index: 222; }

.header .nav ul li a.tit{ padding: 0 40px 0 25px; background:url(../images/icon01.png) no-repeat right 20px center;}

.header .nav>ul>li>a:hover{ color: #fff; background: #0237a0; }

.header .nav>ul>li>a.tit:hover{ color: #fff; background:#0237a0 url(../images/icon01.png) no-repeat right 20px center;}

.header .nav>ul>li:hover a{ color: #fff; background: #0237a0; }

.header .nav>ul>li:hover a.tit{ color: #fff; background: #0237a0 url(../images/icon01.png) no-repeat right 20px center; }

.header .nav ul li .subnav{ width: 100%;position: absolute; top: 44px; left: 0; z-index: 111; padding-top: 2px;  display: none;}

.header .nav ul li .subnav ol{ padding:15px 0;  background:#0237a0;  border-radius: 5px; }

.header .nav ul li .subnav a{ font-size: 15px; color: #fff; font-weight: 300; line-height:2; text-align: center; white-space:nowrap;display: block;}

.header .nav ul li .subnav a:hover{color: #4682fc;}

.header .searchBtn{ float: left; width: 20px; height: 20px; background: url(../images/icon02.png) no-repeat center; cursor: pointer; margin-top: 43px; margin-right: 25px; position: relative;}

.header .searchBtn::before{ content:""; width: 1px; height: 18px; background: #fff; position: absolute; top: 0 ; left: -50px; opacity: 0.3;}

.header .lang{ float: left; line-height: 44px; margin-top: 32px;}

.header .lang a { color: #fff;}

.header .lang a:hover { color: #e60012;}



.menu-toggle{ width:60px; height:60px; border:#083c9a solid 2px; position:fixed; right:40px; top:40px; z-index:-1; transition:all 600ms; display: block; cursor: pointer; opacity: 0;}

.menu-toggle span{ width:20px; height:2px; background:#083c9a;display:block; position:relative; opacity:1;transition:all 300ms; margin:28px 0 0 12px;}

.menu-toggle span:before{ content:"";width:35px; height:2px; background:#083c9a;display:block; position:absolute; left:0; top:-10px;transition:all 600ms;}

.menu-toggle span:after{ content:"";width:35px; height:2px; background:#083c9a;display:block;position:absolute; left:0; top:10px;transition:all 300ms;}

.menu-toggle.white{ width:60px; height:60px; border:#fff solid 2px; position:fixed; right:40px; top:40px; z-index:-1; transition:all 300ms; display: block; opacity: 0;}

.menu-toggle.white span{ width:20px; height:2px; background:#fff;display:block; position:relative; opacity:1;transition:all 300ms; margin:28px 0 0 12px;}

.menu-toggle.white span:before{ content:"";width:35px; height:2px; background:#fff;display:block; position:absolute; left:0; top:-10px;transition:all 300ms;}

.menu-toggle.white span:after{ content:"";width:35px; height:2px; background:#fff;display:block;position:absolute; left:0; top:10px;transition:all 300ms;}

.menu-toggle.cur{ border:#fff solid 2px;}

.menu-toggle.cur span{background-color:transparent;}

.menu-toggle.cur span:before{transform:rotate(45deg); top:0px; background:#fff;}

.menu-toggle.cur span:after{transform:rotate(-45deg); top:0px; background:#fff;}



.menuBox{  position:absolute; top: 0; right: 0; z-index: -11; transition: all .6s ease;}

.menuBox.cur{ z-index: 9999;}

.menuBox .box{ text-align: right; position: fixed; top: 150px; right: 200px; z-index: 9999;}

.menuBox .nav-bg{width: 80vw; height: 80vw;  margin-top: -31vw; margin-right: -20vw;  background-color: #195adb; border-radius: 100%; transform: scale(0); transform-origin: top right; transition: all .8s cubic-bezier(.77,0,.175,1); position: fixed; right:0; top: 0; z-index: 999;}

.menuBox.cur .nav-bg{ transform: scale(1);}

.menuBox .box .logo{ opacity: 0; transform: translateY(40px);}

.menuBox.cur .box .logo{ opacity: 1; transform: translateY(0); transition: all .6s ease; transition-delay: .5s;}

.menuBox .box .nav{ margin-top: 30px;}

.menuBox .box .nav>ul>li{ margin-bottom: 30px; opacity: 0; transform: translateY(40px);}

.menuBox.cur .box .nav>ul>li{opacity: 1; transform: translateY(0); transition: all .6s ease;}

.menuBox .box .nav>ul>li>a{ font-size: 30px; color: #fff; margin-bottom: 10px; display: block;}

.menuBox .box .nav>ul>li .subnav a{ color: #fff; margin-left: 20px;}

.menuBox .box .nav>ul>li .subnav a:hover{ color: #e60012;}

.menuBox.cur .box .nav>ul>li:nth-child(1){transition-delay: .8s;}

.menuBox.cur .box .nav>ul>li:nth-child(2){transition-delay: 1s;}

.menuBox.cur .box .nav>ul>li:nth-child(3){transition-delay: 1.2s;}

.menuBox.cur .box .nav>ul>li:nth-child(4){transition-delay: 1.4s;}

.menuBox.cur .box .nav>ul>li:nth-child(5){transition-delay: 1.6s;}

.menuBox.cur .box .nav>ul>li:nth-child(6){transition-delay: 1.8s;}

.menuBox .searchLang{opacity: 0; transform: translateY(40px);}

.menuBox.cur .searchLang{opacity: 1; transform: translateY(0); transition: all .6s ease; transition-delay: 2s;}

.menuBox .searchBtn{ float: right; width: 20px; height: 20px; background: url(../images/icon02.png) no-repeat center; cursor: pointer; margin-top: 20px; margin-left: 40px; position: relative;}

.menuBox .searchBtn::before{ content:""; width: 1px; height: 18px; background: #fff; position: absolute; top: 0 ; right:39px; opacity: 0.3;}

.menuBox .lang{ float: right; line-height: 44px; margin-top: 9px;}

.menuBox .lang a { color: #fff;}

.menuBox .head-mask { position: fixed; left: 0;top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.4); z-index: 45; display: none; cursor: pointer;}



.swiper-container.page{ position: relative; z-index: 1;}



.index_one{ }

.index_one .box{ color: #fff; position: absolute; left: 145px; top: 50%; transform: translate(0,-50%);}

.index_one .box h2{ font-size: 50px; line-height: 1;font-weight: normal; margin-bottom: 25px;}

.index_one .box p{ font-size:37px; line-height: 1; font-weight: 300;}
.index_one .onePagination {width: 100%; height: 20px; position: absolute;z-index: 20; bottom:30px; text-align: center; z-index: 11;}
.index_one .swiper-pagination-switch {display: inline-block; width:12px; height: 12px; background:#fff; margin: 0 5px; border-radius: 10px; cursor: pointer;}
.index_one .swiper-active-switch {  background: #075af5; opacity: 1;}



.index_two{ background-position: center 20%; background-repeat: no-repeat; background-size: contain !important;}

.index_two .box{ width: 100%; text-align: center; position: absolute; left: 0; top: 50%; padding: 0 208px; transform: translate(0,-50%);}

.index_two .box h2{ color: #000; font-size: 37px; font-weight: normal; line-height: 1; margin-bottom: 30px;}

.index_two .box dd{ width: 1300px; margin: 0 auto; font-size: 18px; color: #666; line-height: 2; font-weight: normal;}

.index_two .box ul{ width:1500px; margin: 238px auto 0;}

.index_two .box ul li{ width: 33.33%; padding: 0 38px;  float: left;}

.index_two .box ul li ol{ border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; padding: 50px 0;}

.index_two .box ul li ol dl{ color: #000; font-size: 16px; font-weight: 300;}

.index_two .box ul li ol dl b,.index_two .box ul li ol dl strong{ color: #083c9a; font-size: 55px; font-weight: normal; font-family: 'OswaldRegular';}

.index_two .box ul li ol dt{ color: #000; font-size: 22px; font-weight: 300;}



.index_three{}

.index_three .box{ color: #fff; position: absolute; left: 145px; top: 50%;  transform: translate(0,-50%); z-index: 1;}

.index_three .box h2{ font-size: 45px; line-height: 1;font-weight: normal; margin-bottom: 25px;}

.index_three .box p{ font-size:28px; line-height: 1; font-weight: 300; margin-bottom: 8px;}

.index_three .box a{ width: 190px; height: 50px; line-height: 48px; color: #fff; text-align: center; border: #fff solid 1px; display: block; margin-top: 50px;transition: all .4s;}

.index_three .box a:hover{ background: #fff; color: #013baa;}



.index_four{}
.index_four .box{ color: #fff; position: absolute; left: 145px; top: 50%;  transform: translate(0,-50%);}
.index_four .box dl{ width: 92px; height: 3px; background: #fff; opacity: 0.4;}
.index_four .box ul{ padding: 30px 0;}
.index_four .box h2{ font-size: 45px; line-height: 1;font-weight: normal; margin-bottom: 10px;}
.index_four .box h2 a{ color: #fff;}
.index_four .box h2 a:hover{ color: #013baa;}
.index_four .box p{ font-size:18px; line-height: 1; font-weight: 300; margin-bottom: 8px;}
.index_four .box p a{ color: #fff; position: relative;}
.index_four .box p a::before{ content: "/"; color: #fff; margin: 0 3px;}
.index_four .box p a:nth-child(1):before{ display: none;}
.index_four .box p a:hover{ color: #013baa;}



.index_five{}

.index_five .box{ width: 100%; text-align: left; position: absolute; left: 0; top: 50%; padding: 0 145px; transform: translate(0,-50%);}

.index_five .box .tit h2{ float: left; font-size: 40px; color: #000; line-height: 1; font-weight: normal; margin-bottom: 48px;}

.index_five .box .tit ol{ float: right;}

.index_five .box .tit ol a{ width: 42px; height: 42px; border: #a4b5d5 solid 2px; margin-left: 8px; float: left;}

.index_five .box .tit ol a.arrow_left{ background: url(../images/arrow_left.png) no-repeat center;}

.index_five .box .tit ol a.arrow_left:hover{ background:#dee3ed url(../images/arrow_left.png) no-repeat center;}

.index_five .box .tit ol a.arrow_right{ background: url(../images/arrow_right.png) no-repeat center;}

.index_five .box .tit ol a.arrow_right:hover{ background:#dee3ed url(../images/arrow_right.png) no-repeat center;}

.index_five .box .con{ overflow: hidden;}

.index_five .box .con ul{margin: 0 -41px;}

.index_five .box .swiper-container{  box-sizing: border-box;}

.index_five .box .swiper-slide{ padding: 0 41px; box-sizing: border-box;}

.index_five .box .swiper-slide dl{ padding-bottom:54.6391%; position: relative; overflow: hidden; margin-bottom: 20px;}

.index_five .box .swiper-slide dl img{position:absolute;top:0; bottom:0;left:0;right:0; width:100%; height: 100%; margin:auto;}

.index_five .box .swiper-slide ol h3{ height: 56px; font-size: 18px; font-weight: normal; color: #000; line-height: 28px; margin-bottom: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .4s;}

.index_five .box .swiper-slide ol dt{ height: 66px; font-size: 15px; color: #999; line-height: 22px; margin-bottom: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

.index_five .box .swiper-slide ol dd{ border-bottom: #ccc solid 1px; line-height: 40px; overflow: hidden; position: relative;}

.index_five .box .swiper-slide ol dd::before{ content: ""; width: 0; height: 2px; background: #083c9a; position: absolute; left: 0; bottom: 0px; z-index: 11; transition: all .4s;}

.index_five .box .swiper-slide a:hover ol h3{ color: #083c9a;}

.index_five .box .swiper-slide a:hover ol dd::before{ width: 100%;}

.index_five .box .swiper-slide ol dd span{ float: left; color: #000;}

.index_five .box .swiper-slide ol dd i{ float: right; font-style: normal; font-size: 12px; color: #000; font-family: 'OswaldRegular', sans-serif;}



.pagination{ position: absolute; right: 25px; top:50%; z-index: 22; transform: translateY(-50%) }

.pagination li{ margin: 15px 0; padding-right: 42px; position: relative;  cursor: pointer;}

.pagination li.on:after{ content: ""; width: 25px; height: 2px; background: #e60012; position: absolute; right: 0; top: 50%; }

.pagination i{display: block; font-family: 'OswaldRegular', sans-serif; color: #fff; font-size: 18px;  font-style: normal;

	transform:rotate(90deg);

	-ms-transform:rotate(90deg);

	-moz-transform:rotate(90deg);

	-webkit-transform:rotate(90deg);

	-o-transform:rotate(90deg);

    transition: all .6s;

}

.pagination.black i{ color: #000;transition: all .6s;}

.pagination li.on i{ color: #e60012; font-style: normal; }





/*搜索框*/

.search-dialog-box{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999;}

.search-dialog-box .black{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);}

.search-dialog{position: absolute;left:50%;top:50%;box-sizing:border-box;width: 680px;padding: 20px 30px;transform: translate(-50%,-50%);background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.33);border-radius:50px;}

.search-dialog input[type=text]{float: left;width: 86%;border: none; padding: 0;font-size:18px;line-height: 28px; height:28px;color: #999; background-color: #fff;border-radius: 0;}

.search-dialog input[type=submit] {float: right; width:28px; height:28px; background-repeat: no-repeat; background-position: center; background-size: 100%; border: none; padding: 0; background-image: url(../images/search-btn.png);background-color: transparent; cursor: pointer;}



@media only screen and (min-width: 1900px) and (max-width: 1922px){

    .menuBox .box{ top: 100px; right: 200px;}

}

@media only screen and (min-width: 1680px) and (max-width: 1900px){

    .menuBox .nav-bg{width: 90vw; height: 90vw;  margin-top: -31vw; margin-right: -20vw; }

    .index_two .box ul{ width: 100%;}

}

@media only screen and (min-width: 1440px) and (max-width: 1679px){

    .menuBox .box{ top: 80px; right: 200px;}

    .menuBox .box .nav>ul>li>a{ font-size: 24px;}

    .menuBox .nav-bg{width: 90vw; height: 90vw;  margin-top: -31vw; margin-right: -20vw; }



    .header{ padding: 0 60px;}



    .index_one .box h2{ font-size: 40px;}

    .index_one .box p{ font-size: 30px;}



    .index_two .box{ padding: 0 120px;}

    .index_two .box ul{ width: 100%; margin: 50px auto 0;}

    .index_two .box h2{ font-size: 30px;}

    .index_two .box dd{ width: 100%; font-size: 16px;}

    .index_two .box ul li ol{ padding: 35px 0;}

    .index_two .box ul li ol dl b, .index_two .box ul li ol dl strong{ font-size: 40px;}

    .index_two .box ul li ol dt{font-size: 18px;}



    .index_three .box h2{ font-size: 36px;}

    .index_three .box p{ font-size: 24px;}

    .index_three .box a { width: 140px; height: 40px; line-height: 38px;}



    .index_four .box h2 { font-size: 36px;}



    .index_five .box .tit h2{font-size: 34px;}

    

}



@media only screen and (min-width: 1280px) and (max-width: 1439px){



    .menuBox .box{ top: 60px; right: 200px;}

    .menuBox .box .nav>ul>li{ margin-bottom: 20px;}

    .menuBox .box .nav>ul>li>a{ font-size: 20px;}

    .menuBox .box .nav>ul>li .subnav a{ font-size: 14px;}

    .menuBox .nav-bg{width: 90vw; height: 90vw;  margin-top: -31vw; margin-right: -20vw; }



    .header{ padding: 0 30px;}



    .index_one .box h2{ font-size: 40px;}

    .index_one .box p{ font-size: 30px;}



    .index_two .box{ padding: 0 120px;}

    .index_two .box ul{ width: 100%; margin: 50px auto 0;}

    .index_two .box h2{ font-size: 30px;}

    .index_two .box dd{ width: 100%; font-size: 16px;}

    .index_two .box ul li ol{ padding: 35px 0;}

    .index_two .box ul li ol dl b, .index_two .box ul li ol dl strong{ font-size: 40px;}

    .index_two .box ul li ol dt{font-size: 18px;}



    .index_three .box h2{ font-size: 36px;}

    .index_three .box p{ font-size: 24px;}

    .index_three .box a { width: 140px; height: 40px; line-height: 38px;}



    .index_four .box h2 { font-size: 36px;}



    .index_five .box .tit h2{font-size: 34px;}



}



@media only screen and (min-width: 1000px) and (max-width: 1279px){



    .menuBox .box{ top: 60px; right: 200px;}

    .menuBox .box .nav>ul>li{ margin-bottom: 20px;}

    .menuBox .box .nav>ul>li>a{ font-size: 18px;}

    .menuBox .box .nav>ul>li .subnav a{ font-size: 14px;}

    .menuBox .nav-bg{width: 100vw; height: 100vw;  margin-top: -31vw; margin-right: -20vw; }



    

    .header{ padding: 0 30px;}

    .header .nav{margin-right: 50px;}

    .header .nav ul li a{ font-size: 16px; padding: 0 15px;}

    .header .nav ul li a.tit{ padding: 0 25px 0 15px; background: url(../images/icon01.png) no-repeat right 10px center;}

    .header .nav>ul>li:hover a.tit{ background: #0237a0 url(../images/icon01.png) no-repeat right 10px center; }

    .header .nav>ul>li>a.tit:hover{background:#0237a0 url(../images/icon01.png) no-repeat right 10px center;}

    .header .searchBtn::before{ left: -30px;}



    .index_one .box h2{ font-size: 40px;}

    .index_one .box p{ font-size: 30px;}



    .index_two .box{ padding: 0 120px;}

    .index_two .box ul{ width: 100%; margin: 50px auto 0;}

    .index_two .box h2{ font-size: 30px;}

    .index_two .box dd{ width: 100%; font-size: 16px;}

    .index_two .box ul li ol{ padding: 35px 0;}

    .index_two .box ul li ol dl b, .index_two .box ul li ol dl strong{ font-size: 40px;}

    .index_two .box ul li ol dt{font-size: 18px;}



    .index_three .box h2{ font-size: 36px;}

    .index_three .box p{ font-size: 24px;}

    .index_three .box a { width: 140px; height: 40px; line-height: 38px;}



    .index_four .box h2 { font-size: 36px;}



    .index_five .box .tit h2{font-size: 34px;}

    .index_five .box .con ul{ margin: 0 -10px;}

    .index_five .box .swiper-slide{ padding: 0 10px;}

    .index_five .box .swiper-slide ol h3{ font-size: 16px;}



}

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

    /*顶部*/

    .header{ display: none;}



    .menu-toggle{ width:60px; height:60px; border:none; position:fixed; right:10px; top:10px; z-index:99999 !important; transition:all 600ms; display: block; cursor: pointer; opacity: 1 !important;}

    .menu-toggle span{ width:20px; height:2px; background:#fff;display:block; position:relative; opacity:1;transition:all 300ms; margin:28px 0 0 12px;}

    .menu-toggle span:before{ content:"";width:35px; height:2px; background:#fff;display:block; position:absolute; left:0; top:-10px;transition:all 600ms;}

    .menu-toggle span:after{ content:"";width:35px; height:2px; background:#fff;display:block;position:absolute; left:0; top:10px;transition:all 300ms;}

    .menu-toggle.white{ width:60px; height:60px; border:none; position:fixed; right:10px; top:10px; z-index:99999; transition:all 300ms; display: block; opacity: 1;}

    .menu-toggle.white span{ width:20px; height:2px; background:#fff;display:block; position:relative; opacity:1;transition:all 300ms; margin:28px 0 0 12px;}

    .menu-toggle.white span:before{ content:"";width:35px; height:2px; background:#fff;display:block; position:absolute; left:0; top:-10px;transition:all 300ms;}

    .menu-toggle.white span:after{ content:"";width:35px; height:2px; background:#fff;display:block;position:absolute; left:0; top:10px;transition:all 300ms;}

    .menu-toggle.blue{ width:60px; height:60px; border:none; position:fixed; right:10px; top:10px; z-index:99999; transition:all 300ms; display: block; opacity: 1;}

    .menu-toggle.blue span{ width:20px; height:2px; background:#083c9a;display:block; position:relative; opacity:1;transition:all 300ms; margin:28px 0 0 12px;}

    .menu-toggle.blue span:before{ content:"";width:35px; height:2px; background:#083c9a;display:block; position:absolute; left:0; top:-10px;transition:all 300ms;}

    .menu-toggle.blue span:after{ content:"";width:35px; height:2px; background:#083c9a;display:block;position:absolute; left:0; top:10px;transition:all 300ms;}

    .menu-toggle.cur{ border:none;}

    .menu-toggle.cur span{background-color:transparent;}

    .menu-toggle.cur span:before{transform:rotate(45deg); top:0px; background:#fff;}

    .menu-toggle.cur span:after{transform:rotate(-45deg); top:0px; background:#fff;}



    .menuBox{  position:absolute; top: 0; right: 0; z-index: -11; transition: all .6s ease;}

    .menuBox.cur{ z-index: 9999;}

    .menuBox .box{ width: 100%; text-align: left; position: fixed; top: 0; right: 0; z-index: 9999; padding: 30px;}

    .menuBox .nav-bg{width: 150vh; height:150vh; margin: -75vh 0 0 -75vh; background-color: #195adb; border-radius: 100%; transform: scale(0); transform-origin:center center; transition: all .8s cubic-bezier(.77,0,.175,1); position: fixed; right:auto; left: 50%; top:50%; z-index: 999; transform: translate(-50%,-50%);}

    .menuBox.cur .nav-bg{ transform: scale(1);}

    .menuBox .box .logo{ opacity: 0; transform: translateY(40px);}

    .menuBox.cur .box .logo{ opacity: 1; transform: translateY(0); transition: all .6s ease; transition-delay: .5s;}

    .menuBox .box .nav{ margin-top: 30px;}

    .menuBox .box .nav>ul>li{ margin-bottom:24px; opacity: 0; transform: translateY(40px);}

    .menuBox.cur .box .nav>ul>li{opacity: 1; transform: translateY(0); transition: all .6s ease;}

    .menuBox .box .nav>ul>li>a{ font-size: 20px; color: #fff; font-weight: bold; margin-bottom: 0; display: block;}

    .menuBox .box .nav>ul>li .subnav ol{ overflow: hidden;}

    .menuBox .box .nav>ul>li .subnav a{ width: 33.33%; float: left; color: #fff; line-height: 1.8; margin-left: 0; font-size: 15px;}

    .menuBox .box .nav>ul>li .subnav a:hover{ color: #e60012;}

    .menuBox.cur .box .nav>ul>li:nth-child(1){transition-delay: .8s;}

    .menuBox.cur .box .nav>ul>li:nth-child(2){transition-delay: 1s;}

    .menuBox.cur .box .nav>ul>li:nth-child(3){transition-delay: 1.2s;}

    .menuBox.cur .box .nav>ul>li:nth-child(4){transition-delay: 1.4s;}

    .menuBox.cur .box .nav>ul>li:nth-child(5){transition-delay: 1.6s;}

    .menuBox.cur .box .nav>ul>li:nth-child(6){transition-delay: 1.8s;}

    .menuBox .searchLang{opacity: 0; transform: translateY(40px);}

    .menuBox.cur .searchLang{opacity: 1; transform: translateY(0); transition: all .6s ease; transition-delay: 2s;}

    .menuBox .searchBtn{ float: left; width: 20px; height: 20px; background: url(../images/icon02.png) no-repeat center; cursor: pointer; margin-top: 20px; margin-left: 0; margin-right: 40px; position: relative;}

    .menuBox .searchBtn::before{ content:""; width: 1px; height: 18px; background: #fff; position: absolute; top: 0 ; right:-22px; opacity: 0.3;}

    .menuBox .lang{ float: left; line-height: 20px; margin-top:0;}

    .menuBox .lang a { color: #fff;}

    .menuBox .head-mask { position: fixed; left: 0;top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.4); z-index: 45; display: none; cursor: pointer;}



    .swiper-container.page{ position: relative; z-index: 1;}



    .index_one{ }

    .index_one .box{width: 100%; text-align: center; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); padding: 0 20px;}

    .index_one .box h2{ font-size:25px; line-height: 1.2;font-weight: normal; margin-bottom: 20px;}

    .index_one .box p{ font-size:18px; line-height: 1; font-weight: 300;}



    .index_two{ background: #fff; background-position: center 20%; background-repeat: no-repeat; background-size: contain !important;}

    .index_two .box{ width: 100%; text-align: center; position: absolute; left: 0; top: 50%; padding: 0 20px; transform: translate(0,-50%);}

    .index_two .box h2{ color: #000; font-size: 25px; font-weight: normal; line-height: 1.2; margin-bottom: 20px;}

    .index_two .box dd{ width: 100%; margin: 0 auto; font-size: 14px; color: #888; line-height: 1.6; font-weight: normal;}

    .index_two .box ul{ width:100%; margin: 30px auto 0;}

    .index_two .box ul li{ width: 100%; padding: 0;  float: none;}

    .index_two .box ul li ol{ border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 15px 0; margin-top: -1px;}

    .index_two .box ul li ol dl{ color: #000; font-size: 14px; font-weight: 300;}

    .index_two .box ul li ol dl b,.index_two .box ul li ol dl strong{ font-size: 20px; }

    .index_two .box ul li ol dt{ font-size:14px; font-weight: 300;}



    .index_three{}

    .index_three .box{ width: 100%; text-align: center; position: absolute; left: 0; top: 50%;  transform: translate(0,-50%); z-index: 1; padding:0 20px;}

    .index_three .box h2{ font-size: 24px; line-height: 1.2;font-weight: normal; margin-bottom: 25px;}

    .index_three .box p{ font-size:16px; line-height: 1; font-weight: 300; margin-bottom: 8px;}

    .index_three .box a { width: 120px; height: 38px; line-height: 36px; font-size: 14px; margin: 50px auto 0;}

    

    .index_four{}

    .index_four .box{ width: 100%;  position: absolute; left: 0; top: 50%;  transform: translate(0,-50%); padding: 0 20px;}

    .index_four .box dl{ width: 92px; height: 2px; background: #fff; opacity: 0.4;}

    .index_four .box ul{ padding: 30px 0;}

    .index_four .box h2{ font-size: 25px; line-height: 1;font-weight: normal; margin-bottom: 10px;}

    .index_four .box p{ font-size:15px; line-height: 1; font-weight: 300; margin-bottom: 8px; margin-top: 35px;}



    .index_five{ background: #fff;}

    .index_five .box{ width: 100%; text-align: left; position: absolute; left: 0; top: 50%; padding: 0 20px; transform: translate(0,-50%);}

    .index_five .box .tit h2{ float: left; font-size: 25px; color: #000; line-height: 1; font-weight: normal; margin-bottom: 30px;}

    .index_five .box .tit ol{ float: right;}

    .index_five .box .tit ol a{ width: 26px; height: 26px; border: #a4b5d5 solid 2px; margin-left:5px; float: left;}

    .index_five .box .con{ overflow: hidden;}

    .index_five .box .con ul{margin: 0 -10px;}

    .index_five .box .swiper-container{  box-sizing: border-box;}

    .index_five .box .swiper-slide{ padding: 0 10px; box-sizing: border-box;}

    .index_five .box .swiper-slide dl{ padding-bottom:54.6391%; position: relative; overflow: hidden; margin-bottom: 10px;}

    .index_five .box .swiper-slide dl img{position:absolute;top:0; bottom:0;left:0;right:0; width:100%; height: 100%; margin:auto;}

    .index_five .box .swiper-slide ol h3{ height: 54px; font-size: 15px; font-weight: normal; color: #000; line-height: 18px; margin-bottom: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .4s;}

    .index_five .box .swiper-slide ol dt{ height: 64px; font-size: 12px; color: #999; line-height: 16px; margin-bottom: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}

    .index_five .box .swiper-slide ol dd{ border-bottom: #ccc solid 1px; line-height: 40px; overflow: hidden; position: relative;}

    .index_five .box .swiper-slide ol dd::before{ content: ""; width: 0; height: 2px; background: #083c9a; position: absolute; left: 0; bottom: 0px; z-index: 11; transition: all .4s;}

    .index_five .box .swiper-slide ol dd span{ font-size: 12px; color: #999;}

    .index_five .box .swiper-slide ol dd i{ float: right; font-style: normal; font-size: 12px; color: #999; font-family: sans-serif;}



    .pagination{ display: none; }





    /*搜索框*/

    .search-dialog-box{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999;}

    .search-dialog-box .black{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);}

    .search-dialog{position: absolute;left:50%;top:50%;box-sizing:border-box;width: 680px;padding: 20px 30px;transform: translate(-50%,-50%);background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.33);border-radius:50px;}

    .search-dialog input[type=text]{float: left;width: 86%;border: none; padding: 0;font-size:18px;line-height: 28px; height:28px;color: #999; background-color: #fff;border-radius: 0;}

    .search-dialog input[type=submit] {float: right; width:28px; height:28px; background-repeat: no-repeat; background-position: center; background-size: 100%; border: none; padding: 0; background-image: url(../images/search-btn.png);background-color: transparent; cursor: pointer;}

}