*{  font-family:'Microsoft YaHei';}
body,ul,ol,h1,h2,h3,h4,h5,h6,p,input,select,textarea,dl,dd{margin: 0;padding: 0;}
body{ overflow-x:hidden; transition: .3s;}
ul,ol{list-style: none;}

input,select,textarea
{background-color: transparent; border: none; outline:none;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

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;}

.pc{display: none;}


.top{
		     height: 1.4rem;
		     display: flex;
		     justify-content: space-between;
				 align-items: center;
				 padding: 0 0.2rem;
				 box-sizing: border-box;
		}
.logo{
	width: 70%;
}
.logo a{
	display: flex;
}
		 .logo img{
		     width: 100%;
		}

.nav_icon{
	font-size: 0.4rem
}

 .top_r{
	 font-size: 0.28rem;
	 position: fixed;
	 top: 0;
	 right: -45%;
	 background: #000;
	 width: 45%;
	 height: 100%;
	 z-index: 6;
	 color: #fff;
	 transition: .3s;
 }
 
 .nav_bg{
	 background: #000;
	 position: fixed;
	 top: 0;
	 right: 0;
	 width: 100%;
	 height: 100%;
	 opacity: .5;
	 display: none;
	 z-index:5;
 }

.top_r_top{
	display: flex;
	flex-wrap: wrap;
	padding: 0 0.2rem;
	margin-top: 0.6rem;
}
.top_r_top li img{
	width: 25%;
	margin-right: 0.1rem;
}
.top_r_top li{
	margin-bottom: 0.4rem;
	line-height: 0.5rem;
}
.top_r_top li:last-of-type{

		}
		 .top_r_top li form{
		     font-size: 0;
		}
		 .top_r_top li input[type=text]{
		     width: 75%;
		     height: 0.6rem;
		     border: 1px solid #666;
		     color: #aaa;
		     text-indent: 0.1rem;
		     font-size: 0.26rem;
		     box-sizing: border-box;
		}
		 .top_r_top li input[type=submit]{
		     width: 25%;
		     color: #fff;
		     background: #cf2228;
		     height: 0.6rem;
		     vertical-align: top;
		}
.nav{
	margin-top: 0.2rem;
	padding: 0 0.2rem;
}
.nav li{
		     margin-bottom: 0.6rem;
overflow: hidden;
    height: 1.5em;
		}
.nav li a{
		     display: block;
		     font-size: 0.32rem;
		     color: #aaa;
		     font-weight: bold;
		}

