html{font-size: 20px;}
a{color: #333;}
*{box-sizing: border-box;}
img{max-width: 100%;vertical-align: top;}
body,html{min-height:100%;}
body{font-family:"Arial","microsoft yahei","microsoft JhengHei", Helvetica, sans-serif; color:#333333;-webkit-tap-highlight-color:rgba(255,255,255,0);background-color: #fff;font-size: 18px;}
pre{white-space:pre-wrap;word-wrap: break-word;}
a{text-decoration:none; color:#333333; outline:none; transition:cubic-bezier(0.215,.61,.355,1);}
.clearfix:after,.clear:after{content:"\200B"; display:block; height:0; clear:both;}
.clearfix,.clear{*zoom:1;}/*IE/7/6*/
/*h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}*/
input{outline: none;-webkit-appearance: none;border-radius: 0; font-size:18px;}
input[type="text"],input[type="password"],input[type="search"],textarea,select,input[type="date"]{outline: none; -webkit-appearance: none;border-radius: 0; font-size:18px; display:block; width:100%; border:none; background:none; border:1px solid #dbdbdb; padding:6px 12px; transition:ease .45s;}
input[type="radio"]{display:inline-block; width:20px; height:20px; position:relative; top:2px; margin-right:5px; cursor:pointer;}
input[type="checkbox"]{display:inline-block; width:20px; height:20px; position:relative; top:2px; margin-right:5px; cursor:pointer;}
input::-webkit-input-placeholder {color: #888888;}
input:-moz-placeholder {　color: #888888;}
input::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder {color: #888888;}
textarea{resize:none; overflow:hidden;}
textarea::-webkit-input-placeholder {color: #888888;}
textarea:-moz-placeholder {　color: #888888;}
textarea::-moz-placeholder {color: #888888;}
textarea:-ms-input-placeholder {color: #888888;}
select::-ms-expand { display: none; }
select{background: url(../images/icon_xiala.png) right 12px center no-repeat;
    background-size: 18px;
    padding-left: 25px;
    padding-right: 26px!important;}
i,em{font-style:normal;}
ul,li,ol{list-style: none;}
a:focus,button:focus,div:focus{outline: none;}
/*.wow{opacity: 0;}*/
.left{float:left;}
.right{float:right;}
.flex{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;}
.flex-text-center{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;justify-content: center;-webkit-justify-content: center;-ms-justify-content: center;}
.flex-align-center{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;align-items: center;-webkit-align-items: center;-ms-align-items: center;}
.flex-center{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;align-items: center;-webkit-align-items: center;-ms-align-items: center;justify-content: center;-webkit-justify-content: center;-ms-justify-content: center;}

.flex-space-between{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;justify-content: space-between;-webkit-justify-content: space-between;-ms-justify-content: space-between;}

.flex-space-around{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;justify-content: space-around;-webkit-justify-content: space-around;-ms-justify-content: space-around;}
.flex-space-between-center{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;justify-content: space-between;-webkit-justify-content: space-between;-ms-justify-content: space-between;align-items: center;-webkit-align-items: center;-ms-align-items: center;}

.flex1{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:column; -webkit-flex-direction:column;-ms-flex-direction:column;}

.flex-wrap{flex-wrap:wrap; -webkit-flex-wrap:wrap;-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.flex-auto{flex: 0 0 auto;-ms-flex: 0 0 auto;-webkit-flex: 0 0 auto;}

.tran03{-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;}
.tran1{-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;}
.tran06{
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.container{width: 73%; margin-left: auto;margin-right: auto;}
/*浏览器滚动条*/
::-webkit-scrollbar{width:10px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/*.preload{width: 100vw;height: 100vh;background-color: #fff;position: fixed;top: 0;left: 0;z-index: 9999;display: none;}*/
/*.pace-done .preload{visibility: hidden;opacity: 0;}*/
/*.pace{width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;z-index: 10000;display: none;}*/
:root{
    --c:#0192ff;
}
.head{position: absolute;width: 100%;height: 5.0rem;border-bottom: 1px solid rgba(255,255,255,0.5);z-index: 99;}
.head .container{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;position: relative;}
.head .logo{width: 285px;height: 55px;font-size: 0;}
.head .logo a{display: block;}
.head .nav{display: flex;}
.head .nav li{float: left;padding: 0 0.75rem;position: relative;}
.head .nav li a{color: #fff;line-height: 5.0rem;position: relative;display: block;}
.head .nav li a:after{position: absolute;z-index: 2; width: 100%;height: 0.1rem;left: 0;bottom: 20%;content: "";-webkit-transition: all 0.33s;-o-transition: all 0.33s;transition: all 0.33s; transform: scale3d(1,1,1);background-color: #fff;opacity: 0;}
.head .nav li a:hover:after{width: 100%;transform: scale3d(1,1,1);opacity: 1;}
.head .toptel{display: flex;color: #fff;float: right;padding-left: 2.5rem;align-items: center;margin-left: 1.75rem;border-left: 1px solid rgba(255,255,255,0.5);}
.head .toptel .tel{font-size: 1.5rem;margin-left: 1.0rem;}

.banner{height: 36.458vw;background-position: center;background-size: cover;width: 100%;background-color: #1d06da;background-repeat: no-repeat;}

.titlebar{text-align: center;margin-bottom: 2rem;}
.titlebar h2{font-size: 2.2rem;line-height: 1.8; font-weight: bold;background: url(../images/titlebar_bg_b.png) center bottom no-repeat;display: inline-block;position: relative;}
.titlebar h2 span{color: var(--c);}
.titlebar h2:before{position: absolute;width: 6.9rem;height: 1.5rem;background: url(../images/titlebar_bg_l.png) center no-repeat;background-size: 100%;left: -8rem;content: "";top: 50%;margin-top: -0.75rem;}
.titlebar h2:after{position: absolute;width: 6.9rem;height: 1.5rem;background: url(../images/titlebar_bg_r.png) center no-repeat;background-size: 100%;right: -8rem;content: "";top: 50%;margin-top: -0.75rem;}
.titlebar.white h2{color: #fff;background-image: url(../images/titlebar_bg_b_w.png);}
.titlebar.white h2:before{background-image: url(../images/titlebar_bg_l_w.png)}
.titlebar.white h2:after{background-image: url(../images/titlebar_bg_r_w.png)}

.section{padding-top: 3rem;padding-bottom: 3rem;overflow: hidden;}
.index_floor1 .imgcon{text-align: center;}

.index_floor2{background-color: #f0f1f4;}
.youshi_list{display: flex;flex-wrap: wrap;width: 100%;}
.youshi_list .item{width: 31%;margin-right: 3.5%;margin-bottom: 3.5%;}
.youshi_list .item:nth-child(3n){margin-right: 0;}
.youshi_list .item .title{width: 80%;margin-left: auto;margin-right: auto;height: 3.3rem;line-height: 3.3rem;color: #fff;font-size: 1.2rem;background-color: #0192ff;border-top-left-radius: 1.0rem;border-top-right-radius: 1.0rem;text-align: center;}
.youshi_list .item:nth-child(2n) .title{background-color: #1140e9;}
.youshi_list .item .title span{display: inline-block;position: relative;vertical-align: top;font-weight: bold;}
.youshi_list .item .title span:before{position: absolute;width: 1.6rem;height: 1.1rem;background: url(../images/youshi_dian_l.png) center no-repeat;background-size: 100%;left: -2rem;content: "";top: 50%;margin-top: -0.55rem;}
.youshi_list .item .title span:after{position: absolute;width: 1.6rem;height: 1.1rem;background: url(../images/youshi_dian_r.png) center no-repeat;background-size: 100%;right: -2rem;content: "";top: 50%;margin-top: -0.55rem;}
.youshi_list .item .desc{min-height: 9.0rem;background-color: #fff;border-radius: 20px;padding: 1.5rem 10%;font-size: 0.9rem;}

.index_floor3{background: url(../images/floor3_bg.jpg) center no-repeat;background-size: cover;}
.index_floor3 .container{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.index_floor3 .container .typename{font-size: 2.2rem;width: 33%;color: #fff;font-weight: bold;letter-spacing: 0.1rem;}
.index_floor3 .container .typename span{color: #fff06f;}
.index_floor3 .container .content{width: 65.5%;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: -3%;}
.index_floor3 .container .item{width: 45%;height: 3.85rem;display: flex;align-items: center;margin-bottom: 5%;padding: 0 1rem;border-radius: 1rem;position: relative;background-image: linear-gradient(to right,#fff,rgba(255,255,255,0.5));}
.index_floor3 .container .item:after{position: absolute;right: -2.3rem;top: -0.425rem;width: 4.7rem;height: 4.7rem;background: url(../images/icon_vip.png) center no-repeat;background-size: 100%;content: "";}
.index_floor3 .container .item .img{width: 2.5rem;height: 2.5rem;margin-right: 0.6rem;}
.index_floor3 .container .item .text{font-size: 1.4rem;}


.index_floor4{background: url(../images/floor4_bg.jpg) center no-repeat;background-size: cover;}
.data_list{display: flex;flex-wrap: wrap;}
.data_list .item{width: 49%;margin-right: 2%;margin-bottom: calc(2% + 0.25rem);padding: 2rem;border-radius: 1rem;background-color: rgba(255,255,255,0.8);box-shadow: 0 0.25rem 0 #0192ff;}
.data_list .item:nth-child(2n){margin-right: 0;}
.data_list .item:nth-child(2),.data_list .item:nth-child(3){box-shadow: 0 0.25rem 0 #1140e9;}
.data_list .item .title{padding-left: 4.75rem;font-size: 1.4rem;font-weight: bold;background: url(../images/icon_choose1.png) left center no-repeat;background-size: 3.6rem;height: 3.6rem;line-height: 3.6rem;}
.data_list .item .text{margin-top: 1rem;font-size: 1rem;}
.data_list .item:nth-child(2) .title{background-image: url(../images/icon_choose2.png);}
.data_list .item:nth-child(3) .title{background-image: url(../images/icon_choose3.png);}
.data_list .item:nth-child(4) .title{background-image: url(../images/icon_choose4.png);}

.index_floor5{background-color: #ecf6ff;padding-bottom: 0;}
.index_floor5 .content{display: flex;flex-wrap: wrap;width: 100%;}
.index_floor5 .content .imgcon{width: 50%;font-size: 0;}
.index_floor5 .content .textcon{width: 50%;padding-top: 5%;}
.index_floor5 .content .item{display: flex;align-items: center;margin-bottom: 1rem;}
.index_floor5 .content .item .num{width: 2.4rem;height: 2.4rem;text-align: center;line-height: 2.4rem;color: #fff;font-size: 1.2rem;background-color: var(--c);border-radius: 50%;margin-right: 1rem;flex: 0 0 auto;}
.index_floor5 .content .item .text{}

.index_floor6{background: url(../images/floor6_bg.jpg) center no-repeat;background-size: cover;}
.index_floor6 .ziliao_list{padding-top: 2.7rem;}
.index_floor6 .ziliao_list .img{position: absolute;width: 30%;left: 50%;top: 0;margin-left: -15%;}
.index_floor6 .ziliao_list{position: relative;display: flex;justify-content: space-between;flex-wrap: wrap;}
.index_floor6 .ziliao_list .item{width: 34%;margin-bottom: 2.5rem;}
.index_floor6 .ziliao_list .item .title{background: url(../images/sbzl_item_l_bg.png) center no-repeat; padding: 0 1rem;width: 16.15rem;height: 2.9rem;line-height: 2.9rem; background-size: 100%; text-align: center;font-weight: bold;}
.index_floor6 .ziliao_list .item:nth-child(2n) .title{float: right;background-image: url(../images/sbzl_item_r_bg.png);}
.index_floor6 .ziliao_list .item:nth-child(4n+1){margin-left: 3.75rem;}
.index_floor6 .ziliao_list .item:nth-child(4n+2){margin-right: 3.75rem;}

.index_floor7{background-color: #fff;}
.xianshi_list{display: flex;flex-wrap: wrap;}
.xianshi_list .item{width: 16%;margin-right: 0.8%;margin-bottom: 0.8%;}
.xianshi_list .item:nth-child(6n){margin-right: 0;}
.xianshi_list .item .img,.xianshi_list .item .img img{width: 100%;}
.xianshi_list .item .title{text-align: center;font-size: 1rem;margin-top: 0.5rem;}

.index_floor8{background-color: #ecf6ff;padding-bottom: 2rem;}
.liucheng_list{display: flex;flex-wrap: wrap;}
.liucheng_list .item{width: 24%;margin-right: 1.33%;margin-bottom: 1.33%;}
.liucheng_list .item .img{width: 100%;font-size: 0;}
.liucheng_list .item:nth-child(4n){margin-right: 0;}

.footer{background-color: #252525;padding: 3rem 0 1rem;color: #fff;}
.footer a{color: #fff;}
.footer a:hover{text-decoration: underline;}
.footer .topcon{padding-bottom: 2.0rem;border-bottom: 1px solid #5c5c5c;margin-bottom: 2.0rem;display: flex;justify-content: space-between;align-items: flex-end;flex-wrap: wrap;}
.footer .topcon .leftcon{padding-left: 30px;background: url(../images/icon_tel.png) left center no-repeat;}
.footer .topcon .tel{font-size: 1.5rem;line-height: 1;}
.footer .topcon .rightcon{display: flex;}
.footer .topcon .rightcon a{margin-left: 1.5rem;font-size: 1rem;} 
.footer .powerby{color: #8f8f8f;font-size: 0.8rem;display: flex;justify-content: space-between;}
.backtop{float: right; width: 2.7rem;height: 2.7rem;background: url(../images/icon_top.png) center no-repeat;background-size: 100%;cursor: pointer;}

@media(max-width: 1650px){
  html{font-size: 16px;}
  body{font-size: 16px;}
}

@media(max-width: 1440px){
}

@media(max-width: 1280px){
  html{font-size: 14px;}
  body{font-size: 14px;}
  .container{width: 85%;}
  .index_floor3 .container .typename,.titlebar h2{font-size: 2rem;}
}

@media(max-width: 1023px){
  .head .logo,.head .logo img{width: 124px;height: 28px;}
  .head .toptel{padding-left: 1rem;margin-left: 1rem;}
  .head .nav li{padding: 0 0.5rem;}
  .banner{height: 25rem;}
  .youshi_list .item .title{font-size: 1rem;}
  .index_floor3 .container .typename{width: 100%;text-align: center;}
  .index_floor3 .container .content{width: 100%;margin-top: 2rem;}
  .index_floor3 .container .item .text{font-size: 1.3rem;}
  .index_floor6 .ziliao_list .item .title{width: 12rem;}
  .xianshi_list .item{width: 32%;margin-right: 2%;margin-bottom: 2%;}
  .xianshi_list .item:nth-child(3n){margin-right: 0;}
}

@media(max-width: 768px){
  .head{height: 60px;}
  .head .container{height: 60px;}
  .container{width: 100%;padding: 0 20px;}
  .banner{height: 65vw;background-position: center bottom -30px;}
  .head .toptel {margin-left: 0;}
  .head .toptel .tel{font-size: 1.2rem;margin-left: 10px;}
  .head .toptel .text{font-size: 12px;}
  .head .nav ul{position: absolute;width: 100%;top: 105%;display: block;left: 0;padding: 0 20px;}
  .head .nav li a{line-height: 30px;}

  .titlebar h2{line-height: 1.4;padding-bottom: 10px;background-size: 193px;}
  .titlebar h2:before{width: 69px;height: 15px;left: -90px;margin-top: -7px;}
  .titlebar h2:after{width: 69px;height: 15px;right: -90px;margin-top: -7px;}

  .index_floor3 .container .typename, .titlebar h2{font-size: 1.5rem;}
  .section{padding-top: 2rem;padding-bottom: 2rem;}

  .youshi_list .item{width: 49%;margin-right: 2%;margin-bottom: 2%;}
  .youshi_list .item:nth-child(3n){margin-right: 2%;}
  .youshi_list .item:nth-child(2n){margin-right: 0%;}

  .youshi_list .item .desc{padding: 10px;border-radius: 5px;min-height: 10rem;}
  .youshi_list .item .title{width: calc(100% - 0px);height: 3rem;line-height: 3rem;}
  .youshi_list .item .title span:before,.youshi_list .item .title span:after{width: 16px;height: 11px;margin-top: -5px;}
  .youshi_list .item .title span:before{left: -20px;}
  .youshi_list .item .title span:after{right: -20px;}
  .index_floor3 .container .item .text{font-size: 1.2rem;}
  .index_floor3 .container .item{width: 80%;margin-right: auto;margin-left: auto;height: 3.3rem;}
  .index_floor3 .container .item:after{width: 47px;height: 47px;right: -23px;top: 2px;}

  .data_list .item{padding: 10px 15px;}
  .data_list .item .title{padding-left: 32px;background-size: 24px;font-size: 1.1rem;height: 36px;line-height: 36px;}
  .data_list .item .text{margin-top: 5px;}

  .index_floor5 .content .imgcon{width: 100%;margin-bottom: 20px;}

  .index_floor5 .content .textcon{width: 100%;padding-top: 0;}
  .index_floor6 .ziliao_list{padding-top: 0;}
  .index_floor6 .ziliao_list .item .title{width: 11.5rem;}
  .index_floor6 .ziliao_list .item{width: 50%;margin-left: 0;margin-right: 0;margin-bottom: 20px;}
  .index_floor6 .ziliao_list .item:nth-child(4n+1){margin-left: 0;}
  .index_floor6 .ziliao_list .item:nth-child(4n+2){margin-right: 0;}
  .index_floor6 .ziliao_list .img{position: relative;order: 11;width: 100%;left: 0;margin-left: 0;text-align: center;display: none;}
  .index_floor6 .ziliao_list .img img{width: 187px;height: 187px;}

  /*.index_floor6 .ziliao_list{padding-top: 0;}
  .index_floor6 .ziliao_list .item .title{width: 11rem;font-size: 14px;}
  .index_floor6 .ziliao_list .item:nth-child(4n+1){margin-left: 0.75rem;}
  .index_floor6 .ziliao_list .item:nth-child(4n+2){margin-right: 0.75rem;}
  .index_floor6 .ziliao_list .item:nth-child(2n+1) .title{text-align: left;}
  .index_floor6 .ziliao_list .item:nth-child(2n+2) .title{text-align: right;}
  .index_floor6 .ziliao_list .img{top: 50%;margin-top: -20%;}*/

  .xianshi_list .item{width: 49%;margin-right: 2%;}
  .xianshi_list .item:nth-child(3n){margin-right: 2%;}
  .xianshi_list .item:nth-child(2n){margin-right: 0%;}

  .xianshi_list .item .title{font-size: 0.9em;margin-top: 0.3rem;}

  .liucheng_list .item{width: 49%;}
  .liucheng_list .item:nth-child(2n){margin-right: 0;}

  .footer{padding-top: 2rem;padding-bottom: 2rem;}
  .footer .topcon{padding-bottom: 10px;margin-bottom: 10px;}
  .footer .topcon .leftcon{width: 100%;}
  .footer .topcon .rightcon{width: 100%;margin-top: 8px;justify-content: flex-start;}
  .footer .topcon .rightcon a{margin-left: 8px;margin-right: 8px;}

  .index_floor1 .imgcon{margin-left: -20px;margin-right: -20px;}

}

@media(max-width: 382px){
  .data_list .item .title{font-size: 1rem;}
}