@charset "utf-8";
/* CSS Document */
*{ font-family:Arial;}
body,ul,ol,h1,h2,h3,h4,h5,h6,p,input,select,textarea,dl,dd{margin: 0;padding: 0;}

body{ overflow-x:hidden; font-family:"微软雅黑";}

ul,ol{list-style: none;}

input,select,textarea
{background-color: transparent; border: none; outline:none;}

textarea{resize: none;}/*右下角的小尾巴*/

img{border: none; vertical-align: top;}

a{text-decoration: none;}

.clearfix:after,.clearfix:before{content: "";display:table;}
.clearfix:after{clear: both;}
.clearfix{*zoom:1;}
.clear{clear: both;}

/*公用样式*/
.fl{float: left;}
.fr{float: right;}
.gWidth{width: 100%; margin-left: auto; margin-right: auto; font-size:0.2rem; font-family:Arial, Helvetica, sans-serif;}

.pc{ display:none;}

.top{
     height:1rem;
	 padding:0 0.1rem;
	 box-sizing:border-box;
}
 .top img{
     width:50%;
     vertical-align:middle;
}
 .top span{
     display:inline-block;
     height:100%;
     vertical-align:middle;
}
.top i{ float:right; line-height:1rem; font-size:0.45rem; color:#666;}

.phone_nav{ position:fixed; top:0; left:100%; width:100%; height:100%; transition:.5s; z-index:5;}
.phone_nav div{ width:60%; float:left; height:100%; background:rgba(0,0,0,.3); opacity:0;}
.phone_nav ul{ float:right; height:100%;width:40%; background:#f6f6f6; font-size:0.26rem; box-sizing:border-box; overflow:auto; padding-top:0.3rem; box-shadow:0 0 5px #999;}
.phone_nav ul li{ line-height:0.8rem; height:0.8rem; text-align:center;}
.phone_nav ul li a{color:#333;}

 .banner{
     width:100%;
     height:3rem;
}
 .flexslider{
     position:relative;
     height:3rem;
     overflow:hidden;
}
 .slides{
     position:relative;
     z-index:1;
}
 .slides li{
     height:3rem;
}
 .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%;
	 opacity:0.2;
}
 .flex-direction-nav li a.flex-next{
     right:0.4rem;
     background:url(../img/next.png) center center no-repeat;
     background-size:100%;
	 opacity:0.2;
}

 .index_pro{
     margin-top:1rem;
}
 .index_bt{
     width:100%;
     text-align:center;
}
 .index_bt h2{
     width:100%;
     font-size:0.4rem;
     font-weight:normal;
     color:#0667B8;
     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{
	 box-sizing:border-box;
	 margin:1%;
     width:48%;
     height:auto;
     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.3rem;
	 line-height:0.5rem;
     color:#eee;
     background:rgba(0,0,0,.2);
     text-align:center;
     box-sizing:border-box;
     vertical-align:middle;
	 box-sizing:border-box;
	 text-shadow: 0.03rem 0.03rem 0.01rem #0e0503
}

 .about_bg{
     width:100%;
     height:auto;
	 background:#f2f2f2;
	 margin-top:1rem;
	 box-sizing:border-box;
}
 .about_index_r{
     width:100%;
     height:auto;
     box-sizing:border-box;
	 padding:0.5rem 0.2rem;
}
 .about_index_r h2{
     font-size:0.4rem;
     color:#0667B8;
     margin-bottom:0.2rem;
	 font-weight:normal;
}
 .about_index_r strong{
     font-weight:normal;
     display:block;
     font-size:0.2rem;
     line-height:0.36rem;
     color:#666;
     margin-bottom:0.2rem;
}
 .about_index_r span{
     display:block;
     width:0.8rem;
     height:0.03rem;
     background:#0667B8;
     margin-bottom:0.2rem;
}
 .about_index_r p{
     font-size:0.2rem;
     line-height:0.36rem;
     color:#999;
     margin-bottom:0.2rem;
}
 .about_index_r a{
     display:block;
     border:2px solid #0667B8;
     height:0.4rem;
     line-height:0.4rem;
     color:#0667B8;
     width:20%;
     text-align:center;
     font-size:0.2rem;
}

 .case_index{
     margin-top:1rem;
}
 .case_index ul{
     margin-top:0.5rem;
}
 .case_index ul li{
     height:auto;
     width:100%;
	 padding:0 0.2rem;
     transition:.3s;
	 box-sizing:border-box;
	 margin-bottom:0.2rem;
}
 .case_index ul li p{
     display:block;
     width:100%;
     box-sizing:border-box;
}
 .case_index ul li .case_index_img{
     display:block;
     width:100%;
}
 .case_index ul li strong{
	 
     width:100%;
     font-weight:normal;
     display:none;
     font-size:0.14rem;
     color:#999;
     margin-bottom:0.1rem;
}
 .case_index ul li a{
     width:100%;
     font-weight:none;
     display:block;
     font-size:0.3rem;
     color:#0667B8;
     margin-bottom:0.1rem;
}
 .case_index ul li p{
     width:100%;
     font-size:0.2rem;
     line-height:0.36rem;
     color:#999;
}
 .case_index ul li img{
     width:100%;
     transition:.5s;
}

 .cont_index{
     width:100%;
     background:#0667B8;
     padding:0.5rem 0;
     margin-top:1rem;
}
 .cont_index li{
     width:50%;
     padding:0 5%;
     float:left;
     color:#FFF;
     text-align:center;
     border-right:0.02rem solid #356600;
     box-sizing:border-box;
     font-size:0.2rem;
     line-height:0.32rem;
	 margin-bottom:0.4rem;
}
 .cont_index li:nth-of-type(2n){
     border:0;
}
 .cont_index li i{
     display:block;
     margin:0 auto;
     font-size:1rem;
     height:1rem;
     line-height:1rem;
}
 .cont_index li span{
     display:block;
     margin:0.2rem auto;
     background:#fff;
     height:0.02rem;
     width:30%;
}

 .news_index{
     margin-top:1rem;
}
 .news_index ul{
     margin-top:0.3rem;
}
 .news_index ul li{
     width:100%;
	 padding:0.2rem;
	 box-sizing:border-box;
}
 .news_index ul li img{
     float:left;
     width:40%;
	 display:none;
}
 .news_index ul li p{
     float:right;
     display:block;
     width:100%;
	 box-sizing:border-box;
}
 .news_index ul li p a{
     color:#333;
     display:block;
     font-size:0.3rem;
     line-height:0.5rem;
     height:0.5rem;
     overflow:hidden;
}
 .news_index ul li p span{
     display:block;
     font-size:0.2rem;
     color:#999;
     line-height:0.36rem;
     padding:0.1rem 0;
     border-bottom:0.01rem solid #999;
}
 .news_index ul li p .news_more{
     font-size:0.14rem;
     margin-top:0.1rem;
     color:#999;
     line-height:normal;
     height:auto;
	 display:none;
}

 .bottom_bg{
     background:#666;
     padding:0.3rem 0;
     margin-top:1rem;
}
 .bottom dl{ display:none;}
 .bottom dl:last-of-type{
	 display:block;
	 padding:0 0.2rem;
}
 .bottom dl dt{
     color:#FFF;
     font-size:0.2rem;
     line-height:0.4rem;
}
 .bottom dl dd{
     font-size:0.2rem;
     line-height:0.36rem;
     box-sizing:border-box;
     color:#eee 
}
 .bottom dl dd a{
     color:#eee;
}

 .bottom_2{
     text-align:center;
     line-height:0.32rem;
     height:auto;
     color:#eee;
     background:#555;
     font-size:0.2rem;
	 padding:0.1rem 0;
}
 
 /*******************************list***********************************/ 
 .banner_s{
     width:100%;
     height:2.5rem;
	 background:url(../img/banner1.jpg) no-repeat center center;
	 background-size:auto 100%;
}
 .content{
     margin-top:0.5rem;
     color:#333;
}
 
 .list_bt_phone{ margin-top:0.5rem;}
 
  .list_pro li{
     float:left;
     width:48%;
     overflow:hidden;
     margin:0 1%;
}
 .list_pro li img{
     width:100%;
}
 .list_pro li .list_pro_a{
     display:block;
     color:#333;
     font-size:0.2rem;
     line-height:0.36rem;
     justify-content:center;
     align-items:center;
     display: -webkit-flex;
     height:1rem;
     text-align:center;
}

.list_pag{
     margin-top:0.3rem;
     text-align:center;
}
 .list_pag a{
     box-sizing:border-box;
     padding:0 0.2rem;
     height:0.5rem;
     line-height:0.5rem;
     border:1px solid #ccc;
     color:#666;
     display:inline-block;
     border-radius:0.05rem;
     margin:0 0.05rem;
}
 .list_pag span{
     display:inline-block;
     border-radius:0.05rem;
     margin:0 0.05rem;
     border:1px solid #0667B8;
     background:#0667B8;
     color:#fff;
     box-sizing:border-box;
     padding:0 0.2rem;
     height:0.5rem;
     line-height:0.5rem;
}
/***********************news***************************/
.phone_fl{ margin-top:0.5rem;}
.phone_fl li{ float:left; width:31%; margin:0 1%; font-size:0.3rem; line-height:0.5rem; text-align:center; height:0.5rem; border-radius:5px; background:#0667B8}
 .phone_fl li a{ color:#fff;}

 .list_news li{
     padding:0.2rem 0.1rem;
     border-bottom:0.01rem solid #ccc;
	 overflow:hidden;
}
 .list_news li img{
     width:100%;
}
 .list_news li p .news_bt{
     display:block;
     line-height:0.5rem;
     overflow:hidden;
     font-size:0.3rem;
     color:#333;
	 margin-top:0.1rem;
}
 .list_news li p span{
     display:block;
     font-size:0.2rem;
     color:#999;
     line-height:0.36rem;
     overflow:hidden;
}
 .list_news li p .news_more{
     font-size:0.2rem;
     color:#333;
     line-height:0.36rem;
     height:0.36rem;
	 margin-top:0.1rem;
}
 .list_news li p .time{
     height:0.3rem;
     line-height:0.3rem;
}
/*****************************article***********************************/
 .article_bt{
     margin-bottom:0.3rem;
     font-size:0.3rem;
     line-height:0.24rem;
     color:#333;
     text-align:center;
	 padding:0 0.1rem;
	 box-sizing:border-box;
}
 .article_content img{
     max-width:100%;
}
 .article_content{
     font-size:0.2rem;
     line-height:0.3rem;
     color:#333;
	 padding:0 0.1rem;
	 box-sizing:border-box;
}
 .article_page{
     margin-top:0.3rem;
	 padding:0 0.1rem;
	 box-sizing:border-box;
}
 .article_page li{
     height:0.3rem;
     line-height:0.3rem;
     font-size:0.16rem;
	 overflow:hidden;
}
 .article_page li a{
     color:#0667B8;
}
 .article_page li a:hover{
     text-decoration:underline;
}
/*****************************about***********************************/

.about_contact img{
     max-width:100%;
}
.about_contact{
     font-size:0.2rem;
     line-height:0.3rem;
     color:#333;
	 padding:0 0.1rem;
	 box-sizing:border-box;
}
.about_contact dl{
	 margin:0 auto;
     width:90%;
}
 .about_contact dl dt{
     font-size:0.3rem;
     line-height:0.5rem;
     height:0.5rem;
}
 .about_contact dl dd{
     font-size:0.2rem;
     line-height:0.36rem;
}
 .about_contact>div{
	 margin:0 auto;
     width:90%;
}
 .about_contact>div img{
     width:100%;
}
 .about_form{
     width:90%;
	 margin:0 auto;
     margin-top:0.3rem;
	 font-size:0.2rem;
}
 .about_form input{
     display:block;
     width:100%;
     margin-right:0.2rem;
     border:1px solid #ccc;
     height:0.5rem;
     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;
     width:100%;
     height:2rem;
     line-height:0.4rem;
}
 .about_form button{
     background:#0667B8;
     height:0.5rem;
     line-height:0.5rem;
     padding:0 0.2rem;
     color:#fff;
	 border:0;
}

/************************英文修改****************************/
.about_contact_en dl dt{ height:auto;}


.list_pro li .list_pro_b{
     color:#333;
     font-size:0.2rem;
     line-height:0.36rem;
     justify-content:center;
     align-items:center;
     display: -webkit-flex;
     height:1rem;
     text-align:center;
}


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

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