@charset "utf-8";

/* Hschubin */
*{margin: 0;padding: 0;}
html {font-family: Arial,"Microsoft YaHei";font-size:625%;color: #333;}
body {max-width:640px;margin:auto;background:#fff;font-size:0;-webkit-text-size-adjust:none;}
input {font-size:13px;}
a{color:inherit;text-decoration: none;outline-style: none; border:none;}
ul,ol,li{list-style:none;}
img{vertical-align:middle;border:none;display:inline-block;max-width:100%;max-height:100%;}
a,button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0);}
em,i{font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
   
    
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{content:'';display:block;height:0;clear:both;visibility:hidden;}
.bl{float:left;display:inline-block;}
.br{float:right;display:inline-block;}
.main{max-width:6rem;margin:0 auto;}
.img_box{display:table-cell;vertical-align:middle;text-align:center;}
.img_box img{vertical-align:middle;}
.col-1{width:100%;float:left;display:inline-block;}
.col-2{width:50%;float:left;display:inline-block;}
.col-3{width:33.33%;float:left;display:inline-block;}
.col-4{width:25%;float:left;display:inline-block;}


.sidebar-wrapper {position:relative; height:100%; overflow: auto; font-size:.2rem;display:none;}
#dowebok {
    background-color: rgba(0, 0, 0, .8);
}

#dowebok .nav {
    margin-top: 0.8rem;
    line-height: 0.75rem;
    list-style-type: none;
    padding: 0 0.2rem;
}

#dowebok .nav a {
    display: block;
    color: #fff;
    text-decoration: none;
}

#dowebok ul.nav li a {
    
    background-size: .14rem .25rem;
    font-size: .20rem;
    text-align: left;
}

#dowebok ul.nav li h3 {
    border-bottom: 0;
    background-size: .14rem .25rem;
    font-size: .26rem;
}

.index{
/*    position:relative;*/
}

.header{
    position:absolute;
    top: 0;
    left: 0;
    right:0;
    margin:auto;
    width: 6rem;
    z-index: 99;
    margin-top: .35rem;

}



.header .logo-box{
    width: 1.3rem;
    height: 1.3rem;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/logo.png);
    background-size:contain;
    float: left;
    z-index: 99;
}


.header .menu{
     width: .33rem;
    height: .26rem;
    float: right;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/menu.png);
    background-size: .33rem .26rem;
    padding-top: 1.1rem;
}


.index_banner{

}
.index_banner .swiper-container{
    width: 100%;
    height:100%;

}

.index_banner .swiper-container .swiper-slide{

}




.ibanner .swiper-pagination{
	bottom: .3rem;
}
.ibanner .swiper-pagination-bullet{
	width: .4rem;
	height: .05rem;
	outline: none;
	border: none;
	opacity: 1;
	border-radius: .05rem;
	background-color: #dcdcdc;
}
.ibanner .swiper-pagination-bullet-active{
	background-color: #fff;
}




.index_banner .swiper-container .bg-full{
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover; 
}
/*about*/



.inc-banner{
    position:relative;
}

.left{
    width: .4rem;
    height: .4rem;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/left.png);
    background-size:contain;
    position:absolute;
	top: .1rem;
    left: .2rem;
    z-index: 99;
}

.inc-banner .img_box{
    width: 100%;
}
.about-link{
    width: 100%;
    height:.8rem;
    background:#f1f1f1;
    text-align:center;

}

.about-link li{
    
    font-size:.18rem;
    color: #444;
    display: inline-block;
    line-height: .8rem;
    margin: 0 .2rem;

}

.about-link li.on{
    text-decoration:underline;
}
.about{

}

.tit{

}

.tit h3{
    font-size:.26rem;
    color: #444444;
}

.tit p{
    font-size:.15rem;
    color: #888888;
}
.about-intro {
    margin-top: .8rem;
}

.about-intro .text-box{
    padding-bottom: .7rem;
}

.about-intro .text-box .text{
    line-height: .33rem;
    color: #666666;
    font-size:.17rem;
    padding:.4rem 0 .5rem;
}