.flexslider{
		     position:relative;
		     height:4rem;
		     overflow:hidden;
		}
		 .slides{
		     position:relative;
		     z-index:1;
		}
		 .slides li{
		     height:4rem;
		}
		 .flex-direction-nav{
		     position:absolute;
		     z-index:3;
		     width:100%;
		     top:45%;
		}
		 .flex-direction-nav li a{
		     display:block;
		     width:1rem;
		     height:0.58rem;
		     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_box1_bg{
		     background: #f9f9f9;
		     overflow: hidden;
		}
		 .icon_list{
		     display: flex;
				 flex-wrap: wrap;
		}
		 .icon_list li{
		     width: 50%;
		     position: relative;
		     cursor: pointer;
		     overflow: hidden;
		     text-align: center;
		     color: #333333;
				 font-size: 0.28rem;
				 padding-bottom: 0.3rem;
				 box-sizing: border-box;
				 border-right: 1px solid #ddd;
				 border-bottom: 1px solid #ddd;
				 background: url(../img/icon_bg.jpg) repeat;
		}
		 .icon_list li:nth-of-type(2n){
			 border-right: 0;
		 }
		 .icon_list li:first-of-type{
			 background: url(../img/tm5.jpg);
			 background-size: 100% auto;
		 }
		 .icon_list li img{
		     width: 0.6rem;
		     height: 0.6rem;
		     display: block;
		     margin: 0 auto;
		     padding-top: 0.3rem;
		     margin-bottom: 0.1rem;
		}
		 .icon_list li div{
			 display: none;
		}
		 .icon_list li strong{
		     display: block;
		     line-height: 1em;
		     margin-bottom: 0.3rem;
		     font-size: 0.16rem;
		}

.index_about{
		     margin-top: 0.45rem;
		     background: url(../img/icon_bg.jpg) repeat;
				 overflow: hidden;
		}
		 .index_about_l{
		     width: 90%;
				 margin: 0 auto;
		}

		 .i_a_img{
		     width:100%;
		}
		 .i_a_img img{
		     width: 100%;
				 margin-top: 0.5rem;
		}
		 .i_a_img:hover img{
		     transform: scale(1.14);
		     opacity: .8;
		}
		 .i_a_text .i_a_content{
		     overflow: hidden;
		     line-height: 2em;
		     padding-top: 0.2rem;
		     text-indent: 0.2rem;
		     color: #333;
		     font-size: 0.28rem;
		}

.index_about_r iframe{
		     width: 90%;
				 height: auto;
				 margin: 0 auto;
		     margin-top: 0.5rem;
		     margin-bottom: 0.3rem;
				 display: block;
		}
		 .index_about_r a{
		     background: rgb(191, 6, 1);
		     width: 60%;
		     line-height: 0.8rem;
		     color: #fff;
		     text-align: center;
		     display: block;
		     font-size: 0.36rem;
				 margin: 0 auto;
				 margin-bottom: 0.5rem;
		}
		 .index_about_r a i{
		     font-size: 0.36rem;
		     vertical-align: top;
		     margin-right: 0.15rem;
		}
		
.i_list_1{
		     display: flex;
		     justify-content:space-around;
				 flex-wrap: wrap;
		     margin-top: 0.5rem;
		}
		 .i_list_1 li{
		     width: 46%;
		     height: 40vw;
				 margin-bottom: 0.25rem;
		     overflow: hidden;
		     position: relative;
		}
		 .i_list_1 li img{
		     width: 100%;
		     height: 100%;
				 object-fit:cover
		}
		 .i_list_1 li p{
		     position: absolute;
		     bottom: 0;
		     left: 0;
		     width: 100%;
		     height: 0.6rem;
		     line-height: 0.6rem;
		     text-align: center;
				 font-size: 0.26rem;
		     color: #fff;
		     background: rgba(255,0,0,.6);
				 overflow:hidden;
				 white-space: nowrap;
				 text-overflow: ellipsis;
		}
		
		.box_2{
		     margin-top: 0.33rem;
		     height: 2.2rem;
		     overflow: hidden;
				 margin-bottom: 0.3rem;
		}
		 .box_2 img{
		     height: 100%;
		}
		
		#demo {
		     float:right;
		     overflow:hidden;
		     width:100%;
		     height:60vw;
		     margin:0 auto;
		     white-space:nowrap;
		}
		 #demo li {
		     text-align:center;
		     display:inline-block;
		     margin-right:0.1rem;
		}
		 #demo li a{
		     color:#666;
		}
		 #indemo {
		     float: left;
		}
		 #demo1,#demo2 {
		     white-space:nowrap;
		     display:inline-block;
		     width:auto;
		}
		.i_list_2{
				     display: flex;
				     justify-content:space-around;
						 flex-wrap: wrap;
				     margin-top: 0.5rem;
						 overflow: hidden;
				}
				 .i_list_2 li{
				     width: 80vw;
				     height: 60vw;
						 margin-bottom: 0.25rem;
				     overflow: hidden;
				     position: relative;
				}
				 .i_list_2 li img{
				     width: 100%;
				     height: 100%;
						 object-fit:cover
				}
				 .i_list_2 li p{
				     position: absolute;
				     bottom: 0;
				     left: 0;
				     width: 100%;
				     height: 0.7rem;
				     line-height: 0.7rem;
				     text-align: center;
						 font-size: 0.26rem;
				     color: #fff;
				     background: rgba(255,0,0,.6);
						 overflow:hidden;
						 white-space: nowrap;
						 text-overflow: ellipsis;
				}

