@charset "utf-8";

body{font-family:"微软雅黑"}
body.active{ position: fixed; width: 100%; height: 100%; overflow: hidden;}
.no-margin{margin:0 !important}
.overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
a{text-decoration:none !important;cursor:pointer !important}
.container-fluid{max-width:1230px !important}
::-webkit-input-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
:-moz-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
::-moz-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
:-ms-input-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
.tr{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
.tr3{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;}
input,button,textarea,.swiper-pagination span,.swiper-button,video{ outline: none !important; }
.sizeCover{ background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }

.main-pad-1{ padding:60px 0 0;}
.main-pad-2{ padding:0 0 60px;}
.main-pad-3{ padding:120px 0 0;}
.main-pad-4{ padding:0 0 120px;}
.main-pad-5{ padding:30px 0 0;}
.main-pad-6{ padding:0 0 30px;}
.main-background-1{ background:#0099cb;}

header{ position: relative; z-index:99999; background: #fff; border-bottom: solid 1px #e3e3e3;}
header .top_bar{ border-bottom: solid 1px #e3e3e3;}
header .top_bar .container-fluid{max-width:100% !important}
header .top_bar ul{ display: flex; justify-content:flex-end; padding-right: 30px;}
header .top_bar ul li:nth-child(n+2){ margin-left: 35px;}
header .top_bar ul li a{ position: relative; display: block; color: #000; line-height: 30px;}
header .top_bar ul li a:before{ content:""; position: absolute; left: 50%; bottom:3px; z-index: 1; margin-left: 0; width: 0; height: 2px; background: #0099cb; transition: all 0.3s;}
header .qita{ display: flex; justify-content:space-between; align-items: center;}
header .qita .menu-btn{ display: flex; justify-content: center; align-items: center; width: 140px; height: 85px; color: #0099cb; border-right: solid 1px #e1dcda; cursor: pointer;}
header .qita .menu-btn .anniu{ margin-right: 15px; font-size: 21px;}
header .qita .menu-btn .anniu:nth-child(2){ display: none;font-weight: bold; font-size:16px;}
header .qita .menu-btn .mc{font-size: 18px;font-weight: bold; line-height: 24px;}
header .qita .menu-btn.active{color: #fff;background: #0099cb !important;}
header .qita .menu-btn.active .anniu:nth-child(1){ display: none;}
header .qita .menu-btn.active .anniu:nth-child(2){ display: block;}
header .qita .logo a{ display:block; font-size:0; line-height: 85px;}
header .qita .search{display: flex; justify-content: center; align-items: center; width: 140px; height: 85px; color: #0099cb; border-left: solid 1px #e1dcda; cursor: pointer; transition: all 200ms ease-out;}
header .qita .search .anniu{ margin-left: 15px; font-size: 21px;}
header .qita .search .anniu:nth-child(1){ margin-top: 5px;}
header .qita .search .anniu:nth-child(2){ display: none;font-weight: bold; font-size:16px;}
header .qita .search .mc{font-size: 18px; font-weight: bold; line-height: 24px;}
header .qita .search.active{ color: #fff;background: #0099cb !important;}
header .qita .search.active .anniu:nth-child(1){ display: none;}
header .qita .search.active .anniu:nth-child(2){ display: block;}
header .menu{ position: fixed; left: 0; top:117px; right: 0; bottom: 0; z-index:1;visibility:hidden; transition-property:visibility;transition-delay:400ms;transition-duration:0ms;}
header .menu .bg{ position:absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; height: 100%; background: #000; opacity: 0; transition: opacity 300ms ease;}
header .menu .daohang{ position: relative; z-index: 2; width: calc(100% / 3); height: 100%; background: #fff; overflow-y:auto; opacity:0; transform:translateX(-100%); transition-property:transform,opacity;transition-duration:400ms;transition-timing-function:ease-in-out;}
header .menu .daohang ul{ padding: 80px 0;}
header .menu .daohang ul li{transition:transform 333ms ease-in-out, opacity 333ms ease-in-out;transform:translateX(-10px);opacity: 0;}
header .menu .daohang ul li:nth-child(1){transition-delay:120ms;}
header .menu .daohang ul li:nth-child(2){transition-delay:240ms;}
header .menu .daohang ul li:nth-child(3){transition-delay:360ms;}
header .menu .daohang ul li:nth-child(4){transition-delay:480ms;}
header .menu .daohang ul li:nth-child(5){transition-delay:600ms;}
header .menu .daohang ul li:nth-child(6){transition-delay:720ms;}
header .menu .daohang ul li:nth-child(n+2){ margin-top: 15px;}
header .menu .daohang ul li a{ position: relative; display: flex; padding: 0 80px; font-size: 40px; color: #000; font-weight: bold; line-height:60px;transition:color 200ms ease-out;}
header .menu .daohang ul li a:before{ content:""; position: absolute; right:15px; top: 50%; z-index: 1; margin-top: -8px; border-top:solid 8px transparent; border-bottom:solid 8px transparent; border-left:solid 8px #0099cb; opacity: 0; transition: opacity .15s ease-out;}
header .menu .daohang ul li a span{ position: relative;}
header .menu .daohang ul li a span:before{ content: ""; position: absolute; bottom: 0; left: 0; z-index: 1; width: 0; height: 3px; background:#0099cb; transition: width 200ms ease-out;}
header .menu.active{visibility:visible;overflow:hidden;transition-delay:0ms;}
header .menu.active .bg{ opacity: 0.7;}
header .menu.active .daohang{ opacity:1; transform:translateX(0);}
header .menu.active .daohang ul li{transform:translateX(0);opacity:1;}
header .search-container{position: fixed; left: 0; top:117px; right: 0; bottom: 0; z-index:1; background: #0099cb;transition-property:visibility,transform;transition-duration:400ms;transition-timing-function:ease-in-out;transform:translateX(100%);visibility:hidden;}
header .search-container .box{ padding: 80px 0 50px; margin: 0 auto; max-width: 1100px;}
header .search-container .box .biaoti{ padding: 0 30px; margin-bottom: 10px; font-size: 18px; color: #fff;font-weight: bold; line-height: 24px;}
header .search-container .box form{ display: flex; justify-content:space-between; align-items: center; background: #07529f;}
header .search-container .box form input{padding: 0 30px; width: calc(100% - 95px); height: 95px;font-size: 40px;color: #fff; line-height: 95px; background: none; border:none;}
header .search-container .box form input::-webkit-input-placeholder{color: #fff;}
header .search-container .box form input:-moz-placeholder{color: #fff;}
header .search-container .box form input::-moz-placeholder{color: #fff;}
header .search-container .box form input:-ms-input-placeholder{color: #fff;}
header .search-container .box form button{ display: flex; justify-content: center; align-items: center; padding: 0; width: 95px; height: 95px;font-size:60px; color: #fff; background: none; border:none;}
header .search-container.active{transform:translateX(0);visibility: visible; overflow-y: auto; }

.banner{ background: #fff;}
.banner .leftimg{position: relative;}
.banner .leftimg .imgbox{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1;opacity: 0; transition:opacity 250ms;}
.banner .leftimg .imgbox.active{z-index: 2; opacity: 1;}
.banner .leftimg .textbox{ position: absolute; right: 0; top: 50%; z-index: 4; margin-top: -85px; padding: 45px 25px; width: 648px; font-size: 35px; color: #000; font-weight: bold; line-height: 50px; background: #fff;}
.banner .righttext .left{ background: #0099cb;}
.banner .righttext .left .menu .tishi{color: #fff; line-height: 24px;}
.banner .righttext .left .menu .ul .li .maxbiaoti{height:70px; color: #fff; font-weight: bold; cursor: pointer;}
.banner .righttext .left .menu .ul .li .maxbiaoti .mc{font-size: 35px;}
.banner .righttext .left .menu .ul .li.active .maxbiaoti,
.banner .righttext .left .menu .ul .li.on .maxbiaoti{ background:#093a63;}
.banner .righttext .left .menu .ul .li .right{ display: none; background: #fff;}
.banner .righttext .left .menu .ul .li .right .guanbi{ position: absolute; right:35px; top: 35px; z-index: 1; font-size: 24px; color: #0099cb; font-weight: bold; cursor: pointer;}
.banner .righttext .left .menu .ul .li .right .main{ display: flex; justify-content: space-between;}
.banner .righttext .left .menu .ul .li .right .main .main-left .biaoti{ margin-bottom: 10px; font-size: 38px; color: #000; font-weight: bold; line-height: 40px;}
.banner .righttext .left .menu .ul .li .right .main .main-left .jieshao{ margin-bottom: 30px; font-size: 18px; color: #555555; line-height:30px;}
.banner .righttext .left .menu .ul .li .right .main .main-left .more{ display: flex;  margin-bottom:50px;}
.banner .righttext .left .menu .ul .li .right .main .main-left .more a{ display: flex; align-items: center; font-weight: bold; line-height: 24px;}
.banner .righttext .left .menu .ul .li .right .main .main-left .more a .mc{ font-size: 16px; color: #0099cb;}
.banner .righttext .left .menu .ul .li .right .main .main-left .more a .icon{ margin-left: 10px; color: #0099cb;}
.banner .righttext .left .menu .ul .li .right .main .main-left .jiangexian{ margin-bottom: 20px; height: 2px; background: #d8d8d8;}
.banner .righttext .left .menu .ul .li .right .main .main-left .fubiaoti{ margin-bottom: 30px; font-size: 16px; color: #000; line-height: 24px;}
.banner .righttext .left .menu .ul .li .right .main .main-left ul li{ display: flex;}
.banner .righttext .left .menu .ul .li .right .main .main-left ul li:nth-child(n+2){ margin-top: 10px;}
.banner .righttext .left .menu .ul .li .right .main .main-left ul li a{font-size: 16px; color: #0099cb; font-weight: bold; line-height: 24px;}
.banner .righttext .left .menu .ul .li .right .main .main-right a{ display: block;}
.banner .righttext .left .menu .ul .li .right .main .main-right a .imgbox{ margin-bottom: 40px; overflow: hidden; transition:transform 250ms;}
.banner .righttext .left .menu .ul .li .right .main .main-right a .imgbox span{ display: block; padding-top:calc(340 / 540 * 100%); transition:transform 250ms;}
.banner .righttext .left .menu .ul .li .right .main .main-right a .fumc{ margin-bottom: 10px; color: #000; line-height: 24px;}
.banner .righttext .left .menu .ul .li .right .main .main-right a .biaoti{ margin-bottom:40px; font-size: 30px; color: #000; font-weight:bold; line-height: 34px;}
.banner .righttext .left .menu .ul .li .right .main .main-right a .more{ margin-bottom:30px; display: flex; align-items: center; font-weight: bold; line-height: 24px;}
.banner .righttext .left .menu .ul .li .right .main .main-right a .more .mc{ font-size: 16px; color: #0099cb;}
.banner .righttext .left .menu .ul .li .right .main .main-right a .more .icon{ margin-left: 10px; color: #0099cb;}
.banner .righttext .left .menu .ul .li .right .main .main-right a .jiangexian{ height: 1px; background: #d8d8d8;}
.banner-2{ padding: 100px 0;}
.banner-2 .biaoti{ display: flex;}
.banner-2 .biaoti .mc{padding: 0 25px; min-width: 290px; font-size: 55px; color: #000; font-weight: bold; line-height: 100px; background: #fff;}

.headBandbox{ position: fixed; left: 0; top:0; z-index: 999; width: 100%; background:#e9ecef;}
.headBandbox .headBand{height: 8px; background:#0099cb;}

.title-1{ margin-bottom:30px; font-size: 40px; color: #000; font-weight: bold; line-height: 50px;}
.title-2{ font-size: 20px; color: #000; font-weight: bold; line-height: 30px;}
.title-3{ padding-bottom: 30px; font-size: 25px; color: #000; font-weight: bold; line-height: 30px; border-bottom: solid 2px #d8d8d8;}
.title-4{ margin-bottom: 10px; font-size: 50px; color: #fff; font-weight: bold; line-height: 60px;}
.title-4.active{ margin:0; color: #000;}

.text-1{ display: flex;}
.text-1 a{ padding:40px; width: 100%; background: #fff;}
.text-1 a .fumc{ margin-bottom: 10px; color: #000; line-height: 24px;}
.text-1 a .biaoti{ margin-bottom:40px; font-size: 32px; color: #000; line-height: 36px; font-weight: bold;}
.text-1 a .more{display: flex; align-items: center; font-weight: bold; line-height: 24px;}
.text-1 a .more .mc{ font-size: 16px; color: #0099cb;}
.text-1 a .more .icon{ margin-left: 10px; color: #0099cb;}
.text-2{font-size: 18px; color: #000; line-height: 30px;}
.text-3 form{ display: flex; justify-content: space-between;}
.text-3 .maxbiaoti{ margin-bottom:15px; display: flex; align-items: flex-end; color: #fff;}
.text-3 .maxbiaoti b{ font-size: 18px;}
.text-3 .maxbiaoti span{ margin-left: 10px; font-size: 15px;}
.text-3 .tishi{ display:none; align-items: center; margin-top:5px;}
.text-3 .tishi .icon{ display: flex; justify-content: center; align-items: center; margin-right:5px; width:18px; height:18px; color: #0099cb; background: #ffb900; border-radius: 50%;}
.text-3 .tishi .zi{ color: #ffb900; font-weight: bold;}
.text-3 .tishi.active{display: flex;}
.text-3 .left{ width: 61%;}
.text-3 .left ul li:nth-child(n+2){ margin-top: 30px;}
.text-3 .left ul li > .mc{ font-size: 26px; color: #d8d8d8;line-height:40px; cursor: default;}
.text-3 .left ul li .shurukuang1 input{ display: block; width: 100%; height: 40px; font-size: 26px; color: #fff; line-height: 40px; background: none; border:none;}
.text-3 .left ul li .shurukuang1 input::-webkit-input-placeholder{ color: #fff;}
.text-3 .left ul li .shurukuang1 input:-moz-placeholder{ color: #fff;}
.text-3 .left ul li .shurukuang1 input::-moz-placeholder{ color: #fff;}
.text-3 .left ul li .shurukuang1 input:-ms-input-placeholder{ color: #fff;}
.text-3 .left ul li .shurukuang2 .xuanxiang{ display: flex; align-items: center;}
.text-3 .left ul li .shurukuang2 .xuanxiang .guojia{ position: relative;}
.text-3 .left ul li .shurukuang2 .xuanxiang .guojia .biaoti{ display: flex; align-items: center; padding-right: 10px; height: 30px; border-right: solid 1px #fff; cursor: pointer;}
.text-3 .left ul li .shurukuang2 .xuanxiang .guojia .biaoti .mc{ font-size: 16px; color: #fff; font-weight: bold;}
.text-3 .left ul li .shurukuang2 .xuanxiang .guojia .biaoti .jiantou{ margin-left: 10px; border-left:solid 6px transparent; border-right:solid 6px transparent; border-top:solid 5px #fff;}
.text-3 .left ul li .shurukuang2 .xuanxiang .guojia .biaoti.active .jiantou{ transform: rotate(180deg);}
.text-3 .left ul li .shurukuang2 .xuanxiang .guojia .xiala{ display: none; position: absolute; left: 0; top: 100%; z-index: 5; padding: 15px 0 15px 15px; width: 300px; max-height: 335px; background: #fff; overflow-y: auto;}
.text-3 .left ul li .shurukuang2 .xuanxiang .guojia .xiala.active{ top: initial; bottom: 100%;}
.text-3 .left ul li .shurukuang2 .xuanxiang .guojia .xiala .ul .li{ display: flex; cursor: pointer;}
.text-3 .left ul li .shurukuang2 .xuanxiang .guojia .xiala .ul .li span{ position: relative; color: #000; line-height: 40px;}
.text-3 .left ul li .shurukuang2 .xuanxiang .guojia .xiala .ul .li span:before{ content: ""; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 1px; background: #ccc; transition: all 0.3s;}
.text-3 .left ul li .shurukuang2 .xuanxiang input{ padding:0px; height: 40px; font-size: 26px; color: #fff; line-height: 40px; background: none; border:none;}
.text-3 .left ul li .shurukuang2 .xuanxiang input::-webkit-input-placeholder{ color: #fff;}
.text-3 .left ul li .shurukuang2 .xuanxiang input:-moz-placeholder{ color: #fff;}
.text-3 .left ul li .shurukuang2 .xuanxiang input::-moz-placeholder{ color: #fff;}
.text-3 .left ul li .shurukuang2 .xuanxiang input:-ms-input-placeholder{ color: #fff;}
.text-3 .left ul li .jiangexian1{ height: 1px; background: #d8d8d8;}
.text-3 .left ul li .jiangexian2{ width: 1px; height: 1px; background: transparent;}
.text-3 .left ul li.on .shurukuang1 .xuanxiang input{ opacity: 1;}
.text-3 .left ul li.on .jiangexian2{ width: 100%; height: 2px; background: #d8d8d8;}
.text-3 .left ul li.on .shurukuang2 .xuanxiang input{ opacity: 1;}
.text-3 .left ul li.active .jiangexian1{ height: 2px; background: #ffb900;}
.text-3 .left ul li.active .tishi{display: flex;}
.text-3 .right{ width: 31%;}
.text-3 .right .lingyu{ margin-bottom: 5px; height:120px;}
.text-3 .right .lingyu .xuanxiang{ position: relative;}
.text-3 .right .lingyu .xuanxiang .biaoti{ display: flex; align-items: center; justify-content: space-between; padding:20px; height: 74px; border:2px dashed #fff; cursor: pointer;}
.text-3 .right .lingyu .xuanxiang .biaoti .mc{ font-size: 16px; color: #fff; font-weight: bold;}
.text-3 .right .lingyu .xuanxiang .biaoti .jiantou{border-left:solid 6px transparent; border-right:solid 6px transparent; border-top:solid 5px #fff;}
.text-3 .right .lingyu .xuanxiang .biaoti.on{ background: #fff;}
.text-3 .right .lingyu .xuanxiang .biaoti.on .mc{ color: #000;}
.text-3 .right .lingyu .xuanxiang .biaoti.on .jiantou{ border-top-color:#000;}
.text-3 .right .lingyu .xuanxiang .biaoti.active{ background: #000;}
.text-3 .right .lingyu .xuanxiang .biaoti.active .jiantou{transform: rotate(180deg);}
.text-3 .right .lingyu .xuanxiang .xiala{ display: none; position: absolute; left: 0; top:100%; z-index: 5; padding:5px 15px; margin-top: -2px; width:315px; max-height: 400px; overflow-y: auto; background: #fff;border:2px dashed #000;}
.text-3 .right .lingyu .xuanxiang .xiala.active{top:initial;bottom: 100%; margin-top: 0;margin-bottom: -2px;}
.text-3 .right .lingyu .xuanxiang .xiala .ul .li{ display: flex; padding: 5px 0; cursor: pointer;}
.text-3 .right .lingyu .xuanxiang .xiala .ul .li span{ position: relative; color: #000; line-height: 30px;}
.text-3 .right .lingyu .xuanxiang .xiala .ul .li span:before{ content: ""; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 1px; background: #ccc; transition: all 0.3s;}
.text-3 .right .lingyu .tishi{ margin-top: 10px;}
.text-3 .right textarea{ margin-bottom: 25px; padding: 15px; width: 350px; height: 140px; font-size: 18px; color: #000; background: #fff; border:solid 3px #fff;}
.text-3 .right textarea.active{ border-color: #0099cb;}
.text-3 .right .tijiao{ margin-bottom: 40px;}
.text-3 .right .tijiao a{ display: flex; justify-content: center; align-items: center; width:110px; height: 56px; font-size: 16px; font-weight: bold; border:solid 3px #fff; opacity: 0.65;}
.text-3 .right .tijiao a .mc{ margin-right:5px; color: #fff;}
.text-3 .right .tijiao a .icon{ color: #fff;}
.text-3 .right .tiaokuan{font-size: 16px; color: #fff;line-height: 28px;}
.text-3 .right .tiaokuan a{ position: relative;color: #fff; border-bottom: solid 1px #d8d8d8;}
.text-4 ul li:nth-child(n+2){ margin-top: 50px;}
.text-4 ul li .biaoti{ margin-bottom:15px; font-size: 20px; color: #000; font-weight: bold; line-height: 30px;}
.text-4 ul li .jieshao{font-size: 16px; color: #000; line-height: 30px;}
.text-5 a{ display: block; padding: 20px 20px 50px; color: #000; border:solid 6px #0099cb;}
.text-5 a .mc{ margin-bottom:25px; font-size: 20px; line-height: 24px;}
.text-5 a .biaoti{ margin-bottom:30px; font-size: 30px; font-weight: bold;}
.text-5 a .fumc{ margin-bottom:30px; font-size: 20px; font-weight: bold; line-height: 24px;}
.text-5 a .more{ font-size: 16px; font-weight: bold; line-height: 24px;}

.picture-1{ display: flex;}
.picture-1 .video{ position: relative; width: 540px; height: 306px; background: #000;}
.picture-1 .video video{ display: none; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%;}
.picture-1 .video .imgbox{ position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%;}
.picture-1 .video .bofang{ position: absolute; left: 30px; bottom: 30px; z-index: 3; width: 64px; height: 64px; background: #0099cb; cursor: pointer;}
.picture-1 .video .bofang:before{ content:""; position: absolute; left: 50%; top: 50%; z-index: 1; margin:-10px 0 0 -5px; border-left:solid 15px #fff; border-top:solid 10px transparent; border-bottom:solid 10px transparent;}
.picture-1 .textbox{ padding: 45px 0 0 30px; width: 130px;}
.picture-1 .textbox a{ display: block;}
.picture-1 .textbox a .fumc{ margin-bottom:5px; color: #000; line-height: 24px;}
.picture-1 .textbox a .biaoti{margin-bottom:30px; font-size: 35px; color: #000; font-weight: bold; line-height: 40px;}
.picture-1 .textbox a .more{ display: flex; align-items: center; font-weight: bold; line-height: 24px;}
.picture-1 .textbox a .more .mc{ font-size: 16px; color: #0099cb;}
.picture-1 .textbox a .more .icon{ margin-left: 10px; color: #0099cb;}
.picture-2 .ul .li:nth-child(n+2){ margin-top: 100px;}
.picture-2 ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.picture-2 .ul .li:nth-child(odd) ul li:nth-child(1),.picture-2 .ul .li:nth-child(even) ul li:nth-child(2){ width:calc(420 / 1200 * 100%);}
.picture-2 .ul .li:nth-child(odd) ul li:nth-child(2),.picture-2 .ul .li:nth-child(even) ul li:nth-child(1){ width:calc(560 / 1200 * 100%);}
.picture-2 ul li:nth-child(2){ margin-top: 85px;}
.picture-2 ul li a{ display: block;}
.picture-2 ul li a .imgbox{ margin-bottom: 60px; overflow: hidden;}
.picture-2 ul li a .imgbox span{ display: block;}
.picture-2 .ul .li:nth-child(odd) ul li:nth-child(1) a .imgbox span,.picture-2 .ul .li:nth-child(even) ul li:nth-child(2) a .imgbox span{padding-top:calc(240 / 420 * 100%);}
.picture-2 .ul .li:nth-child(odd) ul li:nth-child(2) a .imgbox span,.picture-2 .ul .li:nth-child(even) ul li:nth-child(1) a .imgbox span{padding-top:calc(320 / 560 * 100%);}
.picture-2 ul li a .fumc{ margin-bottom:5px; color: #000; line-height: 24px;}
.picture-2 ul li a .biaoti{ margin-bottom:10px; font-size: 35px; color: #0099cb; font-weight: bold; line-height: 50px;}
.picture-2 ul li a .more{ display: flex; align-items: center; font-weight: bold; line-height: 24px;}
.picture-2 ul li a .more .mc{ font-size: 16px; color: #0099cb;}
.picture-2 ul li a .more .icon{ margin-left: 10px; color: #0099cb;}
.picture-3 .top{ position: relative; margin-bottom: 20px; height: 430px; background: #000;}
.picture-3 .top .imgbox,.picture-3 .top .video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.picture-3 .top .imgbox{ z-index: 2;}
.picture-3 .top .imgbox .bofang{ position: absolute; left: 30px; bottom: 30px; z-index: 1; width: 90px; height: 90px; background: #0099cb; cursor: pointer;}
.picture-3 .top .imgbox .bofang:before{ content: ""; position: absolute; left: 50%; top: 50%; z-index: 1; margin:-12px 0 0 -8px; border-top:solid 12px transparent; border-bottom:solid 12px transparent; border-left:solid 18px #fff;}
.picture-3 .top .icon{ position: absolute; right:20px; top: 20px; z-index: 3; font-size: 30px; color: #fff; cursor: pointer;}
.picture-3 .top .fenxiang{ display: none; position: absolute; left: 0; top: 0; z-index: 4; align-items: center; width: 100%; height: 100%; background: rgba(9,58,99,0.6);}
.picture-3 .top .fenxiang.active{ display: flex;}
.picture-3 .top .fenxiang .guanbi{ position: absolute; right:30px; top:30px; z-index: 1; font-size: 30px; color: #fff; font-weight: bold; cursor: pointer; line-height: 30px;}
.picture-3 .top .fenxiang .box{ padding: 0 30px; width: 100%;}
.picture-3 .top .fenxiang .box .pingtai{margin-bottom: 20px;}
.picture-3 .top .fenxiang .box .pingtai ul{ display: flex;}
.picture-3 .top .fenxiang .box .pingtai ul li:nth-child(n+2){ margin-left: 10px;}
.picture-3 .top .fenxiang .box .pingtai ul li a{ display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; font-size:30px; color: #fff; background: #0099cb;}
.picture-3 .top .fenxiang .box .link ul li:nth-child(n+2){ margin-top:10px;}
.picture-3 .top .fenxiang .box .link ul li{ display: flex; align-items: center; padding: 0 10px; height: 40px; background: #fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.picture-3 .top .fenxiang .box .link ul li .mc{ width: 120px;font-size: 18px; color: #000; font-weight: bold;}
.picture-3 .top .fenxiang .box .link ul li input{ display: block; padding-left: 10px; width: calc(100% - 120px); height:30px; font-size: 16px; color: #0099cb; line-height: 30px; font-weight: bold; background: none; border:none;}
.picture-3 .top .fenxiang .box .link ul li input:focus{ color: #fff; background: #0099cb;}
.picture-3 .top .video{ z-index: 1;}
.picture-3 .top .video video{ width: 100%; height: 100%;}
.picture-3 .bott .biaoti{ margin-bottom: 10px; font-size: 18px; color: #000; line-height: 24px;}
.picture-3 .bott .jieshao{ font-size: 16px; color: #000; line-height: 24px;}
.picture-4 .top{ position: relative; margin-bottom: 20px; height:205px; background: #000;}
.picture-4 .top .imgbox,.picture-4 .top .video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.picture-4 .top .imgbox{ z-index: 2;}
.picture-4 .top .imgbox .text{ display: flex; justify-content: space-between; padding:20px;}
.picture-4 .top .imgbox .text .left{ width: calc(100% - 30px); color: #fff; line-height: 24px;}
.picture-4 .top .imgbox .text .left .biaoti{font-weight: bold;}
.picture-4 .top .imgbox .bofang{ position: absolute; left:20px; bottom:20px; z-index:1; width:60px; height:60px; background: #0099cb; cursor: pointer;}
.picture-4 .top .imgbox .bofang:before{ content: ""; position: absolute; left: 50%; top: 50%; z-index: 1; margin:-8px 0 0 -5px; border-top:solid 8px transparent; border-bottom:solid 8px transparent; border-left:solid 12px #fff;}
.picture-4 .top .icon{position: absolute; right: 20px; top: 20px; z-index: 3; font-size:24px; color: #fff; cursor: pointer;}
.picture-4 .top .fenxiang{ display: none; position: absolute; left: 0; top: 0; z-index: 4; align-items: center; width: 100%; height: 100%; background: rgba(9,58,99,0.6);}
.picture-4 .top .fenxiang.active{ display: flex;}
.picture-4 .top .fenxiang .guanbi{ position: absolute; right:20px; top:20px; z-index: 1; font-size:24px; color: #fff; font-weight: bold; cursor: pointer; line-height:24px;}
.picture-4 .top .fenxiang .box{ padding: 0 20px; width: 100%;}
.picture-4 .top .fenxiang .box .pingtai{margin-bottom:15px;}
.picture-4 .top .fenxiang .box .pingtai ul{ display: flex;}
.picture-4 .top .fenxiang .box .pingtai ul li:nth-child(n+2){ margin-left: 10px;}
.picture-4 .top .fenxiang .box .pingtai ul li a{ display: flex; justify-content: center; align-items: center; width:40px; height:40px; font-size:24px; color: #fff; background: #0099cb;}
.picture-4 .top .fenxiang .box .link ul li:nth-child(n+2){ margin-top:10px;}
.picture-4 .top .fenxiang .box .link ul li{ display: flex; align-items: center; padding: 0 10px; height:34px; background: #fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.picture-4 .top .fenxiang .box .link ul li .mc{ width: 100px; color: #000; font-weight: bold;}
.picture-4 .top .fenxiang .box .link ul li input{ display: block; padding-left: 10px; width: calc(100% - 100px); height:28px; color: #0099cb; line-height: 28px; font-weight: bold; background: none; border:none;}
.picture-4 .top .fenxiang .box .link ul li input:focus{ color: #fff; background: #0099cb;}
.picture-4 .top .video{ z-index: 1;}
.picture-4 .top .video video{ width: 100%; height: 100%;}
.picture-4 .bott .biaoti{ margin-bottom: 10px; font-size: 18px; color: #000; line-height: 24px;}
.picture-4 .bott{ font-size: 18px; color: #000; line-height:30px;}
.picture-5 ul{ display: flex; flex-wrap: wrap;}
.picture-5 ul li{ margin-right: 30px; width: calc((100% - 30px * 2) / 3);}
.picture-5 ul li:nth-child(3n+3){ margin-right: 0;}
.picture-5 ul li:nth-child(n+4){ margin-top:50px;}
.picture-5 ul li a{ display: block;}
.picture-5 ul li a .imgbox{ margin-bottom:20px; overflow: hidden;}
.picture-5 ul li a .imgbox span{ display: block; padding-top:calc(240 / 380 * 100%);}
.picture-5 ul li a .biaoti{ font-size: 25px; color: #0099cb; font-weight: bold; line-height: 30px;}
.picture-6{ display: flex; margin-bottom: 50px;}
.picture-6 .left{ width:35%;}
.picture-6 .left .maxbiaoti{ position: relative; z-index: 2; padding: 10px 0 0 25px; margin:0 0 -60px 60px;  height: 130px; background: #fff;}
.picture-6 .left .maxbiaoti .fumc{ margin-bottom: 5px; font-size: 20px; color: #3c3c3c; font-weight: bold; line-height: 30px;}
.picture-6 .left .maxbiaoti .biaoti{ font-size: 50px; color: #212529; font-weight: bold; line-height: 60px;}
.picture-6 .left .bott{ padding: 75px 20px 35px 85px; background: #f2f2f2;}
.picture-6 .left .bott .jieshao{ margin-bottom: 20px; height:156px; font-size: 15px; color: #505050; font-weight: bold; line-height: 26px; letter-spacing: 1px; overflow: hidden;}
.picture-6 .left .bott .more a{ display: flex; align-items: center; justify-content: center; width: 140px; height: 48px; color: #0099cb; font-weight: bold; background: #fff; border:solid 2px #0099cb;}
.picture-6 .left .bott .more a .mc{ margin-right: 10px;}
.picture-6 .right{ width:65%;}
.picture-7 ul{ display: flex; flex-wrap: wrap;}
.picture-7 ul li{ margin-right: 30px; width: calc((100% - 30px * 3) / 4);}
.picture-7 ul li:nth-child(4n+4){ margin-right: 0;}
.picture-7 ul li:nth-child(n+5){ margin-top:50px;}
.picture-7 ul li a{ display: block;}
.picture-7 ul li a .imgbox{ margin-bottom:20px; overflow: hidden;}
.picture-7 ul li a .imgbox span{ display: block; padding-top:calc(160 / 254 * 100%);}
.picture-7 ul li a .biaoti{ font-size: 25px; color: #0099cb; font-weight: bold; line-height: 30px; text-align: center;}

footer{ background: #000;}
footer .top{ display: flex; justify-content: space-between;}
footer .top .logo a{ display: block; font-size: 0;}
footer .top .menu ul{ display: flex;}
footer .top .menu ul li .biaoti{ margin-bottom: 5px;font-size: 16px; color: #fff; font-weight:bold; line-height: 30px;}
footer .top .menu ul li .ul .li{ display: flex;}
footer .top .menu ul li .ul .li a{font-size: 16px; color: #fff; font-weight:bold; line-height: 30px;}
footer .top .ewm{ width: 110px;}
footer .top .ewm .imgbox{ margin-bottom: 5px; font-size: 0;}
footer .top .ewm .imgbox img{ width: 100%;}
footer .top .ewm .mc{ color: #fff; line-height: 24px;}
footer .center{ padding-bottom: 25px;}
footer .center ul{ display: flex;}
footer .center ul li{ position: relative;}
footer .center ul li:nth-child(n+2){ margin-left: 25px;}
footer .center ul li a{ display:flex; justify-content: center; align-items: center; width: 38px; height: 38px; font-size:20px; color: #fff; border:solid 2px #fff; border-radius: 50%;}
footer .center ul li .imgbox{ position: absolute; left: 50%; bottom: 100%; z-index: 1; padding-bottom: 10px; margin-left: -45px; width:90px; transform: translateY(10px); visibility: hidden; opacity: 0;}
footer .center ul li .imgbox:before{ content: ""; position: absolute; left: 50%; bottom: 4px; z-index: 1; margin-left: -6px; border-left: solid 6px transparent; border-right: solid 6px transparent; border-top: solid 6px #fff;}
footer .center ul li .imgbox span{ display: block; font-size: 0; background: #fff;}
footer .center ul li .imgbox span img{ width: 100%;}
footer .center ul li:hover a{ background: #0099cb; border-color: #0099cb;}
footer .center ul li:hover .imgbox{ transform: translateY(0); opacity: 1; visibility: visible;}
footer .bott{ padding:15px 0; color: #fff; line-height: 24px; border-top:solid 1px rgba(255,255,255,0.15);}


@media (min-width:1200px){
	.main-1{ display: flex; justify-content: space-between;}
	.main-1-left{ width:64%;}
	.main-1-right{ width:calc(36% - 30px);}
	.main-2{ display: flex; justify-content: space-between;}
	.main-2-left{ width:calc(100% - 360px - 40px);}
	.main-2-right{ width:360px;}
	header .top_bar ul li a:hover{ color: #0099cb;}
	header .top_bar ul li a:hover:before{ margin-left: -50%; width: 100%;}
	header .qita .menu-btn:hover{ background: rgba(0,0,0,0.02);}
	header .qita .search:hover{ background: rgba(0,0,0,0.02);}
	header .menu .daohang ul li a:hover{ color: #0099cb;}
	header .menu .daohang ul li a:hover:before{ opacity: 1;}
	header .menu .daohang ul li a:hover span:before{ width: 100%;}
	header .search-container .box form button:hover{background:#093a63;}
	.banner{ position:relative; z-index: 9999; height:calc(100vh - 117px); overflow: hidden;}
	.banner .leftimg{z-index: 1; width:75%; height: 100%;}
	.banner .righttext{ position:absolute; top:0; left:75%; z-index: 2; width:100vw; height:100%;transition:left 750ms ease}
	.banner .righttext.active{left: 0;}
	.banner .righttext .left{ display: flex; align-items: center; width:25%; height:calc(100vh - 117px); overflow-x: hidden;}
	.banner .righttext .left .menu{ width: 100%;}
	.banner .righttext .left .menu .tishi{ margin-bottom: 30px; padding: 0 20px;}
	.banner .righttext .left .menu .ul .li:nth-child(n+2){ margin-top: 15px;}
	.banner .righttext .left .menu .ul .li .maxbiaoti{ display: flex; align-items: center; padding: 0 20px;}
	.banner .righttext .left .menu .ul .li .maxbiaoti .icon{ margin-left: 20px; font-size:18px;transition:250ms;}
	.banner .righttext .left .menu .ul .li.active .maxbiaoti .icon,
	.banner .righttext .left .menu .ul .li.on .maxbiaoti .icon{ margin-left: 30px;}
	.banner .righttext .left .menu .ul .li .right{ position: absolute; left:25%; top: 0; z-index: 2; padding: 100px 150px 40px; width:75%; height: 100%;overflow-x: hidden; overflow-y: scroll;}
	.banner .righttext .left .menu .ul .li .right.active{ display: block !important;}
	.banner .righttext .left .menu .ul .li .right .guanbi:hover{color: #093a63;}
	.banner .righttext .left .menu .ul .li .right .main .main-left{ width: 40%;}
	.banner .righttext .left .menu .ul .li .right .main .main-left .more a:hover .mc{ color: #093a63;}
	.banner .righttext .left .menu .ul .li .right .main .main-left .more a:hover .icon{ margin-left: 15px; color: #093a63;}
	.banner .righttext .left .menu .ul .li .right .main .main-left ul li a:hover{color: #093a63; text-decoration: underline !important;}
	.banner .righttext .left .menu .ul .li .right .main .main-right a:hover .imgbox{ transform: scale(0.9);}
	.banner .righttext .left .menu .ul .li .right .main .main-right a:hover .imgbox span{ transform: scale(1.5);}
	.banner .righttext .left .menu .ul .li .right .main .main-right a .biaoti:hover{color: #093a63; text-decoration: underline;}
	.banner .righttext .left .menu .ul .li .right .main .main-right a .more:hover .mc{color: #093a63;}
	.banner .righttext .left .menu .ul .li .right .main .main-right a .more:hover .icon{ margin-left:15px; color: #093a63;}
	.banner .righttext .left .menu .ul .li .right .main .main-right a:hover .jiangexian{ height: 2px; background: #093a63;}
	.banner .righttext .left .menu .ul .li .right .main .main-right{ width:50%;}
	.text-1 a{ max-width: 50%;}
	.text-1 a .biaoti:hover{ color: #093a63; text-decoration: underline;}
	.text-1 a .more:hover .mc{color: #093a63;}
	.text-1 a .more:hover .icon{ margin-left:15px; color: #093a63;}
	.text-3 .left ul li:hover .shurukuang1 input{ opacity: 0.6;}
	.text-3 .left ul li:hover .shurukuang2 input{ opacity: 0.6;}
	.text-3 .left ul li .shurukuang2 .xuanxiang .guojia .xiala .ul .li:hover span:before{ height: 2px; background: #0099cb;}
	.text-3 .right .lingyu .xuanxiang .xiala .ul .li:hover span:before{ height: 2px; background: #0099cb;}
	.text-3 .right .tijiao a:hover{ background: #fff;}
	.text-3 .right .tijiao a:hover .mc{ margin-left: 5px; margin-right: 10px; color: #000;}
	.text-3 .right .tijiao a:hover .icon{ color: #000;}
	.text-3 .right .tiaokuan a:hover:before{ border-bottom-width: 2px;}
	.text-5 a:hover{ color: #fff; background: #0099cb;}
	.picture-1{justify-content: center;}
	.picture-1 .video .bofang:hover{ background: #093a63;}
	.picture-1 .textbox a .biaoti:hover{ color: #093a63; text-decoration: underline;}
	.picture-1 .textbox a .more:hover .mc{color: #093a63;}
	.picture-1 .textbox a .more:hover .icon{ margin-left:15px; color: #093a63;}
	.picture-2 ul li a:hover .imgbox{ transform: scale(0.9);}
	.picture-2 ul li a:hover .imgbox span{ transform: scale(1.5);}
	.picture-2 ul li a .biaoti:hover{ color: #093a63; text-decoration: underline;}
	.picture-2 ul li a .more:hover .mc{color: #093a63;}
	.picture-2 ul li a .more:hover .icon{ margin-left:15px; color: #093a63;}
	.picture-3 .top .fenxiang .box .pingtai ul li a:hover{ background: #093a63;}
	.picture-3 .top .imgbox .bofang:hover{ background: #093a63;}
	.picture-4 .top .fenxiang .box .pingtai ul li a:hover{ background: #093a63;}
	.picture-4 .top .imgbox .bofang:hover{ background: #093a63;}
	.picture-5 ul li a:hover .imgbox{ transform: scale(0.9);}
	.picture-5 ul li a:hover .imgbox span{ transform: scale(1.5);}	
	.picture-5 ul li a .biaoti:hover{ color: #093a63; text-decoration: underline;}	
	.picture-6 .left .bott .more a:hover{ background: #0099cb;}
	.picture-6 .left .bott .more a:hover .mc{ margin-left:6px; margin-right:16px; color: #fff;}
	.picture-6 .left .bott .more a:hover .icon{ color: #fff;}
	.picture-7 ul li a:hover .imgbox{ transform: scale(0.9);}
	.picture-7 ul li a:hover .imgbox span{ transform: scale(1.5);}	
	.picture-7 ul li a .biaoti:hover{ color: #093a63; text-decoration: underline;}	
	footer .top{ padding: 40px 0 55px;}
	footer .top .menu ul li{ width: 140px;}
	footer .top .menu ul li .ul .li a:hover{ text-decoration: underline !important;}
}

@media (min-width:768px){
	header .qita .menu-btn{ transition: all 200ms ease-out;}
}

@media (max-width:1439px) and (min-width:1200px){
	.main-pad-1{ padding: 50px 0 0;}
	.main-pad-2{ padding: 0 0 50px;}
	.main-pad-3{ padding: 100px 0 0;}
	.main-pad-4{ padding: 0 0 100px;}
	header .menu .daohang ul li a{font-size:34px;line-height: 55px;}
	header .search-container .box{max-width:900px;}
	header .search-container .box form input{ width: calc(100% - 80px); height: 80px; font-size: 35px; line-height: 80px;}
	header .search-container .box form button{ width: 80px; height: 80px; font-size: 50px;}
	.banner .leftimg .textbox{padding: 40px 25px;font-size: 30px;line-height: 44px; width: 640px;}
	.banner .righttext .left .menu .ul .li .maxbiaoti{height: 60px;}
	.banner .righttext .left .menu .ul .li .maxbiaoti .mc{ font-size: 30px;}
	.banner .righttext .left .menu .ul .li .right{padding: 80px 50px 30px;}
	.banner .righttext .left .menu .ul .li .right .guanbi{right: 30px;top: 30px;font-size: 20px;}
	.banner .righttext .left .menu .ul .li .right .main .main-left .biaoti{ font-size: 30px; line-height: 34px;}
	.banner .righttext .left .menu .ul .li .right .main .main-left .jieshao{ font-size: 16px;}
	.banner .righttext .left .menu .ul .li .right .main .main-left .more{ margin-bottom: 30px;}
	.banner .righttext .left .menu .ul .li .right .main .main-right a .imgbox{ margin-bottom: 30px;}
	.banner .righttext .left .menu .ul .li .right .main .main-right a .biaoti{ margin-bottom: 30px; font-size: 24px; line-height: 30px;}
	.text-1 a{ padding: 30px;}
	.text-1 a .biaoti{ font-size: 28px; line-height: 30px;}
	.picture-1 .textbox a .biaoti{ font-size: 30px; line-height: 34px;}
	.picture-2 .ul .li:nth-child(n+2){ margin-top: 50px;}
	.picture-2 .ul .li:nth-child(odd) ul li:nth-child(1), .picture-2 .ul .li:nth-child(even) ul li:nth-child(2){ width:calc(500 / 1200 * 100%);}
	.picture-2 ul li:nth-child(2){ margin-top: 60px;}
	.picture-2 ul li a .imgbox{ margin-bottom: 40px;}
	.picture-2 ul li a .biaoti{ font-size: 30px; line-height: 40px;}
	footer .top{ padding: 40px 0;}
}

@media (max-width:1199px){
	.container-fluid{ max-width:990px !important;}
	.main-pad-3{ padding: 60px 0 0;}
	.main-pad-4{ padding: 0 0 60px;}
	header .top_bar ul{ padding-right:0;}
	header .menu .daohang ul{ padding: 40px 0;}
	header .menu .daohang ul li a{ padding: 0 40px;}
	header .menu .daohang ul li a:before{ opacity: 1;}
	.banner .leftimg{ padding-top: 570px;}
	.banner .leftimg .textbox{ right: 50%; margin-right:-345px; padding:40px; width: 690px; font-size: 40px; line-height: 44px;}
	.banner .righttext .left .menu .tishi{ padding: 10px 0; margin:0 auto; max-width: 690px;}
	.banner .righttext .left .menu .ul .li .maxbiaoti{ padding: 0 calc((100% - 690px) / 2); height: auto;}
	.banner .righttext .left .menu .ul .li .maxbiaoti .mc{ position: relative; width: 100%; line-height: 70px;}
	.banner .righttext .left .menu .ul .li:nth-child(n+2) .maxbiaoti .mc{ border-top:solid 1px #093a63;}
	.banner .righttext .left .menu .ul .li .maxbiaoti .mc:before{ content: ""; position: absolute; right:10px; top: 50%; margin-top: -5px; border-left:solid 10px transparent; border-right:solid 10px transparent; border-top:solid 10px #fff; transition: all 0.3s;}
	.banner .righttext .left .menu .ul .li.active .maxbiaoti .mc:before{ transform: rotate(180deg);}
	.banner .righttext .left .menu .ul .li .right{ padding:50px calc((100% - 690px) / 2);}
	.banner .righttext .left .menu .ul .li .right .main .main-left{ width:calc(50% - 15px);}
	.banner .righttext .left .menu .ul .li .right .main .main-right{ width:calc(50% - 15px);}
	.banner-2 .biaoti .mc{ min-width: 250px; font-size: 50px; line-height: 80px;}
	.picture-1{ margin:0 auto; max-width: 690px;}
	.picture-1 .video{ width: 58%; height: 220px;}
	.picture-1 .textbox{ padding-top: 0;}
	.picture-2 .ul .li:nth-child(n+2){ margin-top: 50px;}
	.picture-2 .ul .li:nth-child(odd) ul li:nth-child(1), .picture-2 .ul .li:nth-child(even) ul li:nth-child(2){ width:45%;}
	.picture-2 .ul .li:nth-child(odd) ul li:nth-child(2), .picture-2 .ul .li:nth-child(even) ul li:nth-child(1){ width:45%;}
	.picture-2 ul li a .imgbox{ margin-bottom:40px;}
	.picture-2 ul li a .biaoti{ margin-bottom: 20px; font-size: 32px; line-height: 36px;}
	.picture-6{ flex-wrap: wrap;}
	.picture-6 .left{ width: 100%;}
	.picture-6 .left .bott .jieshao{ height: auto;}
	.picture-6 .right{ width: 100%; padding-top:calc(487 / 786 * 100%);}
	.picture-7 ul li{ width: calc((100% - 30px * 2) / 3);}
	.picture-7 ul li:nth-child(4n+4){ margin-right: 30px;}
	.picture-7 ul li:nth-child(3n+3){ margin-right:0;}
	.picture-7 ul li:nth-child(n+4){ margin-top: 30px;}	
	footer .top{ padding: 40px 0;}
	footer .top .menu ul li:nth-child(n+2){ margin-left:50px;}
}


@media (max-width:991px){
	.main-2-left{ margin-bottom:40px;}
	.container-fluid{ max-width:750px !important;}
	header .menu .daohang{ width: 100%;}
	.text-3 form{ flex-wrap: wrap;}
	.text-3 .left{ margin-bottom: 40px; width: 100%;}
	.text-3 .right{ width: 100%;}
	.text-3 .right textarea{ width: 100%;}
	.text-3 .right .tijiao{ display: flex; justify-content: flex-end;}
}

@media (max-width:767px){
	.main-pad-1{ padding:40px 0 0;}
	.main-pad-2{ padding: 0 0 40px;}
	.main-pad-3{ padding:40px 0 0;}
	.main-pad-4{ padding: 0 0 40px;}
	header .qita .logo a{ line-height: 50px;}
	header .qita .logo a img{ width: 120px;}
	header .qita .menu-btn{ width: 50px; height: 50px; border:none;}
	header .qita .menu-btn:before{ content: ""; position: fixed; left: 0; top: 0; z-index: 1; width: 100%; height: 50px; background: #0099cb; opacity: 0; visibility: hidden; transition:all 0.3s;}
	header .qita .menu-btn > div{ position: relative; z-index: 2;}
	header .qita .menu-btn .anniu{ margin-right: 0;}
	header .qita .menu-btn .mc{ display: none;}
	header .qita .menu-btn.active{ background: none !important;}
	header .qita .menu-btn.active:before{ opacity: 1; visibility: visible;}
	header .qita .menu-btn.active + .logo{ display: none;}
	header .qita .menu-btn.active + .logo + .search{ display: none;}
	header .qita .menu-btn.active{ width:100px;}
	header .qita .menu-btn.active .icon .anniu{ margin-right:15px;}
	header .qita .menu-btn.active .mc{ display:block;}
	header .qita .search{ width: 50px; height: 50px; border:none;}
	header .qita .search .anniu{ margin-left: 0;}
	header .qita .search .mc{ display: none;}
	header .menu .daohang ul{ padding: 20px 0;}
	header .menu .daohang ul li a{ padding: 0 15px; font-size: 32px; line-height:51px;}
	header .menu.active{ top: 51px;}
	header .search-container{ top: 51px;}
	header .search-container .box{ padding: 40px 0;}
	header .search-container .box .biaoti{ padding: 0;}
	header .search-container .box form{ margin:0 -15px;}
	header .search-container .box form input{ padding: 0 15px; width: calc(100% - 70px); height: 70px; font-size:26px; line-height: 70px;}
	header .search-container .box form button{ width:70px; height:70px; font-size:40px;}
	.banner .leftimg{padding-top: 300px;}
	.banner .leftimg .textbox{right: 15px;left: 15px; top:15%; margin-top:0; padding: 30px; width:calc(100% - 30px); font-size: 32px; line-height: 36px;}
	.banner .righttext .left .menu .tishi{padding:10px 15px;}
	.banner .righttext .left .menu .ul .li .maxbiaoti{ padding: 0;}
	.banner .righttext .left .menu .ul .li .maxbiaoti .mc{ padding: 0 15px; font-size:26px; line-height: 60px;}
	.banner .righttext .left .menu .ul .li .maxbiaoti .mc:before{ right: 15px;}
	.banner .righttext .left .menu .ul .li .right{padding: 40px 15px;}
	.banner .righttext .left .menu .ul .li .right .main{ flex-wrap: wrap;}
	.banner .righttext .left .menu .ul .li .right .main .main-left{ margin-bottom: 30px; width: 100%;}
	.banner .righttext .left .menu .ul .li .right .main .main-left .biaoti{ font-size: 32px; line-height: 36px;}
	.banner .righttext .left .menu .ul .li .right .main .main-left .jieshao{ margin-bottom: 10px; line-height: 28px;}
	.banner .righttext .left .menu .ul .li .right .main .main-left .more{ margin-bottom: 20px;}
	.banner .righttext .left .menu .ul .li .right .main .main-left .more a .icon{ margin-left: 5px;}
	.banner .righttext .left .menu .ul .li .right .main .main-left .fubiaoti{ margin-bottom: 20px;}
	.banner .righttext .left .menu .ul .li .right .main .main-right{ width: 100%;}
	.banner .righttext .left .menu .ul .li .right .main .main-right a .imgbox{ display: none; margin-bottom: 20px;}
	.banner .righttext .left .menu .ul .li .right .main .main-right a .biaoti{ margin-bottom: 20px; font-size: 32px; line-height: 36px;}
	.banner .righttext .left .menu .ul .li .right .main .main-right a .more .icon{ margin-left: 5px;}
	.banner-2{ padding: 80px 0;}
	.banner-2 .biaoti .mc{ min-width: 200px; font-size: 40px; line-height: 60px;}
	.headBandbox .headBand{height:3px;}
	.title-1{ margin-bottom: 20px; font-size: 30px; line-height: 40px;}
	.title-4{ font-size: 40px; line-height: 44px;}
	.text-1 a{ padding:30px;}
	.text-1 a .biaoti{ margin-bottom: 15px; font-size: 32px; line-height: 36px;}
	.text-1 a .more .icon{ margin-left: 5px;}
	.text-2{ font-size: 16px; line-height: 26px;}
	.text-3 .left ul li .shurukuang2 .xuanxiang{ display: block;}
	.text-3 .left ul li .shurukuang2 .xuanxiang .guojia .biaoti{ justify-content: space-between; border:none; border-bottom: solid 1px #d8d8d8;}
	.text-3 .left ul li .shurukuang2 .xuanxiang input{ padding: 0;}
	.text-4 ul li:nth-child(n+2){ margin-top: 30px;}
	.picture-1{ flex-wrap: wrap;}
	.picture-1 .video{ margin-bottom: 20px; width: 100%; height: auto; padding-top:calc(270 / 480 * 100%);}
	.picture-1 .video .bofang{ left: 15px; bottom: 15px; width: 60px; height: 60px;}
	.picture-1 .textbox{ padding: 0; width: 100%;}
	.picture-1 .textbox a .biaoti{ margin-bottom: 10px; font-size: 32px; line-height: 36px;}
	.picture-1 .textbox a .more .icon{ margin-left: 5px;}
	.picture-2 .ul .li:nth-child(n+2){ margin-top:30px; padding-top: 30px; border-top: solid 1px #ccc;;}
	.picture-2 ul{ flex-wrap: wrap;}
	.picture-2 ul li{ width: 100% !important;}
	.picture-2 ul li:nth-child(2){ margin-top:30px; padding-top: 30px; border-top: solid 1px #ccc;;}
	.picture-2 ul li a .imgbox{ display: none; margin-bottom: 20px;}
	.picture-2 ul li a .biaoti{ margin-bottom:10px;font-size:26px;color: #000; line-height: 30px;}
	.picture-2 ul li a .more .icon{ margin-left: 5px;}
	.picture-3{ margin-bottom: 20px;}
	.picture-3 .top{ padding-top: calc(430 / 760 * 100%); height: auto;}
	.picture-3 .top .icon{ top: 20px; right: 20px; font-size:24px;}
	.picture-3 .top .imgbox .bofang{ bottom: 20px; left: 20px; width:60px; height:60px;}
	.picture-3 .top .imgbox .bofang:before{ margin:-10px 0 0 -5px; border-top-width:10px; border-bottom-width:10px; border-left-width:15px;}
	.picture-3 .top .fenxiang .guanbi{ position: absolute; right:20px; top:20px; z-index: 1; font-size:24px; color: #fff; font-weight: bold; cursor: pointer; line-height:24px;}
	.picture-3 .top .fenxiang .box{ padding: 0 20px;}
	.picture-3 .top .fenxiang .box .pingtai{margin-bottom:15px;}
	.picture-3 .top .fenxiang .box .pingtai ul li a{ width:40px; height:40px; font-size:24px;}
	.picture-3 .top .fenxiang .box .link ul li{ height:34px; }
	.picture-3 .top .fenxiang .box .link ul li .mc{ width: 100px; font-size: 14px;}
	.picture-3 .top .fenxiang .box .link ul li input{ width: calc(100% - 100px); height:28px; font-size: 14px; line-height: 28px;}
	.picture-4 .top{ padding-top: calc(430 / 760 * 100%); height: auto;}
	.picture-4 .bott{ font-size: 16px;}
	.picture-5 ul li{ width: calc(50% - 15px);}
	.picture-5 ul li:nth-child(3n+3){ margin-right: 30px;}
	.picture-5 ul li:nth-child(even){ margin-right: 0;}
	.picture-5 ul li:nth-child(n+3){ margin-top: 30px;}
	.picture-5 ul li a .imgbox{ margin-bottom: 10px;}
	.picture-5 ul li a .biaoti{ font-size: 20px;}
	.picture-6{ margin-bottom: 30px;}
	.picture-6 .left .maxbiaoti{margin:0 0 -50px 40px; width: 130px; height: 110px;}
	.picture-6 .left .maxbiaoti .fumc{ font-size: 18px; line-height: 26px;}
	.picture-6 .left .maxbiaoti .biaoti{ font-size: 40px; line-height: 50px;}
	.picture-6 .left .bott{padding:60px 20px 30px 30px;}
	.picture-6 .left .bott .more a{ width: 120px;}
	.picture-7 ul li{ width: calc(50% - 15px);}
	.picture-7 ul li:nth-child(3n+3){ margin-right: 30px;}
	.picture-7 ul li:nth-child(even){ margin-right: 0;}
	.picture-7 ul li:nth-child(n+3){ margin-top: 30px;}
	.picture-7 ul li a .imgbox{ margin-bottom: 10px;}
	.picture-7 ul li a .biaoti{ font-size: 20px;}
	footer .top{ flex-wrap: wrap; padding:30px 0 0;}
	footer .top .logo{ margin-bottom: 20px; padding-bottom: 20px; width: 100%; border-bottom: solid 1px rgba(255,255,255,0.15);}
	footer .top .logo a img{ width: 120px;}
	footer .top .menu{ margin-bottom: 20px; padding-bottom: 20px; width: 100%; border-bottom: solid 1px rgba(255,255,255,0.15);}
	footer .top .menu ul{ display: block;}
	footer .top .menu ul li:nth-child(n+2){ margin: 0;}
	footer .top .menu ul li .biaoti{ display: none;}
	footer .center{ margin-top: 20px; padding: 20px 0; border-top: solid 1px rgba(255,255,255,0.15);}
	footer .bott{ text-align: left;}
}