.about-intro .text-box p{
      line-height: .4rem;
    color: #666666;
    font-size:.17rem;
}

.about-intro .img_box{
/*    width: 5.7rem;
    height:3.17rem;
    overflow: hidden;*/
}

.about-power{
    margin-top: .8rem;
	padding-bottom: .8rem;
}

.about-power .text{
    line-height: .4rem;
    color: #666666;
    font-size:.17rem;
    padding:.4rem 0 .5rem;
}

.about-power .gainer{
    margin-bottom: .9rem;
}

.about-power .gainer li{
    display: inline-block;
    margin-right: .6rem;
}

.about-power .gainer li h3{
    font-family: Impact Regular;
    font-size: .46rem;
    color: #444444;

}
.about-power .gainer li p{
    font-size:.15rem;
    color: #888888;
}

.about-power .gainer li:nth-child(3){
    margin-right: 0;
}

.copyright{
    background:#232323;
}

.copyright p{
    font-size:.17rem;
    color: #b7b7b7;
    line-height: .65rem;
    text-align:center;
}

.about-power .video .img_box{
	position: relative;
}
.about-power .video .img_box::after{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -.5rem;
	left: 50%;
	margin-left: -.5rem;
	width: 1rem;
	height: 1rem;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/play_icon.png);
}





/*contact*/

.contact{

}


.contact .con-box{
    padding:.7rem 0 .6rem;
}

.contact .con-box h3{
    font-size:.19rem;
    color: #444444;   
}

.contact .con-box .text{
    line-height: .33rem;
    font-size:.16rem;
    color: #666666;
    padding:.3rem 0 .5rem;

}



.contact .con-box .text-box p{
    font-size:.17rem;
    color: #666666;
    line-height: .5rem;
    text-indent: .24rem;
}
.contact .con-box .text-box p:nth-child(1){
    background:url(../images/address.png) no-repeat left center;
    background-size: .13rem .16rem;

}

.contact .con-box .text-box p:nth-child(2){
    background:url(../images/phone.png) no-repeat left center;
    background-size: .13rem .18rem;

}

.contact .con-box .text-box p:nth-child(3){
    background:url(../images/fax.png) no-repeat left center;
    background-size: .17rem .15rem;

}

.contact .con-box .text-box p:nth-child(4){
    background:url(../images/int.png) no-repeat left center;
    background-size: .16rem .17rem;

}


.con-apply{
    background:#f3f3f3;
    padding-bottom: .8rem;
}

.con-apply h3{
    font-size:.18rem;
    color: #666666;
    padding:.4rem 0 .34rem;
}

.con-apply .form-box{
    padding:0 20px;
    background:#fff;
    padding-bottom: .7rem;
    border:1px solid #d2d2d2;
    padding-top: 30px;
}

.con-apply .form-box .message{

}

.con-apply .form-box .message p{
    font-size:.17rem;
    color: #666;
    line-height: .7rem;
    border-bottom:1px solid #d2d2d2;
}

.con-apply .form-box .message p i{
    color: red;
}

.con-apply .form-box .message p input{
    width: 4.7rem;
    height:.7rem;
    border:none;
    text-indent:.24rem;
    color: .17rem;
}

.con-apply .form-box .message p .txt{
    width: 4.1rem;
}

.con-apply .form-box .message p textarea{
    width: 4.7rem;
    height:2.3rem;
    padding-top: .2rem;
    border:none;
    text-indent:.24rem;
}
.con-apply .form-box .message p em{
    float: left;
}

.con-apply .form-box .v-code{

}

.con-apply .form-box .v-code p{
    font-size:.17rem;
    color: #666;
    line-height:.7rem;
}

.con-apply .form-box .v-code p i{
    color: red;
}

.con-apply .form-box .v-code .txt{
    width: 1.8rem;
    height:.45rem;
     color: .17rem;
     float: left;
     margin-right: .1rem;

}

.con-apply .form-box .v-code .img_box{
    width: .86rem;
    height:.45rem;
    overflow: hidden;
    float: left;
}

