@charset "utf-8";
/* CSS Document */
.gWidth{width:12rem; margin-left: auto; margin-right: auto;}

.pc{ display:block;}
.phone{ display:none;}

.top{
     height:0.9rem;
	 padding:0;
}
 .top img{
     width:3rem;
     height:0.52rem;
     vertical-align:middle;
}
 .top span{
     display:inline-block;
     height:100%;
     vertical-align:middle;
}
 .top form{
     float:right;
     padding-top:0.23rem 
}
 .top form input{
     float:left;
     border:1px solid #eee;
     height:0.45rem;
     line-height:0.45rem;
     box-sizing:border-box;
     width:2.8rem;
     border-right:0;
     padding:0 0.1rem;
}
 .top form .iconfont{
     border-left:0;
     border-right:0.01rem solid #eee;
     padding:0;
     width:0.4rem;
     text-align:center;
     color:#333;
}
 .nav_bg{
     background:#f1f1f1;
     height:0.6rem;
     line-height:0.6rem;
     width:100%;
}
 .nav li{
     float:left;
     width:1.2rem;
     height:0.6rem;
     text-align:center;
	 font-size:0.16rem;
}
 .nav li>a{
     color:#333;
}
 .nav li dl{
     height:auto;
     transition:.3s;
     z-index:2;
     position:relative;
     background:#fff;
}
 .nav li dl dd{
     overflow:hidden;
     height:0;
     transition:.3s;
     line-height:0.3rem;
     font-size:0.14rem;
}
 .nav li dl dd a{
     color:#666;
}
 .nav li:hover dl dd:last-of-type{
     padding-bottom:0.1rem;
}
 .nav li:hover dl dd:first-of-type{
     padding-top:0.1rem;
}
 .nav li:hover dl{
     box-shadow:0 0 0.05rem #999;
}
 .nav li:hover dl dd{
     height:0.3rem;
}
 .banner{
     width:100%;
     height:5.6rem;
}
 .flexslider{
     position:relative;
     height:5.6rem;
     overflow:hidden;
}
 .slides{
     position:relative;
     z-index:1;
}
 .slides li{
     height:5.6rem;
}
 .flex-control-nav{
     position:absolute;
     bottom:0.1rem;
     z-index:2;
     width:100%;
     text-align:center;
}
 .flex-control-nav li{
     display:none;
}
 .flex-control-nav a{
     display:none;
}
 .flex-control-nav .flex-active{
     background-position:0 0;
}
 .flex-direction-nav{
     position:absolute;
     z-index:3;
     width:100%;
     top:45%;
}
 .flex-direction-nav li a{
     display:block;
     width:0.5rem;
     height:0.5rem;
     overflow:hidden;
     cursor:pointer;
     position:absolute;
}
 .flex-direction-nav li a.flex-prev{
     left:0.4rem;
     background:url(../img/prev.png) center center no-repeat;
     background-size:100%;
}
 .flex-direction-nav li a.flex-next{
     right:0.4rem;
     background:url(../img/next.png) center center no-repeat;
     background-size:100%;
}
 .index_pro{
     margin-top:1rem;
}
 .index_bt{
     width:100%;
     text-align:center;
}
 .index_bt h2{
     width:100%;
     font-size:0.3rem;
     font-weight:normal;
     color:#014080;
     height:0.6rem;
     line-height:0.6rem;
}
 .index_bt span{
     display:block;
     margin:0 auto;
     font-size:0.12rem;
     text-transform:uppercase;
     color:#999;
}
 .index_pro ul{
     margin-top:0.5rem;
}
 .index_pro ul li{
	 margin:0.05rem;
     width:2.3rem;
     height:2.3rem;
     float:left;
     position:relative;
     overflow:hidden;
}
 .index_pro ul li img{
     width:100%;
     height:100%;
     transition:.5s 
}
 .index_pro ul li a{
     justify-content:center;
     align-items:center;
     display: -webkit-flex;
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     padding:0 0.2rem;
     overflow:hidden;
     transition:.5s;
     font-size:0.18rem;
     color:#fff;
     background:rgba(0,0,0,.6);
     text-align:center;
     box-sizing:border-box;
     vertical-align:middle;
     opacity:0;
	 line-height: 0.3rem;
}
 .index_pro ul li:hover a{
     opacity:1;
}
 .index_pro ul li:hover img{
     transform:scale(1.2);
}
 .about_bg{
     width:100%;
     height:auto;
     background:url(../img/about_bg.jpg) no-repeat center center;
     background-size:auto 100%;
     margin-top:1rem;
}
 .about_index_r{
     width:100%;
     height:100%;
     padding:1rem;
     box-sizing:border-box;
	 text-align:center;
}
 .about_index_r h2{
     font-size:0.4rem;
     color:#fff;
     margin-bottom:0.2rem;
}
 .about_index_r strong{
     font-weight:normal;
     display:block;
     font-size:0.18rem;
     line-height:0.36rem;
     color:#fff;
     margin-bottom:0.2rem;
}
 .about_index_r span{
     display:block;
     width:0.8rem;
     height:0.03rem;
     background:#fff;
     margin-bottom:0.2rem;
	 margin:0 auto;
}
 .about_index_r p{
     font-size:0.16rem;
     line-height:0.36rem;
     color:#fff;
     margin:0.2rem 0;
}
 .about_index_r a{
     display:block;
     border:2px solid #fff;
     height:0.4rem;
     line-height:0.4rem;
     color:#fff;
     width:1rem;
     text-align:center;
     font-size:0.14rem;
	 margin:0 auto;
}
 .case_index{
     margin-top:1rem;
}
 .case_index ul{
     margin-top:0.5rem;
}
 .case_index ul li{
     float:left;
     height:3.4rem;
     width:3rem;
     position:relative;
     transition:.3s;
	 padding:0;
	 margin:0;
}
 .case_index ul li p{
     position:absolute;
     top:0;
     left:0;
     display:block;
     width:100%;
     height:1.7rem;
     box-sizing:border-box;
     padding:0.15rem;
}
 .case_index ul li .case_index_img{
     display:block;
     width:100%;
     height:1.7rem;
     overflow:hidden;
     position:absolute;
     top:1.7rem;
     left:0;
}
 .case_index ul li strong{
     width:100%;
     font-weight:normal;
     display:block;
     font-size:0.14rem;
     color:#999;
     margin-bottom:0.1rem;
}
 .case_index ul li a{
     width:100%;
     font-weight:bold;
     display:block;
     font-size:0.18rem;
     color:#014080;
     margin-bottom:0.1rem;
}
 .case_index ul li p{
     width:100%;
     font-size:0.14rem;
     line-height:0.2rem;
     color:#999;
	 overflow:hidden;
}
 .case_index ul li img{
     width:100%;
     transition:.5s;
}
 .case_index ul li:nth-child(2n) p{
     top:1.7rem;
}
 .case_index ul li:nth-child(2n) .case_index_img{
     top:0;
}
 .case_index ul li:hover{
     box-shadow:0 0 0.05rem #999;
}
 .case_index ul li:hover img{
     transform:scale(1.2);
}
 .cont_index{
     width:100%;
     background:#014080;
     padding:0.5rem 0;
     margin-top:1rem;
}
 .cont_index li{
     width:25%;
     padding:0 5%;
     float:left;
     color:#FFF;
     text-align:center;
     border-right:0.02rem solid #fff;
     box-sizing:border-box;
     font-size:0.14rem;
     line-height:0.22rem;
}
 .cont_index li:nth-of-type(2n){
     border-right:0.02rem solid #fff;
}
 .cont_index li:last-of-type{
     border:0;
}
 .cont_index li i{
     display:block;
     margin:0 auto;
     font-size:0.7rem;
     height:0.7rem;
     line-height:0.7rem;
}
 .cont_index li span{
     display:block;
     margin:0.2rem auto;
     background:#fff;
     height:0.02rem;
     width:0.3rem;
}
 .news_index{
     margin-top:1rem;
}
 .news_index ul{
     margin-top:0.3rem;
}
 .news_index ul li{
     float:left;
     width:5.75rem;
     margin-right:0.5rem;
     margin-bottom:0.2rem;
	 padding:0;
}
 .news_index ul li:nth-child(2n){
     margin-right:0;
}
 .news_index ul li img{
     float:left;
     width:2.4rem;
	 display:block;
}
 .news_index ul li p{
     float:right;
	 padding:0;
     display:block;
     width:3.1rem;
}
 .news_index ul li p a{
     color:#333;
     display:block;
     font-size:0.18rem;
     line-height:0.3rem;
     height:0.3rem;
     overflow:hidden;
}
 .news_index ul li p span{
     display:block;
     font-size:0.14rem;
     color:#999;
     line-height:0.2rem;
     border-bottom:0.01rem solid #999;
     padding:0.1rem 0;
}
 .news_index ul li p .news_more{
     font-size:0.14rem;
     margin-top:0.1rem;
     color:#999;
     line-height:normal;
     height:auto;
	 display:block;
}
 .news_index ul li:nth-child(2n-1) img{
     float:right;
}
 .news_index ul li:nth-child(2n-1) p{
     float:left;
}
 .bottom_bg{
     background:#666;
     padding:0.3rem 0;
     margin-top:1rem;
}
 .bottom dl{
     float:left;
     width:20%;
	 display:block;
}
 .bottom dl:last-of-type{
     float:right;
     width:40%;
	 padding:0;
}
 .bottom dl dt{
     color:#FFF;
     font-size:0.18rem;
     line-height:0.4rem;
}
 .bottom dl dd{
     font-size:0.14rem;
     line-height:0.3rem;
     border-left:0.01rem solid #888;
     box-sizing:border-box;
     padding-left:0.15rem;
     color:#eee 
}
 .bottom dl dd a{
     color:#eee;
}
 .bottom_2{
     text-align:center;
     line-height:0.5rem;
     height:0.5rem;
     color:#eee;
     background:#555;
     font-size:0.14rem;
	 padding:0;
}
 
