﻿/*通用类*/
*{
	margin:0;		
	padding:0;
}*{
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
html{
	overflow-x:hidden;		
}
body{		
	width:100%;	
	min-width:320px;
	margin:0 auto;	
	font-family:"Times New Roman";	
	background:#fff;
	overflow-x:hidden;
	text-align:left;	
	position:relative;
	font-size:0.24rem;
	color:#4b4b4b;
}
.zx{ height:.6rem; clear:both}.conts{ margin-top:0.3rem; line-height:0.4rem}
.conts img{ max-width:100%; height:auto !important}
/*不同设备字体em基准*/
html{
	font-size:42.6667px;	
}
@media screen and (max-width: 320px){ 
  html{
  	font-size:42.6667px;
  }
}
@media screen and (min-width: 321px) and (max-width: 360px){ 
  html{
  	font-size:48px;
  }
}
@media screen and (min-width: 361px) and (max-width: 375px){ 
  html{
  	font-size:50px;
  }
}
@media screen and (min-width: 376px) and (max-width: 414px){ 
  html{
  	font-size:55px;
  }
}
@media screen and (min-width: 415px) and (max-width: 484px){ 
  html{
  	font-size:64px;
  }
}
@media screen and (min-width: 485px) and (max-width: 720px){ 
  html{
  	font-size:96px;
  }
}
@media screen and (min-width: 721px) and (max-width: 768px){ 
  html{
  	font-size:102px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1080px){ 
  html{
  	font-size:144px;
  }
}
@media screen and (min-width: 1080px){ 
  html{
  	font-size:144px;
  }
}


img{
	border:none;	
}
h1,h2,h3{
	font-weight:normal;	
}
a{
	color:#4b4b4b;
	text-decoration:none;	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color:transparent;
	outline:none；
}
input,textarea,select{
	font-family:"Times New Roman";	
	font-size:1em;
	outline:none;
	margin:0;
	padding:0;
}
input::-webkit-input-placeholder {
	color: #a0a0a0 !important;
}
textarea::-webkit-input-placeholder {
	color: #a0a0a0 !important;
}
input[type='button'],input[type='text'],input[type='search'], input[type='submit'], input[type='reset'],input[type='date'],input[type='time'],input[type='number'] {
	-webkit-appearance: none;
}
select{
	-webkit-appearance: none;	
}
textarea{ 
	-webkit-appearance: none;
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}
ul,ol{
	padding:0;
	list-style-type:none;	
}
em{
	font-style:normal;	
}
.lt{
	float:left;	
}
.rt{
	float:right;	
}
input.sub,label{
	border:none;	
	cursor:pointer;
}
input,textarea{
	font-family:"Times New Roman";
	outline:none;	
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;	
}
td,th{
	padding:0;	
}
div.clear{
	font: 0px Arial; line-height:0;
	height:0; 
	overflow:hidden;	
	clear:both;	
}
.cm_photo{
	display:block;
	position:relative;
	overflow:hidden;	
}
.cm_photo .thumb{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:10;	
}
.cm_photo .zw{
	display:block;
	height:auto;	
	width:100%;
}


.header{
	width: 100%;
	height: 1.13rem;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	background:#fff;
	background-size:100% 100%;
}
.header .logo{
	display: block;
 	height: 0.8rem;
	position: absolute;
	top:0.2rem;
	left:.1rem; 
}

.menu_btn{
	display: block;
	width: 0.8rem;
	height: 0.7rem;
	position: absolute;
	right: 0.1rem;
	bottom: 0.2rem;	 
}

.talka{
	display: block;
	width: 0.8rem;
	height: 1.13rem;
	position: absolute;
	right: 0;
	bottom: 0;
	background:url("../images/talka.png") no-repeat center center;
	background-size:100% auto;
}
.searcha{
	display: block;
	width: 0.8rem;
	height: 1.13rem;
	position: absolute;
	right: 0.8rem;
	top: 0;
	background:url("../images/searcha.png") no-repeat center center;
	background-size:100% auto;
}
.thumb100{
	display: block;
	width: 100%;
	height:auto;
}
.search_bar{
	width: 100%;
	height: 0.8rem;
	position: fixed;
	left: 0;
	top: 1.1rem;
	z-index: 90;
	background:#fff;
	display: none;
}
.search_bar .text{
	height: 0.6rem;
	line-height: 0.6rem;
	border:1px solid #ccc;
	width: 80%;
	height: 0.5rem;
	line-height: 0.5rem;
	background:none;
	text-indent:0.2rem;
	float: left;
	margin:0.15rem 0 0 0.1rem;

	border:0px;
	font-size:0.30rem;
}
.search_bar .sub{
	float: right;
	width: 15%;
	height: 0.8rem;
	background:url("../images/searcha.png") no-repeat center center;
	background-size:auto 0.8rem;
}
.search_flog{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 89;
	display: none;
}
.nav{
	position: fixed;
	left: 0;
	top: 1.10rem;
	z-index: 100;
	background:#1a2437;
	width: 40%;
	padding-bottom:0.2rem;
	display: none;
}
.nav_flog{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	display: none;
}
.nav_sec .handle{
	height: 0.6rem;
	line-height: 0.6rem;
	color:#fff;
	padding:0 0.2rem;
	font-size:0.3rem;
}
.nav_sec ul{
	display: none;
}
.nav_secshow ul{
	display: block;
}
.nav_sec li{
	height: 0.5rem;
	line-height: 0.5rem;
	padding:0 0.3rem;
	color:#fff;
}
.nav_sec li a{
	color:#fff;
}

.hm_top{
	height: 8.72rem;
	width: 100%;
	position: relative;
	overflow: hidden;
	background:url("../images/hmtopbg.jpg") no-repeat center center;
	background-size:100% 100%;
	color:#fff;
}
.hm_top .t1{
	height: 0.9rem;
	line-height: 0.9rem;
	padding:0.5rem 0.2rem 0 0.2rem;
	font-size:0.3rem;
}
.hm_top li{
	height: 0.4rem;
	line-height: 0.4rem;
	width: 45%;
	float: left;
	padding-left:5%;
	font-size:0.2rem;
}
.hm_top li a{
	color:#fff;
}
.hmt_slider{
	width:9rem;
	height: 3.4rem;
	position: relative;
	overflow: hidden;
	margin-top:0.34rem;
}
.hmt_item{
	display: block;
	position: relative;
	overflow: hidden;
	width: 2.84rem;
	height: 3.4rem;
	margin:0 auto;
}
.hmt_item .photo{
	height: 2.65rem;
	width: 100%;
	position: relative;
	overflow: hidden;
	display: block;
}
.hmt_item .photo img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.hmt_item .name{
	height: 0.68rem;
	line-height: 0.68rem;
	color:#fff;
	background:#3f74bf;
	padding-left:0.2rem;
}
.hmt_item .name span{
	display:inline-block;
	max-width:2.4rem;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.hm_top .more{
	background:#315dad;
	display: block;
	width: 2.12rem;
	height: 0.56rem;
	line-height: 0.56rem;
	text-align: center;
	margin:0.7rem auto 0 auto;
	font-size:0.24rem;
	color:#fff;
}
.hm_pro{
	margin:0rem 0.25rem 0.78rem 0.25rem;
}
.hm_pro{padding-top:0.4rem; margin-bottom:0.4rem; margin-top:0.3rem}


.head{
	text-align: center;
	height: 1.4rem;
}
.head dt{
	height: 0.46rem;
	line-height: 0.46rem;
	font-size:0.36rem;
	color:#005bac;
}
.head dd{
	height: 0.36rem;
	line-height: 0.36rem; margin-top:0.1rem;
	font-size:0.2rem;
}
.handle{

	line-height: 0.75rem; margin: 0 -0.1666%; margin-bottom:10px;
	display:flex;
	 flex-wrap: wrap;justify-content:space-between;
}
.handle .btn{
	display: block; margin:0.16666%;
	width: 33%; flex-grow:1;
	height: 0.75rem;
	background:#005bac;
	text-align: center;
	color:#fff;
}
.handle .hover{
	background:#005bac;
}
/*新葡萄京官网8814*/
.hm_about{}
.hm_about .con,.hm_news .con,.hm_pro .con{
	display: none;
}
.hm_about .show,.hm_news .show,.hm_pro .show{
	display: block;
}
.hm_about img{
	margin-bottom:0.15rem;
}
.hm_about .more{
	background:#005bac;
	display: block;
	width: 2.12rem; border-radius:5px;
	height: 0.56rem;
	line-height: 0.56rem;
	text-align: center;
	margin:0.7rem auto 0 auto;
	font-size:0.24rem;
	color:#fff;
}

.hm_about .top{margin:.2rem auto; text-align:center;}
.hm_about .top h3{font-size:.4rem;line-height:.6rem;}
.hm_about .top p{}
.hm_about .top p i{font-style:normal;margin-right:0.1rem;}
.hm_about .top p i span{margin-right:5px;} 

.hm_about .wz{margin:0 0.1rem;padding:0;}
.hm_about .wz h3{line-height:0.8rem; text-align:center;font-size:.32rem;}
.hm_about .wz .line{background:url(../images/line.jpg) no-repeat left;height:20px;} 
.hm_about .wz p{line-height:0.4rem; text-indent:20px;}
.hm_about .wz .box{} 

#apic{}
#apic img{ width:100%;display:inline-block;}

.hm_about .four{margin:0.2rem;padding:0;list-style:none;overflow:hidden;}
.hm_about .four li{float:left;width:48.5%;margin:.2rem .7%}
.hm_about .four li .box{overflow:hidden;padding:0.2rem;text-align:center;}
.hm_about .four li h1{width:2rem;margin:0 auto;font-size:0.3rem;}
.hm_about .four li h3{font-weight:bold;font-size:0.3rem;line-height:0.7rem;}
.hm_about .four li p{line-height:0.4rem;}
 
#search{width:100%; position:relative;margin-top:-0.3rem;z-index:9;} 
#search .ss{z-index:100; left:0;right:0;position:absolute;border-radius:0.5rem;background:#004ea1;}
#search .ss .t1{color:#fff;font-size:20px; text-align:center; }
#search .ss .t2{color:#fff;font-size:0.25rem; text-align:center;}
#search .ss .t2 form{margin-top:0.2rem;margin-left:1rem;}
#search .ss .t2 form .txt{border:none;background:#fff;padding:5px 10px;width:4rem; border-radius:20px 0 0 20px;float:left;height:22px;}
#search .ss .t2 form .btn1{float:left;border-radius:0 20px 20px 0;border:0;width:60px;background:#fff;padding:5px 10px; float:left;height:32px;color:#444;line-height:22px;}
#search .ss .t3{ color:#fff;font-size:0.4rem;line-height:0.6rem; text-align:center; }
#search .ss .t3 span{color:#999;font-size:14px;margin-right:10px;}
#search .linebg{z-index:1;background:#004ea1;width:100%;height:60px; position:absolute;bottom:0;left:0;}


.bodt{border-top:0.18rem solid #005bac;}
.hm_news{
	padding:0.5rem 0 0.78rem 0;
	width: 7rem;
	margin:0 auto; 
}
.hm_news .head{
	text-align: center;
	height: 1.6rem;
}
.hm_news .head dt{
	height: 0.46rem;
	line-height: 0.46rem;
	font-size:0.36rem;
}
.hm_news .head dd{
	height: 0.36rem;margin-top:10px;
	line-height: 0.36rem;
	font-size:0.24rem;
}

.hm_news .more{
	background: #005bac;
    display: block;
    width: 2.12rem;
    border-radius: 5px;
    height: 0.56rem;
    line-height: 0.56rem;
    text-align: center;
    margin: 0.7rem auto 0 auto;
    font-size: 0.24rem;
    color: #fff;
}
.ne_item{
	display: block;
	border-bottom:1px solid #c1cee6;
	font-size:0.2rem;
	line-height: 0.4rem;
	color:#999;
}
.ne_item p{ font-size:0.15rem; padding-bottom:0.1rem}
.ne_item .name{margin-bottom:0.1rem;
	font-size:0.26rem;
	font-weight: bold;
	color:#333;
}.rr{ color:#000}
.bo{ border-top:#FF9900 solid 5px; margin:0.2rem 0}
.hm_cnt{
	width: 100%; padding-bottom:1rem; padding-top:0.01rem;
	
	color:#fff;
	background:#005bac;
	background-size:100% 100%;
}
.hm_cnt .t1{
	height: 1.3rem; margin-top:0.3rem;
	line-height: 1.3rem;
	padding:0 0.2rem;
	font-size:0.3rem;
}
.zhishi-bd li{ display:inline-block; margin-right:0.1rem;}.zhishi-bd li a{ color:#fff}
.hm_cnt ul{
	line-height: 0.48rem;
	padding:0 0.7rem;
}
.footer_copy{
	width: 100%;
	background:rgba(70,20,0,0.2);
	padding:0.2rem 0;
	text-align: center;
	line-height:0.5rem;
}
.fr_bar{
	position: fixed;
	right: 0.2rem;
	bottom:0;
	width:100%; 
	z-index: 9;
	text-align:center;
}
.fr_bar a{ 
	margin:0.2rem 0;
	width: 1.04rem;
	height: 1.04rem;
}
.fr_bar img{
	 
	width: 1.04rem;
	height: 1.04rem;
}

#tFocus-btn li.active,#tFocus-leftbtn,#tFocus-rightbtn{display:block;background:url(../images/spr.png) no-repeat;}
#tFocus{width:380px;height:365px;background:#fff;overflow:hidden; margin-top:30px;float:left}
#tFocus-pic{width:338px;height:265px;position:relative;}
#tFocus-pic li{width:338px;height:265px;position:absolute;left:0;top:0;filter:alpha(opacity:0);opacity:0;}
#tFocusBtn{width:100%;height:77px;margin-top:5px;z-index:20;overflow:hidden;}
#tFocus-btn{width:345px;height:77px;position:relative;left:0;bottom:0;overflow:hidden;float:left;margin-right:3px;}
#tFocus-btn ul{width:100000px;position:absolute;left:0;top:0;}
#tFocus-btn li{height:77px;width:114px;padding-top:7px;display:block;float:left;margin-right:3px;}
#tFocus-btn li img{border:1px solid #fff}
#tFocus-btn li.active{background-position:-448px -100px;}
#tFocus-btn li.active img{border:1px solid #ccc}
#tFocus-leftbtn,#tFocus-rightbtn{height:77px;margin-top:8px;width:14px;float:left;text-indent:-9999px;}
#tFocus-leftbtn{margin-right:3px;background-position:-455px -13px;}
#tFocus-rightbtn{background-position:-480px -13px;}


/*导航*/
 .navbut {
    display: inline-block;
    right: 0; top:0.12rem;
    transform: scale(0.7, 0.7);
}
.navbut>div {
    display: inline-block;
    width: 35px;
    height: 5px;
	border-radius:1px; float:left;
    background: #005bac;
    margin-bottom:5px;
    transform: rotate(0deg);
    transition: all 0.6s ease 0s;
    -webkit-transform: rotate(0deg);
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -o-transform: rotate(0deg);
    -o-transition: all 0.6s ease 0s;
    -ms-transform: rotate(0deg);
    -ms-transition: all 0.6s ease 0s;
}
.navbut .bianone {
    position: absolute;
    top: 11px;
    transform: rotate(-45deg);
    transition: all 0.6s ease 0s;
    -webkit-transform: rotate(-45deg);
    -webkit-transition: all 0.6s ease 0s;
    -moz-transform: rotate(-45deg);
    -moz-transition: all 0.6s ease 0s;
    -o-transform: rotate(-45deg);
    -o-transition: all 0.6s ease 0s;
    -ms-transform: rotate(-45deg);
    -ms-transition: all 0.6s ease 0s;
    background: #7d8291;
}
.navbut .biantwo {
    display: none;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    background: #7d8291;
}
.navbut .bianthree {
    position: absolute;
    bottom: 11px;
    transform: rotate(45deg);
    transition: all 0.6s ease 0s;
    background: #7d8291;
    -webkit-transform: rotate(45deg);
    -webkit-transition: all 0.6s ease 0s;
    -moz-transform: rotate(45deg);
    -moz-transition: all 0.6s ease 0s;
    -o-transform: rotate(45deg);
    -o-transition: all 0.6s ease 0s;
    -ms-transform: rotate(45deg);
    -ms-transition: all 0.6s ease 0s;
}


/*弹出层*/

#popup {
    width: 100%; 
    height: 100%;
    background: white;
    position: fixed;
    z-index: 15;
    top: 0;
    left: 0;
    display: none;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
}
.navbut {
 
    width: 45px;
    height: 33px;
    position: absolute;
    z-index: 20;
}
#popup .popup-top {
    width: 100%;
    height: 16%;
    border-bottom: 1px solid #cccccc;
}

#popup .popup-top>p {
    color: #003677;
    padding: 0px 7%;
    font-size: 22px;
    padding-top: 2%;
}

#popup>ul {
    width: 100%;overflow:scroll;
    height:calc(100% - 50px); padding-top:50px;
    
	background:white;
}
.ul-hide{ display:none}
#popup>ul ul{ text-indent:0.4rem; background:#fff; }#popup ul li  .pup-hide ul a{font-size:0.3rem}
#popup ul li {
    width: 100%;
    height: auto;
    background: white;
    cursor: pointer;
}

#popup ul li p {
    width: 84%;
    height: 50px;
    line-height:50px;
    padding: 0px 7%;
    font-size: 20px;
    color: black;
    border-bottom: 1px solid #cccccc;
    position: relative;
}


#popup ul li p>a {
    font-size: 20px;
    color: black;
}