.con-apply .form-box .v-code .btn{
    width: 1.87rem;
    height:.45rem;
    line-height: .45rem;
    text-align:center;
    color: #fff;
    font-size:.16rem;
    float: right;
    background:#313131;
    border:1px solid #313131;
}


/*story*/

.story{
    margin:.7rem 0 ;
}

.story .hot{
margin-top: .5rem;
}
.story .hot li{
    display: inline-block;
    font-size:.17rem;
    color: #666;
    width: 1.9rem;
    margin-right: .04rem;
    margin-top: .15rem;
}

.story .hot li em{
    color:#ed0404;
    margin-top: .15rem;
}

.story .hot li:nth-child(3n){
    margin-right: 0;
}

.story .text-box{

}

.story .text-box .text{
    font-size:.17rem;
    color: #666666;
    line-height: .33rem;
    padding:.55rem 0;
}

/*join*/

.con-rec{
    margin-bottom: .5rem;
}
.con-rec  .job .job_box .job_list .list_box{
    width: 100%;
    margin-bottom: .2rem;

}
.con-rec .job .job_box .job_list .list_box .parhd{
    width: 100%;
    height: .6rem;
    background: #868686;

}

.con-rec .job .job_box .job_list .list_box .parhd h3{
    font-size: .2rem;
    color: #fbfbfb;
    line-height: .6rem;
    text-indent: .3rem;
}

.con-rec .job .job_box .job_list .list_box .parbd{
    padding: .3rem .2rem .3rem .3rem;
    width: 5.48rem;
    border: 1px solid #d2d2d2;
    display: none;
}


.con-rec .job .job_box .job_list .list_box .parbd .text{
    font-size: .17rem;
    color: #666666;
    line-height: .33rem;
}


.join .text-box2{
    padding: .7rem 0;
}

.join .text-box2 h3{
    font-size:.2rem;
    color: #333333;
    padding-bottom: .3rem;
}

.join .text-box2 .text{
    font-size:.17rem;
    color: #666666;
    line-height: .33rem;
}



/*news*/

.news{
    margin:.6rem 0;
}

.news .list_box{
    width: 5.7rem;
    margin: 0 auto .6rem;
}

.news .list_box .img_box{
    width: 5.7rem;
    height:2.83rem;
    overflow: hidden;
}

.news .list_box .text-box{
    width: 100%;
    margin-top:30px;
}

.news .list_box .text-box h3{
    font-size:.19rem;
    color: #444444;
    padding-bottom: .1rem;
}
.news .list_box .text-box span{
    font-size:.17rem;
    color: #888888;
}
.news .list_box .text{
    font-size:.16rem;
    color: #888888;
    line-height: .33rem;
    margin-top:.2rem;
}

.btn{
    width: 2.6rem;
    height:.5rem;
    border:1px solid #d2d2d2;
    line-height: .5rem;
    color: #888888;
    font-size:.17rem;
    border-radius: .2rem;
    text-align:center;
    margin: 0 auto;
}



.product{
    width: 5.7rem;
    margin: .7rem auto .6rem;
}

.product .pro-series{
    margin: .2rem 0 .5rem;
}

.product .pro-series li{
    font-size:.17rem;
    color: #666666;
    display: inline-block;
    margin-right: .3rem;
    margin-top: .2rem;
}
.product .pro-series li:active,
.product .pro-series li.on{
	color:#000;
}

.product .pro-series .nav2 li{
	color: #999;
}
.product .pro-series .nav2 li:active,
.product .pro-series .nav2 li.on{
	color:#000;
}

.product .pro-case{
    padding-bottom: .2rem;
}

.product .pro-case .list_box{
    width: 2.77rem;
    float: left;
    margin-right: .16rem;
    margin-bottom: .2rem;

}

.product .pro-case .list_box:nth-child(2n){
    margin-right: 0;
}

.product .pro-case .list_box .img_box{
    width: 2.77rem;
    height:2.1rem;
    overflow: hidden;
}

