@charset "utf-8";

html,body,div,a,input,button{margin: 0; padding: 0; font-family: RobotoRegular,Arial,sans-serif; font-size:14px; line-height: 1.6em; color: #2d1e39; font-weight: normal; box-sizing: border-box; outline: none;}
a{ text-decoration: none; }
img,br{ margin: 0; padding: 0; border: 0 none;}
li{list-style: none;}
body{ background: #f4f7fa; }

.box_wrap{ width: 1300px; margin: 0 auto; min-width: 290px; }
/*轮播图样式重置 begin*/
.swiper-container { width: 100%; height: 100%; overflow: hidden; }
.swiper-slide { text-align: center;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.list-paddingleft-2 li{
    list-style: inherit;
}
.slide_pic{ width: 100%; height: auto; }
#banner_swiper .swiper-button-prev{left:50px; margin-top: -33px; background: url(../images/qh_003.png) no-repeat center; width: 66px; height: 66px; border-radius: 50%;opacity: .8;}
#banner_swiper .swiper-button-next{right:50px; margin-top: -33px; background: url(../images/qh_003.png) no-repeat center; width: 66px; height: 66px; border-radius: 50%; transform: rotateY(180deg);opacity: .8;}
#banner_swiper .swiper-button-prev:after,#banner_swiper .swiper-button-next:after{content: ""}
#banner_swiper .swiper-button-prev:hover,#banner_swiper .swiper-button-next:hover{ opacity: 1;}

#banner_swiper .swiper-pagination-bullets{ bottom: 40px; }
#banner_swiper .swiper-pagination-bullet{ width: 26px; height: 26px; background: transparent; opacity: 1; margin: 0 10px; border:solid 3px #9f9d9d; }
#banner_swiper .swiper-pagination-bullet-active{background: #a12aff; border-color: #a12aff; opacity: 1;}
/*轮播图样式重置 end*/

.qh_top{ position: absolute; z-index: 2; top: 0; right: 0; left: 0; height: 390px; background:linear-gradient(rgba(108,18,180,.95) 0%, rgba(108,18,180,.9) 30%, rgba(108,18,180,0) 100%); }
.qh_topa{ display: flex; align-items: center; border-bottom: solid 1px #fff; margin-top: 14px; padding: 15px 0;}
.logo_wrap{height: 68px;}
.logo_wrap img{ height: 100%; width: auto; }
.flex_zw{ flex:1; overflow: hidden; }
.qh_lang{ margin: 0 66px 0 0;  font-size: 18px;}
.qh_lang em{ color: #9d60cd; font-style: normal; margin: 0 6px; font-size: 18px;}
.qh_lang a{ color: #fff; font-size: 18px; }

.nav_wrap ul{ display: flex; flex-wrap: wrap; }
.nav_wrap ul li{ position: relative; flex:1; text-align: center; border-bottom: solid 3px transparent; }
.nav_wrap ul li:hover{ border-color: #a12aff; background-color: #4a1475; }
.nav_wrap ul li a{ height: 64px; color: #fff; font-size: 20px; line-height: 64px; display: inline-block; width: 100%;}
.nav_two{display: none; position: absolute; z-index: 1; top: 67px; left: 0; min-width: 100%; background: url(../images/qh_010.png) no-repeat center top #4a1475; padding:10px 5px;}
.nav_two p{ color: #a12aff; font-size: 16px; margin: 14px 0; cursor: pointer;}
.nav_two p:hover{ color: #fff; }
.nav_wrap ul li:hover .nav_two{ display: block; }

.qh_title{ font-size: 48px; color: #4a1475; text-align: center; padding: 70px 0 25px 0; }
.news_item_wrap{ display: flex; flex-wrap: wrap; justify-content:space-between; }
.news_item{ cursor: pointer; overflow: hidden; background: #fff; width: 32%; margin-top: 20px; padding: 0 0 15px 0; }
.news_item img{ width: 100%; height: auto; }
.news_date{height: 50px; line-height: 50px; margin: 8px 20px 0 20px; color: #a12aff; font-weight: bold;}
.news_name{ height: 2.4em; line-height: 1.2em; overflow: hidden; margin: 0 20px 8px 20px; color: #4a1475; font-size: 20px; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.news_data{text-align: justify; margin:0 20px; height: 4.8em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.news_itemb{ width: 49%; }
.news_item:hover{ box-shadow: 0 0 20px rgba(0,0,0,.1) }
.news_item:hover .news_name{ color: #a12aff; }
.news_gd{ text-align: center; margin: 50px 0 80px 0; }
.viewmore{ display: inline-block; width: 236px; height: 60px; background: linear-gradient(to right,#6a59e7,#a12aff)}
.viewmore:after{ background:url(../images/qh_004.png) no-repeat 93% center; content: "VIEW MORE"; display: inline-block; width: 206px; height: 50px; margin: 5px; line-height: 50px; font-size: 18px; color: #fff; text-align: left; padding: 0 0 0 20px;}
.viewmore:hover:after{  background:url(../images/qh_005.png) no-repeat 93% center #fff; color: #4a1475; }
.partwrap{ background: url(../images/qh_005.jpg) repeat center 0; padding-bottom: 70px; }
.partwrap .qh_title{ color: #c6cfd7; }
.recruit_wrap{ display: flex; flex-wrap: wrap; }
.recruit_left{ flex:1; overflow: hidden; background: #fff; padding: 20px; display: inline-flex; flex-direction: column; justify-content:flex-end; }
.recruit_img{ width: 67%; height: auto; }
.whyUs{ font-size: 48px; color: #4a1475; font-weight: bold; }
.whycon{ max-height: 6.4em; overflow: hidden; margin: 20px 0; text-align: justify;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.reinfor{ display: flex; flex-wrap: wrap; margin: 30px 0; align-items: flex-start; }
.reinfor *{ color: #fff; }
.reintext{ margin: 2px 50px 0 15px; word-break: break-all; }
.reintextB{width:26%; overflow: hidden; margin-right: 100px; }
.reintext:last-child{ margin-right: 0; }

.partwrapB{ background: #6f21ad;  padding-bottom: 70px;}
.partwrapB .qh_title{ color: #fff; }
.links_wrap{ display: flex; flex-wrap: wrap; justify-content:space-between; }
.links_wrap a{ width:32%; margin: 10px 0 0 0;}
.links_wrap a img{ width: 100%; height: auto; }
.links_ewm{ text-align: center; }
.links_ewm img{ margin: 20px 10px 0 10px; }
.footwrap{ background: url(../images/qh_012.jpg) repeat center 0; padding: 55px 0; }
.footcon{ display: flex; flex-wrap: wrap; align-items: center; }
.foot_text{ flex:1; overflow: hidden; text-align: right; }
.foot_text p{ color: rgba(255,255,255,.45); }
.menuicon{ margin: 0 0 0 20px; display: none; }
.filter_black{display: none; position: fixed; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.6); text-align: right; padding: 10px; }
.fenhang{ flex:1; overflow: hidden; }

.neitop{ position: static; height: 367px; background: url(../images/qh_013.jpg) repeat center 0/auto 100%;}
.neitop .qh_topa{ margin-top: 0; border-color: rgba(255,255,255,.6); }
.neimain{margin-top: -150px;}
.nei_title{ color: #fff; font-size: 58px; line-height: 2em; }
.nei_wrap{ display: flex; }
.nei_left{ width: 342px; background: #f4f7fa; padding: 34px 20px; margin-right: 36px; }
.nei_right{ flex:1; overflow: hidden; min-height: 500px; }
.menulist{ overflow: hidden; }
.menulist li{ border-top: solid 1px #dbd5e6; padding: 15px 0; margin-top: -1px; }
.menulist li a{ font-size: 22px; display: flex; align-items: center;}
.menulist li a:before{ content: ""; width: 5px; height: 5px; border:solid 2px #4a1475; display: inline-block; margin: 0 14px 0 0;  }
.menulist li a:hover,.menulist li.active a{ color: #a12aff; }
.menulist li a:hover:before,.menulist li.active a:before{ background: #a12aff; border-color: #a12aff; }
.bread_wrap *{ color: #fff; font-size: 16px; }
.bread_wrap span{ margin: 0 8px; }
.nei_con{margin: 20px 0; }
.nei_titlename{ font-size: 38px; font-weight: bold; margin: 30px 0 10px 0; }
.news_list{ display: flex; flex-wrap: wrap; justify-content:space-between; }
.news_list li{ width: 48%; background: #f4f7fa; border-bottom: solid 3px #4a1475; padding-bottom: 20px; margin-bottom: 30px; }
.news_list li img{ width: 100%; height: auto; }
.pages_wrap{ display: flex; flex-wrap: wrap; align-items: center; margin: 50px 0; }
.page_btn{ width: 50px; height: 50px; margin-bottom: 5px; }
.page_pre{ background: url(../images/qh_014.jpg) no-repeat 0 0/100% auto; }
.page_next{ background: url(../images/qh_014.jpg) no-repeat 0 0/100% auto; transform: rotateY(180deg); margin-left: 5px; }
.page_home{ background: url(../images/qh_015.jpg) no-repeat 0 0/100% auto; margin-left: 50px; }
.page_end{ background: url(../images/qh_015.jpg) no-repeat 0 0/100% auto; transform: rotateY(180deg); }
.pages_num{ margin:0 10px 5px 10px; }
.pages_num a{ font-size: 18px; color: #666; margin: 0 10px; }
.pages_num a:hover,.pages_num a.active{color: #4a1475; }
.news_listB li{ display: flex; border-bottom: solid 1px #cad2da; padding: 20px 0; margin-top: 20px; }
.newsB_date{ display: flex; flex-direction: column; align-items: center; margin: 0 20px 0 0; }
.newsB_date span{font-size: 48px; color: #a12aff; line-height: 1em; font-weight: bold;}
.newsB_date em{ font-style: normal;  color: #a12aff; }
.newsB_intro{ flex:1; overflow: hidden; }
.newsB_intro .news_name{ border-bottom: solid 1px #cad2da; height: auto; max-height: 2.6em; padding-bottom: 14px; margin-bottom: 14px; }
.readmore{ display: inline-block; margin:20px 20px 0 20px; font-size: 18px; font-weight: bold; color: #a12aff; background: url(../images/qh_011.png) no-repeat right center; padding-right: 24px; }
.detail_con .news_date{ font-size: 18px; margin: 40px 0 0 0; }
.detail_con .nei_titlename{ margin: 10px 0 30px 0; line-height: 1.2em; }
.detail_data{ margin: 0 0 50px 0; }
.detail_data p{  text-align: justify; }
.detail_data img{ max-width: 100%; height: auto; margin: 0 auto 20px auto; display: block;}

.detailsitem {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.detailsdes {
  width: calc(100% / 2 - 25px);
  margin-bottom: 70px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
.detailsdes::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 3px;
  z-index: -1;
  width: 245px;
  height: 245px;
}
.detailsdes .img {
  width: 181px;
  overflow: hidden;
}
.detailsdes .img img {
  width: 180px;
  height: 220px;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
}
.detailsdes .img p {
  font-size: 20px;
  color: #530ca6;
  text-align: right;
  margin-top: 15px;
}
.detailsdes .content {
  width: calc(100% - 218px);
  color: #333;
  font-size: 16px;
}
.detailsdes .content .contenttitle {
  font-size: 16px;
  margin-bottom: 10px;
}
.detailsdes .content .contenttitle span {
  padding-right: 15px;
  font-size: 20px;
  color: #530ca6;
}
.detailsdes .content .contenttitle1 {
  line-height: 26px;
  font-size:16px;
}
.detailsdes .content .contentdes {
  font-size: 14px;
  line-height: 26px;
  height: 100px;
  overflow: hidden;
}
.detailsdes .content .contentdes .item {
  width: 100%;
}
.detailsdes .content .contentdes .item div {
  width: 65px;
  text-align: justify;
  text-align-last: justify;
  text-justify: inter-ideograph;
  word-break: break-all;
}
.detailsdes .content .contentdes .item p {
  width: 100%;
  word-break: break-all;
}
.detailsdes .content .contentdes .item p span {
  display: block;
}
.detailsdes .content .detailsMore {
  border-top: 1px #dfe3ec solid;
  width: 100%;
}
.detailsdes .content .detailsMore a {
  display: flex;
  color: #d8b95a;
  width: 110px;
  height: 30px;
  float:right;
  line-height:30px;
  font-size: 14px;
  border: 1px solid #d8b95a;
  margin-top: 25px;
}
.justify-content-center {
    justify-content: center;
}
.detailsdes .content .detailsMore a img {
  width: 21px;
  height: 4px;
  margin-left: 5px;
  margin-top:12px;
}
.detailsdes:hover {
  position: relative;
}
.detailsdes:hover::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 3px;
  background: url(../images/beijing1.png) no-repeat center bottom;
  background-size: 100% 100%;
  z-index: -1;
  width: 245px;
  height: 245px;
}
.detailsdes:hover .img img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.detailsdes:hover .content .detailsMore a {
  display: flex;
  color: #d8b95a;
  float:right;
  width: 110px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #4c1fb5;
  background: -webkit-linear-gradient(left, #7a13ad, #4c1fb5);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #7a13ad, #4c1fb5);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #7a13ad, #4c1fb5);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #7a13ad, #4c1fb5);
  /* 鏍囧噯鐨勮娉曪紙蹇呴』鏀惧湪鏈?鍚庯級 */
}
.JL_list {
  position: relative;
  width: 100%;
}
.JL_list .JL_header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 40px;
  position: relative;
  left: 0;
}
.JL_list .JL_header::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.15rem;
  background: url(../images/hr.png) no-repeat 0 0;
  width: 100%;
  height: 2px;
}
.JL_list .JL_header .JL_headerimg {
  z-index: 10;
  width: 180px;
}
.JL_list .JL_header .JL_headerimg img {
  width: 100%;
  height: 220px;
}
.JL_list .JL_header .JL_headerimg .imgdes {
  margin-top: 15px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.JL_list .JL_header .JL_headerimg .imgdes img {
  width: 16px;
  height: 15px;
  margin-left: 15px;
}
.JL_list .JL_header .JL_headerimg .imgdes a {
  padding: 5px 15px;
  background: #f5f5f5;
}
.JL_list .JL_header .jl_Rpart {
  width: calc(100% - 210px);
  padding-top: 80px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.JL_list .JL_header .jl_Rpart .jlitem {
  width: 58%;
}
.JL_list .JL_header .jl_Rpart .jlitem strong {
  font-size: 30px;
  display: block;
  color: #5319ae;
  font-weight: normal;
  margin-bottom: 20px;
}
.JL_list .JL_header .jl_Rpart .jlitem p {
  font-size: 14px;
  color: #777777;
  line-height: 26px;
}
.JL_list .JL_header .JL_headerdes {
  width: 40%;
  justify-content: space-between;
  background: url(../images/tb.jpg) no-repeat right top;
  background-size: cover;
  padding: 25px 15px 25px 20px;
  margin-top: 7px;
  border: 1px #eceff5 solid;
}
.JL_list .JL_header .JL_headerdes .item {
  width: 100%;
}
.JL_list .JL_header .JL_headerdes .item p {
  font-size: 14px;
  width: 100%;
  text-align: center;
  color: #333;
  line-height: 26px;
}
.JL_body {
  padding: 20px 40px 0 20px;
}
.JL_body .JL_item {
  margin-bottom: 50px;
}
.JL_body .JL_item h3 {
  border-left: 3px #5319ae solid;
  padding-left: 15px;
  font-size: 1.125em;
  color: #333;
  margin-bottom: 15px;
  font-weight: bold;
}
.JL_body .JL_item .JL_itemcon {
  color: #333;
  font-size: 1em;
  line-height: 30px;
  height: auto;
}
.JL_body .JL_item .JL_itemcon p{
	font-size:16px;
	line-height:30px;
}
.JL_body .JL_item .JL_itemcon em,
.JL_body .JL_item .JL_itemcon i {
  font-style: italic;
}
.JL_body .JL_item .JL_itemconshaow {
  height: 120px;
  overflow: hidden;
}
.JL_body .JL_item .JL_itemconhide {
  height: auto !important;
}

@media screen and (max-width: 1340px){
.box_wrap{ width: auto; margin: 0 20px; }
.neimain{ margin:-150px 20px 0 20px; }
.detailsitem .detailsdes {
        width: calc(100% / 2 - 30px);
    }
    .JL_list .JL_header .jl_Rpart .jlitem p {
        font-size: 15px;
        color: #777777;
        line-height: 26px;
    }
}

@media screen and (max-width: 1082px){
.qh_topa{ padding: 10px 0; margin: 0; }
.logo_wrap{ height: 50px; }
.menuicon{ display: block; }
.nav_wrap{display: none; position: fixed; z-index: 2; right: 0; bottom: 0; top: 64px; background: #fff; width: 210px; overflow-y: auto;}
.nav_wrap ul li{ width: 100%; flex:none; }
.nav_wrap ul li a,.nav_two p:hover{ color: #2d1e39  }
.nav_two{ display: block; position: static; background: none; }
.nav_wrap ul li:hover{ background: none; border-color: #fff; }
.qh_title{ padding: 40px 0 15px 0; font-size: 44px; }
.whyUs{ font-size: 42px; }
#banner_swiper .swiper-pagination-bullet{ width: 18px; height: 18px; }
#banner_swiper .swiper-button-next,#banner_swiper .swiper-button-prev{ display: none; }
.qh_top{ height: 200px; }
.reintextB{ margin-right: 20px; }
.nei_left{ display: none; }
.nei_title{ font-size: 48px; }
.neimain{ margin-top: -130px; }
.nei_titlename{ font-size: 32px; }
.detailsitem .detailsdes {
        width: 100%;
    }
    .JL_list .JL_header {
        margin-top: 20px;
    }
    .JL_list .JL_header .jl_Rpart {
        width: calc(100% - 200px);
        padding-top: 0rem;
        flex-wrap: wrap;
    }
	.JL_list .JL_header .jl_Rpart .jlitem {
        width: 100%;
    }
	.JL_list .JL_header .jl_Rpart .jlitem strong {
        margin-bottom: 10px;
    }
	    .JL_list .JL_header .JL_headerdes {
        width: 100%;
    }
	.JL_list .JL_header .JL_headerdes .item {
        width: 50%;
    }
	    .JL_list .JL_header .JL_headerdes .item p {
        font-size: 15px;
        color: #333;
        line-height: 26px;
    }
	    .JL_body {
        padding: 20px 0px 0 0px;
    }
	    .JL_body .JL_item {
        margin-bottom: 30px;
    }
	    .JL_body .JL_item h3 {
        font-size: 1em;
    }
	    .JL_body .JL_item .JL_itemcon {
        font-size: 0.875em;
        line-height: 29px;
    }
}

@media screen and (max-width: 930px){
.slide_pic{ width: 150%; }
.recruit_img{ width: 100%; }
.reintextB{ flex: 1; }
.fenhang{ flex:none; width: 100%; margin:20px 0 0 0;}
.news_item{ width: 100%; }
.footwrap{ padding:20px 0; }
.qh_title{ padding: 30px 0 10px 0; }
.detailsdes .content .detailsMore a {
        margin-top: 15px;
    }

}
@media screen and (max-width: 680px){
	.JL_list .JL_header {
    margin-top: 0rem;
    flex-wrap: wrap;
  }
  .JL_list .JL_header .JL_headerimg {
    margin: 0 auto;
  }
  .JL_list .JL_header .jl_Rpart {
    width: 100%;
    padding-top: 0rem;
    flex-wrap: wrap;
  }
  .JL_list .JL_header .jl_Rpart .jlitem {
    width: 100%;
    text-align: center;
  }
  .JL_list .JL_header .JL_headerdes {
    padding: 15px;
    margin-top: 20px;
  }
  .JL_list .JL_header .JL_headerdes .item {
    width: 100%;
  }
  .JL_list .JL_header .JL_headerdes .item p {
    font-size: 16px;
    line-height: 30px;
  }
}
@media screen and (max-width: 530px){
.links_wrap a{ width: 100%; }
.logo_wrap{ width: 58px; overflow: hidden; }
.slide_pic{ width: 200%; }
.news_list li{ width: 100%; }
.page_home{ margin-left: 10px; }
.page_btn{ width: 30px; height: 30px; }
.pages_wrap{ justify-content:center; }
.detailsitem .detailsdes .img img {
        width: 120px;
        height: 147px;
    }
.detailsitem .detailsdes {
        width: 100%;
        margin-bottom: 30px;
    }
.detailsitem .detailsdes .img {
        width: 120px;
        overflow: hidden;
    }
.detailsitem .detailsdes .content {
        width: calc(100% - 140px);
        color: #333;
    }
.detailsitem .detailsdes .content .contenttitle {
        margin-bottom: 10px;
    }
.detailsitem .detailsdes .content .contentdes {
        line-height: 26px;
        height: auto;
        padding-bottom: 0.15rem;
    }
}



@media screen and (max-width: 360px){
.box_wrap{ margin: 0 10px; }
.neimain{ margin-top: -130px; }
}