#popup ul li p .xjt,#popup ul li .pup-hide a .xjt{
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    right: 5%;
    top: 37%;
    transform: scale(0.7, 0.7);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform-origin: center;
    -o-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
}

#popup ul li p .xjttr {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform-origin: center;
    -webkit-transform-origin: center;
    -o-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
}

#popup ul .popuplast {
    border: 0;
}

#popup ul li .pup-hide {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: none;
}

#popup ul li .pup-hide a {
    width: 76%;
    height: 50px;
    line-height: 50px; position:relative;
    display: block;
    padding: 0px 12%;
    border-bottom: 1px solid #cccccc;
    background: #f5f5f5;
    font-size: 20px;
    color: #4d4d4d;
}

/*弹出层*/

.footer_copy a {color:#fff}

.zhishi {
    position: absolute;
    height: 2rem;
    width:2rem;
    bottom: 1.5rem;
	right:1rem;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #bbb;
    z-index: 999;
	display:none;
    background-color: #fff;
}
.zhishi li {text-align:center; line-height:0.4rem}

/*新葡萄京官网8814*/
.hei10 {height:1.13rem}
.content {
    width: 7rem;
	margin: 0 auto
   }
.content h3 {text-align:center; padding:0.5rem; font-size:0.30rem}
.content li {font-size:0.25rem}
.content .contact_us li { padding-top:0.1rem; padding-bottom:0.1rem; font-size:0.25rem}
.content .contact_us {padding:0.1rem 0}
.content .contact_us_form { background:#f2f2f2; margin:0.3rem 0 0.5rem}
.form input { margin:0 0.25rem 0.15rem ; width:92.5%;  border:1px solid #fff; height:0.6rem; font-size:0.28rem; text-indent:0.2rem; border-radius:0.08rem}
.form textarea {margin:0 0.25rem 0.15rem ; width:92.5%;  border:1px solid #fff; height:1.5rem; text-indent:0.2rem; border-radius:0.08rem}



/*produscts*/
.pages{ padding:0.3rem 0}
.page {margin:0.1rem 0}
.page .bkck {border:1px solid #999; padding:0.10rem 0.25rem}
.page .insert {margin-left:0.25rem}
.page div {margin:0.4rem 0}


/*products_list*/
.products_list { display: flex; justify-content:space-between;flex-wrap: wrap;}
.products_list li {width:48.5%; margin-bottom:0.1rem}
.products_list li p{height:0.6rem; line-height:0.6rem; font-size:0.3rem; text-align:center; overflow:hidden;background:#f4f4f4}
.products_list li img{ width:100%;height:105px;display:block}
.content.a1 {margin-bottom:0.4rem}

/*案例中心*/
.caselist { display: flex; justify-content:space-between;flex-wrap: wrap;}
.caselist li {width:98%; margin-bottom:0.1rem; text-align:center;}
.caselist li p{height:0.6rem; line-height:0.5rem; font-size:0.3rem; overflow:hidden}
.caselist li img{} 

/*四大优势*/
#ysbg{overflow:hidden;padding-top:0.2rem;}
.ystitle{margin:0 auto;padding:0.2rem; text-align:center;}
.ystitle h3{font-size: 0.4rem; color:#676767;font-weight:normal;line-height:.6rem;}
.ystitle h3 span{color:#004ea2; font-weight:bold;padding:0 px;font-size:.5rem;}
.ystitle p{color:#888}

.ysul{margin:0;padding:0;list-style:none;}
.ysul li{overflow:hidden;padding:0.1rem .2rem;}
.ysul li .txt{}
.ysul li .txt .icon{float:left;width:90px;background:url(../images/ibg1.jpg) center;height:90px;line-height:90px;font-size:24px; text-align:center;color:#fff;}
.ysul li .txt .ctitle{overflow:hidden;}
.ysul li .txt .ctitle h3{font-size:0.3rem;line-height:.8rem;}
.ysul li .txt .ctitle h3 span{margin-left:20px;color:#999;}
.ysul li .txt .ctitle .dcon{margin-top:20px;}
.ysul li .txt .ctitle .dcon p{margin-bottom:20px;}
.ysul li .txt .ctitle .dcon p i{float:left;width:30px;display:block;}
.ysul li .txt .ctitle .dcon p span{display:block;padding-left:30px;line-height:22px;}
.ysul li .pic{ text-align:center;}
.ysul li .pic img{width:100%;}
.ysul li .txt .ctitle .dcon .clin{line-height:30px;margin-bottom:5px;}


.jus{ border-top:none; padding-bottom:0rem}
#banner{ }

#banner .swiper-slide { background-size:100% 100%;display:table}

#banner .swiper-slide div{ color:#fff; height:4.5rem; padding-top:1rem; left:0; width:100% ; font-weight:bold; font-size:0.3rem; line-height:0.55rem; text-align:center; display: table-cell;
    vertical-align:middle;}
.dd{ text-align:center; padding-bottom:0.3rem; color:#999}
.newstitle{ font-size:0.36rem; text-align:center; padding-bottom:0.3rem}
.hm_news.a1 {border:0px; padding-bottom:0px}
.ys {text-align:center; margin:0.6rem 0}
.ys a { background:#eee; padding:0.13rem 0.22rem; font-size:0.2rem;}
.ys .on {background:#fd771b; color:#fff}
.innav { margin:0 auto; width: 7rem; padding-top:0.7rem}
.innav ul {
    -webkit-box-orient: horizontal;
display: flex; justify-content:space-between;
    text-align: center;
}
.innav ul li a {color:#fff}
.innav ul li {
height:0.7rem; line-height:0.7rem;
    -webkit-box-flex: 1;
	width:49%;
	background:#005bac;
}
.innav ul .on { background:#005bac}

.hm_fl .item{
	width: 22vw; height:22vw;
		padding-top:0px;
	float: left;
	background:url("../images/flbg.png") no-repeat left top;
	position: relative; background-size:100% auto; margin:1.3vw;
}
.hm_fl .item:hover,.hm_fl .item.on{
	background-position:left bottom;
}
.hm_fl .ico{
	display: block;
	width: 0.8rem;
	height:0.8rem;
	margin:0 auto; margin-top:0.2rem;
	position: relative;
	overflow: hidden;
}
.hm_fl .ico img{
	display: block;
	width: 0.8rem;
	height: 1.6rem;
	position: absolute;
	left: 0;
	top: 0;
}
.hm_fl .item:hover .ico img,.hm_fl .item.on .ico img{
	top:-0.8rem;
}
.hm_fl .tip{
	font-size:0.2rem;
	font-weight: bold;
	line-height: 0.4rem;
	text-align: center;
	color:#fff;
	width: 100%;
}
.hm_fl .item:hover .tip,.hm_fl .item.on .tip{
	color:#11b9a7;
}.hm_fl .fls1 {
  
    margin: 35px auto 0 auto;
}.swiper-pagination-fraction{ display:none}
.pinch-zoom img{ height:5rem}
.zuipin_mobile{ position:relative}
.gallery-top{ margin:0.1rem 0;}
.gallery-thumbs .swiper-slide img {
    opacity:0.7; height:1.6rem
}
.gallery-thumbs .swiper-slide-active img {
    opacity:1; 
}

.hm_fl .fg141{
	float: left; background:url(../images/icon.png) no-repeat center center; background-size:80% auto;
	width: 10%;
	height: 2rem;
}
.hm_fl .fg70{
	float: left;
	width: 132px;
	height: 200px;
}
.hm_fl .fls2{
	width: 1224px;
	margin:-20px auto 0 auto;
}
.hm_fl .bttip{background:#005bac; margin-top:0.1rem; display:none; color:#fff; padding:10px; border-radius:10px}


.btn{margin:20px auto;overflow:hidden; text-align:center}
.btn a{padding:0 20px;height:40px; display:inline-block;line-height:40px;margin-right:20px; -webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.btn a:hover{}
.btn a i{padding:0 5px; font-style:normal;}

.btn1{background:#005bac;color:#fff;width:100px;height:40px; display:inline-block;line-height:40px; }
.btn1:hover{background:#005bac;color:#fff;}
.btn2{background:#e1e1e1;width:100px;height:40px; display:inline-block;line-height:40px; }
.btn2:hover{background:#005bac;color:#fff;}
.btn3{border:1px solid #ddd;color:#40bdb9;height:40px; display:inline-block;line-height:40px; }
.btn4:hover{background:#005bac;color:#fff;}

/*list*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}

.fixed-bottom{ position: fixed;
    bottom: 0;
    right: 0;height:1rem;
    left: 0;
    z-index: 1030;line-height:1rem;background:#005bac;}
.fixed-bottom a{float:left;margin:0 auto; text-align:center; font-size:0.3rem;color:#fff;border-right:1px solid #fff;padding:0 0.4rem;}

/*newslist*/
.newslist{margin:0;padding:0;list-style:none;}
.newslist li .pic{float:left;width:2rem;margin-right:0.2rem;}
.newslist li .pic img{width:100%;}