.bottom_bg{
		     background: url(../img/fbg.jpg) no-repeat center;
		     background-size: auto 100%;
				 margin-top: 0.5rem;
		}
		 .bottom{
		     display: flex;
		     justify-content: space-between;
				 flex-wrap: wrap;
		}
		 .b_l{
		     width: 90%;
				 margin: 0 auto;
		}
		 .b_l h2{
		     width: 100%;
		     height: 0.6rem;
		     border-bottom: 0.01rem solid #a0a0a0;
		     color: #333333;
		     line-height: 1.0em;
		     overflow: hidden;
		     font-weight: normal;
		     margin-top: 0.63rem;
		     font-size: 0.36rem;
padding: .1rem 0 0 0;
		}
		 .b_l p{
		     width: 100%;
		     padding-top: 0.3rem;
		     line-height: 2em;
		     color: #666666;
		     font-size: 0.28rem;
		}
		 .b_l div{
		     margin-top: 0.5rem;
				 display: flex;
				 flex-wrap: wrap;
		}
		 .b_l a{
			 display:block;
			 line-height: 2em;
		     font-size: 0.3rem;
		     font-weight: bold;
		     margin-right: 0.4rem;
		     color: #666;
				 vertical-align: top;
		}
		
		.b_r{
			    width: 90%;
					margin: 0.4rem auto;
		}
		 .b_r img{
		     width: 3rem;
		     height: 3rem;
		     margin-right: 0.3rem;
		     display: block;
		}

		 .b_r p{
		     font-size: 0.3rem;
		     color: #666;
		     line-height:1em;
				 margin-top: 0.3rem;
		}
		
		.banquan{
		     background-color: #373737;
		     line-height: 2em;
		     font-size: 0.24rem;
		     color: #666;
				 padding: 0.1rem 0;
		}
		 .banquan div{
			 text-align: center;
		}
		 .banquan a{
		     color: #666;
		}
		
		
		.list_banner{
		     height: 3.5rem;
		}


.right_box{
	width: 95%;
	margin: 0 auto;
	margin-top: 0.3rem;
}
.r_b_top{
		     width: 100%;
		     height: 1.2rem;
		     line-height: 1.2rem;
		     overflow: hidden;
		     border-bottom: 1px solid #dddddd;
		     box-sizing: border-box;
		     display: flex;
		     justify-content: space-between;
		}
		.r_b_top h2{
		     color: #bf0700;
		     font-size: 0.4rem;
		     font-weight: normal;
		}
		.l_b_p_nav{
			width: 50%;
		}
		.l_b_p_nav select{
			display: block;
			border: 1px solid #EEEEEE;
			height: 0.8rem;
			margin-top: 0.2rem;
			width: 100%;
			font-size: 0.28rem;
			text-indent: 0.2rem;
			color: #666;
		}
		
		.content_box{
			padding-top: 0.4rem;
			font-size: 0.32rem;
			line-height: 1.8em;
		}
		.content_box img{
			max-width: 100%;
		}
		
		
		.content_list{
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}
		.content_list li{
		     width: 48%;
		     text-align: center;
		     margin-bottom: 0.3rem;
		}

		 .content_list li div{
		     width: 100%;
		     height: 3rem;
		     border: 1px solid #eee;
		}
		 .content_list li div img{
		     object-fit: cover;
		     width: 100%;
		     height: 100%;
		     border: 5px solid #fff;
		     box-sizing: border-box;
		}
		 .content_list li p{
		     line-height: 0.8rem;
				 overflow:hidden;white-space: nowrap;text-overflow: ellipsis;
		}
		 .content_list li a{
		     color: #666;
		}


.paging{
		     text-align: center;
		     font-size: 0.14rem;
		     line-height: 0.35rem;
		     color: #666;
		     margin-top: 0.5rem;
		}
		 .paging p{
			 display: none;
		 }