.product .pro-case .list_box .img_box img{
	width:100%;
	height:100%;
	object-fit: cover;
}

.product .pro-case .list_box p{
    font-size:.17rem;
    color: #666666;
    line-height: .6rem;
    text-align: center;
}

.pro-views{
    width: 5.7rem;
    margin: .6rem auto;

}
.pro-views h2{
    font-size:.19rem;
    color: #666666;
    text-align:center;
    padding-bottom: .3rem;
}
.pro-views .swiper-container{
    width: 100%;
    position:relative;
}

.pro-views .swiper-container .swiper-slide{
    width: 100%;
}

.pro-views .swiper-container .prev,.pro-views .swiper-container .next{
    position:absolute;
    top: 48%;
    margin:0;
    width: .24rem;
    height:.35rem;
    font-size:38px;
    font-family:'新宋体';  
    color: #fff;
    z-index:99;
    font-weight:bold;
}
.pro-views .swiper-container .prev{
    left: .3rem;
}

.pro-views .swiper-container .next{
    right: .3rem;
}

.last-pro{
    text-align: center;
    padding:.35rem;
     border-bottom: 1px solid #d2d2d2;

}

.last-pro a{
    font-size: .17rem;
    color: #666666;
}

.last-pro em{
      font-size: .17rem;
    color: #666666;
    padding:.2rem;
}

.pro-views .text-box{
    padding:.5rem 0 .4rem;
}

.pro-views .text-box h3{
    font-size:.19rem;
    color: #666666;
    padding-bottom: .2rem;
}

.pro-views .text-box .text{
    line-height: .33rem;
    font-size:.17rem;
    color: #666666;
}

.pro-views .img_box{
    width: 5.7rem;
    height:4.48rem;
    overflow: hidden;   
}
.service{
    background:#f2f2f2;
}

.service .swiper-container{
    width: 5.9rem;
    margin: 0 auto;
    padding:.6rem 0 1rem;
}
.service .swiper-container .swiper-slide{
    width: 2.8rem;
}

.service .swiper-container .swiper-slide .list-box{
    width: 2.8rem;
    background:#fff;
    height:2.2rem;
}

.service .swiper-container .swiper-slide .list-box .pic-box{
    width: .56rem;
    height:.54rem;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    padding: .25rem 0;
}

.service .swiper-container .swiper-slide .list-box h3{
    font-size:.17rem;
    color:#444;
    text-align:center;
    padding:.1rem 0 0 0;
}

.service .swiper-container .swiper-slide .list-box .text{
    line-height: .3rem;
    font-size:.15rem;
    text-align:center;
}

.service .swiper-container-horizontal > .swiper-pagination-bullets,
 .swiper-pagination-custom, .swiper-pagination-fraction{
    right:0;
    bottom: .5rem;
 }

 .service .swiper-pagination{

 }
.service .swiper-pagination-bullet{
height: .02rem;
width: .34rem;
background:#d3d0d0;
border-radius: 0;
}

.service .swiper-pagination-bullet-active{
    background:#b5b5b5;
}

/*culture*/

.culture{
    margin: .7rem 0;
}


.culture .text-box{
    padding: .4rem 0 .1rem; 
}
.culture .text-box h3{
    font-size:.19rem;
    color: #444444;
}

.culture .text-box p{
    font-size:.17rem;
    color: #666666;
    line-height: .3rem;
    padding: .2rem 0 .5rem;
}

.culture .img_box{
    width: 5.7rem;
    height:3.17rem;
    overflow: hidden;
    margin: 0 auto;
   display: block;
}

.Enter{
    margin:.7rem 0 .8rem;
}

.course .text-box{
    width: 100%;
    border-left: 1px solid #d2d2d2;
    margin-bottom: .7rem;
}
.course .text-box .text{
    padding-left: .35rem;
    margin-top: .4rem;
}
.course .text-box .text h3{
    width: .54rem;
    float: left;
    font-size:.22rem;
    color: #666666;
    border-bottom:1px solid #666;
    padding-bottom: .1rem;
    position:relative;
}
.course .text-box .text h3:after{
    position:absolute;
    top: .1rem;
    left: -.39rem;
    margin: auto;
    width: .07rem;
    height:.07rem;
    background:#666;
    content: '';
}
.course .text-box .text p{
    width: 4.8rem;
    float: right;
    font-size:.17rem;
    color: #666666;
}