/*******************************list***********************************/ 
 .banner_s{
     width:100%;
     height:4rem;
	 background:url(../img/banner1.jpg) no-repeat center center;
	 background-size:auto 100%;
}
 .content{
     margin-top:0.5rem;
     color:#333;
}
 .list_left{
     float:left;
     width:2.5rem;
     height:auto;
}
 .list_left h2{
     height:0.5rem;
     line-height:0.5rem;
     font-weight:normal;
     font-size:0.18rem;
     background: linear-gradient(to bottom, #0667B8 0%,#0E367B 100%);
     color:#fff;
     box-sizing:border-box;
     border-radius:0.05rem;
     padding:0 0.1rem;
}
 .list_left ul li{
     height:auto;
     line-height:0.5rem;
     font-size:0.16rem;
     box-sizing:border-box;
     padding:0 0.1rem;
     border-bottom:0.01rem solid #ccc;
}
 .list_left ul li>span{
     color:#999;
     font-size:0.14rem;
}
 .list_left ul li a{
     color:#333;
}
 .list_left ul li dd{
     height:0.4rem;
     line-height:0.4rem;
     font-size:0.14rem;
     overflow:hidden;
     background:#f0f0f0;
}
 .list_left ul li dd:nth-child(2n){
     background:#fff;
}
 .list_left ul li dd span{
     margin-right:0.05rem;
     color:#999;
     font-size:0.12rem;
}
 .list_left ul li dl{
     height:0;
     overflow:hidden;
     transition:.3s;
     box-sizing:border-box;
}
 .list_left ul li dd a{
     color:#666;
}
 .list_left ul li:hover>a{
     color:#014080;
}
 .left_cont{
     padding:0.15rem 0.1rem;
     box-sizing:border-box;
     border:1px solid #ccc;
     width:100%;
     margin-top:0.3rem;
}
 .left_cont dt{
     font-size:0.18rem;
     margin-bottom:0.1rem;
}
 .left_cont dd{
     height:auto;
     line-height:0.3rem;
     margin-bottom:0.1rem;
     font-size:0.16rem;
     color:#333;
}
 .left_cont dd span{
     margin-right:0.05rem;
     font-size:0.2rem;
     color:#666;
}
 .left_cont dd:last-of-type{
     margin-bottom:0;
}
 .list_right{
     float:right;
     width:9.2rem;
}
 .list_bt{
     height:0.5rem;
     line-height:0.5rem;
     font-size:0.18rem;
     font-weight:normal;
     border-bottom:0.01rem solid #ccc;
     margin-bottom:0.3rem;
}
 .list_bt span{
     float:right;
     font-size:0.12rem;
}
 .list_bt span a{
     color:#333;
}
 .list_pro li{
     float:left;
     width:2.9rem;
     height:3rem;
     overflow:hidden;
     margin-right:0.25rem;
	 margin-left:0;
}
 .list_pro li:nth-child(3n){
     margin-right:0;
}
 .list_pro li img{
     width:2.9rem;
     height:2.4rem;
}
 .list_pro li .list_pro_a{
     display:block;
     color:#333;
     font-size:0.16rem;
     line-height:0.2rem;
     justify-content:center;
     align-items:center;
     display: -webkit-flex;
     height:0.6rem;
     text-align:center;
}
 .list_pag{
     margin-top:0.3rem;
     text-align:center;
}
 .list_pag a{
     box-sizing:border-box;
     padding:0 0.1rem;
     height:0.3rem;
     line-height:0.3rem;
     border:1px solid #ccc;
     color:#666;
     display:inline-block;
     border-radius:0.05rem;
     margin:0 0.05rem;
}
 .list_pag a:hover{
     border:1px solid #014080;
     background:#014080;
     color:#fff;
     text-decoration:underline;
}
 .list_pag span{
     display:inline-block;
     border-radius:0.05rem;
     margin:0 0.05rem;
     border:1px solid #014080;
     background:#014080;
     color:#fff;
     box-sizing:border-box;
     padding:0 0.1rem;
     height:0.3rem;
     line-height:0.3rem;
}
/*****************************news***********************************/
 .list_news li{
     padding:0.2rem 0;
     border-bottom:0.01rem solid #ccc;
	 height:1.7rem;
	 overflow:hidden;
}
 .list_news li:first-of-type{
     padding-top:0;
}
 .list_news li img{
     float:left;
     width:2.4rem;
     height:1.7rem;
     margin-right:0.15rem;
}
 .list_news li p .news_bt{
     display:block;
     height:0.3rem;
     line-height:0.3rem;
     overflow:hidden;
     font-size:0.16rem;
     color:#333;
	 margin-top:0;
}
 .list_news li p span{
     display:block;
     font-size:0.14rem;
     color:#999;
     line-height:0.22rem;
     height:0.8rem;
     overflow:hidden;
}
 .list_news li p .news_more{
     font-size:0.14rem;
     color:#333;
     line-height:0.3rem;
     height:0.3rem;
	 margin-top:0;
}
 .list_news li p .time{
     height:0.3rem;
     line-height:0.3rem;
}
 
 /*****************************article***********************************/
 .article_bt{
     margin-bottom:0.3rem;
     font-size:0.2rem;
     line-height:0.24rem;
     color:#333;
     text-align:center;
	 padding:0;
}
 .article_content img{
     max-width:100%;
}
 .article_content{
     font-size:0.16rem;
     line-height:0.24rem;
     color:#333;
	 padding:0;
}
 .article_page{
     margin-top:0.3rem;
	 padding:0;
}
 .article_page li{
     height:0.3rem;
     line-height:0.3rem;
     font-size:0.14rem;
}
 .article_page li a{
     color:#014080;
}
 .article_page li a:hover{
     text-decoration:underline;
}
/*****************************about***********************************/

.about_contact img{
     max-width:100%;
}
.about_contact{
     font-size:0.16rem;
     line-height:0.24rem;
     color:#333;
	 padding:0;
}
.about_contact dl{
     float:left;
     width:5rem;
}
 .about_contact dl dt{
     font-size:0.18rem;
     line-height:0.5rem;
     height:0.5rem;
}
 .about_contact dl dd{
     font-size:0.16rem;
     line-height:0.3rem;
}
 .about_contact>div{
     float:right;
     width:4rem;
}
 .about_contact>div img{
     width:100%;
}
 .about_form{
     width:100%;
     margin-top:0.3rem;
	 padding:0;
}
 .about_form input{
     float:left;
     display:block;
     width:4.5rem;
     margin-right:0.2rem;
     border:1px solid #ccc;
     height:0.4rem;
     line-height:0.4rem;
     padding:0 0.1rem;
     box-sizing:border-box;
     margin-bottom:0.2rem;
}
 .about_form input:nth-child(2n){
     margin-right:0;
}
 .about_form textarea{
     padding:0 0.1rem;
     box-sizing:border-box;
     margin-bottom:0.2rem;
     display:block;
     border:1px solid #ccc;
     height:0.4rem;
     width:100%;
     height:1.6rem;
     line-height:0.4rem;
}
 .about_form button{
     background:#014080;
     height:0.3rem;
     line-height:0.3rem;
     padding:0 0.2rem;
     color:#fff;
}
 
  
/****************************英文修改*********************************/
 .nav_en li dl dd{
     height:0;
     line-height:1em;
     justify-content:center;
     align-items:center;
     display: -webkit-flex;
     font-size:0.12rem;
}
 .nav_en li:hover dl dd{
     height:0.4rem;
     border-bottom:0.01rem solid #ccc;
}
 .list_pro li .list_pro_b{
     color:#333;
     font-size:0.16rem;
     line-height:0.2rem;
     justify-content:center;
     align-items:center;
     display: -webkit-flex;
     height:0.6rem;
     text-align:center;
}


/************************新加2021-09-13****************************/
.new_div{
	font-size: 0.16rem;
    line-height: 2em;
    padding: 0;
}
.new_div img,.new_pro_div img{
	max-width:100%
}

.new_pro_div{
	font-size: 0.16rem;
    line-height: 2em;
    padding: 0;
}