.paging a{
		     padding: 0rem 0.2rem;
		     line-height: 0.6rem;
		     display: none;
		     vertical-align: top;
		     color: #fff;
		     background: #aaa;
				 box-sizing: border-box;
		}
		 .paging a:nth-of-type(2),.paging a:nth-last-of-type(2){
			 display: inline-block;
			 width: 20%;
		}
		 .paging .page-num-current{
		     color: #fff;
		     background: #bf0700;
				 display:inline-block;
				 width: 30%;
		}
		 .paging select{
			 display: none;
		     border: 1px solid #999;
		}
		
		.c_b_title{
		     border-bottom: 0.01rem solid #ccc;
		     margin-top: 0.6rem;
				 padding-bottom: 0.3rem;
		}
		 .c_b_title p{
		     color: #333;
				 font-size: 0.4rem;
				 line-height: 1.5em;
		}
		
		.details_top{
			display: none;
		}
		
		
		
		 .contact{
		     margin-top: 0.5rem;
		     font-size: 0.3rem;
		     line-height: 1em;
		     font-weight: bold;
		}
		 .contact dt{
		     color: #C0504d;
		     margin-bottom: 0.4rem;
		}
		 .contact dd{
		     margin-bottom: 0.2rem;
		     color: #484848;
		}
		 .contact dd span{
		     display: inline-block;
		     width: 4em;
		     vertical-align: top;
		     text-align-last: justify;
		}
		 .map{
		     width: 100%;
		     height: 4rem;
		     box-sizing: border-box;
		     border: 1px solid #eee;
		     margin-top: 0.5rem;
		}
		
		
		
		
		.r_b_title{
		     display: flex;
		     align-items: center;
		     height: 1.2rem;
		     justify-content: space-between;
		}
		 .r_b_title h2{
		     height: 0.6rem;
		     border-left: 0.15rem solid #e90c03;
		     padding-left: 0.2rem;
		     color: #e90c03;
		     font-size: 0.32rem;
		     line-height: 0.6rem;
		}
		 .r_b_title i{
		     display: block;
		     width: 0.5rem;
		     height: 0.5rem;
		     line-height: 0.5rem;
		     border-radius: 50%;
		     text-align: center;
		     color: #fff;
		     background: #333333;
		     font-size: 0.28rem 
		}
		
		.r_b_box1{
			margin-bottom: 0.4rem;
		}
		 .r_b_box1 div{
		     width: 100%;
		     font-size: 0.28rem;
		     line-height: 0.6rem;
		     color: #666;
		}
		 .r_b_box1 a{
		     display: block;
		     width: 100%;
		     height: 4rem;
		}
		 .r_b_box1 a img{
		     width: 100%;
		     height: 100%;
				 object-fit: cover;
		}



		
		#ademo {
		     float:right;
		     overflow:hidden;
		     width:100%;
		     height:70vw;
		     margin:0 auto;
		     white-space:nowrap;
		}
		 #ademo li {
		     text-align:center;
		     display:inline-block;
		     margin-right:0.1rem;
		}
		 #ademo li a{
		     color:#666;
		}
		 #aindemo {
		     float: left;
		}
		 #ademo1,#ademo2 {
		     white-space:nowrap;
		     display:inline-block;
		     width:auto;
		}
		
		.i_list_3{
		     overflow: hidden;
		}
		 .i_list_3{
		     margin-top: 0.1rem;
		     margin-bottom: 0.3rem;
		}
		 .i_list_3 li{
		     width: 80vw;
		     height: 60vw;
		     position: relative;
		}
		 .i_list_3 li a>p{
		     width: 100%;
		     height: 100%;
		     overflow: hidden;
		}
		 .i_list_3 li p img{
		     width: 100%;
		     height: 100%;
		     transition: .3s;
				 object-fit: cover;
		}

		 .i_list_3 li div{
		     width: 100%;
		     height: .8rem;
		     position: absolute;
		     bottom: 0;
		     left: 0;
		     color: #fff;
		     background: #bf0700;
		     box-sizing:border-box;
				 padding: 0 0.2rem;
		}
		 .i_list_3 li div span{
		     display: none;

		}
		 .i_list_3 li div strong{
		     line-height: 0.8rem;
		     overflow:hidden;
		     white-space: nowrap;
		     text-overflow: ellipsis;
		     font-size: 0.30rem;
				 display: block;
				 text-align: center;
				 
		}



 
 .case_box{
     margin-top: 0.25rem;
     margin-bottom: 0.35rem;
}
 .case_img{
     width: 100%;
}
 .case_img_div{
     width: 100%;
     height: 4.8rem;
}
 .case_img_div>img{
     width: 100%;
     height: 100%;
     display: none;
		 object-fit: cover;
}
 .case_img_div img:first-of-type{
     display: block;
}
 .case_img_list{
     display: flex;
     margin-top: 0.02rem;
}
 .case_img_list img{
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .case_img_list li{
     width: 33%;
     height: 1.6rem;
     box-sizing: border-box;
     margin-right: 0.02rem;
}
 .case_img_list .case_img_a{
     border: 2px solid #bf0700;
}
 .case_text{
     width: 100%;
		 margin-top: 0.4rem;
}
 .case_text p{
     font-size: 0.32rem;
     line-height: 0.76rem;
     color: #666;
}
 .case_text div{
     line-height: 1.3rem;
     border: 1px solid #cccccc;
     border-left: 0rem;
     border-right: 0rem;
     margin-top: 0.45rem;
     color: #ed0000;
     font-size: 0.36rem;
}
 .case_text div i{
     margin: 0 0.2rem;
     font-size: 0.6rem;
     vertical-align: top;
}
 

 .c_b_title_a{
	 padding: 0;
 }
 .c_b_title_a p{
      color: #fff;
      font-size: 0.28rem;
			background: #aaa;
			line-height: 0.8rem;
			text-align: center;
 }
  .case_content img{
      max-width: 100%;
 }
  .case_content{
      box-sizing: border-box;
			font-size: 0.32rem;
			margin-top: 0.3rem;
 }
 
 
 
  .renli_box{
      padding: 0.5rem;
      box-sizing: border-box;
      background: #f7f7f7;
      margin-top: 0.5rem;
      color: #555;
 }
  .renli_list dt{
      font-size: 0.32rem;
      line-height: 0.5rem;
 }
  .renli_list dt span{
      display: inline-block;
      vertical-align: top;
      width: 0.2rem;
      height: 0.2rem;
      border: 0.02rem solid rgb(249,157,51);
      box-sizing: border-box;
      margin-top: 0.14rem;
      margin-right: 0.2rem;
 }
  .renli_list dd{
      font-size: 0.28rem;
      line-height: 1.8em;
      margin-bottom: 0.6rem;
 }
  .renli_list strong{
      display: block;
      font-size: 0.28rem;
      line-height: 0.5rem;
 }
  .renli_list dd:last-of-type{
      margin-bottom: 0;
 }
  .renli_list{
      margin-bottom: 0.6rem;
 }
  .renli_list:last-of-type{
      margin-bottom: 0;
 }
 
 
 .news_list li{
      width: 100%;
      padding:0.5rem 0.1rem;
      border-bottom: 0.01rem solid #ededed;
      box-sizing: border-box;

 }
  .news_img{
      display: block;
      width: 100%;
      height: 4rem;
      overflow: hidden;
			margin-bottom: 0.3rem;
 }
  .news_img img{
      width: 100%;
      height: 100%;
      object-fit: cover;
 }

  .news_text>strong,.news_text>span,.news_text>a{
      display: block;
 }
  .news_text>strong{
      line-height: 0.4rem;
      font-size: 0.36rem;
      font-weight: normal;
			overflow:hidden;white-space: nowrap;text-overflow: ellipsis;
 }
  .news_text>strong a{
      color: #333;
 }
  .news_text>span{
      line-height: 0.8rem;
      color: #999;
      font-size: 0.24rem;
 }
  .news_text p{
      width: 100%;
      line-height: 0.52rem;
      overflow: hidden;
      color: #666666;
      font-size: 0.28rem;
			-webkit-line-clamp:3; display: -webkit-box; -webkit-box-orient:vertical;overflow:hidden; text-overflow: ellipsis;
 }
  .news_text>a{
      width: 100%;
      padding-top: 0.2rem;
      line-height: 0.5rem;
      font-size: 0.3rem;
      color: #666;
 }
  .news_text>strong:hover a{
      color: #9fc62b;
 }

 
  .title{
      font-size: 0.48rem;
      line-height: 1.5em;
      font-weight: normal;
      padding: 0.3rem 0;
 }
  .news_time{
      line-height: 0.8rem;
      border-bottom: 0.01rem solid #cccccc;
      display: flex;
      justify-content: space-between;
      color: #999;
      font-size: 0.3rem 
 }
  .news_time p span{
      margin-right: 0.6rem;
 }
  .news_content{
      font-size: 0.32rem;
      margin-top: 0.3rem;
 }
  .news_content img{
      max-width: 100%;
 }
  .fanye{
      border-top:0.01rem solid #cccccc;
      padding: 0.3rem 0;
      margin-top: 0.6rem;
 }
   .fanye li{
		 height: 0.8rem;
	 }
  .fanye li a{
      font-size: 0.28rem;
      line-height: 0.8rem;
      color: #666;
      font-weight: bold;
			vertical-align: top;
			overflow:hidden;white-space: nowrap;text-overflow: ellipsis;
 }
  .fanye li a:hover{
      color: #bf0700;
 }
 
 
 .liuyan{
      margin-top: 0.6rem;
 }
  .liuyan li{
      line-height: 0.6rem;
      font-size: 0.32rem;
      color: #666;
      display: flex;
			flex-wrap: wrap;
      margin-bottom: 0.4rem;
 }
  .liuyan li input,.liuyan li textarea{
      border: #E21100 1px solid;
      height: 0.6rem;
      width: 5rem;
      box-sizing: border-box;
      margin-left: 0.2rem;
 }
  .liuyan li span{
      color: red;
      margin-left: 0.05rem;
 }
  .liuyan li textarea{
      height: 2.2rem;
 }

 #code_input{
	 width: 30%;
 }
  .liuyan li input[type=submit]{
      font-size: 0.32rem;
      margin-left: calc(4em + 0.2rem);
      background: #E21100;
      color: #fff;
      width: 30%;
      height: 0.7rem;
 }