.course .img_box{
    width: 5.7rem;
    height: 3.17rem;
    overflow: hidden;
    display: block;
}

.news-views .news-tit{
    text-align:center;
    padding:.83rem 0 .35rem;
}

.news-views .news-tit h3{
    font-size: .24rem;
    color: #444444;
}
.news-views .news-tit p{
    font-size: .16rem;
    color: #888888;
    padding-top: .08rem;
}

.news-views .text-box{
    padding-bottom: .45rem;
    border-bottom: 1px solid #d2d2d2;
}

.news-views .text-box .text{
    font-size: .18rem;
    color: #888888;
    line-height: 0.45rem;
}

.news-views .news-link{
    text-align:center;
    padding:.25rem 0 .75rem;
}

.news-views .news-link a{
    font-size: .2rem;
    color: #888888;
    margin: 0 .1rem; 
}


/* 新增首页样式 */
/* .flex_rb {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.flex_ra {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:flex-start;}
.flex_rc {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;}
.flex_cc {display:flex;flex-direction:column;justify-content:center;align-items:center;} */
.index_main{max-width:5.7rem;margin:0 auto;}

.index_tit{
	padding: .68rem 0;
	text-align: center;
}

.index_tit h2{
	font-size: .26rem;
	color: #333333;
	margin-bottom: .17rem;
}

.index_tit i{
	font-size: .18rem;
	color: #999999;
}

.ipro .item{
	float: left;
	position: relative;
}

.ipro .item .text-box{
	width: 100%;
	position: absolute;
	top: 50%;
	font-size: .18rem;
	color:#fff;
	text-align: center;
	transform: translateY(-50%);
}

.ipro .item .text-box h3{
	margin-bottom: .1rem;
}

.ipro .item:nth-child(1) .img_box{
	width: 2.78rem;
	height: 3.67rem;
	overflow: hidden;
	padding-bottom: .14rem;
}

.ipro .item:nth-child(2) .img_box,.ipro .item:nth-child(3) .img_box{
	width: 2.78rem;
	height: 1.77rem;
	overflow: hidden;
	padding-left: .12rem;
	padding-bottom: .14rem;
}

.ipro .item:nth-child(4) .img_box{
	width: 2.78rem;
	height: 1.7rem;
	overflow: hidden;
	padding-bottom: .14rem;
}

.ipro .item:nth-child(5) .img_box{
	width: 2.78rem;
	height: 1.7rem;
	overflow: hidden;
	padding-left: .12rem;
	padding-bottom: .14rem;
}

.iabout{
	margin-top: .82rem;
}

.iabout .text-box{
	background-color: #f7f7f7;
}

.iabout .text-box .text{
	padding: .34rem 0 .66rem 0;
}

.iabout .text-box .text h3{
	font-size: .3rem;
	font-weight: bold;
	color: #000000;
	margin-bottom: .44rem;
}

.iabout .text-box .text p{
	font-size: .17rem;
	color: #666666;
	line-height: .4rem;
}

.inews{
	margin-bottom: .57rem;
}

.inews .item{
	margin-bottom: .5rem;
}

.inews .item .img_box{
	width: 5.7rem;
	height: 2.83rem;
	overflow: hidden;
}

.inews .item .text_box{
	margin-top: .38rem;
}

.inews .item .text_box h3{
	font-size: .19rem;
	color: #444444;
	margin-bottom: .1rem;
}

.inews .item .text_box span{
	display: inline-block;
	font-size: .16rem;
	color: #888888;
	margin-bottom: .28rem;
}

.inews .item .text_box p{
	font-size: .17rem;
	color: #888888;
	line-height: .33rem;
}




