html { /*font-size: calc(100vw / 750 * 100);-webkit-font-smoothing: antialiased  */ font-size: 30px; -webkit-tap-highlight-color: transparent;}
html {max-width:1920px; width:100%;margin:0 auto !important}
* { box-sizing: border-box; /* font-weight: normal;*/}

body { font-size: 0.8rem; /* 0.7 * 20px = 14px * font-weight: normal; /;/*-webkit-font-smoothing: antialiased;*/ }
td,tr,th{border:1px solid #ccc}
td p,tr p,th p{text-indent:0em !important}
#scrollUp { display: none; width: 50px; height: 60px; position: fixed; bottom: 20px; right: 30px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-image: url(../img/top.png); background-repeat: no-repeat; background-position: 50% 48%;-webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; transition: all 250ms linear }

#scrollUp:hover {background-image: url(../img/top1.png); }


.mimg { max-width: 100%; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
.imgw { width: 100% }

.mt3h { margin-top: 3vh }
.mt10{margin-top:10px;}
.mp0 { margin: 0; padding: 0; }
.h400 { height: 400px }
.content-p img{max-width:100%;margin-top:30px;}
.mtb2h { margin-top: 2vh; margin-bottom: 2vh }

.mb2h { margin-bottom: 2vh }
.tint2em p{ margin-top:6px; text-indent:2em;}
.projj p img,.tint2em p img{ margin-top:6px; margin-left: -2em; max-width:800px; max-width:100%} 
.tint2em p iframe{ text-indent:0em !important;} 
.radius6 { border-radius: 6px !important; }
.projj p{ margin-top:6px;/*text-indent:2em;*/}
.pab0 { position: absolute; right: 15px; left: 15px; bottom: -6px; }

.mtb8h { margin-top: 8vh; margin-bottom: 8vh }

.t_line { clear: both; width: 100%; height: 1px; background: #ddd; margin-bottom: -12px; margin-top: 2vh; }

.px14 { font-size: 14px; }

.flexsx { display: flex; align-content: center; flex-direction: column; justify-content: space-between; }

.padd10 { background: #f3f3f3; border-radius: 6px !important;    border-radius: 6px !important;
    display: flow-root;
    padding: 2vh 0.5vh; }

.lh1 { line-height: 150%; }

.foot_logo { background: url(../img/foot_logo.png) no-repeat left center; height: 60px; }

.foot_logo2 { text-align: left; color: #848484; line-height: 60px; font-size: 1vw }

.scroll-to-top>i { display: inline-block }

.page-footer { font-weight: normal; padding: 10px 0 }

.page-wrapper-row .page-wrapper-bottom { width: 100%; margin-top: 2vh; background: #232830; }

.page-footer { background: #1c1b21; color: #e6e6e5; }

.dl_header { background: #fff; z-index: 999; }

.dl_header_t { background: transparent; }

.page-bottom { padding: 4vh 0 ;margin-top: 6vh;}

.scroll-to-top { padding: 2px; text-align: center; position: fixed; z-index: 10001; bottom: 5px; display: none; right: 20px }

.page-footer h4, .page-footer h4 a { color: #bcbcbc; font-size: calc(0.8vw + 0.2em); ; margin: 0; line-height: 220% }

.page-footer p, .page-footer p a { font-size: calc(0.7vmax + 2px); ; color: #595959; margin: 0 }

:root { margin: 0; padding: 0; list-style: none; }

.clip-1 { text-overflow: ellipsis; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.clip-2 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; 
overflow: hidden; text-overflow: ellipsis;}

.clip-3 { text-overflow: ellipsis; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.clip-4 { text-overflow: ellipsis; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

.f14 { font-size:14px; font-weight: normal; }

.f16 { font-size: 16px; font-weight: normal }
.f18 { font-size: 18px;}

.flh200 { line-height: 200% }
.h30px{height:30px;}
.fw600 { font-weight: 600 }

.fw300 { font-weight: normal }

.fred { color: #e40000 }
.fontred{color:#03F}


.f2w { font-size: calc(2vw - 6px); }

.bgwhite { background: #fff }

.f18 { font-size: calc(1vw + 4px); font-weight: 600 }

.fc333 { color: #333 }

.fc666 { color: #666 }
a.fc00 p { color: #333 }
.fchl a { color: #000 }

.fchl:hover a { color: #0670f5 }

.flex { display: flex; }
.fblue{color:#1d71d9 !important}

.p4vh { padding: 2vh }

.hblue { height: 4px; background: #1e73de; width: 40px; margin-bottom: 2vh }

.p2vmax { padding: 0 2vw}

.fjf { flex-wrap: nowrap; justify-content: space-between; }

.mtb4h { margin: 4vmax auto }

/**/
.hsearch{color:#fff;}

.prolist:hover .probj:not(:hover) .thumb-6 {
  -webkit-filter: blur(1px);
          filter: blur(1px);
  opacity: 0.8;
}
/*图片经过*/
.thumb-6 {
	/*border: 5px solid #FFF;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);*/
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.thumb-6 i {
	position: absolute;
	background-color: rgba(255,255,255,.95); font-size:12px;font-style:normal	;
	left: -140px;
	padding:2px 10px;
	text-align: left;
	/*width: 80px;	*/
	border-radius: 4px;
	transition: all 0.25s linear;
}
.thumb-6 .social-1 {
	top: 25px;
	transition-delay: 0s;
}
.thumb-6 .social-2 {
	top: 65px;
	transition-delay: 0.1s;
}
.thumb-6 .social-3 {
	top: 105px;
	transition-delay: 0.2s;
}
.thumb-6 .social-4 {
	top: 125px;
	transition-delay: 0.3s;
}
.thumb-6:hover i{
	left: 10px;
}
.thumb-6:hover:not(:hover)  {
  -webkit-filter: blur(1px);
          filter: blur(1px);
  opacity: 0.8;
}

.thumb-6:hover img{ transform:scale(1.1,1.1); transition:.6s all ease-in}
.thumb-6 img{transform:scale(1,1);  transition:.6s all ease-in}
/*简介*/


.tkdlcon{ margin-top:-15px}
.in_about { background: #f5fbfb url(../img/in_about.jpg) no-repeat bottom; background-size: 100%; width: 100%; padding: 6% 0 2% 0; /*margin:5vh 0; */ clear: both }

.iabout { background: url(../img/about.jpg) no-repeat top right ; padding-left: 25vw; background-size: 100% 6rem;height: 6rem; }

.iabout p { text-indent: 2rem; line-height: 200%; font-size: calc(0.6vw + 5px); color: #46464; color: #464646 }

/**/



.in_in_3 { background: url(../img/bj_in_3.jpg) no-repeat top; background-size: 100% auto; width: 100%; padding: 7% 0 3% 0; mclear: both }

.in_in_3 .col-md-4 { transition: all ease .6s; padding: 3vh 2.3vmax; overflow: hidden; min-height: 28vh; }

.in_in_3 .col-md-4:hover { transition: all ease .6s; margin-top:-20px;box-shadow:0px 10px 6px #ccc }

.in_in_3 .col-md-4:nth-child(1) { color: #b80004; background: url(../img/bj_in_3_1.jpg) no-repeat top center; background-size: 100% auto }

.in_in_3 .col-md-4:nth-child(2) { color: #7372a0; background: url(../img/bj_in_3_2.jpg) no-repeat top center; background-size: 100% auto }

.in_in_3 .col-md-4:nth-child(3) { color: #fff; background: url(../img/bj_in_3_3.jpg) no-repeat top center; background-size: 100% auto }

/*首页新闻*/



.in_news { background: url(../img/bj_news.jpg) no-repeat center; background-size: cover; width: 100%; padding: 5vh 0; margin: 5vh 0; clear: both }

.in_news .in_news_l { border-bottom: 4px solid #c4c4c4; background: #fff; height: 58vh;overflow:hidden; }

.in_news .in_news_l:hover { border-bottom: 4px solid #0670f5 }

.in_news .in_news_l div { width:100%; height:57%; position: relative; overflow: hidden; background: #0852b0; margin-bottom: 2vh;}

.in_news .in_news_l div img { width: 100%;height:100%; transition: all ease .6s; opacity: 1; /*height: 100% */}

.in_news .in_news_l:hover div img { transition: all ease .6s; opacity: .6; transform: scale(1.2, 1.2); }

.news-list { background: #fff;height:58vh; border-bottom: 4px solid #fff; padding-top: 1.2vw; overflow:hidden;}


.list_news li h3{font-size:18px;}
.list_news li:hover.hred h3{color:red }
.list_news li:hover.hred .line_bottom { width: 0%; height: 3px; background: red !important ; transition: linear .6s;/*margin-top:10px;*/ }
.list_news li.hred .line_bottom { background: red !important ; transition: linear .6s;/*margin-top:10px;*/ }
.list_news li:hover.hred .line_bottom { width: 100%; transition: linear .6s;background: red !important   }



.news-list li {     background: url(../img/arr_news.png) no-repeat center right;
    /* padding: 10px; 
    margin-top: 6px;*/
    transition: all ease .3s;
    box-sizing: border-box;
    width: 100%;
    clear: both;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    line-height: 180%;
    padding-right: 15px;
    color: #868686;
    transition: all ease .3s;
    /* padding-bottom: 0.3vh; */
    margin: 15px 0 1.5vh;}

.news-list li:last-child{ border-bottom: none; }

/*
.news-list li .date-info { width: 18%; float: left; font-size: 14px; text-align: center; display: block; color: #464646; transition: all ease .6s; }*/

.news-list li .date-info { font-size:18px;line-height:160%; font-weight: 600; color:#323232; transition: all ease .6s; font-family: Arial; text-align:right;padding:0px 2vw 0 0 }
.in_news_l h5{ line-height:5vh; font-size:.48rem;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.in_news_l h5 a{color:#444}
.in_news_l h5:hover a{color:#0670f5}
.news-list li .date-info p {font-size: 14px;
    font-weight: normal;  
    margin: 0;
    transition: all ease .6s;
    white-space: nowrap;
 }

.news-list li:hover .date-info, .news-list li:hover .news-title { color: #1e73de; font-weight: 600; transition: all ease .6s; }

.news-list li:hover { background: url(../img/arr_news.png) no-repeat center right; transition: all ease 0s; }

.news-list li:hover .date-info { transition: all ease .6s; color:#147dff }

.news-list li:hover .news-title {transition: all ease .6s; padding-left: 15px; padding-right: 0; margin-left:-15px }

.more { border: 2px solid #147dff; margin: 2vh auto; width:160px; text-align: center; /* height: 2vh; */ line-height: 4vh; color: #147dff; transition: all ease .6s; }

.more:hover {  background: #147dff; transition: all ease .6s; }

.more:hover a{ color: #fff }

.mauto { margin: auto auto; transition: all ease-in .4s; }


.t3bj{background:url(../img/bj_w.jpg) no-repeat; padding-top:6vh; width: 100%}
.ntit span{font-weight:300 !important; }
.ntit{font-size:.86rem;font-weight:600;line-height: 200%; color:#161616; font-family:微软雅黑; letter-spacing:1px; }
.ntit_en{font-size:0.7rem;font-weight: normal;  font-family:"Arial";   line-height: 18px; margin-bottom:2vh}


/*首页简介*/
.iabout_l{background:rgba(255,255,255,.7) ;height: 28vh;padding: .8rem !important;}
.iabout_r{background:rgba(255,255,255,.4) ;height: 28vh; overflow:hidden;}
.iabout_r .col-md-7{padding-top:.7rem}
.iabout_r h4{margin:.5rem 0}
.iabout_lb{ max-width:100%; height:28vh; margin-left:-15px}

/*合作伙伴*/


.line_bom { height: 2px; width: 2vw; background: #147dff; transition: all ease .6s; margin: 2vh auto 5vh }

.line_bom:hover{ width: 4vw; transition: all ease .6s; }

.in_par li { margin-top: 10px }

.in_par li div { width: 100%; background: #fff; }

.in_par li img { outline: 1px solid #f0f0f0; border: 4px solid #fff; background: #fff; padding: 2px; display: flex; justify-content: center; flex-wrap: nowrap; transition: all ease .6s;  /*width: 15.4%*/ ; box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; }

.in_par li:hover img { outline: 1px solid #fff; border: 4px solid #147dff; transition: all ease .6s; box-sizing: border-box; }

.foot-menu .foot-menulist li.foot-one-nav h2 { margin-top: 6vh; color: #fff; font-size:/*calc(0.8vw + 4px) */16px; line-height: 18px; font-weight: normal; margin-bottom: 4vh; position: relative }

.foot-menu .foot-menulist li.foot-one-nav { float: left; padding: 0 2.9%; margin-right: 1.28% }

.foot-menu .foot-menulist li.foot-one-nav:first-child { padding: 0 2% 0 0 }

.foot-menu .foot-menulist li.foot-one-nav h2 a { text-decoration: none; color: inherit; }

.foot-two-menu .foot-two-menulist li a { text-decoration: none; color: inherit; }

.foot-two-menu .foot-two-menulist li { font-size:/*calc(0.7vw + 0.2em) */ 15px; color: #959595; line-height: 220%; }

.foot-two-menu .foot-two-menulist li:hover { color: #237cf4 }

.foot-menu { padding-left: 8px; padding-bottom: 45px; }

.foot-menu .foot-menulist li.foot-one-nav h2:after { content: ""; display: block; position: absolute; width: 18px; height: 2px; background: #4b9afd; left: 0px; transition: 0.3s all; z-index: 0; bottom: -16px; }

.foot-menu .foot-menulist li.foot-one-nav:hover h2:after { width: 72px; transition: 0.3s all; background: #4b9afd; }

.clearfix:before,.clearfix:after {	content: " ";	display: table;}

.clearfix:after {	clear: both;}

.foot-con { padding-top: 2vh; text-align: right }

.foot-con .bt2 { font-weight: bold; display: block; background: #fff; font-size: 16px; border-radius: 2vw !important; padding: 8px 2vw; color: #004bf5; text-align: center; float: right; margin-bottom: 4vh; transition: all ease .6s }

.foot-con .bt2:hover { padding: 8px 3vw; background: #004bf5; color: #fff; font-weight: 600; transition: all ease .6s }

.foot-con h3 { color: #fff; font-size: 16px;font-weight: bolder; width: 100%; clear: both; }

.foot-con h2 { color: #168fff; font-size: calc(1.5vw + 6px); font-weight: 600; font-style: italic; }

/*内页*/

.pl0 { pading-left: 0 }

.bggray { background: #f9f9f9 }

.nmenu { background: #fff; border-radius: 6px !important; padding: 2vh 1vh; box-shadow: 2px 0px 6px #ccc; margin-top:-4.765vh; margin-bottom:.5vh;display:inline-block;  width:100%}
.npage{ background: #fff; border-radius: 6px !important; margin: 2vh 0;display: flow-root;padding: 2vh 0.5vh 2vh;}
.nmenu h2 { color: #353535; font-weight: 600; }
.in_news_l h5{font-size:16px; width: 95%; padding: 0 5%;text-overflow: ellipsis; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.in_news_l p{    margin: 0;   width: 95%; padding: 0 5%;font-size:14px ;line-height: 3.5vh;text-overflow: ellipsis; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.news-list li .news-title{font-size:16px}
 @media screen and (min-width: 480px) {
.nmenu h2 { color: #353535; font-weight: 600;font-size: 16px  }
}
 @media screen and (min-width: 768px) {
.header .navbar_nav li a.aa{
	text-decoration: none;
	height: 100%;
	padding: 0 1vw;
	display: block;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	color: #fff; font-size:16px;
	/*font-size: 1.8rem;*/
}
.nmenu h2 { color: #353535; font-weight: 600; font-size: 16px }
}
 @media screen and (min-width: 992px) {
 .header .navbar_nav li a.aa{
	text-decoration: none;
	height: 100%;
	padding: 0 0.85vw;
	display: block;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	color: #fff; font-size:16px;
	/*font-size: 1.8rem;*/
}

.menu_t_menu{display:none!important}
.nmenu h2 { color: #353535; font-weight: 600; font-size: 20px }
.foot-menu .foot-menulist li.foot-one-nav {
    float: left;
    padding: 0 1.5%;
    margin-right: 1.28%;
}
}
 @media screen and (min-width: 1250px) {
 .header .navbar_nav li a.aa{
	text-decoration: none;
	height: 100%;
	/*padding: 0 1vw;*/
	display: block;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	color: #fff; /*font-size:18px;*/
	/*font-size: 1.8rem;*/
}

.nmenu h2 { color: #353535; font-weight: 600; font-size:22px }
}
 @media screen and (min-width: 1616px) {.menu_t_menu{display:block!important} .header .navbar_nav li a.aa{
	text-decoration: none;
	height: 100%;
	padding: 0 .8vw;
	display: block;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	color: #fff; font-size:18px;
	/*font-size: 1.8rem;*/
}}

.nmenu h2 span { color: #ccc; font-weight: normal; text-transform: uppercase; }

.nbmenu { display: flex; justify-content: flex-end; flex-wrap: nowrap; margin-top:-0.3vh }

.nbmenu li {/* margin-left: 1vw;*/ padding:5px 2% 0; font-size: 16px ;}

.nbmenu li a { color: #333 }
.nbmenu li.on1{background: #0071e4;    border-radius: 6px !important;    padding: 0 5px;
    height: 40px;    line-height: 40px;    margin-top: 5px;    margin-right: 1vw;} 
	.nbmenu li.on1:hover{background:#f0f0f0 !important;}
.nbmenu li.on1 a{color:#fff; font-weight:600}
.nbmenu li.on a, .nbmenu li:hover a{color: #0071e4 ; font-weight: 600 }
.nbmenu li.on h4, .nbmenu li:hover h4{ width:40px;height:2px; background:#0071e4; transition: all ease .6s; }
.nbmenu li h4, .nbmenu li h4{ width:0px;height:2px; background:#0071e4; transition: all ease .6s; margin: 6px auto 0;}
.wbsite { 
    padding: 2vh 0;
    font-size: 16px;
    color: #0071e4;
}
.wbsite a{ color: #0071e4;}
.wbsite a:last-child { color:#0071e4; font-weight:600 }

.wbsite span a { color: #0071e4; }

.pagebody p { line-height: 200%; text-indent: 2em; font-size: min(1.5vw, 16px); color: #333 }

.pagebody p img, .pagebody p iframe { text-indent: 0em; max-width: 100%;    margin-left: -2em;
 }

.news_rb { background: #fff; padding: 1vw 2.5vw; border: 1px solid #ececec;/*box-shadow: 2px 0px 6px #ccc;*/ border-radius: 6px!important;  position: -webkit-sticky;  position: sticky; top:90px;}

.nr_title { border-bottom: 1px solid #ccc; line-height: 200%; font-size: min(2vw, 18px); color: #222; padding-top: 2vh; font-weight: 600; padding-bottom: 1vh; margin-bottom: 1vh }

.nr_menu li { line-height: 260%; font-size: min(1.5vw, 18px); width: 100%; padding-bottom: 1vh }

.nr_menu li.on,.nr_menu li:hover { background: url(../img/list.png) right 10px no-repeat; }

.nrr_title li { line-height: 160%; font-size: min(1.2vw, 16px); width: 100%; padding-bottom: 1vh; padding-top: 2vh }

.nrr_title li p { font-size: 13px; line-height: 160%; margin: 0; padding: 0 }

.pagepre { height: 30px; width: 40%; overflow: hidden; transition: all ease-in .6; white-space: nowrap }

.pagepre a.span1 { display: none; transition: all ease-in .6 }

.pagepre:hover a.span1 { display: block; transition: all ease-in .6 }

.oh { overflow: hidden }

.yinyong { padding: 10px 20px; background: #fff; margin: 20px 0 20px; box-shadow: 0px 0px 20px #eee; font-size: 15px; border-left: 5px solid #eee; }

.fchl a { color: #333 }

.fchl:hover a { color: #0071e4 !important }

li .line_bottom { width: 0%; height: 3px; background: #0071e4; transition: linear .6s;/*margin-top:10px;*/ }
li.on .line_bottom { width: 100%; transition: linear .6s }
li:hover .line_bottom { width: 100%; transition: linear .6s }

.pab120 { top: 120px; position: fixed; }

/*chanpin */

.proclass { display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; flex-direction: row; flex-wrap: nowrap; }

.le_pro { background: #0071e4; border-radius: 6px !important; line-height: 46px; text-align: center; color: #fff; font-size: 16px; font-weight: 600; float: left; height: 46px; width: 160px; }

.le_pro a, .le_pro:hover a { color: #fff }

.proclass li { float: left; padding: 5px 1%; font-size: 15px; line-height: 180%; }

.proclass li.on a { color: #0071e4 !important }

.promenu { background: #fff; padding: 1vw; border-radius: 6px !important; margin: 1vh auto 4vh; box-shadow: 0px 0px 10px #eee; }
.promenu .mt2h:nth-child(2){margin:10px 0;}
	/*常规*/
	.prolist{ clear:both;width:100%;}
.prolist li{    width:23%;
    float: left;
    margin: 15px 2.55% 15px 0;
    background: #fff;
    border-radius: 6px !important; 
    padding: 20px 20px 0 20px; /*height:36vh*/}
	.salelist li{    width:19%;
    float: left;
    margin: 15px 2.55% 15px 0;
    background: #fff;
    border-radius: 6px !important; 
   padding: 20px 20px 0 20px;  height:9vmax}
	.salelist li:nth-child(4n),.prolist li:nth-child(4n){margin: 15px 0;}
	/*.prolist div {position: relative; overflow: hidden; background: #0852b0; }*/
	.salelist .image,.prolist .image{overflow:hidden;/*height:25vh;*/width:100%;border-radius: 6px !important;}
	..salelist .image img,.prolist  .image img { width: 100%; transition: all ease .6s; opacity: 1; height: 100% }
	.salelist  :hover div img, .prolist :hover div img { transition: all ease .6s; opacity: .6; transform: scale(1.2, 1.2); }*/
	.prolist  .probj{}
	/*瀑布流/**/
.h60{height:60px; margin:10px 0;line-height:30px;overflow:hidden;}
.prolist1 { width: 100%; margin: 20px auto;  }

.probj { /* break-inside: avoid; */background: #fff;width: 100%;   transition: all ease-in .2s; border-radius: 6px !important; padding: 5%; margin-bottom: 30px;  float:left;} }

.image {overflow:hidden;height:25vh;width:100%}
.image img{max-width:100%}
.probj h3 { line-height:240% }
.h100{height:90px; margin:10px 0}
.probj P { color: #555; }
.caselist { width: 100%; margin: 20px auto; margin-bottom: 0;columns: 5;column-gap: 30px; }
.salebj{background: #fff url(../img/sale_bj.png) no-repeat 99% 92% !important;width: 100%;   transition: all ease-in .2s; border-radius: 6px !important; padding: 1.2% 2%; margin-bottom: 30px;  float:left;/*height: 25vh*/}
.salebj:hover{background: #fff url(../img/sale_bj.png) no-repeat 90% 85% !important;  transition: all ease-in .2s;}
@media screen and (max-width: 1500px) {
.prolist1 {clear:both;width:100%; margin-bottom: 0;columns: columns: 300px 4;column-gap: 30px;}
.prolist li{     width:23%;
    float: left;
   margin: 15px 2.6% 15px 0;}
	.prolist li:nth-child(4n){margin: 15px 0;}

}
@media screen and (max-width: 1250px) {
.prolist li {
    width: 23%;
    float: left;
    margin: 15px 2.55% 15px 0;
    /*height:21vmax;*/
}}
@media screen and (max-width: 1024px) {

.prolist1 {clear:both;width:100%; margin-bottom: 0;columns: 3;column-gap: 30px;}
.prolist li{    width: 32%;
    float: left;
    margin: 15px 2% 15px 0;}
	.prolist li:nth-child(3n){margin: 15px 0;}
}
@media screen and (max-width: 767px) {
.prolist1 {clear:both;width:100%; margin-bottom: 0;columns: 2;column-gap: 30px;}
.prolist li{width: 48%;
    float: left;
  margin:15px 3% 15px 0;}
	.prolist li:nth-child(2n){margin: 15px 0;}
}
@media screen and (max-width: 460px) {
.prolist1 {clear:both;width:100%; margin-bottom: 0;columns: 1;column-gap: 30px;}
.prolist li{width: 98%;
    float: left;
    margin: 15px 1%;}
}


.caselist { width: 100%; margin: 20px auto;/* columns:4; column-gap: 30px;*/ }
@media screen and (min-width: 1624px) {
.gallery > ul > li {/**/ float: left; margin-bottom: 15px;     width:18%;
    margin-right: 2%;box-shadow:0 6px 4px #eee; padding: 1%; background: #fff; border-radius: 6px !important; position:relative; overflow:hidden;/* width: 100%; break-inside: avoid;*/ margin-bottom: 30px; }
.gallery > ul > li :nth-child(5n){margin-right:0;}
.caselist { columns: 6; column-gap: 20px; }

}
@media screen and (min-width: 1324px) {
.gallery > ul > li :nth-child(4n){margin-right:0;}
.gallery > ul > li {/**/ float: left; margin-bottom: 15px;     width:23%;
    margin-right: 2%;box-shadow:0 6px 4px #eee; padding: 1%; background: #fff; border-radius: 6px !important; position:relative; overflow:hidden;/* width: 100%; break-inside: avoid;*/ margin-bottom: 30px; }

.caselist { columns: 5; column-gap: 20px; }

}
@media screen and (min-width: 1024px) {
.gallery > ul > li {/**/ float: left; margin-bottom: 15px;     width:23%;
    margin-right: 2%;box-shadow:0 6px 4px #eee; padding: 1%; background: #fff; border-radius: 6px !important; position:relative; overflow:hidden;/* width: 100%; break-inside: avoid;*/ margin-bottom: 30px; }
.gallery > ul > li :nth-child(4n){margin-right:0;}
.caselist { columns: 4; column-gap: 20px; }
.nbmenu li {
    /* margin-left: 1vw; */
    padding: 5px 1% 0;
    font-size: 15px;
}
}
@media screen and (max-width: 1023px) {
.nbmenu li {
    /* margin-left: 1vw; */
    padding: 5px 1% 0;
    font-size: 14px;
}
.gallery > ul > li {/**/ float: left; margin-bottom: 15px;     width:31%;
    margin-right: 2%;box-shadow:0 6px 4px #eee; padding: 1%; background: #fff; border-radius: 6px !important; position:relative; overflow:hidden;/* width: 100%; break-inside: avoid;*/ margin-bottom: 30px; }
.gallery > ul > li :nth-child(3n){margin-right:0;}
.caselist { columns: 3; column-gap: 20px; }
}
@media screen and (max-width: 767.98px) {
.gallery > ul > li {/**/ float: left; margin-bottom: 15px;     width:100%;
box-shadow:0 6px 4px #eee; padding: 4%; background: #fff; border-radius: 6px !important; position:relative; overflow:hidden;/* width: 100%; break-inside: avoid;*/ margin-bottom: 30px; }
.gallery > ul > li :nth-child(2n){margin-right:0;}
.caselist { columns: 2; }


}

@media (max-width: 480px) {
.caselist_a li{width:100%;  transition: all ease-in .2s; padding:5%; }
.page-bottom *{text-align:center !important}
.foot-con{padding-top: 0px}
.page-bottom {
    padding: 1vh 0;
   margin-top: 0vh;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.page-bottom {    padding: 1vh 0;   margin-top: 0vh;}
.foot-con{padding-top: 0px}
	.caselist_a li:nth-child(2n){margin-right:0; }
.caselist_a li{width:48%; margin-right:2.2%;padding:2%;  transition: all ease-in .2s; float:left;}
.page-bottom *{text-align:center !important}
}
 
@media (min-width: 768px) and (max-width: 992px) {
    /*小屏幕设备 平板*/
	.caselist_a li:nth-child(3n){margin-right:0; }
.caselist_a li{width:30%; margin-right:4.8%;padding:2%;  transition: all ease-in .2s; float:left;}

}
 
@media (min-width: 992px) and (max-width: 1200px) {
    /*中等屏幕设备 桌面*/
	.caselist_a li:nth-child(4n){margin-right:0; }
.caselist_a li{width:23%; margin-right:2.2%;  transition: all ease-in .2s; float:left;}
	
}
 
@media (min-width: 1200px) {
	
    /*大屏幕设备 桌面*/
	.caselist_a li:nth-child(4n){margin-right:0; }
.caselist_a li{width:23%; margin-right:2.2%;  transition: all ease-in .2s; float:left;}
	
}



.caselist_a { width: 100%; margin: 20px auto;/* columns:4; column-gap: 30px;*/  clear:both;}
.caselist_a li{ background: #fff; padding:20px 20px 0 20px; transition: all ease-in .2s; border-radius: 6px !important; margin-bottom: 30px;/*height:30vh; */ float:left;}
.caselist_a li div {overflow:hidden;height:75%;max-width:100%}
.caselist_a li div img{width:100%;height:100%}
.caselist_a li h4{font-size: 16px;}
.caselist_a li p { color: #555; font-size:14px }

 
@media (min-width: 1230px) and (max-width: 1371px) {
	
    /*大屏幕设备 桌面*/
.htel{display:none}
}

@media (min-width: 1372px) {
	
    /*大屏幕设备 桌面*/
	
}

.caselist .probj:hover ,.prolist .probj:hover { box-shadow: 0px 0px 20px #ddd }

.caselist .probj:hover h3 a ,.prolist .probj:hover h3 a { color: #0071e4 }

.more2 { margin-top: 10px; font-size: 15px; text-align: right }

.procbg { background: #f9f9f9; padding: 3px 10px; border-radius: 4px !important; margin-bottom: 10px; margin-right: 5px; font-size: 0.36rem; transition: all ease-in .2s }

.procbg:hover { background: #0071e4; color: #fff; transition: all ease-in .2s }

.pro_tel { /* 标准写法 */ background-image: linear-gradient(#0058da, #0d95ff); border-radius: 6px !important; }

.pro_mes { /* 标准写法 */ background-image: linear-gradient(#ff7612, #f98836); border-radius: 6px !important; }

.pro_tel a, .pro_mes a, .pro_tel, .pro_mes { color: #fff;margin-right: 10px;font-size:16px; padding: 2px 6px; text-align: center }

.bshare-custom { margin-left: -15px!important }

.xgtitile { background: #fff; color: #fff; font-size: 1.5vw; border: 2px solid #0071e4; height: 1.4rem }

.xgtitile .span { background: #0071e4; line-height: 1.3rem; }

/*变换图片*/
.gsjs:hover a{color:#222}
.projj { background: #fff; border-radius: 6px !important; /*padding: 2vh 1vh*/padding: 2vw;; margin-bottom: 3vh }

.phone-index-banner { display: none; }

.bannerslide { position: relative; background: #dce3fc }

.bannerslide .slidebox { position: relative; height: 400px; overflow: hidden }
 @media screen and (min-width: 120px) {

.bannerslide .slidebox { position: relative; height:260px; overflow: hidden }
}
 @media screen and (min-width: 480px) {

.bannerslide .slidebox { position: relative; height: 460px; overflow: hidden }
}
 @media screen and (min-width: 768px) {

.bannerslide .slidebox { position: relative; height: 650px; overflow: hidden }
}
 @media screen and (min-width: 992px) {

.bannerslide .slidebox { position: relative; height: 580px; overflow: hidden }
}
 @media screen and (min-width: 1200px) {

.bannerslide .slidebox { position: relative; height: 700px; overflow: hidden }
}

 @media screen and (min-width: 1400px) {

.bannerslide .slidebox { position: relative; height: 720px; overflow: hidden }
}



.bannerslide .slidebox li { display: block; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; }

.bannerslide img { display: block; max-width: 100%; }

.bannerslide .slideinfo { width: 100%; position: absolute;
    left: 5%;    position: absolute;    left: 0;    bottom: 0px;    z-index: 10;
} 

.bannerslide .slidetitle { height: 80px; padding: 25px; color: #fff; font-family: 微软雅黑; }

.bannerslide .slidetitle h2 { font-size: 30px; height: 50px; line-height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.bannerslide .slidetitle h3 { font-size: 18px; }

.bannerslide .slidelist { /*height: 80px; */width: 100%; background: rgba(0,0,0,0.5); position: relative; }

.bannerslide .slidelist ul { text-align: center; }

.bannerslide .slidelist ul li { display: inline-block; margin-top: 11px; margin-right:8px;width: 48px; height: 38px; cursor: pointer; }
.bannerslide .slidelist ul li img{ width: 46px; height: 36px; border: 1px solid #fff;}

.bannerslide .slidelist .mask { width: 46px; height: 36px; position: absolute; left: 32px; top:9px; display: block; }

.phone-index-banner { position: relative; }

.phone-index-banner img { display: block; }

.phone-index-banner h3 { position: absolute; width: 100%; bottom: 0px; font-size: 14px; height: 40px; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 40px; background: rgba(0,0,0,.5); color: #fff; font-family: 微软雅黑; }

/*荣誉*/

.gallery > ul { margin-bottom: 0;/* columns: 4; column-gap: 30px;*/    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap; }

.gallery > ul > li {/**/ float: left; margin-bottom: 15px;    /* width:23%;*/
    margin-right: 2%;box-shadow:0 6px 4px #eee; padding: 1%; background: #fff; border-radius: 6px !important; position:relative; overflow:hidden;/* width: 100%; break-inside: avoid;*/ margin-bottom: 30px;display: flex;
    justify-content: center; }

/*.gallery > ul > li:hover { background: #0071e4 }*/

/*.gallery > ul > li:nth-child(4n){margin-right:0}*/
.gallery > ul > li a { display: block; overflow: hidden; position: relative; float: left; }

.gallery > ul > li a > img { -webkit-transition: -webkit-transform 0.15s ease 0s; -moz-transition: -moz-transform 0.15s ease 0s; -o-transition: -o-transform 0.15s ease 0s; transition: transform 0.15s ease 0s; -webkit-transform: scale3d(.96, .96, .96); transform: scale3d(.96, .96, .96); max-height: 100%; width: 100%; }
.gallery > ul > li > h4 { position: absolute; height: 40px; line-height: 40px; background: rgba(0,0,0,.45); color: #fff; bottom: 4px; left: 18px; margin: 0; font-size: 14px; width: 88.8%; font-weight: normal; text-align: center }
.gallery > ul > li  a> h5{position: absolute; height: 40px; line-height: 40px; background: rgba(255,255,255,.75);text-shadow:0px 1px 5px #fff; bottom:0px; color: #222; width: 100%;    left: 0%;transition: transform 0.15s ease 0s;  }
	.gallery > ul > li a:hover > h5{width: 100%;    left:0%;  bottom:0;transition: transform 0.15s ease 0s;  }
.gallery > ul > li a:hover > img { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }

.gallery > ul > li a:hover .gallery-poster > img { opacity: 1; }

.gallery > ul > li a .gallery-poster { background-color: rgba(0, 0, 0, 0.1); bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: background-color 0.15s ease 0s; -o-transition: background-color 0.15s ease 0s; transition: background-color 0.15s ease 0s; }

.gallery > ul > li a .gallery-poster > img { left: 50%; margin-left: -10px; margin-top: -10px; opacity: 0; position: absolute; top: 50%; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; }

.gallery > ul > li a:hover .gallery-poster { background-color: rgba(0, 0, 0, 0.5); }

.gallery .justified-gallery > a > img { -webkit-transition: -webkit-transform 0.15s ease 0s; -moz-transition: -moz-transform 0.15s ease 0s; -o-transition: -o-transform 0.15s ease 0s; transition: transform 0.15s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); height: 100%; width: 100%; }

.gallery .justified-gallery > a:hover > img { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }

.gallery .justified-gallery > a:hover .gallery-poster > img { opacity: 1; }

.gallery .justified-gallery > a .gallery-poster { background-color: rgba(0, 0, 0, 0.1); bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: background-color 0.15s ease 0s; -o-transition: background-color 0.15s ease 0s; transition: background-color 0.15s ease 0s; }

.gallery .justified-gallery > a .gallery-poster > img { left: 50%; margin-left: -10px; margin-top: -10px; opacity: 0; position: absolute; top: 50%; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; }

.gallery .justified-gallery > a:hover .gallery-poster { background-color: rgba(0, 0, 0, 0.5); }

.gallery .video .gallery-poster img { height: 48px; margin-left: -24px; margin-top: -24px; opacity: 0.8; width: 48px; }

.gallery.dark > ul > li a { border: 3px solid #04070a; }

.home .gallery { padding-bottom: 80px; }

.pro_btn { position: absolute; bottom: 20px; left: 42%; }

.t0em, .t0em p { text-indent: 0; margin: 5px 0!important; font-size: 15px; line-height: 180% }

/*job*/
.section-bg1{    background: #fff;}
.section-bg2{    background: #F6F9FC;}
.section-padding {
   /* padding-top: 2rem;
    padding-bottom: 2rem;*/
}.section-tittle h2 {
    color: #18304B;
    font-size: .7rem;
    display: block;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -.04em;
    margin-bottom: 12px;
}
.section-tittle h4 {
    color: #006feb;
    font-size: .7rem;
    display: block;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -.04em;
    margin-bottom: 12px;
}
.fuli{width:100%; clear:both}
.fuli li{background: #006feb;
    padding: 3px 10px;
    font-size: 0.5rem;
    border-radius: 4px !important;
    border: 2px dotted #ffffff;
    margin-bottom: 10px;
    margin-right: 5px;
    color: #fff;
    transition: all ease-in .2s;
    float: left;}
.fuli li:hover{ background: #e50012; color: #fff; transition: all ease-in .2s }
.section-tittle h3{font-size: 1rem; color:#}
.section-tittle p {
    color: #6D6D6D;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}.mb-30 {
    margin-bottom: 30px;
}
.mb-30 {
    margin-bottom: 30px;
}
.d-flex {
    display: flex!important;
}
.pera{padding-top:1rem;width: 100%;}
.pera p{margin:5px 0;font-size:0.43rem; line-height:2}
.job_con1{border-radius:10px !important; background:#fff; padding:1rem;font-size:.45rem; font-weight:600;line-height:2}
.job_con1 h
    /**/
    .join-wrap{background: #f6f6f6;/*margin: 50px 0;*/}
	.about-img img{max-width:100%}
.join-row{/*margin-top: 50px;*/}
.join-row .item{background:#006feb; color:#fff; font-size:14px; height:60px;padding: 0 3%;cursor: pointer;}
.join-row .item .middle{overflow: hidden;color: #fff;height: 100%;line-height: 60px;}
.join-row .item.item_2{background:#fbfbfb; color:#333333;border-bottom: solid 1px #e8e8e8;overflow: hidden;}
.join-row .item.item_2.item_3{background:#f3f6fa;}
.join-row .tops{background:#525252; color:#fff; height:60px; line-height:60px; padding-left:2%; width:98%;}
.join-row .list{background:#fff; height:58px; line-height:58px; padding-left:2%; width:98%; margin-bottom:20px;}
.join-row .list .mid{width:80%;}
.join-row .list .mid a{color:#666666;}
.join-row .list .mid a:hover{color:#0a4595;}
.join-row .item .name{width: calc(24.5% - 25px);width: -moz-calc(24.5% - 25px);width: -webkit-calc(24.5% - 25px);}
.join-row .item .work{width: calc(24.5% - 25px);width: -moz-calc(24.5% - 25px);width: -webkit-calc(24.5% - 25px);}
.join-row .item .people{width: calc(24.5% - 25px);width: -moz-calc(24.5% - 25px);width: -webkit-calc(24.5% - 25px);}
.join-row .item .place{width: calc(24.5% - 25px);width: -moz-calc(24.5% - 25px);width: -webkit-calc(24.5% - 25px);}
.join-row .item.top{cursor: default;}
.join-row .item.top .name{background: url(../image/zw-icon.png)no-repeat left;/*padding-left: 25px;*/}
.join-row .item.top .work{background: url(../image/dz-icon.png)no-repeat left;/*padding-left: 25px;*/}
.join-row .item.top .people{background: url(../image/rs-icon.png)no-repeat left;/*padding-left: 25px;*/}
.join-row .item.top .place{background: url(../image/gznx-icon.png)no-repeat left;/*padding-left: 25px;*/}
/*.join-row .item .salary{width:15%; padding-left:2%;}*/
.join-row .item .jia{background:url(../style/image/zjia.png) no-repeat center; width:20px; height:20px; margin: 20px 0px 0 0; cursor:pointer;}
.join-row .item .jia.jian{background:url(../style/image/zjian.png) no-repeat center;}
.join-row .on{background:#fff !important; border-bottom:#e3e3e3 1px solid;}
.join-row .open{background:#ffffff !important;}
.join-row .box_2{background:#eaebec; overflow:hidden;}
.join-row .box_2 .middle{color: #333;padding-right: 25px;}
.join-row .box_2 .content{font-size:16px; color:#333; line-height:22px; display:none; padding:16px 3%;background: #fff; padding-bottom:3%}
.join-row .box_2 .content .white{padding: 2% 0;}
.join-row .box_2 .content .white .btn{display: inline-block; width:140px; height: 40px;line-height: 38px;border-radius:4px; /*margin:0 auto;*/ /*padding-left:45px;*/ font-size:16px; color:#fff;text-align: center;border: solid 1px #ff6600;background: url(../images/img58.png)no-repeat 82% center;text-indent: -20px;}
.join-row .box_2 .content .white .btn .apply{color: #ff6600;font-size: 1.5rem;}
.join-row .box_2 .content .white .left{width: 65%;text-align: left;}
.join-row .box_2 .content .white .left .meg{display: inline-block;margin-left: 40px;color: #666;vertical-align: middle;}
.join-row .box_2 .content .white .left .meg:first-child{margin-left: 0;}
.join-row .box_2 .content .white .left .meg span{font-size: 1.6rem;color: #ff8550;}
.join-row .box_2 .content .white .right{width: 35%;text-align: right;}
.join-row .box_2 .detail,.join-row .box_2 .detail a,.join-row .box_2 .detail div,.join-row .box_2 .detail span,.join-row .box_2 .detail b,.join-row .box_2 .detail i,.join-row .box_2 .detail p,.join-row .box_2 .detail ul,.join-row .box_2 .detail li{font-size: 0.4rem;color: #666;line-height: 150%;}

/*历程*/


.time-line-box {
  margin-top: 40px;
}
.time-line-box ul:after {
  content: '';
  background: url(../img/line.png) repeat-x left bottom;
  height: 52px;
  width: 1000%;
  position: absolute;
  left: 0;
  z-index: 1;
}
.time-line-box ul li {
  float: left;
  width: 211px;
  position: relative;
  padding-top: 176px;
  padding-bottom: 0;
  padding-left: 0;
  z-index: 2;
}
.time-line-box ul li:after {
  content: '';
  height: 124px;
  border-left: #d3d3d2 2px solid;
  position: absolute;
  top: 52px;
  left: 0;
}
.time-line-box ul li dl {
  padding-left: 25px;
}
.time-line-box ul li dl dt {
  font-size: 22px;
  color: #2DA891;
  font-weight: bold;
  position: relative;
  margin-bottom: 10px;
}
.time-line-box ul li dl dt:after {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #2DA891;
  position: absolute;
  left: -32px;
  top: 0;
  border: #a1d4cc 4px solid;
}
.time-line-box ul li dl dd {
  color: #333;
  font-size: 13px;
  line-height: 1.8;
  padding-left: 15px;
  position: relative;
}
.time-line-box ul li dl dd:after {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #2DA891;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3px;
}
.time-line-box ul li:first-child {
  margin-left: 95px;
}
.time-line-box ul li:last-child {
  margin-right: 40px;
}
.time-line-box ul li:nth-child(2n) {
  padding-top: 0;
}
.time-line-box ul li:nth-child(2n):after {
  top: auto;
  bottom: -51px;
  height: 76px;
  z-index: 2;
}
.time-line-box ul li:nth-child(2n) dt:after {
  left: -34px;
}
.time-line-box ul li:nth-child(2n) .layui-text {
  position: absolute;
  left: 0;
  bottom: 10px;
  border-left: #d3d3d2 2px solid;
}
.time-line-box ul .item-this:after {
  border-left: #2DA891 2px solid;
}
.time-line-box ul .item-this .layui-text {
  border-left: #2DA891 2px solid !important;
}
h2.advs{ padding-top: 8vh; line-height: 1.6; }