@font-face {
  font-family: pingfang_s;
  src:url(../font/pingfang_s.ttf);
}
@font-face {
  font-family: pingfang_n;
  src:url(../font/pingfang_n.ttf);
}
@font-face {
  font-family: pingfang_b;
  src:url(../font/pingfang_b.ttf);
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
  font-size: 16px;
  font-family: MicrosoftYaHei;
  background-color: #ffffff;
  position: relative;
  
  
  
  
  
}
ul,
li {
  list-style: none;
}
a {
  text-decoration: none;
  color: #333;
}
a:hover{color: #0259c2;}
input,
button {
  list-style-type: none;
  border: 0px;
  outline: none;
}
.wrap {
	width: 90%;
	max-width: 1200px;
	margin:0 auto;
	position:relative;
}
.clearfix:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	*zoom:1;
}
.img{overflow: hidden;}
.img:hover img{transform:scale(1.1)}
.img img{
    transition: all 0.3s ease;
    width: 100%;
}
.wap_show{display:none;}
.web_show{display:block}
.overflow_hidden{overflow:hidden}
.bannercon {
    position: relative;
}
ul.slides {font-size: 0;}
.controls li {top: calc(50% - 38px);margin: 0 !important;width: 58px;height: 58px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.controls li:nth-child(1) {left: 140px;}
.controls li:nth-child(2) {right: 140px;}
.pagination li {background-color: #303048;width: 41px !important;height: 5px !important;}
.pagination li.active {background-color: #fff;}
.responsive {width:100%;}
.controls li:hover{}
ul.slides1 {font-size: 0;}
.controls1 li {top: 50%;margin-top: -30px;width: 58px;height: 58px;border-radius: 50%;}
.controls1 li:nth-child(1) {left: 140px;}
.controls1 li:nth-child(2) {right: 140px;}
.pagination1 li {background-color: #303048;width: 41px !important;height: 5px !important;}
.pagination1 li.active {background-color: #fff;}
.responsive1 {width: 100%;height: auto;}
.controls1 li:hover{}
ul.controls {
    z-index: 99;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
ul.pagination {
    z-index: 99;
}
div#slider {
    font-size: 0;
    
    width: 100%;
    margin: 0 auto;
}
.banner_title{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    z-index: 9;
}
.banner_title .main{width:50%;}

.banner_title h2{
    font-size: 72px;
    text-shadow: 0 0 10px BLACK;
}
.banner_title span{
    font-size: 32px;
    line-height: 42px;
    display: block;
    margin: 16px 0;
}
.banner_title p{
    font-size: 16px;
}
.banner_title .main p{font-size:24px}

.header{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
}
.header_con{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100px;
}
.header_con .logo{
    flex: 1;
}
.header_con .logo a{}
.header_con .logo a img{
    width: 165px;
}
.b_h{display: block;}
.h_b{display:none}
.write .b_h{}
.write .h_b{}
.header_nav{flex: 3;}
.header_nav ul{
    display: flex;
}
.header_nav ul li{
    
    font-size: 16px;
    flex: 1;
}
.header_nav ul li a{
    color: #fff;
    line-height: 100px;
    display: block;
    text-align: right;
    font-size: 18px;
}
.header_nav ul li.on a, .header_nav ul li a:hover{
    
}
.erji_nav {
    position: fixed;
    overflow: hidden;
    top: 100px;
    left: 0;
    right: 0;
    background: #10376f;
    transition: all 0.6s ease;
    height: 0;
}
.two_nav {
    text-align: right;
}
.header_nav ul li .two_nav a{
    display: inline-block;
    margin-right: 30px;
    line-height: 60px;
    font-size: 18px;
    color: #fff;
}

.header_nav ul li .two_nav a:hover{
   color: #C7113C;
}

.head_other{
    display: flex;
    align-items: center;
    display: none;
}
.lagvg{
    position: relative;
    padding-right: 20px;
    border-right: 1px solid #ffffff63;
    margin-right: 20px;
}
.lagvg span{
    display: flex;
    align-items: center;
}
.lagvg span a{
    color: #fff;
    padding: 0 15px;
    background: url(404.png) right center no-repeat;
}
.lagvg .zhong{
    position: absolute;
    right: 15px;
    top: 28px;
    display: none;
}
.lagvg:hover .zhong{display:block}
.lagvg .zhong a{
    color: #fff;
    padding: 10px;
}
.seach{}
.seach a{}
.seach a img{}
.menu{display: none;}
.menu i{
    display: block;
    height: 2px;
    background: #666;
    border-radius: 50px;
    margin: 7px 0;
}
.menu i:nth-child(1){
    width: 28px;
}
.menu i:nth-child(2){
    width: 28px;
}
.menu i:nth-child(3){
    
}
.gohome {
    display: none;
}

.fl_le{
    float: left;
}
.index_con{
    position: relative;
}

.in_six_part{
    margin-top: -5px;
}
.in_six_part ul{
    display: flex;
    flex-flow: wrap;
}
.in_six_part ul li{
    width: 50%;
}
.in_six_part ul li a{}
.in_part{
    position: relative;
}
.in_part .img{}
.in_part .img img{
    width: 100%;
}
.in_part .in_part_zi{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    color: #fff;
    padding: 10% 15%;
}
.in_part .in_part_zi h4{
    font-size: 50px;
    margin-bottom: 3%;
}
.in_part .in_part_zi p{
    font-size: 30px;
    line-height: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    
    text-align:justify
}
.in_part .in_part_zi em{
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
    opacity: 0;
}
.in_part .in_part_zi i{
    display: inline-block;
    font-style: normal;
    border: 2px solid #fff;
    padding: 5px 60px;
    border-radius: 50px;
}
.in_six_part ul li a .in_part .in_part_zi em:hover{opacity:0.8}
.in_six_part ul li a:hover .in_part_zi{
    background: #00000050;
}
.in_six_part ul li a:hover .in_part_zi p,.in_six_part ul li a:hover .in_part_zi em{
    opacity: 1;
}
.padding70{
    padding: 70px 0;
}
.in_case_list{}
.in_case_list ul{
    display: flex;
    justify-content: space-between;
    margin: -20px 0 0 -20px;
}
.in_case_list ul li{
    width: 100%;
}
.in_case_list ul li a{}
.in_case_item{
    background: #fff;
    border: 10px solid #fff;
    margin: 20px 0 0 20px;
    text-align: center;
    box-shadow: 0 0 10px #00000085;
}
.in_case_item .img{}
.in_case_item .img img{
    opacity: 1;
}
.in_case_item p{
    padding: 15px 0 0;
}
.lan_after:before{content: ".";position: absolute;background: #113770;right: 0;top: 0;left: 0;bottom: 150px;z-index: -1;}




























.footer{
    background: #0E1725;
}
.foot_logo{
    padding: 50px 0;
    border-bottom: 2px solid #dadfe6;
}
.foot_logo img{
    width: 165px;
    display: block;
    margin: 0 auto;
}
.foot{
    color: #abb0b9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 0 70px;
}
.foot ul{
    font-size: 14px;
    line-height: 26px;
}
.foot ul li{}
.foot ul li span{
    display: inline-block;
    padding-left: 25px;
    margin-right: 20px;
    color: #abb0b9;
}
.foot ul li span.add{background: url(../image/add_icon.png) left center no-repeat;}
.foot ul li span.pho{background: url(../image/pho_icon.png) left center no-repeat;}
.foot ul li span.tel{background: url(../image/tel_icon.png) left center no-repeat;}
.foot ul li span.chu{background: url(../image/chu_icon.png) left center no-repeat;}
.foot ul li span.mai{background: url(../image/mai_icon.png) left center no-repeat;}
.foot ul li span.quan{background: url(../image/qua_icon.png) left center no-repeat;}
.foot ul li span.gon{background: url(../image/gon_icon.png) left center no-repeat;}
.foot_ewm{
    text-align: center;
}
.foot_ewm img{max-width: 107px;}

.about_con{}
.about_part1{
    display: flex;
    justify-content: space-between;
}
.about_part1 .img{
    flex: 1;
}
.about_part1 .img img{
    
    
}
.ab_pat_text{
    flex: 1.2;
    background: #113770;
    color: #fff;
    padding: 40px 40px 0;
}
.ab_text{margin: 0 140px 40px 0;}
.ab_text h2{
    font-size: 38px;
}
.ab_text h2:after{content:".";display: block;width: 110px;height: 1px;margin: 10px 0;background: #fff;font-size: 0;}
.ab_text span{
    font-size: 14px;
}
.ab_text p{
    font-size: 18px;
    line-height: 34px;
    margin-top: 20px;
}
.ab_text h3{
    font-size: 28px;
}
.ab_part2{}
.ab_ul{
    background: url(../image/zi_bg.png) top center no-repeat;
    background-size: cover;
    color: #fff;
    text-align: center;
}
.ab_ul ul{
    display: flex;
    flex-flow: wrap;
}
.ab_ul li{
    width: 25%;
    border-right: 1px solid #ffffff50;
    border-bottom: 1px solid #ffffff50;
}
.ab_some{
    padding: 60px 40px;
}
.ab_some h4{
    font-size: 30px;
    margin-bottom: 20px;
}
.ab_some p{
    font-size: 18px;
    line-height: 30px;
    color: #EEEEEE;
}
.fazhan_lc{
    background: url(../image/abng.jpg) top center no-repeat;
    padding: 70px 0;
}
.ab_lc_con {
    overflow: hidden;
}
.fazhan_lc .title{
    margin-bottom: 60px;
}
.fazhan_lc .title span{
    font-size: 50px;
    color: #CCCCCC;
    font-weight: bolder;
    font-family: 'pingfang_b';
    margin-bottom: 30px;
    display: block;
}
.fazhan_lc .title h4{
    font-size: 30px;
}
.lc_main {
    border-left: 2px solid #ddd;
    padding: 0 40px;
    min-height: 300px;
    position: relative;
}
.lc_main:before{content:".";position: absolute;left: -6px;top: 0;display: block;width: 6px;height: 6px;border: 2px solid #ddd;background: #edefee;font-size: 0;border-radius: 50%;}
.lc_main span {
    font-size: 24px;
    display: block;
    margin-bottom: 20px;
}
.lc_main p {
    font-size: 14px;
}

.rongyu_con{
    padding: 70px 0;
}
.big_title{
    text-align: center;
    margin-bottom: 60px;
}
.big_title h4{
    font-size: 40px;
}
.big_title h4:after{content:".";display: block;font-size: 0;width: 100px;height: 2px;margin: 25px auto;background: #000;}
.big_title span{
    text-transform: uppercase;
    color: #999999;
}
.color_fff,.color_fff span {
    color: #fff;
}
.ryimg {
    width: 100%;
    margin: 0 auto;
}
.ry_lun{}
.ry_con{}
.ry_con ul{
    display: flex;
    flex-flow: wrap;
    margin: -40px 0 0 -40px;
}
.ry_con ul li{
    width: 25%;
}
.ry_con ul li a{}
.ab_gs{
    margin: 40px 0 0 40px;
    text-align: center;
}
.ab_gs .img {
    padding: 8%;
    border: 1px solid #ddd;
}
.ab_gs .img img{}
.ab_gs p{
    display: block;
    margin: 15px auto 0;
}
.qyjg_con{
    background: url(../image/abng.jpg) top center;
    padding: 70px 0;
}
.jg_img {}
.jg_img img{
    width: 100%;
}
.tdfc_con{
    padding: 70px 0 0;
}
.tdfc_lun{
    position: relative;
}
.in_six_part .nine_con li{width:33.33%}

.case_list_con{}
.case_list_con ul{}
.case_list_con ul li{}
.case_list{
    position: relative;
}
.case_list .img{}
.case_list .img img{
    width: 100%;
}
.case_list .case_main{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    color: #fff;
}
.case_list .case_main h3{
    font-size: 60px;
}
.case_list .case_main span{
    font-size: 22px;
    display: block;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.case_list .case_main p{
    font-size: 28px;
    margin-bottom: 40px;
    width: 470px;
}
.case_list .case_main a{
    font-size: 30px;
    color: #fff;
    display: inline-block;
    background: linear-gradient(180deg, #31CBEC 0%, #169BD5 100%);
    padding: 5px 40px;
    border-radius: 42px;
    font-weight: bold;
}
.case_list .case_main a:hover{background:#d9001b}

.kehu_con{
    background: #F7F7F7;
    padding: 60px 0;
}
.kehu_con ul.controls{
    left: -5%;
    right: -5%;
}
.kehu_con ul.controls li:nth-child(2){
    right: 0;
    width: 40px;
}
.kehu_con ul.controls li:nth-child(1){
    left: 0;
    width: 40px;
}
.kehu_list{
    display: flex;
    flex-flow: wrap;
    width: 100%;
    
}
.kehu_list .kehu_item{
    width: 25%;
    
}

.kehu_item1{
    width: 20%!important;
    
}

.kehu_list .kehu_item .kehu{
    
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 100%;
    position: relative;
}
.kehu_list .kehu_item .kehu .img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 5px 10px;
	background: #fff;
}
.kehu_list .kehu_item .kehu .img img{width: 60%;}
.li_more {
    text-align: center;
    margin: 40px 0 0;
}

.li_more a {
    display: inline-block;
    padding: 10px 80px;
    color: #113770;
    border: 1px solid #113770;
    border-radius: 6px;
}
.li_more a:hover{background:#11377014}

.szhw_con{
    padding: 50px 0 0;
}
.sz_part{
    text-align: center;
    padding: 70px 0;
}
.sz_part h3{
    font-size: 40px;
    font-weight: bold;
    font-family: 'pingfang_b';
    margin-bottom: 50px;
}
.sz_part p{
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 40px;
}
.sz_img{}
.sz_img ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: wrap;
    margin-left: -20px;
}
.sz_img ul li{
    width: 25%;
}
.sz_img ul li .img {
    margin: 0 0 20px 20px;
}
.sz_img ul li .img img {
    width: 100%;
}
.sz_huibg{
    background: url(../image/szibg.jpg) top center no-repeat;
}
.sz_xm_img{}
.sz_xm_img ul{
    display: flex;
    flex-wrap: wrap;
    margin-left: -90px;
}
.sz_xm_img ul li{
    width: 33.33%;
    text-align: left;
    margin-bottom: 20px;
}
.szxm_item{
    display: flex;
    margin-left: 90px;
}
.szxm_item .img {
    margin-right: 20px;
}
.szxm_item .img img{}
.szxm_item span{
    font-size: 18px;
    display: block;
    margin-bottom: 15px;
}
.szxm_item p{
    font-size: 14px;
    line-height: 16px;
}

.banner_title .audio_top{
    display: flex;
    align-items: center;
    width: 80%;
    justify-content: space-between;
}
.audio_top .m_le{
    flex: 1;
}
.audio_top .m_le span{
    font-size: 120px;
    display: block;
    line-height: 120px;
    font-family: 'pingfang_b';
}
.audio_top .m_le h3{
    font-size: 63px;
}
.audio_top .m_le em{
    font-size: 45px;
    line-height: 60px;
    font-style: inherit;
    display: block;
}
.audio_top .m_ri{
    text-align: left;
    margin-left: 100px;
    flex: 2;
}
.audio_top .m_ri i{
    display: block;
    width: 60%;
    height: 1px;
    background: #ddd;
    margin: 40px 0;
}
.audio_top .m_ri .z_p{
    font-size: 18px;
    line-height: 24px;
}
.audio_top .m_ri .y_p{
    font-size: 18px;
    line-height: 24px;
}
.videolist {position:relative;width: 100%;height: auto;margin-right:50px;margin-top:15px;margin-bottom:30px;}
.videolist img{width:100%}
.videolist:hover{ cursor: pointer; }
.videoed {display:none;width: 140px !important;height: 140px;position: absolute;left: 50%;top: 50%;margin: -70px;z-index:99;border-radius:100%;}
.videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-320px; margin-top:-210px; z-index:100; width:640px; height:360px; }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }

.lanbg{background:#19498B}
.lanbg img{opacity:0}
.audio_con{
    background: #0d3771;
    color: #fff;
}
.audio_part{
    padding: 70px 0;
}
.yiny_zb{}
.yiny_zb ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.yiny_zb ul li{}
.yiny_zb ul li a {}
.yy_zb_item{
    position: relative;
}
.yy_zb_item .img{}
.yy_zb_item .img img{
    width: 100%;
}
.yy_zb_item .vo_text{
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.yy_zb_item .vo_text h3{
    display: block;
    writing-mode: tb;
    font-size: 40px;
    font-weight: bold;
    line-height: 52px;
    letter-spacing: 10px;
    text-align: center;
}
.vad_sp_con{}

.audio_part .big_title{}
.color_fff h4:after{
    background: #ffffff8a;
}
.audio_part .big_title span{color:#fff}
.ad_xcfw_con{}
.ad_xcfw_con ul{
    display: flex;
    flex-flow: wrap;
    margin-left: -20px;
}
.ad_xcfw_con ul li{
    width: 33.33%;
    padding: 20px 0px 0px 20px;
}
.ad_xcfw_con ul li:nth-child(1){
    width: 100%;
}
.ad_xcfw_con ul li .img{}
.ad_xcfw_con ul li .img img{
    width: 100%;
}
.zpzb .controls{}
.zpzb .controls li:nth-child(1){
    left: -60px;
}
.zpzb .controls li:nth-child(2){
    right: -60px;
}
.padding_b0{padding:0}
.vobg{
    position: relative;
}
.vobg .img{}
.vobg .img img{
    width: 100%;
}
.xjd{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
}
.xjd h3{}{}
.in_about_con{
    display: flex;
    box-shadow: 0 0 15px #00000026;
}
.in_about_con .img{
    flex: 1.5;
}
.in_about_con .img img{}
.in_about_con .ab_p{
    flex: 1.5;
    padding: 0 5%;
    font-size: 16px;
    line-height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.in_about_con .ab_p p{}

.break_nav{
    padding: 20px 0 0;
}
.news_list{}
.news_item{}
.news_item ul{}
.news_item ul li{
    display: inline-block;
    margin-right: 30px;
    text-align: center;
    border: 1px solid #ddd;
    padding: 10px 30px;
    cursor: pointer;
    font-size: 20px;
}
.news_item ul li.li_on,.news_item ul li:hover{
    background: #113770;
    color: #fff;
    border: 1px solid #113770;
}
.news_item ul li span{}
.news_item ul li.li_on span{}
.zicon{display:none}
.zicon.active{display:block}
.news_list_list{}
.news_list_list ul {}
.news_list_list ul li{}
.news_list_list ul li a{}
.new_lis_li{
    display: flex;
    border: 1px solid #ddd;
    margin-bottom: 40px;
}
.new_lis_li .img{
    flex: 1;
}
.new_lis_li .img img {}
.ne_li_text{
    flex: 2;
    padding: 2%;
    position: relative;
}
.ne_li_text h3{
    font-size: 30px;
    line-height: 44px;
    font-weight: normal;
}
.ne_li_text span{
    position: absolute;
    bottom: 10%;
    color: #999;
    font-size: 18px;
}
.new_ti{
    margin-bottom: 20px;
}

.biaoti{background: #F7F8FAFF;padding: 200px 0 20px 0;}
.biaoti p{color:#666666FF;padding: 30px 0;font-size: 18px;}
.news_xq{padding:50px 0;}
.news_xq img{width:100%}

.text_left{
    text-align: left;
}
.text_left h4:after {margin: 10px 0;}

.con_map{}
.con_map .img{}
.con_map .img img{}
.contact_fs{
    display: flex;
    border: 1px solid #a2a2a2;
    margin: 50px 0;
    padding: 30px;
}
.contact_fs .ewm{
    flex: 1;
}
.contact_fs .ewm img{
    width: 100%;
}
.base_thing{
    flex: 2.5;
    padding: 0 5%;
}
.base_thing h3{
    font-size: 47px;
    line-height: 66px;
    font-weight: normal;
    border-bottom: 2px solid #C7103E;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.fs_li{}
.fs_li span{
    display: block;
    font-size: 18px;
    line-height: 34px;
    color: #666;
    padding-left: 30px;
}
.fs_li span.pho{background: url(../image/fs_pho.png) left center no-repeat;}
.fs_li span.tel{background: url(../image/fs_tel.png) left center no-repeat;}
.fs_li span.chu{background: url(../image/fs_chu.png) left center no-repeat;}
.fs_li span.mai{background: url(../image/fs_mai.png) left center no-repeat;}
.fs_li span.add{background: url(../image/fs_add.png) left center no-repeat;}



.xuanfu{
    position: fixed;
    right: 0;
    top: 60%;
    z-index: 99;
}
.rg_kf{
    width: 70px;
    height: 70px;
    color: #fff;
    background: #1085C7;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rg_kf a{color: #fff;}
.rg_kf i{
    display: block;
    margin: 0 auto;
    width: 30px;
    height: 45px;
    background: url(../image/chat.png) center center no-repeat;
    background-size: 100%;
}
.rg_kf span{font-size: 14px;}
.xufu_contact{
    
    padding: 20px;
    color: #fff;
    background: #1085C7;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}
.xuan_fs{}
.xu_fs{
    border-bottom: 1px solid #ffffff96;
    padding: 10px 30px;
}
.xu_fs:last-child{border:0}
.xu_fs img{
    display: block;
    margin: 0 auto;
    max-width: 107px;
}
.xu_fs span{
    display: block;
    line-height: 24px;
    font-size: 14px;
}
.rg_kf.xfno {
    display: none;
}

.xufu_contact.xfshow {
    display: block;
}





























@media only screen and (max-width: 1300px) {

}

@media only screen and (max-width: 768px){
  .web_show{display:none;}
  .wap_show{display:block}
  .header_con .logo a img{
    width: 140px;
}
  .header{position:fixed;background: #fff !important;height: 60px;z-index: 999;}
  .header_nav ul{display:block;padding: 40px;}
  .header_nav ul li a{text-align: left;line-height: 50px;position: relative;z-index: 2;}
  .header_nav ul li.has i{background: url(../image/pho_nav_xia.png) right center no-repeat;background-size: 1.5rem;display: block;width: 60px;height: 60px;position: absolute;top: 0;right: 0;z-index: 9;}
  .header_nav{position:fixed;top: 60px;left: 0;right: 0;bottom: 100%;background: #113770;transition: all 0.6s ease;z-index: 999;overflow: hidden;}
  .header_nav ul li{line-height: 50px;border-bottom:1px solid #fff;font-size: 18px;position: relative;}
  .header_nav ul li i{position: absolute;right: 0;top: 0;height: 50px;width: 50px;z-index: 99;transform: rotate(180deg);background: url(../image/sss.png) center center no-repeat;}
  .header_nav ul li i:before{
    
    
    
    
    
    
    
    
    }
  .header_nav ul li i:after{
    
    display: block;
    width: 10px;
    height: 2px;
    background: #ffffff;
    font-size: 0;
    margin: -2px 0 0 -7px;
    opacity: 1;
    transition: all 0.3s ease;
    transform: rotate(-45deg);
    }
       .header_nav ul li i.jian {
    transform: rotate(0deg);
}
  .header_nav ul li.has.height_auto i{background: url(../image/pho_nav_sha.png) right center no-repeat;background-size: 1.5rem;}
  .erji_nav{position:relative;top: 0;display: none;height: auto;}
  .two_nav{width:100%;padding: 0px 0px;}
  .height_auto .erji_nav{height: auto;border-top: 1px solid #fff;}
  .height_auto a{}
  .header_nav ul li .two_nav a{display:block;margin: 0;line-height: 40px;background: none !important;font-size: 14px;padding-left: 20px;}
  .header_con{height:60px}
  .menu {display: block;}
  .header_nav.navshow {bottom: 0;overflow-y: auto;}
  .menu.close i:nth-child(1){transform: rotate(45deg) translate(2px, 1px);transition:all 0.3s ease}
  .menu.close i:nth-child(2){display: none;}
  .menu.close i:nth-child(3){transform: rotate(-45deg) translate(5px, -5px);transition:all 0.3s ease}
  .b_h{display: none;}
  .h_b{display:block}
  .bannercon{margin-top: 60px;}
  .controls li{
    top: calc(50% - 28px);
}
  .controls li:nth-child(1),.controls1 li:nth-child(1) {left: 10px;}
  .controls li:nth-child(2),.controls1 li:nth-child(2) {right: 10px;}
  .controls li:nth-child(1) img,.controls li:nth-child(2) img,.controls1 li:nth-child(1) img,.controls1 li:nth-child(2) img{width:40px}
  .pagination li{width: 14px !important;}
  ul.slides li {display: flex;align-items: center;justify-content: center;}
  .responsive {width: 100%;}
  .bg_banner {
    height: 100%;
}
.bx-viewport {
   
   height: 100%;
}
    .responsive1 { width:100%; height: auto; }
    
.in_six_part ul{display:block}
.in_six_part ul li{width:100%}
.banner_title .main{width: 82%;}
.banner_title h2{font-size: 20px;margin-bottom: 10px;}
.banner_title span{font-size: 16px;line-height: 20px;margin: 0 auto;}
.banner_title .main p{font-size: 12px;}
.foot{display:block;padding: 20px 0 30px;}
.foot ul{font-size: 14px;margin-bottom: 20px;line-height: 32px;}
.foot ul li span{margin:0;font-size: 12px;}
.in_part .in_part_zi{padding:20px;background: rgba(0,0,0,0.5);}
.in_part .in_part_zi h4{font-size:28px}
.in_part .in_part_zi p{font-size: 14px;line-height: 20px;-webkit-line-clamp: 13;}

.padding70 {padding: 30px 0;}
.in_case_list ul{flex-flow: wrap;}
.in_case_list ul li{width:50%}
.big_title{margin-bottom: 20px;}
.big_title h4{font-size: 24px;}
.big_title span{font-size: 12px;}
.lan_after:before{display:none}
.lan_after .big_title,.big_title span{color: #333;}
.lan_after .big_title h4:after{background:#000}
.in_about_con{display:block}
.in_about_con .ab_p{padding:30px}
.in_six_part .w50{display: flex;}
.in_six_part .w50 li{width:50%;}
.in_six_part .w50 li h4{font-size:20px}
.in_part .in_part_zi em{bottom:20px}
.in_part .in_part_zi i{font-size:12px;padding:0 10px;border: 1px solid #fff;}

.case_list .case_main{right:40%}
.case_list .case_main h3{font-size: 18px;}
.case_list .case_main span{font-size: 12px;margin-bottom: 5px;}
.case_list .case_main p{font-size: 12px;margin-bottom: 10px;opacity: 0.8;width: auto;}
.case_list .case_main a{font-size: 12px;padding: 3px 20px;}


.kehu_list .kehu_item{width:33.33%;}
.kehu_con{padding:30px 0}
.kehu_list .kehu_item .kehu .img img {
    width: 100%;
}
.li_more {margin: 20px 0 0;}
.li_more a{width:90%}
.kehu_con ul.controls li:nth-child(1) img{width: 40px;}
.kehu_con ul.controls li:nth-child(1){left: 0;}
.kehu_con ul.controls li:nth-child(2){right: 0;}
.biaoti {
     
    padding: 100px 0 20px 0;
}
.biaoti h1{
   font-size: 16px;
}
.biaoti p {
    
    font-size: 14px;
}
.break_nav{display:none}
.sz_part .big_title h4{font-size: 18px;text-align: left;padding-left: 10px;border-left: 2px solid #113770;}
.sz_part .big_title span,.sz_part .big_title h4:after{display: none;}
.sz_part{padding:30px 0 0}
.sz_img ul li .img{margin: 0 0 10px 10px;}
.sz_img ul{margin-left: -10px;}
.sz_img ul li{width:50%}

.new_lis_li{display:block;margin-bottom: 20px;}
.ne_li_text{padding:15px}
.ne_li_text h3{font-size: 18px;line-height: 26px;font-weight: normal;}
.ne_li_text span{font-size: 14px;position: relative;margin-top: 10px;display: block;}

.about_part1{flex-flow: column;}
.about_part1 .img{order: 2;}
.ab_pat_text{text-align: center;padding: 20px;order: 1;}
.ab_text h2:after{margin: 10px auto;}
.ab_text h2 {font-size: 24px;}
.ab_text p{font-size: 14px;text-align:left;line-height: 26px;}
.ab_text h3 {font-size: 20px;}
.ab_ul li{width:100%}
.ab_some{text-align:left;padding: 20px;}
.ab_some h4{font-size: 20px;margin-bottom: 10px;}
.ab_some p{font-size: 14px;line-height:24px}
.ab_text {margin: 0 0 20px;}
.fazhan_lc .title{margin-bottom:20px;}
.fazhan_lc .title span{font-size:20px;margin-bottom:10px;}
.fazhan_lc .title h4{font-size:24px}
.fazhan_lc{padding:30px 0}
.ab_lc_con img{height: 45%;}
.ry_con .controls li:nth-child(1) {left: 0;width: 40px;}
.ry_con .controls li:nth-child(2) {right: 0;width: 40px;}
.ab_gs{margin:0}
.ry_con ul{margin:0}
.ab_gs .img{margin:8%;padding: 4%;}

.contact_con{background: #F7F7F7;}
.big_title{text-align: center;}
.big_title h4{}
.big_title h4:after{margin: 10px auto;}
.contact_fs{display:block;border: 0;padding: 0;}
.contact_fs .ewm{display:none}
.fs_li span{font-size: 14px;line-height: 26px;margin-bottom: 10px;}
.base_thing h3{font-size: 22px;line-height: 30px;}

.xuanfu{top:30%}
.rg_kf{width: 50px;height: 50px;}
.rg_kf i{background-size: 50%;width: 40px;height: 20px;}
.rg_kf span,.xu_fs span{font-size: 12px;line-height: 15px;}
.xufu_contact{padding:10px;}
.xu_fs{padding: 5px 10px;}


.news_item ul li{padding: 5px 10px;font-size: 16px;}


}