.honor{
	padding: .4rem 0;
}
.honor .listbox{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background-color: #fff;
}
.honor .listbox .list{
	width: 48%;
	margin-bottom: .3rem;
}
.honor .listbox .list a{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.honor .listbox .list .img_box{
	width: 2.88rem;
	height: 2.65rem;
	border: 1px solid #dcdcdc;
}
.honor .listbox .list p{
	color: #333;
	font-size: .18rem;
	text-align: center;
	height: .5rem;
	line-height: .5rem;
}
.honor .listbox .list:hover p{
	color: #666;
}
.honor .page{
	padding-top: .2rem;
	padding-bottom: .1rem;
}




.ibanner{
	overflow: hidden;
	/* border: 1px solid red; */
}




.pages{
	text-align:center;
	padding:.3rem 0;
}
.pages .clearfix{
	display: inline-block;
}
.pages a{
	height:.5rem;
	line-height:.5rem;
	text-align:center;
	display:inline-block;
	font-size:.2rem;
	color:#757575;
	float:left;
	padding:0 .2rem;
	margin:0 .05rem;
	border:1px solid #cacaca;
}
.pages a.on,
.pages a:hover{
	background:#919191;
	color:#fff;
}




.searchbar{
	position: relative;
	font-size:0;
	height:0px;
}
.searchbar .item{
	position: absolute;
	left:50%;
	top:-2.6rem;
	text-align: center;
	z-index: 300;
	transform: translateX(-50%);
	background-color: rgba(255,255,255,.4);
	padding: 0 .9rem;
	padding-bottom:.3rem;
}
.searchbar .item h4{
	width:3rem;
	height:.65rem;
	line-height:.65rem;
	font-size:.24rem;
	color:#333;
	text-align: center;
}
.searchbar .item .distpicker{
	display:inline-block;
}
.searchbar .item .distpicker select{
	display:block;
	width:3rem;
	height:.5rem;
	line-height:.5rem;
	background-color: #fff;
	outline: none;
	border:none;
	padding-left:.15rem;
	box-sizing: border-box;
	font-size:.18rem;
	color:#666;
}
.searchbar .item .distpicker select:nth-child(1){
	margin-bottom:.15rem;
}



.empty{
	padding:.25rem 0;
	font-size:.18rem;
	color:#666;
}

.net{
	padding-top:.4rem;
}
.net_box{
	border-top:1px solid #c0c0c0;
	padding-bottom:.8rem;
}
.net_box .list{
	font-size:.2rem;
	padding:.3rem 0;
	border-bottom:1px solid #c0c0c0;
	color:#333;
	line-height:.3rem;
}
.net_box .list h4{
	font-size: inherit;
	margin-bottom:.2rem;
}
.net_box .list p{
	color:#666;
}
.net .img{
	display:inline-block;
	padding:.5rem .25rem;
}
.net .img img{
	width:100%;
}


.footerflex{
	height:1.1rem;
}
.footerbar{
	background-color: #2f2f2f;
	width:100%;
	max-width: 6.4rem;
	position: fixed;
	left:0;
	right:0;
	bottom:0;
	margin:0 auto;
	text-align: center;
	
}
.footerbar .col{
	width:25%;
	display:inline-block;
	float:left;
	border-left:1px solid #505050;
	box-sizing: border-box;
	padding:0.15rem 0;
}
.footerbar .col:nth-child(1){
	border:none;
}
.footerbar .list{
	display:inline-block;
}
.footerbar .list i{
	width:.5rem;
	height:.5rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 85%;
	display:inline-block;
	margin-bottom:.05rem;
}
.footerbar .list p{
	font-size:.2rem;
	color:#fff;
}
.footerbar .list:active p{
	color:#999;
}

.footerbar .col:nth-child(1) .list i{
	background-image: url(../images/fbar1.png);
}
.footerbar .col:nth-child(2) .list i{
	background-image: url(../images/fbar2.png);
}
.footerbar .col:nth-child(3) .list i{
	background-image: url(../images/fbar3.png);
}
.footerbar .col:nth-child(4) .list i{
	background-image: url(../images/fbar4.png);
}