@charset "utf-8";

/*-- 全局reset
-------------------------------------------*/

html, body, div,
h1, h2, h3, h4, h5, h6,
hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre, form, fieldset, object, code,
legend, button, input, textarea, label,
th, td, a, img {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    box-sizing: border-box;
}

body {
    /* color: #fff; */
    background-color: #ffffff;
    padding-bottom: 100px;
    height: 100vh;
    overflow: hidden;
    font-family: PingFangSC-Regular, PingFang SC;
}

/*清除内外边距*/
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}

/*设置默认字体*/
:focus {
    outline: 0;
}

ul,
ol {
    list-style: none;
}

/*重置列表*/
fieldset, img {
    border: 0 none;
    vertical-align: top;
}

/*重置图片元素*/
address, caption, cite, code, dfn, em, i, th, var, optgroup {
    font-style: normal;
    font-weight: normal;
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

code, kbd, samp, tt {
    font-size: 100%;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
    *
    font-size: 100%;
    /* outline: none; */
}

/*
form label {
    cursor: pointer;
}
*/

textarea {
    resize: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/**/
blockquote, q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

a {
    color: #333;
    text-decoration: none;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
}
a:hover {
    text-decoration: none;
}


/*--
-------------------------------------------*/
.cf:before,
.cf:after,
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.cf:after,
.clearfix:after {
    clear: both;
}
.cf,
.clearfix {
    clear: both;
    *zoom: 1;
}

.zicon,.zicon1{display:none}
.zicon.active,.zicon1.active{display:block}
.img{font-size:0;overflow:hidden;cursor:pointer}
.img img{transform:scale(1);transition:all 0.5s ease;width: 100%;}
.img:hover img{transform: scale(1.04);}
.wrap{margin:0 auto;max-width: 1500px;width: 90%;}

.index_big_con{
    background-color: #0f709a;
    height: 100vh;
    
}
.left_nav{
    position: fixed;
    left: 0vw;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    text-align: center;
    width: 17vw;
    z-index: 100;
}
.my_nav_box{
    display: flex;
    flex-flow: column;
    align-items: center;
    width: 100%;
}
.my_nav{
    text-align: left;
    /* padding: 0 0 0 5vw; */
}
.my_nav a{
    display: block;
    font-size: 1.1vw;
    color: #fff;
    line-height: 3vw;
    padding-left: 2.4vw;
    position: relative;
    width: 11.2vw;
}
.my_nav a.active:after,.my_nav a:hover:after{
    content: ".";
   /* background: #0A346C;*/
    display: block;
    position: absolute;
    left: -3vw;
    right: -5.3vw;
    top: 0;
    bottom: 0;
    font-size: 0;
    z-index: -1;
    border-radius: 50px 0 0 50px;
}
.my_nav a.left_icon1{/*background: url(../images/left_icon1.png) left center no-repeat;background-size: 1.3vw;*/}
.my_nav a.left_icon2{background: url(../images/left_icon2.png) left center no-repeat;background-size: 1.3vw;}
.my_nav a.left_icon3{background: url(../images/left_icon3.png) left center no-repeat;background-size: 1.3vw;}
.my_nav a.left_icon4{background: url(../images/left_icon4.png) left center no-repeat;background-size: 1.3vw;}
.my_nav a.left_icon5{background: url(../images/left_icon5.png) left center no-repeat;background-size: 1.3vw;}
.my_nav a.left_icon6{background: url(../images/left_icon6.png) left center no-repeat;background-size: 1.3vw;}
.my_nav a.left_icon7{background: url(../images/left_icon7.png) left center no-repeat;background-size: 1.3vw;}
.my_nav a.left_icon8{background: url(../images/left_icon8.png) left center no-repeat;background-size: 1.3vw;}
.my_nav a.left_icon9{background: url(../images/left_icon9.png) left center no-repeat;background-size: 1.3vw;}
.my_nav a.left_icon1.active,.my_nav a.left_icon1:hover{background: url(../images/left_icon1_h.png) left center no-repeat;background-size: 2.4vw;font-weight: bold;font-size: 1.4vw;}
.my_nav a.left_icon2.active,.my_nav a.left_icon2:hover{background: url(../images/left_icon2_h.png) left center no-repeat;background-size: 1.3vw;font-weight: bold;}
.my_nav a.left_icon3.active,.my_nav a.left_icon3:hover{background: url(../images/left_icon3_h.png) left center no-repeat;background-size: 1.3vw;font-weight: bold;}
.my_nav a.left_icon4.active,.my_nav a.left_icon4:hover{background: url(../images/left_icon4_h.png) left center no-repeat;background-size: 1.3vw;font-weight: bold;}
.my_nav a.left_icon5.active,.my_nav a.left_icon5:hover{background: url(../images/left_icon5_h.png) left center no-repeat;background-size: 1.3vw;font-weight: bold;}
.my_nav a.left_icon6.active,.my_nav a.left_icon6:hover{background: url(../images/left_icon6_h.png) left center no-repeat;background-size: 1.3vw;font-weight: bold;}
.my_nav a.left_icon7.active,.my_nav a.left_icon7:hover{background: url(../images/left_icon7_h.png) left center no-repeat;background-size: 1.3vw;font-weight: bold;}
.my_nav a.left_icon8.active,.my_nav a.left_icon8:hover{background: url(../images/left_icon8_h.png) left center no-repeat;background-size: 1.3vw;font-weight: bold;}
.my_nav a.left_icon9.active,.my_nav a.left_icon9:hover{/* background: url(../images/left_icon9_h.png) left center no-repeat; *//* background-size: 1.3vw; */font-weight: bold;}
.important_time{
    background: linear-gradient(180deg, #392e9200 0%, #F31D93 51%, #352f8c00 100%);
    padding: 2vw;
    font-size: .5vw;
    line-height: 1vw;
    width: 100%;
    font-weight: lighter;
    letter-spacing: 0.05vw;
}
.important_time p{}
.index_conmain{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 99;
    padding-right: 6vw;
    padding-left: 17vw;
}
.zindex {
    z-index: 111;
}
.flex_div{    display: flex;
    align-items: center;
    justify-content: center;}
.content{
    height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
  .content::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 2px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
  .content::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #ffffff;
  }
.contain_er{
    padding: 4vh 3vw;
    width: 88%;
    height: 80vh;
    /*background: url(../images/centerbg.png) center center no-repeat;*/
    background-size: cover;
    border-radius: 2vw;
}
.just_img{
    font-size: 0;
    margin: 0 auto;
}
.just_img img{
    width: 100%;
}
.w48{
    width: 48vw;
}
.ma_bo10{margin-bottom:1vw}
.w80{
    width: 60vw;
    margin: 0 auto;
}
.one_zi{
    display: flex;
    width: 86.5%;
    margin: 0px 0% 0 13.5%;
}
.one_left_zi{
    flex: 1.4;
    padding-right: 3vw;
}
.lan_bg_zi{
    background: #15D6FE;
    display: inline-block;
    color: #2E1593;
    padding: 0.1vw 0.5vw;
    margin-bottom: 0.5vw;
    font-size: 1vw;
    font-weight: bold;
}
.zi_con{}
.zi_con p{
    font-size: .7vw;
    line-height: 1.2vw;
    text-indent: 1.5vw;
}
.one_right_zi{
    flex: 1;
}
.zi_con ul{}
.zi_con ul li{
    margin-bottom: 0.5vw;
}
.right_small_logo{
    position: absolute;
    right: 2vw;
    top: 1.5vw;
    }
.w20{    width: 25%;}
.nei_title{
    /* width: 13vw; */
    margin: 0 0 2vh;
    position: relative;
    /* height: 7vh; */
    }
.nei_title img{
    width: 15vw;
}
.nei_title span{
    color: #ffffff;
    opacity: 1;
    font-size: 2vw;
    position: absolute;
    left: 5.2vw;
    top: 2.2vw;
    font-weight: bold;
    }
.two_zi{}
.two_zi table{width: 55%;}
.two_zi table tr{
    border-bottom: 1px solid #ffffff52;
    line-height: 2.2vw;
    display: flex;
    padding: 10px 0;
    font-size: 1vw;
    }
.two_zi table th{    flex: 1;
    text-align: left;}
.two_zi table td{    flex: 1;}
.huanglou{
    position: absolute;
    right: 6vw;
    bottom: 0;
    width: 18vw;
}
.big_bg{}
.logo{
    position: fixed;
    left: 5vw;
    top: 8vh;
    width: 30vw;
    z-index: 99;
}
.logo a{
    display: block;
}
.logo a img{
    width: 100%;
}

.big_bg_img{
    position: fixed;
    z-index: 10;
    /* display: none; */
    z-index: 1;
}
.big_bg_img img{
    width: 100%;
}
.one{
    right: 0;
    top: 0;
    width: 16vw;
}
.two{
    left: 0;
    bottom: 0;
    right: 0;
    width: 100vw;
}
.three{
    bottom: 0;
    right: 0;
    width: 20vw;
    display: none;
}
.three_zi{
    width: 70%;
    overflow-y: scroll;
    height: 50vh;
}
  .three_zi::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 2px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
  .three_zi::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #ffffff;
  }
.three_zi ul{}
.three_zi ul li{
    margin-bottom: 2vw;
}
.zzjg{
    border-left: 2px solid #ffffff;
    font-size: 0.9vw;
    padding: 0 0 0 1vw;
}
.zzjg span{
    font-size: 1vw;
    font-weight: bold;
    margin: 0 0 0.5vw 0;
    display: block;
}
.zzjg p{
    line-height: 1.3vw;
}
.dis_flex{
    display: flex;
}
.zn_map{
    flex: 1.3;
}
.zn_map .just_img{}
.zn_map .just_img img{}
.map_zi{
    margin-top: 1vw;
}
.map_zi p{
    font-size: 0.9vw;
    margin: 0 0 0vw 0;
    display: block;
}
.map_zi p span{
    width: 5vw;
    display: inline-block;
    text-align: justify;
    text-align-last: justify;
}
.zn_jt{
    flex: 1;
    padding-left: 2vw;
}
.zn_jt ul{}
.zn_jt ul li{
    margin-bottom: 0.5vw;
    border: 1px solid #fff;
    padding: 0.45vw 1vw;
}
.jt_item{}
.jt_item h3{
    font-size: 0.9vw;
    font-weight: bold;
    margin: 0 0 0vw 0;
    display: block;
}
.jt_item h3 span{
    width: 4vw;
    display: inline-block;
    text-align: justify;
    text-align-last: justify;
    margin-right: 0.3vw;
}
.jt_item .main{
    font-size: 0.5vw;
    line-height: 1.3vw;
    display: flex;
}
.jt_item .main p:first-child{
    text-align: right;
    margin-right: 2vw;
}
.jt_item .main p span{
    display: block;
}
.jt_item .main p:first_child{}
.hotel_con {
    height: 120vh;
    background: #fff;
}
.border7{border-radius:7px}
.zhengwen_con{}
.zheng_zi{
}
.zi_item{
    margin-top: 1.5vw;
}
.zi_item h4{
    font-size: 1.2vw;
    border-left: 2px solid #fff;
    padding-left: 0.3vw;
    margin-bottom: 0.5vw;
}
.zi_item p{
    font-size: .8vw;
    line-height: 1.5vw;
}
.down_a{}
.down_a a{
    display: inline-block;
    margin: 0 0.4vw;
    color: #ffffff;
    background: #15D6FE;
    padding: 0.3vw 0.5vw;
    margin-bottom: 0.5vw;
    font-size: 1vw;
}
.zi_item span{
    font-size: .8vw;
    line-height: 1.5vw;
}
.zi_item span em{
    color: #0aade9;
}
.zp_w{
    width: 78%;
}
.zpzb_con{}
.zpzb_con ul{
    display: flex;
}
.zpzb_con ul li{
    margin: 0 0.5vw;
}
.zpzb_con ul li a{
    display: block;
}

/*pop*/
.black_bg{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 994;
    background: #0000006b;
    display: none;
}
.black_bg_show{display: block;}
.pop{
    position: fixed;
    left: 35vw;
    top: 27vh;
    right: 35vw;
    bottom: 20vh;
    z-index: 999;
    display: none;
}
.pop_show{
    display: block;
}
.pop_maincon{
    background: #fff;
    border-radius: 2vw;
}
.pop_title{
    position: relative;
    height: 7vw;
    text-align: center;
}
.pop_title img{
    width: 100%;
}
.pop_title span{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 2.3vw;
    font-size: 1.3vw;
    color: #ffffff;
    opacity: 1;
    font-size: 2vw;
    position: absolute;
    left: 0;
    top: 2.2vw;
    font-weight: bold;
}
.pop_title em{
    display: block;
    position: absolute;
    right: 1vw;
    top: 0;
    bottom: 0.4vw;
    width: 1.3vw;
    height: 3vw;
    background: url(../images/close.png) center center no-repeat;
    background-size: 100%;
    font-size: 0;
}
.pop_main{/* padding: 0 2vw; */min-height: 20vw;}
.pop_new{
    padding: 2vw 0;
}
.pop_new a{
    display: block;
    background: #D8D8D8;
    border-radius: 10px;
    border: 1px solid #979797;
    line-height: 3vw;
    margin-bottom: 1vw;
    padding: 0 2vw;
    font-size: 1.2vw;
    position: relative;
}
.pop_new a i{
    bottom: 0;
    width: 1.3vw;
    background: url(../images/down.png) center center no-repeat;
    background-size: 100%;
    font-size: 0;
    position: absolute;
    right: 1vw;
    top: 0;
}
/****contact us pop*****/
.pop_contact{
    padding: 0.5vw 0  2vw;
}
.pop_contact ul{}
.pop_contact ul li{
    margin-bottom: 1vw;
}
.pop_contact ul li h3{
    color: #666;
    font-size: 1.2vw;
    font-weight: 500;
    border-left: 2px solid #666;
    padding-left: 0.2vw;
    margin-bottom: 0.5vw;
    line-height: 1.2vw;
}
.contact_main{
    color: #666;
}
.con_li{
    display: flex;
    line-height: 1.2vw;
}
.con_li span{
    display: block;
    width: 3.5vw;
    text-align: justify;
    text-align-last: justify;
    margin-right: 0.8vw;
    font-size: 1.0vw;
}
.con_li p{
    flex: 1;
    font-size: 0.8vw;
}
/********regist_con**********/
.regist_con{
    width: 70%;
    /* overflow-y: scroll; */
    /* height: 70vh; */
}
.regist_title{
}
.regist_title span{
    display: block;
    color: #0aade9;
}
.regist_main{
    background: #ffffff;
    display: flex;
    /* align-items: flex-start; */
    border-radius: 1vw;
}
.regist_main ul{}
.regist_main ul li{
    margin-bottom: 1vw;
}
.regist_main ul li label{
    display: block;
    font-size: 1vw;
    line-height: 2vw;
}
.input_text{
    width: 100%;
    line-height: 3vw;
    background: #EDEDED;
    border-radius: 7px;
    opacity: 0.9;
    padding: 0 1vw;
}
.radio_input{
    font-size: 0.7vw;
    line-height: 1.5vw;
    display: flex;
    flex-wrap: wrap;
}
.jiaoliu{}
.radio_input .radio{
    position: relative;
}
.jiaoliu .radio{
    width: 33.33%;
}
.radio_input .radio input{
    width: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    display: block;
    width: 100%;
    height: 100%;
}
.radio_input .radio span{
    padding: 0 0 0 1vw;
    position: relative;
    display: block;
}
.radio_input .radio span:before{content:".";width: 0.7vw;height: 0.7vw;display: block;border-radius: 50px;border: 1px solid #fff;font-size: 0;position: absolute;left: 0;top: 0.35vw;}
.radio_input .radio span:after{content:".";width: 0.4vw;height: 0.4vw;display: block;border-radius: 50px;background: #fff;font-size: 0;position: absolute;left: 0.2vw;top: 0.55vw;display: none;}
.radio.li_on span:after{display:block}
.zhuce {}
.zhuce .radio{
    width: 100%;
}
.zicon{display:none}
.zicon.active{display:block}
.zhanghao{
    background: #fff;
    color: #666;
    border-radius: 8px;
    position: relative;
    margin-top: 1.5vw;
    padding: 1vw 1.5vw;
}
.zhanghao:before{content:".";width: 1.5vw;height: 1.5vw;display: block;background: #fff;transform: rotate(45deg);position: absolute;left: 1.5vw;top: -0.5vw;font-size: 0;}
.zhifubao:before{
    left: 10vw;
}
.weixin:before{
    left: 18vw;
}
.zhanghao h3{
    text-align: center;
    color: #333;
    font-size: 0.9vw;
    margin-bottom: 0.5vw;
}
.brank_zh{}
.brank_zh p{
    display: flex;
    font-size: 0.7vw;
    align-items: center;
    line-height: 1.5vw;
}
.brank_zh p span{
    color: #888;
    display: block;
    margin-right: 2vw;
}
.brank_zh p em{
    font-size: 1.2vw;
    color: #333;
    font-weight: bold;
}
.brank_zh p i{
    color: #333;
}
.ewm_zh{}
.ewm_img{
    width: 40%;
    margin: 0 auto 1vw;
}
.ewm_img img{
    width: 100%;
}
.ewm_zh span{
    color: #FF0000;
    display: block;
    text-align: center;
    font-size: 1vw;
}
.red_tip{
    color: #FF7171;
    display: block;
    text-align: center;
    font-size: 1vw;
    margin: 1vw 0;
}
.tijiao_but{
    background: linear-gradient(180deg, #17D3FD 0%, #0060AB 100%);
    border-radius: 50px;
    opacity: 0.9;
    line-height: 3vw;
}
.tijiao_but a{
    color: #fff;
    text-align: center;
    display: block;
    font-size: 1.5vw;
}
.ff_tip{
    color: #ffffff;
    display: block;
    text-align: center;
    font-size: 0.6vw;
    margin: 1vw 0;
}
.regist_other{
    border-top: 1px solid #fff;
    text-align: center;
    font-size: 1vw;
    padding: 1vw 0;
    margin: 2vw 0 0;
}
.regist_other span{}
.regist_main::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 2px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
.regist_main::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #ffffff;
  }
.success_pop{}
.pop_success{
    /* padding: 2vw 0; */
}
.pop_success .just_img{
    width: 5vw;
}
.pop_success .just_img img{}
.success_zi{
    color: #666666;
    margin: 2vw 0;
    text-align: center;
}
.success_zi span{
    font-size: 1.3vw;
    color: #5625BE;
    font-weight: 600;
    display: block;
    margin-bottom: 1vw;
}
.success_zi p{
    font-size: 0.9vw;
}
.pop_success a{
    display: block;
    margin: 0 auto;
    text-align: center;
    background: #5625be;
    color: #fff;
    width: 60%;
    padding: 0.6vw 0;
    border-radius: 5vw;
    font-size: 1vw;
}

/*****************************************/
.one_contact{
    display: flex;
    border-radius: 34px 34px 0 0;
    overflow: hidden;
    width: 100%;
    /* align-items: flex-start; */
}
.le_video{
    width: 47vw;
    height: 100%;
}
.biao{
    background: #fff;
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    padding: 0.3vw 1vw 0.3vw 2vw;
    height: 58px;
    position: relative;
}
.biao h4{
    font-size: 1.1vw;
    color: #0f709a;
    font-weight: bold;
    margin-left: 10px;
}
.biao span{
    font-size: 0.86vw;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0 1.1vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #275EE3;
    color: #fff;
}
.biao a img{
    width: 1.5vw;
}
.video_img{}
.video_img img{
    width: 100%;
}
.ri_huiyiyugao{
    flex: 1;
    margin-left: 10px;
    background: #090c8f;
    /* height: 100%; */
}
.in_pro_title{
    background: #fff;
}
.in_pro_title ul{
    display: flex;
    align-items: center;/*
    justify-content: center;*/
    padding: 1.2vw 0;
   height: 58px;
}
.in_pro_title ul li{
    padding: 0 2vw;
    color: #fff;
    font-size: 1.2vw;
    cursor: pointer;
    border-radius: 50px;
    padding: 0.3vw 2vw;
}
.in_pro_title ul li.li_on,.in_pro_title ul li:hover{font-weight: bold;/*background: #E26A26;*/}
.in_pro_title ul li span{color: #0f709a;}
.in_pro_main{background-color: #090C8F;
}
.huiyi_list{
    /* height: 24.9vw; */
    /* overflow-y: scroll; */
}
.huiyi_list ul {
    height: 24.95vw;
    overflow-y: scroll;
}

  .huiyi_list ul::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 2px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
  .huiyi_list ul::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
box-shadow   : inset 0 0 2px rgba(0, 0, 0, 0.2);
  background   : #e4e5e8;
  }
.huiyi_list ul li{
    padding: 0.8vw;
    border-bottom: 1px solid #09768f;
}
.in_one_luntan{
    display: flex;
}
.in_one_luntan .img{
    width: 8vw;
    padding-right: 0.5vw;
    position: relative;
}
.in_one_luntan .img img{}
.in_one_luntan span{
    position: absolute;
    left: 0.2vw;
    top: 0.2vw;
    color: #fff;
    background: #a95b5b;
    z-index: 999;
    font-size: 0.1vw;
    padding: 0.1vw;
    border-radius: 50px;
    padding: 0 0.3vw;
}
.one_lt_zi{
    flex: 1;
    position: relative;
        color: #fff;
}
.one_lt_zi h3{
    font-size: 14px;
    font-weight: bold;
        color: #fff;
}
.smoll_zi{
    color: #fff;
    font-size: 0.5vw;
    position: absolute;
    bottom: 0;
}
.smoll_zi span{
    display: block;
    position: initial;
    color: #ffffff;
    background: none;
    border-radius: 0;
    padding: 0;
}
.two_zi{
    position: relative;
    z-index: 9999;
    color: #fff;
    border-radius: 16px;
    overflow: hidden;
    padding: 1vh;
}
.two_zi img{
    width: 100%;
}
.meet_jj {
    /* background: url(../images/meet_jj.png) center center no-repeat; */
    /* background-size: 100% 100%; */
    /* border-radius: 2vw; */
    /* max-height: 35vw; */
    /* padding: 3vw; */
}
.base_jj{
    /*height: 61vh;*/
    /* position: relative;*/
    /* top: 0; */
    /* right: 0; */
    /* bottom: 0; */
    padding: 3vw 4vw 2vw;
    /* box-sizing: border-box; */
    background: url(../images/meet_jj.png) center center no-repeat;
    background-size: cover;
    border-radius: 12px;
    overflow-y: scroll;
    /* box-sizing: content-box; */
    box-shadow: 0 0 10px #70709c8f;
}
.base_zi{
    margin-bottom: 1vw;
}
.base_zi h2{
    text-align: center;
    font-size: 1.5vw;
    position: relative;
    margin-bottom: 1vw;
}
.base_zi em{
    position: relative;
    z-index: 1;
    font-weight: bold;
    /* padding-bottom: 0.6vw; */
    display: block;
    /* line-height: 1vw; */
}
.base_zi h2 span{
    /* position: absolute; */
    /* left: 0; */
    /* right: 0; */
    color: #56E4F2;
    /* -webkit-text-stroke: 1px #07adea7a; */
    /* font-weight: bold; */
    z-index: 0;
    bottom: 0;
    font-size: 1.2vw;
    text-transform: uppercase;
    display: block;
}
.base_zi p{
    font-size: 0.9vw;
    line-height: 1.5vw;
    text-indent: 1.8vw;
}
.base_thing{
    display: flex;
    justify-content: space-around;
    text-align: center;
}
.base_thing .base{
    font-size: 1.1vw;
}
.base_thing .base span{
    display: inline-block;
   /* border: 1px solid #fff;
    padding: 0.5vw 1.5vw;*/
    line-height: 1.5vw;
    margin-bottom: 0.5vw;
    font-weight: 600;
}
.base_thing .base p{
    text-indent: 0;
}
.main_height{/* height: 65vh; *//* overflow-y:scroll; *//* position: relative; */}
.main_height1{/* max-height: calc(100% - 15vw); */overflow-y:scroll;}
.onecontainer{
    padding: 0 7vw 0 5.5vw;
    width: 100%;
}
  .main_height::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 2px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
  .main_height::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
box-shadow   : inset 0 0 2px rgba(0, 0, 0, 0.2);
  background   : #e4e5e8;
  }
    .base_jj::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 2px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
  .base_jj::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
box-shadow   : inset 0 0 2px rgba(0, 0, 0, 0.2);
  background   : #e4e5e8;
  }
.huiyi_map{}
.map_img{
    width: 72%;
    margin: 0 auto;
}
.map_img img{
    width: 100%;
}
.gomore{
    text-align: center;
    margin: 1vw 0;
}
.gomore a{
    display: inline-block;
    padding-right: 1vw;
    background: url(../images/more_jt.png) right center no-repeat;
    background-size: 1vw;
    font-size: 1vw;
    color: #fff;
}
/*huiyi_jigou*/
.huiyi_jigou{
    position: relative;
}
.jg_ul{
    display: flex;
}
.jg_li{
    padding: 1vw;
    margin-bottom: 2vw;
    /* background: #FFFFFF; */
    /* box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.08); */
    border-radius: 12px;
    width: 70%;
}
.jg_li h2{
    font-size: 1.4vw;
    color: #fff;
    font-weight: bold;
    /* padding-left: 10px; */
    display: flex;
    align-items: center;
    line-height: 2.5vw;
}
.jg_li h2:before{content:".";display: block;width: 2px;height: 1.5vw;background: #56e4f2;font-size: 0;margin: 0 1vw 0 0;}
.jg_li ul{
    margin-left: 1.2vw;
}
.jg_li ul li{
}
.jg_li ul li a{
    color: #fff;
    font-size: 0.8vw;
    display: block;
    line-height: 2.5vw;
    /* padding: 0 1vw; */
    border-radius: 50px;
}
.jg_li ul li a p{}
.flex1{flex:1}
a.jg_more {
    font-size: 0.8vw;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
}

/*****huiyi_jiabin*****/
.huiyi_jiabin{
    height: 63vh;
    overflow-y: scroll;
    /* padding: 1vw 0; */
}
  .huiyi_jiabin::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 2px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
  .huiyi_jiabin::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
box-shadow   : inset 0 0 2px rgba(0, 0, 0, 0.2);
  background   : #e4e5e8;
  }
.huiyi_jiabin ul{
    display: flex;
    align-items: flex-end;
}
.huiyi_jiabin ul li{
    /* padding: 0 1vw; */
    /* width: 15.5vw !important; */
    /* transform-origin: 100% 100% 0; */
    /* transition: all 0.3s ease; */
}
.huiyi_jiabin ul li.this{
    width: 17vw !important;
}
.huiyi_jiabin ul li:hover{width: 16 !important;}
.ib_item{
    /* border: 2px solid #61c3ef; */
    /* background: #D2F1FF; */
    /* padding: 0.5vw; */
    border-radius: 0.5vw;
    margin: 0 0.6vw;
    /* background: linear-gradient(180deg, #1A4FAC 0%, #57A3F0 100%); */
    box-shadow: 0 0 10px #2b385273;
}
.jb_main{
    background: #fff;
    border-radius: 0.5vw;
    background: url(../images/ib_bg.png)  center center no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
}
.jb_base_thing{
    padding: 1.5vw;
    margin-bottom: 2vw;
}
.jb_base_thing h4{
    font-size: 1.2vw;
    font-weight: bold;
    color: #fff;
}
.jb_base_thing h4:after{content:".";display: block;width: 2.5vw;height: 1px;background: #56E4F2;font-size: 0;margin: 0.3vw 0;}
.jb_base_thing span{
    font-size: 0.8vw;
    line-height: 1.2vw;
    color: #fff;
    display: block;
}
.jb_bg_img{}
.jb_bg_img img{
    width: 100%;
}

/*********huiyi_richeng**********/
.huiyi_richeng{
    overflow: hidden;
    /* height: 100%; */
}
.rcap_con{
    /* display: flex; */
    /* background: linear-gradient(180deg, white, #fdfdfd96); */
    border-radius: 2vw;
    /* box-shadow: 0 0 10px #c5c5c5; */
    height: 60%;
}
.rc_title{
    /* margin-bottom: 1vw; */
    /* width: 6vw; */
}
.rc_title ul{
    display: flex;
    margin-right: 20vw;
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    height: 100%;
    background: linear-gradient(180deg, #5CA9C9, #CCEBF6);
    padding: 1vw 0;
    border-radius: 0.5vw 2vw 0vw 0vw;
}
.rc_title ul li{
    flex: 1;
    cursor: pointer;
    flex: 1;
    height: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    /* font-weight: bold; */
    width: 100%;
    font-size: 16px;
    cursor: pointer;
    color: #ffffff;
}
.rc_title ul li:nth-child(1){
    /* background: url(../images/ambg.png) bottom center no-repeat; */
    background-size: 100%;
    /* background: none; */
    border-radius: 1vw 0 0 0;
    color: #ffffff;
    border-right: 2px solid #0f709a;
    }
.rc_title ul li:nth-child(2){

    }
.rc_title ul li:nth-child(1).li_on{

}
.rc_title ul li:nth-child(2).li_on{
    /* background: url(../images/pmbg.png)top center no-repeat; */
    /* background-size: 100%; */
    background: none;
    color: #0f709a;
}
.rc_title ul li img{width:100%}
.rc_title ul li.li_on{color: #0f709a;font-weight: bold;}
.rc_title ul li .ww{
    display: block;
}
.rc_title ul li .xx{
    display: none;
}
.rc_title ul li.li_on .ww{
    display: none;
}
.rc_title ul li.li_on .xx{
    display: block;
}
.in_richeng_main{
    flex: 1;
    background: #fff;
    height: 50vh;
}
.rcap_list{
    /* border: 0.3vw solid #D2F1FF; */
    /* background: #ffffff69; */
    /* border-radius: 6px; */
}
.zlt_con{
    padding: 0 2vw;
}
.choge_time{
    /* width: 10vw; */
}
.choge_time ul{
    display: flex;
    /* flex-direction: column; */
    /* align-items: center; */
    /* height: 100%; */
    padding: 2vw 0 0;
}
.choge_time ul li{
    font-size: 0.8vw;
    cursor: pointer;
    border: 1px solid #0f709a;
    border-radius: 0.6vw;
    color: #0f709a;
    text-align: center;
    padding: 0.2vw 1vw;
    margin: 0vw 2vw 0 0;
}
.choge_time ul li:nth-child(2){/* background: url(../images/pmbg.png) top center no-repeat; *//* color: #fff; *//* background-size: 100%; */}
 
.choge_time ul li:nth-child(2).li_on{/* background: #fff0; *//* color:#245DB7; *//* background-size: 100%; */}

.choge_time ul li.li_on{
   background: #0f709a;
   color: #fff;
   /* background-size: 100%; */
}
 
.zlt_main_box{
    flex: 1;
    padding: 2vw 0vw 2vw 0;
    max-height: 48vh;
    overflow-y: scroll;
}
.zlt_main{}
.zlt_main ul{
    display: flex;
    flex-flow: wrap;
}
.zlt_main ul li{
    width: 50%;
    margin-bottom: 1vw;
}
.ric_mm{line-height: 2vw;color: #333;padding-right: 2vw;position: relative;}
.ric_mm:before{content:".";display: block;width: 0.1vw;height: 1.1vw;background: #245DB7;position: absolute;left: 0;top: 0.3vw;font-size: 0;display: none;}
.ric_mm h4{
    font-size: 1.2vw;
    /*font-weight: bold;*/
    line-height: 1.4vw;
}
.ric_mm span{
    font-size: 14px;
    line-height: 1.2vw;
}
.ric_mm p{
    font-size: 0.7vw;
    color: #999;
    line-height: 1.4vw;
}
.flt_con{
    padding: 1vw 1vw 0 1vw;
    height: 10.6vw;
    overflow-y: scroll;
}
.flt_box{}
.flt_box ul{
    display: flex;
    flex-flow: wrap;
    margin-left: -1vw;
}
.flt_box ul li{
    width: 33.3333333%;
}
.flt_box ul li a{}
.flt_box ul li a .img{
    margin: 0 0 1vw 1vw;
}
.flt_box ul li a .img img{}


  .scoll_y::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 2px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
  .scoll_y::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #ffffff;
  }
.margin_r5vw{margin-right: 5vw;/* height: 21.3vw; */}

/*********onlin_zhanting**********/
.padding05{
    padding: 0 5vw;
}
.neiye_con.bageno {
    background: none;
    max-height: 60vh;
    padding-bottom: 1vh;
}
.onlin_zhanting{}
.online_zt{}
.online_zt ul{}
.online_zt ul li{}
.product_case_list ul li:first-child {
    border-radius: 0.8vw 0.8vw 0 0;
    overflow: hidden;
}
.online_li{
    margin-bottom: 0.4vw;
}
.onlin_title{
    height: 4vw;
    line-height: 4.5vw;
    position: relative;
}
.online1{
    background: #fff;
    background-size: 100%;
}
.online2{
    background: url(../images/onlin2.png);
    background-size: 100%;}
.online3{
    background: url(../images/onlin3.png);
    background-size: 100%;}
.online4{
    background: url(../images/onlin4.png);
    background-size: 100%;}
.onlin_title h2{
    font-size: 1.2vw;
    font-weight: 400;
    /* color: #fff; */
    padding-left: 1.5vw;
    height: 4vw;
    line-height: 4vw;
}
.onlin_title i{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../images/onlin_you.png) center center no-repeat;
    background-size: 2vw;
    width: 4vw;
}
.onlin_title_s i {
    background: url(../images/onlin_xia.png) center center no-repeat;
    background-size: 2vw;
}
.online_hide{
    display: flex;
    flex-flow: wrap;
    padding: 0;
    overflow-y: hidden;
    transition: all 0.3s ease;
    /* width: 80%; */
    background: #fff;
    height: 0;
    padding: 0 0.5vw;
}
.online_show{
    /* margin: 1vw 0; */
    padding: 0.5vw;
    height: auto;
}
.online_hide span{
    width: 33.33%;
    padding: 1vw;
    box-sizing: border-box;
}
.online_hide span a{
    background: #fff;
    display: block;
    height: 8vw;
    margin-left: 0vw;
    margin-bottom: 0vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1vw;
    box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.05);
}
.online_hide span img{
    width: 100%;
}

/**img_zhibo**/
.img_zhibo{}
.img_zb{
    max-height: 50vw;
    background: rgba(255,255,255,0.2);
    padding: 0.5vw;
}
.img_zb ul{
    display: flex;
    flex-flow: wrap;
}
.img_zb ul li{
    width: 50%;
}
.img_zb ul li a{
    display: block;
}
.img_box{
    margin: 0.5vw;
    /* border-radius: 13px; */
}
.img_box img{
    width: 100%;
}
/***********chuangke_xly**************/
.chuangke_xly{}
.xly_title{
    width: 28%;
    margin: 0 auto 1vw;
}
.xly_title img{
    width: 100%;
}
.xly_main{
    margin: 0px 14%;
}
.xly_main p{
    font-size: 0.8vw;
    line-height: 1.3vw;
    text-indent: 2vw;
}
.xly_item{
    margin-top: 1vw;
}
.xly_item h4{
    font-size: 1vw;
    font-weight: bold;
    color: #236BE1;
    margin-bottom: 0.3vw;
}
.twop p {
    text-indent: 0;
}
.xly_main p span{
    color: #8B8B8B;
}
.xly_enter_toup{
    position: relative;
}
.xly_enter_toup .gomore{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    color: #fff;
}
.xly_enter_toup .gomore a{}
.xly_enter_toup img{
    width: 100%;border-radius: 15px;
}

.footer{
    position: absolute;
    bottom: 0;
    left: -17vw;
    right: -6vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.8);
    padding: 1vw 0;
}
.foot{}
.foot ul{display: flex;align-items: center;justify-content: center;}
.foot ul li{
    font-size: 0.5vw;
    line-height: 1.3vw;
    color: #ffffff;
    display: flex;
    align-items: center;
    font-size: 0.8vw;
}
.foot ul li span{
    display: inline-block;
    padding-left: 0.7vw;
    margin-right: 0.7vw;
}
.foot ul li span.add{
    background: url(../images/add.png) left center no-repeat;
    background-size: 1vw;
}
.foot ul li span.tel{
    /* background: url(../images/tel.png) left center no-repeat; */
    /* background-size: 1.5vw; */
    text-decoration: underline;
}
.foot ul li span.ema{
    background: url(../images/ema.png) left center no-repeat;
    background-size: 1vw;
}
.foot ul li span.cha{
    background: url(../images/cha.png) left center no-repeat;
    background-size: 1vw;
}
.foot ul li span.cop{
   /* background: url(../images/cop.png) left center no-repeat;
    background-size: 1.5vw;*/
}
.foot ul li img{
    width: 6vw;    margin-right: 5px;
}
.pos_reletive{
    position: relative;
}



.small_wal {
    
    width: 80%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
/**foot_con**/
.foot_con{
    position: absolute;
    bottom: 0;
    left: -17vw;
    right: -6vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #181818;
    padding: 2rem 0 2rem;
}
.foot_thing{}
.img_logo{
    display: flex;
    align-items: center;
    padding: 0 0 0.8rem;
    border-bottom: 1px solid rgba(255,255,255,0.31);
}
.img_logo img{
    height: 2rem;
    display: block;
}
.img_logo i{
    width: 1px;
    height: 1rem;
    display: block;
    background: #606060;
    margin: 0 1rem;
}
.foot_text{
    font-size: 14px;
    color: #999999;
}
.foot_text p{
    margin: 0.8rem 0 0 0;
}
/*xuanfu_con*/
.xuanfu_con{
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.xf_box{
    height: 20vw;
    position: relative;
    width: 4.4vw;
    text-align: right;
}
.xf_icon{
    top: 0;
    text-align: center;
    width: 4.4vw;
    position: absolute;
    opacity: 0;
    transition: all 0.3s ease;
    cursor: pointer;
    /* z-index: 1; */
    background: #fff;
    height: 4.4vw;
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
}
.xf_icon span{display:block;width: 4.4vw;color: #666;font-size: 14px;}
.xf_show1{
    bottom: 21vw;
    opacity: 1;
}
.xf_show2{
    bottom: 15vw;
    opacity: 1;
}
.xf_show3{
    top: 3.5vw;
    opacity: 1;
}
.xf_show4{
    top: 7.9vw;
    opacity: 1;
}
.xf_icon img{width: 100%;}
.xuanfu_but{
    position: absolute;
    top: 0;
    width: 3vw;
    margin: 0 0.7vw;
    cursor: pointer;
    right: 0;
    transition: all 0.2s ease;
    z-index: 9;
}
.xuanfu_but i{
    display: block;
    width: 1.5vw;
    height: 1.5vw;
    background: url(../images/xuanfu_s.png) center center no-repeat;
    background-size: 100%;
    margin: 0 auto;
    transition: all 0.2s ease;
}
.xuanfu_but img{
    width: 100%;
}
.xuanfu_but.xs i {
    transform: rotate(180deg);
}



/****pop****/
.popshow {
    display: block;
}

.black_bgshow {
    display: block;
}




























 
.pop_box{}

.closed{
    position: absolute;
    top: 1vw;
    right: 1vw;
    z-index: 99;
}
.closed i{
    width: 1.5vw;
    height: 1.5vw;
    display: block;
    margin: 0 auto;
    background: url(../images/close.png) center center no-repeat;
    background-size: 1.5vw;
}
.pop_main{}
.regist_main{}
.regist_img{
    flex: 1.6;
}
.regist_img img{
    width: 100%;
}
.regist_form{
    flex: 1;
    padding: 2vw 2vw 0;
    height: 100%;
}
.regist_title{
    width: 65%;
    margin: 0 0 1vw;
}
.regist_title img{
    width: 100%;
}
.zc_form{}
.zc_form .input{
    margin-bottom: 0.6vw;
    position: relative;
}
.zc_form .input input{
    width: 100%;
    line-height: 2vw;
    border-radius: 40px;
    padding: 0 1vw;
    font-size: 0.7vw;
    color: #666;
    background: #EEEEEE;
}
.btn_light{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: #E26A26;
    color: #fff;
    border-radius: 50px;
    padding: 0 1vw;
    font-size: 0.7vw;
}
.zc_form .input select{
    width: 100%;
    line-height: 2vw;
    height: 2vw;
    border-radius: 40px;
    padding: 0 1vw;
    font-size: 0.7vw;
    color: #666;
    background: #EEEEEE;
    border: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
}
.zc_form .input i{content:".";display: block;width: 2.5vw;position: absolute;top: 0;bottom: 0;right: 0;background: url(../images/zc_xia.png) center center no-repeat;}
.zc_form .input select option{}
.tj_but{
    text-align: center;
    margin-top: 1vw;
}
.tj_but a{
    width: 100%;
    line-height: 2vw;
    border-radius: 40px;
    padding: 0 1vw;
    font-size: 0.7vw;
    color: #666;
    background: #e26a26;
    display: block;
    color: #fff;
    font-size: 1vw;
}
.tj_but a img{}
.regist_ok {
    align-items: center;
    justify-content: center;
    height: 26vw;
    display: flex;
}
.zc_ok_zi{
    text-align: center;
    color: #28337E;
    font-weight: bold;
    margin: 0.5vw 0;
    font-size: 1.2vw;
}
.zc_ok_zi p{}
.zc_ok_zi span{
    font-size: 0.8vw;
    font-weight: normal;
    color: #666;
}
.que_but {
    text-align: center;
    font-size: 0;
}
.que_but a{
    display: inline-block;
    margin: 0.5vw auto;
    width: 7vw;
    color: #fff;
    background: #e26a26;
    font-size: 0.8vw;
    border-radius: 2vw;
    line-height: 2vw;
}

.pop_xq img {
    display: block;
    margin: 0 auto;
    width: 3vw;
}
.other_pop_main{}
.pop_title{}
.xin_pop_title {
    background: #0f709a;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5vw 0.5vw 0 0;
}
.pop_title img{
    width: 6vw;
    width: 12vw;
    margin: 0 0 0 -5vw;
}
.pop_main_box{
    background: #fff;
    border-radius: 0 0 0.5vw 0.5vw;
}
.pop_small_title{
    width: 10vw;
    padding: 2vw 0 0;
    margin: 0 auto;
}
.pop_small_title img{
    width: 100%;
}
.pop_mm{
    padding: 2vw 1.5vw 4vw;
}
.guigu_main{}
.guigu_main ul{
    /* display: flex; */
    /* flex-flow: wrap; */
}
.guigu_main ul li{
    /* width: 50%; */
    font-size: 0;
    background: #E5F9F0;
    padding: 1vw;
    margin-bottom: 2vw;
    border-radius: 0.5vw;
}
.guigu_main ul li:nth-child(2){background: #FDF5F2;}
.guigu_main ul li a{
    display: block;
}
.guigu_main ul li a .hg_item{display: flex;align-items: center;}
.guigu_main ul li a .hg_item img{
    width: 4vw;
    margin-right: 1vw;
}
.guigu_main ul li a .hg_item span{
    font-size: 0.98vw;
    flex: 1;
}
.pop_huigu_xiangqing{
    display: none;
}
.guigu_xiangqing_main{
    background: #fff;
    height: 30vw;
    overflow-y: scroll;
    border-radius: 0.5vw;
}
.guigu_xiangqing_main img{
    width: 100%;
}
.pop_huigu_xiangqing.active {
    display: block;
}

.huigu_black_bg{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 994;
    background: #0000006b;
    display: none;
}
.huigu_black_bg_show{display:block}
.closed_hg_xq{
    position: absolute;
    top: -3vw;
    right: 0;
    left: 0;
	display:none
}
.closed_hg_xq i{
    width: 1.5vw;
    height: 1.5vw;
    display: block;
    margin: 0 auto;
    background: url(../images/close.png) center center no-repeat;
    background-size: 1.5vw;
}
.closed_hg_xq_show{display:block}

/*********down_main**************/
.down_main{
    display: flex;
    margin-left: 1vw;
    align-items: flex-start;
    position: relative;
    padding: 1vw 0vw 2vw;
}
.down_box{
    flex: 1;
    /* background: #236BE1; */
    margin: 0 1vw 0 0;
    border-radius: 0.5vw;
}
.down_box ul{border: 0.4vw solid #236BE1;border-radius: 0 0 0.5vw 0.5vw;padding: 1vw;border-top: 0;}
.down_box ul li{
    margin-bottom: 1.5vw;
}
.down_box ul li a{
    display: block;
    position: relative;
}
.down_item{}
.down_item img{
    width: 100%;
}
.down_but {
    position: absolute;
    bottom: -1vw;
    right: 3.5vw;
    width: 5vw;
}
.down_but img{
    width: 100%;
}
.down_box p{
    font-size: 0.7vw;
    text-align: right;
    line-height: 2vw;
    color: #999;
}
.down_img{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 35%;
}
.down_img img{
    width: 100%;
}
.down_box h3{
    font-size: 0.8vw;
    color: #fff;
    background: #236be1;
    padding: 0.4vw 1vw;
    border-radius: 0.5vw 0.5vw 0 0;
    font-weight: bold;
}

.go_login {
    text-align: center;
    font-size: 0.6vw;
    color: #666;
}

.go_login a {
    color: #236BE1;
}

.go_regist_tips {
    height: 25vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login_title{
    font-size: 1.1vw;
    text-align: center;
    margin-bottom: 1vw;
}
.login_but{
    font-size: 1vw;
    background: linear-gradient(135deg, #49A4F2 0%, #236BE1 100%);
    text-align: center;
    line-height: 2vw;
    border-radius: 5vw;
}
.login_but a{
    color: #fff;
}
.contact_main{
    display: flex;
    align-items: center;
    padding: 2vw 0vw;
}
.contact_main img{
    width: 100%;
}

.nei_container{
    padding: 0;
}
.nei_container .nei_title{
    margin: 0vw 0 1vw 0vw;
}
.neiye_con{
    /* height: 100%; */
    overflow-y: scroll;
    background-color: #fff;
    max-height: 100%;
}
.neiye_con img{width:100%}
.zhanting_con {
    width: 88%;
    margin: 0 auto;
    height: 100vh;
    overflow-y: scroll;
}
  .zhanting_con::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 2px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
  .zhanting_con::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #ffffff;
  }
/*****************nei_jb***/
.nei_jb{
    /* padding: 1vw 0.5vw 0; */
}
.nei_jb ul {
    display: flex;
    flex-flow: wrap;
}
.nei_jb ul li{
    width: 25%;
    margin-bottom: 1.2vw;
}
.nei_jb ul li .ib_item {
    /* background: linear-gradient(180deg, #57A3F0 0%, #1A4FAC 100%); */
}
.nei_jb ul li .ib_item .jb_bg_img{
    padding-top: 0;
}
.nei_jb ul li .ib_item  .jb_main{
    /* background: url(../images/ib_bg.png)  center 1vw no-repeat; */
    /* background-size: 80%; */
}
.nei_jb ul li .ib_item img {
    width: 100%;
    margin: 0 auto;
    display: block;
}
.nei_jb ul li .jb_base_thing{
    margin: 0;
    height: 120px;
    position: absolute;
    left: 0;
    top: 0;
}

/**********toupiao_container*******************/
.toupiao_container{

/* padding: 5vw 12vw 5vw 12vw; */
}
.zhongjiagn_con {
    height: 100%;
    overflow-y: scroll;
}

.zhongjiagn_con img {
    width: 100%;
}
  .zhongjiagn_con::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 2px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
  .zhongjiagn_con::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
box-shadow   : inset 0 0 2px rgba(0, 0, 0, 0.2);
  background   : #e4e5e8;
  }
.toupiao_con{
    height: 100%;
}
.tp_title{
    width: 50%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.tp_title img{
    width: 100%;
}
.tp_list{
    background: #deecf5d6;
    box-shadow: 0px 2px 13px 0px rgba(45, 99, 134, 0.28);
    border-radius: 16px;
    margin: -3vw 0 0 0;
    padding: 3vw 2vw 2vw;
    height: 100%;
    overflow: scroll;
}
.tp_list ul{
    display: flex;
    flex-flow: wrap;
}
.tp_list ul li{
    width: 33.33%;
    padding: 1.5vw;
    position: relative;
}
.tp_item{
    background: #fff;
    padding: 1vw;
    border-radius: 0.5vw;
}
.tp_logo {
    cursor: pointer;
}
.com_logo{
    width: 80%;
    margin: 0 auto 0.5vw;
}
.com_logo img{
    width: 100%;
}
.tp_item p{
    font-size: 0.8vw;
    color: #666;
    line-height: 1.2vw;
}
.piao_nub{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0.5vw 0 0;
}
.piao_nub span{
    display: block;
    color: #E97602;
    font-size: 0.8vw;
    font-weight: bold;
}
.piao_nub a{
    display: inline-block;
    font-size: 0.8vw;
    color: #fff;
    border-radius: 1vw;
    padding: 0.2vw 1vw;
    font-weight: bold;
}
.piao_nub a.cant{
    background: #CCCCCC;
}
.piao_nub a.can{
    /*background: linear-gradient(135deg, #FFBE00 0%, #FF7400 100%);*/
    background-color: #c2c2c2;
}
.tp_list ul li:nth-child(1):after,.tp_list ul li:nth-child(2):after,.tp_list ul li:nth-child(3):after{content: ".";position: absolute;left: 0.5vw;top: 0.5vw;width: 3vw;height: 3vw;font-size: 0;}
.tp_list ul li:nth-child(1):after{
    background: url(../images/jin.png) center center no-repeat;
    background-size: contain;
}
.tp_list ul li:nth-child(2):after{
  background: url(../images/yin.png) center center no-repeat;
    background-size: contain;
}
.tp_list ul li:nth-child(3):after{
  background: url(../images/tong.png) center center no-repeat;
    background-size: contain;
}
.pop_toupiao_xiangqing {display:none}
.pop_toupiao_xiangqing.active {display:block}


.con_ma{
    order: 2;
    width: 12vw;
}
.con_ma img{
    padding: 0 1.5vw;
}
.con_ma p{font-size: 0.8vw;text-align: center;color: #28337E;margin: 0.5vw 0 0;}
.con_fs{
    order: 1;
    flex: 1;
}
.con_fs ul{
    margin-top: -1vw;
}
.con_fs ul li{
    margin-top: 1vw;
}
.con_fs_tel{
    position: relative;
    /* display: flex; */
    /* align-items: baseline; */
    color: #000;
    text-align: center;
}
.con_fs_tel img{}
.con_fs_tel h3{
    /* background: #E26A26; */
    color: #000;
    padding: 0.25vw 1vw;
    border-radius: 50px;
    font-size: 1.1vw;
    font-weight: bold;
}
.con_fs_tel p{
    font-size: 1.1vw;
    margin-left: 1vw;
    line-height: 1.5vw;
    color: #666;
}
.con_fs_tel p span{
font-size:0.8vw
}
.con_fs_tel p em{font-weight:bold}



.jiabin_xiangqing_main{
    background: #fff;
    border-radius: 1vw;
    padding: 1vw 0.5vw;
}
.pop .intro{
    border-bottom: 1px solid #eee;
    padding: 1vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.pop .intro .pic {
    width: 11vw;
    height: 16vw;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background: url(../images/ib_bg.png) center center no-repeat;
    background-size: cover;
    border-radius: 0.5vw;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.pop .intro .pic img{
    position: relative;
    z-index: 1;
    width: 100%;
    margin: 0 auto;
    display: block;
}

.pop .intro .explain {
    margin-left: 1vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    flex: 1;
}
.pop .intro .explain .name{
    font-size: 1.5vw;
    font-weight: 400;
    color: #333;
    letter-spacing: 0.5vw;
    margin-bottom: 0.5vw;
}


.pop .intro .explain .post{
    font-size: 0.8vw;
    color: #666;
}
.pop .agenda{
    padding: 1vw;
}
.pop .agenda .title {margin: 0 -1.5vw 1vw;width: 8vw;background: #0f709a;color: #fff;padding: 0.5vw 0;text-align: center;font-size: 1.2vw;}
.pop .agenda .title img{width:100%}

.pop .agenda .title p{
    font-size: 3.7vw;
    color: #333;
}

.pop .agenda .agenda-item{
    width: 100%;
    height: auto;
    /* max-height: 30vh; */
    /* overflow-y: scroll; */
    /* cursor: pointer; */
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.pop .agenda .item{
    /* padding: 0.5vw; */
}
.pop .agenda .item .top{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    margin-bottom: 0.5vw;
    margin-left: 0.7vw;
}

.pop .agenda .item .place{
    /* margin: 2.1vw 0 0 5.1vw; */
}
.pop .agenda .item .top .t-img{
    width: 0.1vw;
    height: 1.2vw;
    background: #0f709a;
    transform: rotate(45deg);
}

.pop .agenda .item .top .t-text{
    font-size: 1vw;
    font-weight: 400;
    color: #333;
    line-height: 1.5vw;
    margin-left: 1vw;
    /* overflow: hidden; */
    /* white-space: nowrap; */
    /* text-overflow: ellipsis; */
}
.pop .agenda .item .place .p-time,.pop .agenda .item .place{
    display: -webkit-box;
    display: -ms-flexbox;
    /* display: flex; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.pop .agenda .item .place .p-time{
    margin-right: 1vw;
}
 .pop .agenda .item .place .p-address{
    margin: 0;
}
.pop .agenda .item .place .p-time .address-img{
    width: 1.2vw;
    height: 1.2vw;
}
.pop .agenda .item .place .p-time .address-img img{
    width: 100%;
    vertical-align: top;
}

.pop .agenda .item .place .p-time .time-img {
    width: 1.2vw;
    height: 1.2vw;
}
.pop .agenda .item .place .p-time .time-img img{
    width: 100%;
    vertical-align: top;
}

.pop .agenda .item .place .p-time p{
    font-size: 0.8vw;
    font-weight: 400;
    color: #999;
    line-height: 1vw;
    margin-left: 0.5vw;
}
.conpopbg{
    /* background: url(../images/conpopbg.png) center center no-repeat; */
    /* background-size: cover; */
}



.csee_bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 1vw;
    display: none;
}

.pop .intro .pic 
 .csee_bg img {
    width: 80%;
}
.hover_huigu{
    position: fixed;
    right: 0;
    top: 40%;
    padding: 0 1vw 0 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.3s ease;
    display: none;
}
.x_huigu_main{
    background: rgba(255,255,255,0.9);
    border-radius: 1vw;
    font-size: 1vw;
    line-height: 2vw;
    color: #666;
    overflow: hidden;
}
.x_huigu_main ul{}
.x_huigu_main ul li{
    border-bottom: 1px solid #ddd;
}
.x_huigu_main ul li a{
    display: block;
    line-height: 2vw;
    padding: 0.5vw 1vw;
} 
.go_hover_huigu{}
.go_hover_huigu:hover .hover_huigu{
    opacity: 1;
    right: 4.4vw;
    display: block;
}
.x_huigu_main ul li a:hover{
    background: #e26a26;
    color: #fff;
}
.x_huigu_main ul li:last-child{border:0}
.quan_vh {
    height: 100vh;
}


.onlin_zb {}

.onlin_zb ul {
    display: flex;
    flex-flow: wrap;
    margin: -0.5vw 0 0 -0.5vw;
}

.onlin_zb ul li {
    width: 20%;
}

.onlin_zb ul li .img_box {
      margin: 0;
    border-radius: 0.5vw;
}

.onlin_zb ul li .img_box img {}

.onlin_zb ul li a {
    background: #fff;
    display: block;
    margin: 0.5vw 0 0 0.5vw;
    border-radius: 0.5vw;
}


.Introduction {
    padding: 0 0 2vw;
    border-bottom: 1px solid #ddd;
    margin: 0 0 2vw;
    color: #000000;
}

.Introduction .ti {
    display: flex;
    align-items: center;
    margin: 0 0 1vw;
}

.Introduction .ti .leftlogo {
    width: 15vw;
    margin: 00 1vw 0 0;
}

.Introduction .ti .leftlogo img {width: 100%;}

.Introduction .ti .rightzi {
    flex: 1;
    font-size: 1.3vw;
    color: #000000;
    /* line-height: 1vw; */
}

.Introduction .ti .rightzi h3 {
    /* margin: 0 0 1vw; */
}

.Introduction .ti .rightzi a {
    font-size: 1vw;
    /* color: #EAE2F0; */
}

.Introduction .p {
    font-size: 0.9vw;
    font-weight: 400;
    /* color: #EAE2F0; */
    line-height: 1.9vw;
    /* letter-spacing: 0.001rem; */
}

.Introduction .p p {}

.more_video {
    display: flex;
    flex-flow: wrap;
    margin: -1vw 0rem 0 -1vw;
}
.more_videobox{margin: 0 0 3vw;}
.more_videobox .ti {
    font-size: 1.3vw;
    font-weight: 400;
    /* color: #EAE2F0; */
    padding: 0 0 0 1.1vw;
    background: url(../images/lsx.png) left center no-repeat;
    background-size: 0.8vw;
    margin: 0 0 2vw;
}

.more_videobox .ti h3 {}

.more_video_list {
    /* display: flex; */
    /* flex-flow: wrap; */
}

.more_video_list .videos {}

.more_video_list .videolist {
    width: 20%;
    /* background: url(../images/videobg.png) top right no-repeat; */
    /* background-size: cover; */
    /* padding: 0.1rem 0; */
    border-radius: 0.5vw;
    overflow: hidden;
}
.video_main {
    margin: 1vw 0 0 1vw;
    /* background: url(../images/videobg.png) top right no-repeat; */
    background-size: cover;
    padding: 4vw 0;
    position: relative;
    border-radius: 0.5vw;
}
.video_mainbig {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.video_mm {
    width: 60%;
    /* position: relative; */
}

video#video {
    width: 100%;
    position: relative;
    z-index: 2;
}

.videos .vclose {position: absolute;top: 0;right: 0;left: 0;bottom: 0;/* height: 0.12rem; */display: block;/* width: 0.4rem; *//* height: 0.4rem; */background: #0000006b;background-size: 0.22rem;margin: 0 auto;cursor: pointer;transition: all 0.3s ease;z-index: 1;}
.videos .vclose:hover {
    /* transform: rotate(360deg); */
}

.add_zhant {
    padding: 2vw 2vw 5vw;
}

.all_video .videolist {
    position: relative;
    cursor: pointer;
}

.all_video .videolist img {
    width: 100%;
}

.all_video .videolist img.videoed {
    display: block !important;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    width: 3vw;
    height: 3vw;
    transition: all 0.3s ease;
}
.all_video .videolist:hover img.videoed {
    transform: translate(-50%, -50%) rotate(360deg);
}
.videos {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /* background: rgba(0,0,0,0.9); */
    display: none;
    z-index: 999;
}
.zindex{zindex:999}
.company_ewm {
    width: 10vw;
}