@charset "utf-8";
/*--默认--*/
*{margin:0;padding:0;border: 0;}
body{  font-family:"微软雅黑",Arial;font-size:1rem;  max-width:1920px;width: 100%; ;margin:0 auto; color:#333;background: #fff; }
ol,ul,li{list-style:none outside none;padding:0;}
a{text-decoration:none;color:#333; cursor:pointer;}
table{border-collapse:collapse;}
tr,td,th{padding:0;margin:0;}
img{ display:block; width: 100%; border:none;margin: 0 auto;text-align: center}
a:hover img{filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}
input,textarea,select{outline:none;border:none;background:none;padding:0;}
input::-ms-clear{display: none;}
input::-ms-reveal{display: none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #707070; opacity: 1;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#707070;opacity: 1;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#707070;opacity: 1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#707070;opacity: 1;}
textarea{ resize:none; }
a:focus{outline:none;}
a:hover{ color:#2a9f7a; }
.green{color: #2a9f7a!important; }
dl{ display:table;}
dt,dd{ display:table-cell; vertical-align:middle;}
h1,h2,h3,h4,h5,h6 {  font-size: 100%;font-weight: normal;}
/* 重置, 减少对行高的影响 */
sub {vertical-align: text-bottom;}
/** 重置表单元素 **/
legend {color: #000;}
button,input,select,textarea { font-size: 100%; outline: none;}
/* 使得表单元素在 ie 下能继承字体大小 */
button,
input[type="button"] {cursor: pointer; -webkit-appearance: none;}
input::-ms-clear { display: none;}
/*隐藏文本框叉子*/
input::-ms-reveal { display: none;}
.fl{float: left}
.fr{float: right}
.clear{clear:both; overflow:hidden;}






.page3,.page4{ display: none;  }
.hidew{  display: none!important;  }


/*公共*/
.flex{ display: flex;    flex-direction: row;  justify-content: space-between ;  align-items: center;  flex-wrap: wrap;  }
.w1200{width: 1200px; margin: 0 auto; }
.colorW {
  color: #fff;
}

.flex-row {
  display: flex;
}

.flex-column {
  display: flex;
  flex-direction: column;
}
.padding { padding: 6.5vw 16.5vw;  box-sizing: border-box;  }
.padding2 {  padding: 10% 0 5% 10%;  box-sizing: border-box;  }
.padding3 {  padding: 10% 15% 5%;  box-sizing: border-box;  }
.out {  width: 100%;  }
.swiper-container {  margin-left: auto;  margin-right: auto;  position: relative;  overflow: hidden;  list-style: none;  padding: 0;  z-index: 1;  }
.pageSwier {  width: 100%;  height: 100vh;  overflow: hidden;  }
.pageSwier-inner {  position: relative;  height: auto;  }
.cover {  background-position: center;  background-repeat: no-repeat;  background-size: cover;  }
.swiper-slide {  flex-shrink: 0;  width: 100%;  height: auto;  position: relative;  transition-property: transform;  }
.pageSwier {  width: 100%;  height: 100vh;  overflow: hidden;  }
.bannerSwiper {  height: 100vh!important;  }
.bannerSwiper img {  width: 100%;  }
.bannerSwiper .swiper-slide {  height: 100%;  background-position: center;  background-repeat: no-repeat;  background-size: cover;  }
.page-title {font-weight: bold;  font-size: 1.85rem;  letter-spacing: 2px;  color: #0b3692;  margin: 30px 0 50px 0;  transition: .5s .5s;  }
.page-title p { font-weight: normal; font-size: 0.8rem;  margin-bottom: 10vh;  margin-top: 15px;  letter-spacing: 1px;  text-transform: uppercase; position: relative; }
.page-title p:before{content: '';width: 10rem; height: 3rem;background: url("/images/xian.png")  no-repeat center;background-size: 100%; position: absolute;bottom: 0;left: 0;   }


.qbanner{ width: 100%; margin: 0 auto; }
.qbanner>img{ height: 100vh; }

.head{width: 80vw; height: 80px; margin: 0 auto;  position: fixed;  top: 0; left: 10vw;  z-index: 999; display: flex;  align-items: center;  justify-content: space-between;  box-sizing: border-box;  transition:all 0.5s;  }

/*.head .logo>img{  height:55px;;}
.head>ul{ width: 51%; }*/
/*.head>ul>li>a{ color: #fff; font-size: 1rem;;}
.head>ul>li>a:hover{ color: red;font-weight: bold; }*/

.head ul li { display: flex; /* align-items: center;*/  }
.head ul li.thisclass a{ color: red; font-weight: bold; }
.head ul li .nav0{color: #fff; font-size: 1rem; display:block;}
.head ul li .nav1{color: #fff; font-size: 1rem; display:block;}
.head ul li .nav0 , .head ul li .nav1{width:110px;height:30px; text-align:center;}
.head ul li .nav2{width:90px;padding:5px 10px;border-top:3px solid #ddd; background: rgba(255,255,255,0.95);color:#333; font-size: 1rem; display:none;position:absolute;margin-top:28px; font-size:15px;}
.head ul li:hover .nav2{display:block;}
.head ul li .nav2 a{text-align:center;display:block; text-align:center; line-height:38px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}



.head-active{  background: #468ed1; width: 100%;  left: 0;  padding: 0 10%; box-shadow: 0 0 10px rgba(0, 0, 0, .1); }
.page2{  background-image: url("/images/page2.jpg") ;   }
.page21>div{ line-height: 2.5rem; text-indent:2em;   color: #4d4d4d;  letter-spacing: 1px;  }
.page21>div{margin: 1em auto; }
.page21>p{ line-height: 2.5rem; text-indent:2em;  color: #4d4d4d;  letter-spacing: 1px;  }
.page21>p{margin: 1em auto; }
.messani{   animation: anim 1s ease-out 1s backwards  ;     }
@keyframes anim {
  0% {  transform:translateY(60px);  opacity:0;  }
  50% {  transform:translateY(30px);  opacity:0.5;  }
  100% {  transform:translateY(0);  opacity:1;  }
}

.page3{  background: #01425e; }
.cy_lef{   flex-direction: column;   }
.cy_lef>li{ width: 23rem;padding: 1.08rem 0;;background: #fff;color: #4e4e4e;margin-bottom: 3rem; text-indent: 1.5em;  cursor: pointer;position: relative; }
.cy_lef>li.cyon{width: 27rem;background: linear-gradient(to right,#69d0e1,#376cd4);;color: #fff;text-indent: 3em; transition: all 0.5s; }
.cy_lef>li.cyon:before{ content: '';width: 4rem; height: 1rem;background: url("/images/heng.gif") no-repeat center;background-size: 100%;position: absolute;right: 7%;;top:50%; margin-top: -0.5rem;  }
.cy_lef>li.cyon>a{ color: #fff; font-size: 1.5rem;    }
.cy_lef>li:last-child{  margin: 0;  }
.cy_lef>li>a>p:nth-child(1){ font-weight: bold;font-size: 1.5rem; letter-spacing: 2px; }
.cy_lef>li>a>p:nth-child(2){font-size: 0.7rem;margin-top:0.5rem;  letter-spacing: 1px; text-transform: uppercase;  }
.cy_rig{width: 65%; height: 40rem; background: url("/images/cybac.jpg") no-repeat center;background-size: 100%;  }
.bok{ height: 70%; padding: 10% 5%;  }
.cy_con>li{ width: 40%;height: 4rem;line-height: 4rem;border: 2px solid  #fff;text-align: center;margin-bottom: 3rem; }
.cy_con>li>a{ display: block;color: #fff; transition: all 1s; }
.cy_con>li>a:hover{ ;;border:0; }
.hide{ display: none; }

.page4{  background:#edeffb; }
/*.new_con{ margin-bottom: 5rem;  }*/
.now_t{ margin-bottom: 5rem; }
.now_t>.page-title{ margin: 0; }
.now_t>.page-title p{ margin-bottom: 0;    }
.now_t .new_top{  }
.new_con .new_top>li{ padding: 0 1rem;margin-left: 2rem; height: 2rem;line-height: 2rem;text-align: center; color: #000;cursor: pointer; }
.new_con .new_top>li.newon{  background: #0b3692;color: #fff;border-radius: 20px;;  }
.nw_con{  align-items:flex-start;   }
.nw_lef{  width: 45%;background: #fff;padding: 1rem; }
.nw_lef .nw_img img{  height: 18rem; }
.new_bot .nwh1{ margin: 1.5rem auto 0.8rem; }
.nw_lef a:hover .nwh1 .miss{color: #356bc8; transition: all 0.2s;}
.nw_rig>li a:hover .miss{color: #356bc8; transition: all 0.2s; }
.new_bot .nwh1>span:nth-child(1){ width: 85%;;font-size: 1.2rem;font-weight: bold; color: #000;;text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; }
.new_bot .nwh1>span:nth-child(2){ font-size: 0.8rem;color: #333333;  }
.new_bot p{height: 3.6rem; font-size: 0.9rem; color: #515151; line-height: 1.8rem;letter-spacing:1px; overflow: hidden;}
.nw_rig{ width: 48%;  }
.nw_rig>li{ padding-bottom: 2rem;border-bottom: 1px solid #c4c4c4;  }
.nw_rig>li:last-child{ border: 0;  }




.foot-out {  height: auto !important;}
.foot {  height: auto;  background-color: #222629;  padding: 6vh 15%;  box-sizing: border-box;  width: 100%;    }
.foot-left{ width: 60%; display: flex;flex-direction: column; }
.foot-left ul{ align-items: flex-start;  }
.foot-left ul li{  display: flex; flex-direction:column ; }
.foot-left ul li a{  color: #fff; height: 2.2rem;line-height: 2.2rem;  }
.foot-left ul li a:nth-child(1){  margin-bottom:1.5rem; font-size: 1.2rem;   color: #fff;  font-weight: bold;  }
.foot-right{  }
.foot-right .ewm img{ width: 10rem;height: 10rem; }
.foot-right .ewm p{ text-align: center;  font-size: 0.8rem;  color: #fff;  margin-top: 1rem;  }
.foot-more{ width: 100%; height: 4rem;line-height: 3rem;text-align: center;color: #fff;background: #01425e;font-weight: bold;font-size: 1.2rem;letter-spacing: 2px;  }
.foot-more>span{ display:inline-block;margin-left:50px; }
/*66666手机页面666666*/
/*66666手机页面666666*/
/*66666手机页面666666*/
.page3,.page4{ display: none;  }
.hidew{  display: none!important;  }
@media screen and (max-width: 639px){
  body{max-width: 640px;min-width: 320px;width: 100%; font-size:1rem; background: #EFEFEF;;}
  .banimg{  display: none!important;  }
  .hidew{  display: block!important;  }
  .head{width: 100%;  height: 60px;left: 0;padding: 0 5%;border-bottom: 2px solid #69cee2; box-sizing: border-box; background: #3c647e;}
  .head .logo>img{ width:4rem;  }
  .head .navlist{ display: inline-block;  width: 2rem;  height: 2rem;  background: url(/images/navlist.png) no-repeat center;  background-size: 1.8rem;  position: absolute;  right: 5%;  top: 25%;  }
  .head ul.navhead{width:100%;background: linear-gradient(to bottom,#3c647e,#468ed1); position: absolute;right: 0;top:58px; flex-direction:column;z-index: 888; display: none; }
  .head>ul>li{width: 100%; height: 3rem;  line-height: 3rem; text-align: center;  }
  .head>ul>li:last-child a{ border: 0; }
  .head>ul>li>a{width: 90%;font-size:0.9rem; margin: 0 auto; border-bottom: 1px solid rgba(255, 255, 255, .1); box-sizing: border-box;}
  .page2 {  background-image: url(/images/page22.png);  }
  .padding{  padding: 5%;padding-top: 10%; }
  .page-title{ font-size: 1.5rem; }
  .page21>div{  line-height: 1.3rem;letter-spacing:0;font-size: 0.8rem; }
  .page21>div:nth-child(4){ display: none; }
  .foot{ padding: 2% 5%; }
  .foot-left ul li a{  display: none; }
  .foot-left ul li a:nth-child(1){font-size: 0.8rem;font-weight: bold;  display: block;margin: 0;;height: 4rem;line-height: 4rem; }
  .foot-left ul li:nth-child(1)>a:nth-child(1){ position: relative;left: 5%;; }
  .foot-left ul li:nth-child(2)>a:nth-child(1){ position: relative;left: 20%;; }
  .foot-left ul li:nth-child(3)>a:nth-child(1){ position: relative;left: 35%;; }
  .foot-left ul li:nth-child(4)>a:nth-child(1){ position: relative;left: 40%;display: none;; }
  .foot-right{ position: relative;right: 0;top:5%;  }
  .foot-right .ewm img{ width:4rem;height: 4rem; }
  .foot-right .ewm p{ display: none; }
  .foot-more{ letter-spacing:0;font-size: 0.9rem;height: auto;line-height: 1.5rem; padding:0.5rem 0; }
  .foot-more>span{ display:block;margin-left:0; }

}

  
.shuju{width:100%;position:absolute;bottom:10px;}
.shuju .pab{width:1600px;height:120px;margin:0 auto; }
.shuju .pab li{float:left;text-align:center;height:120px; line-height:36px;font-size:16px;color:#fff;letter-spacing:3px;font-family:"微软雅黑";}
.shuju .pab li p{color:#fff;font-size:55px; display:block;}
.shuju .pab li p span{margin-left:6px;color:#fff;font-size:16px; display:inline-block;}
.shuju .pab li p i{font-style: normal;}