@charset "utf-8";

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,textarea,input
{margin:0;padding:0;border:0;outline:none 0;vertical-align:baseline;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

html {font-family:"Microsoft YaHei","Helvetica","Helvetica Neue"; font-size: 625%;  line-height: 1.5; color: #444;  -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;background:#fff;}
body {font-size:.14rem; color:#333; background:#f6f6f6;font-family:Arial,"微软雅黑"}
html,body{margin:0px; padding:0px;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,section{display:block}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{vertical-align:baseline;text-decoration: none;color:#333; background: transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select,img{vertical-align:middle;}
button, input, select, textarea {font-family: inherit; font-size: 100%;}
/* a,img { -webkit-touch-callout: none;}*/
strong,b { font-weight: bold;}
i,em { font-style: normal;}
ul,ol,li,dl,dt,dd { list-style-type: none;}
img{ height:auto; border:none;}


input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none;appearance: none;-moz-appearance:none;margin: 0;}
input[type="number"]::-moz-outer-spin-button,input[type="number"]::-moz-inner-spin-button{-webkit-appearance: none;appearance: none;-moz-appearance:none;margin: 0;}
input[type="number"]::outer-spin-button,input[type="number"]::inner-spin-button{-webkit-appearance: none;appearance: none;-moz-appearance:none;margin: 0;}

/* 清除浮动 */
.clearfix:before,.clearfix:after {display: table;content:'';}
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
q:before,q:after{content: ""}
.clear { clear:both;}
button:focus{outline:0;} 

/* 省略号 */
.ellipsis{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*重置*/
input,select,textarea{-webkit-appearance:none;}
input[type='checkbox']{ -webkit-appearance:checkbox;}
:-moz-placeholder { color: #c8c8c8;} 
::-webkit-input-placeholder { color:#c8c8c8;}

/*公共*/
.pr{ position:absolute; right:0; top:0;}
.pl{ position:absolute; left:0; top:0;}
.pd0{padding:0;}
.cn{ font-family:"Microsoft YaHei","Helvetica","Helvetica Neue";}
.en{ font-family:"Helvetica Neue","Helvetica";}
.fl{ float:left;}
.fr{ float:right;}
.pd12_bot{padding:.12rem .12rem 0 .12rem;}
.bg_white{background:#fff;}
.pb-100{ padding-bottom:1rem;}
.mt-12{margin-top:.12rem;}
.mt-16{margin-top:.16rem;}
.bord_t0{border-bottom:none;}
.pb-0{ padding-bottom:none;}
.b-t-ce{ border-top:1px solid #cecece;}
.mb-12{margin-bottom:.12rem;}
.mb-40{margin-bottom:.42rem;}
.mb-07{margin-bottom:.07rem;}
.mb-16{margin-bottom:.16rem;}
.bord_top{border-top:1px solid #d1d1d1;}
.pd65_b{padding-bottom:.65rem;}
.ui-content{padding:0;}
.color999{color:#999;}
.ml-12{ margin-left:0.12rem;}
.ml-24{ margin-left:0.24rem;}
.pb-12{ padding-bottom:0.12rem;}
.b-b-d1{ border-bottom:1px solid #d1d1d1;}
.b-t-e1{ border-top:1px solid #e0e0e0;}
.c-r{ color:#d00000;}
.c-6{ color:#6e6e6e;}
.font-12{ font-size: 0.12rem;}
.pd6{padding:.06rem 0 .11rem 0;}
.bg_white{ background-color:#fff;}
.h24{ display:block; height:0.24rem;}
.mb-10{ width:100%; height:.1rem; overflow:hidden;}

@font-face {
	font-family: 'Agency FB';
	src: url('../font/Agency FB.TTF');
	font-weight: normal;
	font-style: normal;
}


/********** 首页 ***********/
.top{width:100%;  line-height:60px; overflow:hidden; position:fixed; top:0px; left:0px; z-index:9999999;}
.top_wid1380{ max-width:1380px; margin:0 auto; overflow:hidden}
.logo a{ width:100%; height:100%; overflow:hidden; display:block;}
		.top_1{ height:60px;    border-color: transparent;
	animation: qalltop 1s 1;
	-o-animation: qalltop 1s 1;
	-moz-animation: qalltop 1s 1;
	-webkit-animation: qalltop 1s 1;	
}
.top_2{ background:rgba(0,0,0,0.6);
		animation: alltop 1s 1;
		-o-animation: alltop 1s 1;
		-moz-animation: alltop 1s 1;
		-webkit-animation: alltop 1s 1;
		 background:url(../images/ie9.png)\9;
		 	
}
.top_2 .logo{width:216px; height:38px; background:url(../images/pclogo.png) no-repeat; background-size:100%;overflow:hidden; margin:10px 0 10px 20px; float:left;}
.top_2 .logo a{ width:100%; height:100%; overflow:hidden; display:block;}

.x3{overflow:hidden; height:100%}
.xian{width:.25rem;height:.25rem; margin:.08rem .14rem 0 0; float:right; position:relative; top:10px; 
		-webkit-transition: background 0.5s;
		-moz-transition: background 0.5s;
		-o-transition: background 0.5s;
		transition: background 0.5s;display:none
}
.xian span{width:100%; height:.02rem; background:#fff; position: absolute;}
.xian span:nth-child(1){/*transform: translateY(4px) rotate(0deg);*/}
.xian span:nth-child(2){/*transform: translateY(-4px) rotate(0deg);*/}

.xian-click span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickfirst;
	top:.04rem;
	}		
.xian-click span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickzho;
	top:.04rem;
}
.xian-click span:nth-child(3){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clicksecond;
	top:.04rem;
}
.mobilsous{max-height:920px; overflow:hidden;}

@keyframes clickfirst {
  0% {transform: translateY(4px) rotate(0deg);
			-ms-transform:translateY(4px) rotate(0deg);	
			-moz-transform:translateY(4px) rotate(0deg);
			-webkit-transform:translateY(4px) rotate(0deg);
			-o-transform:translateY(4px) rotate(0deg);
	}
  100% {transform: translateY(0) rotate(45deg);
		-ms-transform:translateY(0px) rotate(45deg);	
			-moz-transform:translateY(0px) rotate(45deg);
			-webkit-transform:translateY(0px) rotate(45deg);
			-o-transform:translateY(0px) rotate(45deg);	
	}
}	


@keyframes clicksecond {
  0% { transform: translateY(-4px) rotate(0deg);
			-ms-transform:translateY(-4px) rotate(0deg);	
			-moz-transform:translateY(-4px) rotate(0deg);
			-webkit-transform:translateY(-4px) rotate(0deg);
			-o-transform:translateY(-4px) rotate(0deg);
	}

  100% {transform: translateY(0) rotate(-45deg);
				-ms-transform:translateY(0px) rotate(-45deg);	
			-moz-transform:translateY(0px) rotate(-45deg);
			-webkit-transform:translateY(0px) rotate(-45deg);
			-o-transform:translateY(0px) rotate(-45deg);	
	}
}
@keyframes clickzho {
  0% { left:0px; opacity:1;}
  100% {left:.3rem; opacity:0;}
}		

.xian-out span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outfirst;
	 /*top:.02rem;*/
}		
.xian-out span:nth-child(2){
	top:.04rem;
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outhl;
}
.xian-out span:nth-child(3){
	top:.08rem;
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outsecond;
}

@keyframes outfirst {
  0% {
  	transform: translateY(0) rotate(-45deg);
  	-ms-transform:translateY(0) rotate(-45deg); 	/* IE 9 */
	-moz-transform:translateY(0) rotate(-45deg); 	/* Firefox */
	-webkit-transform:translateY(0) rotate(-45deg); /* Safari 和 Chrome */
	-o-transform:translateY(0) rotate(-45deg); 
  }
  100% {
  	transform: translateY(-4px) rotate(0deg);
  	-ms-transform:translateY(-4px) rotate(0deg); 	/* IE 9 */
	-moz-transform:translateY(-4px) rotate(0deg); 	/* Firefox */
	-webkit-transform:translateY(-4px) rotate(0deg); /* Safari 和 Chrome */
	-o-transform:translateY(-4px) rotate(0deg);
  }
}	

@keyframes outsecond {
  0% {transform: translateY(0) rotate(45deg);
			-ms-transform:translateY(0px) rotate(45deg);	
			-moz-transform:translateY(0px) rotate(45deg);
			-webkit-transform:translateY(0px) rotate(45deg);
			-o-transform:translateY(0px) rotate(45deg);		
	}
  100% {transform: translateY(4px) rotate(0deg);
				-ms-transform:translateY(4px) rotate(0deg);	
			-moz-transform:translateY(4px) rotate(0deg);
			-webkit-transform:translateY(4px) rotate(0deg);
			-o-transform:translateY(4px) rotate(0deg);	
	}
}
@keyframes outhl {
  0% { left:.3rem; opacity:0;}
  100% {left:0; opacity:1;}
}	
	
	
.meun{
	background-color: rgba(0,0,0,0.92);
	width: 100%; height:100%;
	position:fixed;
	top: 0px;
	left: 0px;
	display: none; z-index:999999;
}
.meun_box{ width:100%; overflow:hidden; margin-top:.56rem; height:100%; overflow:scroll; }
.meun a{width:70%;display:block;text-decoration:none;margin-left:15%;color:#ccc;border-bottom:solid 1px rgba(255,255,255,0.15);font-size:.14rem; padding:.12rem 0;
		-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: returnToNormal;
		animation-name: returnToNormal;
}
.meun a:last-child{ margin-bottom:.2rem}
.meun img{width:.08rem; float:right; margin-top:.06rem; opacity:.8;}
			
	@-webkit-keyframes returnToNormal {
	  from {
	    opacity: 0; 
	    -webkit-transform: translate3d(0, 100%, 0);
	    transform: translate3d(0, 100%, 0);
	  }

	  to {
	    opacity: 1; 
	    -webkit-transform: none;
	    transform: none;
	  }
	}

	@keyframes returnToNormal {
	  from {
	    opacity: 0; 
	    -webkit-transform: translate3d(0, 100%, 0);
	    transform: translate3d(0, 100%, 0);
	  }

	  to {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	  }
	}
	
	
	@-webkit-keyframes returnToNormals {
	  from {
	    opacity: 0; 
	    -webkit-transform: translate3d(0, 100%, 0);
	    transform: translate3d(0, 100%, 0);
	  }

	  to {
	    opacity: 1; 
	    -webkit-transform: none;
	    transform: none;
	  }
	}

	@keyframes returnToNormals {
	  from {
	    opacity: 0; 
	    -webkit-transform: translate3d(0, 100%, 0);
	    transform: translate3d(0, 100%, 0);
	  }

	  to {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	  }
	}


.box_swipe{overflow: hidden; position: relative;}
.box_swipe ul{overflow: hidden;position: relative;}
.box_swipe li{float:left;width:100%;position:relative;}
.height40{ height:50px}
.height402{ height:50px; display:none}
#position{text-align:center;list-style:none;margin:0;padding:0; position:relative; margin-top:-50px;}
#position li{display:inline-block; width:12px; height:12px;margin-right:10px;border-radius:50px; border:1px solid #fff;}
#position li.on{background-color:#fff;}

.box_swipe2{overflow: hidden; position: relative; display:none}
.box_swipe2 ul{overflow: hidden;position: relative;}
.box_swipe2 li{float:left;width:100%;position:relative;}
#position2{text-align:center;list-style:none;margin:0;padding:0; position:relative; margin-top:-50px;}
#position2 li{display:inline-block; width:12px; height:12px;margin-right:10px;border-radius:50px; border:1px solid #fff;}
#position2 li.on{background-color:#fff;}



 .swiper-container {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
		.swiper-slide img{ width:100%}

/*********动画**********/
@keyframes alltop{
	0%{ background:rgba(0,0,0,0);}100%{ background:rgba(0,0,0,0.6);}
}
@-moz-keyframes alltop{
	0%{ background:rgba(0,0,0,0);}100%{ background:rgba(0,0,0,0.6);}
}
@-o-keyframes alltop{
	0%{background:rgba(0,0,0,0);}100%{ background:rgba(0,0,0,0.6);}
}
@-webkit-keyframes alltop{
	0%{ background:rgba(0,0,0,0)}100%{ background:rgba(0,0,0,0.6);}
}

@keyframes qalltop{
	0%{ background:rgba(0,0,0,0.6);}100%{ background:rgba(0,0,0,0);}
}
@-webkit-keyframes qalltop{
	0%{ background:rgba(0,0,0,0.6);}100%{ background:rgba(0,0,0,0);}
}
/**********************/


.wrap {
    max-width: 1432px;
    margin: 0 auto; overflow:hidden;
}
.wrap_title{ color:#000; font-size:36px; text-align:center; margin-top:50px;}
.small_font{ color:#666; font-size:16px; text-align:center; margin-top:12px;}
.container-fluid{    padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
.padding-20{padding-right: 20px !important;    padding-left: 20px !important;}
.padding-5{padding-right: 5px !important;padding-left: 5px !important;}
.item-cont{position: relative;background: #fff;transition: all 0.2s ease-in-out 0s;}
.double-img{width: 100%;
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;}


.pcnav{ overflow:hidden; float:right; height:60px; line-height:60px}
.pcnav li{ float:left; height:60px; line-height:60px; vertical-align:top; }
.pcnav li a{ color:#fff; font-size:14px; margin:0 20px; display:block; height:40px; line-height:60px;transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);position:relative;padding-bottom: 5px;}
.pcnav li a.hovers{border-bottom:2px solid #fff; padding-bottom:5px}

.pcnav li a::after {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  transform: scaleX(0);
  transition: 0.4s /*cubic-bezier(0.165, 0.84, 0.44, 1)*/;
}
.pcnav li:hover a::after{
  transform: scaleX(1);
}

.pcnav2{ overflow:hidden; float:right;}
.pcnav2 li{ float:left}
.pcnav2 li a{ color:#ccc; font-size:14px; margin:0 20px}
.pcnav2 li a:hover{ color:#fff}
.pcnav2 li a.hovers{border-bottom:2px solid #fff; padding-bottom:5px; color:#fff}
.project{ overflow:hidden; width:100%; margin:30px 0 40px  }
.ie9{ display:none;  overflow:hidden; margin-top:1px}
.ie9 li{ width:33.3%; float:left; margin-right:0.03%; margin-bottom:1px;}
.ie9 li img{ width:100%}
.project li{ width:31%; float:left; position:relative; overflow:hidden; line-height:0; margin:15px 1.16%; border-radius:10px;} 
.project li:after{width:1px; height:100%; background:#fff; content:""; position:absolute; right:0; top:0}

.project_div{ position:absolute; width:100%; height:100%; top:0; left:0; text-align:center;
		display: flex;  
    align-items: center;  
    justify-content: center;
		-moz-transition: background-color .3s ease-in;
    -webkit-transition: background-color .3s ease-in;
}
.project img.project_img{ width:100%}
.project_div_title{ color:#fff; text-align:center; font-size:18px; margin:26px 0 20px}
.juzhong{    position: absolute; top: 50%;  left: 50%;  margin-left: -50%;  margin-top: -14%;  margin-top: -14%\0;    line-height: 0;
    text-align: center;    width: 100%;    overflow: hidden;transition:all ease-out 0.4s; }
.project_div_font{ color:#fff; font-size:14px;   height: 0; line-height:1.5; overflow:hidden; max-width:88%;margin:0 auto 0; transition:all ease-out 0.4s; opacity:0 }
.project li:hover .project_div_font{  transition: all ease-in 0.4s; height:54px; opacity:1}
.project li:hover .juzhong{ margin-top:-20%;transition:all ease-out 0.4s; }
.backfff{ background:#fff; overflow:hidden}

.xuanfuimg{ width: 50px; vertical-align: top; margin-top: 0}

.in_cion{ width:84px;}
.index_title{ font-size:30px; font-family:Arial,"微软雅黑"; text-align:center; margin:45px auto 10px}
.anli{ overflow:hidden; margin-top:20px;}
.anli2 li{  line-height:0;width:31%;    margin: 0 1.16%;margin-top:28px; }
.anli li{  float:left; background:#fff; overflow:hidden; position:relative; 
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.anli li:hover{transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-webkit-box-shadow:0px 5px 15px #e5e5e5;
    -moz-box-shadow:0px 5px 15px #e5e5e5;
    box-shadow:0px 5px 15px #e5e5e5;}
.anli li:hover .erweima{ display:block; transition:all 0.5s}
.erweima i{display:inline-block;
    height:100%;
    vertical-align:middle}
.erweima{ position:absolute; top:0; left:0; width:100%; height:100%; text-align:center;display:table-cell;
vertical-align:middle;
 display:none}
.erweima:hover{ background:#fff}
.erweima img{ width:70%; vertical-align:middle}
.anli_img{ width:100%}
.anli_font{ height:54px; line-height:54px; padding:0 20px; overflow:hidden;}
.border1{ border:1px solid #e9e9e9; border-top:none}
.anli_font_left{ float:left; font-size:14px;  color:#000; width:48%;    overflow: hidden; 
    text-overflow: ellipsis;
    white-space: nowrap;}
.anli_font_right{ float:right; font-size:12px;  color:#999; width:48%; text-align:right;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
		
		

/*==============更多案例按钮开始=================*/
.buttons{background: #00a2f5;color:#fff;}
.more_anli{padding:10px 40px; font-size:22px;  border:none; margin:50px auto; display:block;width:170px; text-align:center;
    border-radius: 10px; 
    }
		.more_anli:hover{ cursor:pointer;
		-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	/*color: #ECEFF1;
	background-color: #3f51b5;*/
	-webkit-animation: anim-moema-1 0.3s forwards;
	animation: anim-moema-1 0.3s forwards;	
			}
			.more_anli::before {
	content: '';
	position: absolute;
	top: -20px;
	left: -20px;
	bottom: -20px;
	right: -20px;
	background: inherit;
	border-radius: 10px;
	z-index: -1;
	opacity: 0.4;
	-webkit-transform: scale3d(0.8, 0.5, 1);
	transform: scale3d(0.8, 0.5, 1);
}
			.more_anli:hover::before {
	-webkit-animation: anim-moema-2 0.3s 0.3s forwards;
	animation: anim-moema-2 0.3s 0.3s forwards;
}

@-webkit-keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@-webkit-keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
/*==============更多案例按钮结束=================*/
.four_li li:nth-child(4){ display:none}




.yewu{ background:url(../images/yewu.jpg) no-repeat;padding: 60px 0 60px 0;background-size: 100% 100%;}
.yewu_all{ max-width:1200px; margin:0 auto;padding-right: 15px; padding-left: 15px; margin-right: auto;  margin-left: auto;}
.yewu_all_one{ overflow:hidden; color:#fff;}
.yewu_all_ones{ width:33.33%; float:left; text-align:center; font-size:16px}
.yewu_all_ones p{ font-size:100px;font-family:"Agency FB";line-height:90%}
.yewu_all_ones p span{font-size:50px; vertical-align:top;line-height: 0.5;}
.yewu_all_two{ color:#fff; font-size:14px; line-height:28px; margin-top:40px}
.buttons2{background:none;color:#00a2f5; border:1px solid #00a2f5; margin:50px auto}
.buttons2:hover{ cursor:pointer;
		-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	color: #fff;
	background-color: #00a2f5;
	-webkit-animation: anim-moema-1 0.3s forwards;
	animation: anim-moema-1 0.3s forwards;	
			}
.buttons3{background:none;color:#fff; border:1px solid #fff; margin:20px auto 0}
.buttons3:hover{ cursor:pointer;
		-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	color: #12A2C5;
background-color: #fff;
	-webkit-animation: anim-moema-1 0.3s forwards;
	animation: anim-moema-1 0.3s forwards;	
			}
@-webkit-keyframes fadeIn {
0% {
opacity: 0; /*初始状态 透明度为0*/
}
50% {
opacity: 0; /*中间状态 透明度为0*/
}
100% {
opacity: 1; /*结尾状态 透明度为1*/
}
}
#box
{-webkit-animation-name: fadeIn; /*动画名称*/
-webkit-animation-duration: 0.4s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/}
.jiantou{ display:none; margin:0 auto; width:64px; height:28px;}

.project_div:hover .jiantou{ display:block;}
.project_div:hover .project_div_font{ color:#fff}

.zixun_img{ width:100%}
.anli3{ overflow:hidden;}
.anli3 li{ width:22.5%; margin-left:2%; margin-top:20px; line-height:0}
.anli3_font{ background:#fff; padding:16px 20px; overflow:hidden;}
.anli3_font_one{ color:#000; font-size:16px;text-overflow:ellipsis; overflow:hidden;white-space: nowrap; line-height:22px}
.anli3_font_two{ color:#666; font-size:14px; line-height:1.6; margin:5px 0;height:42px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.anli3_font_three{ color:#888; font-size:14px; line-height:22px;}

.kehu_ul{ overflow:hidden; border-top:1px solid #e9e9e9; margin-top:40px;border-left: 1px solid #e9e9e9; margin-bottom:60px}
.kehu_ul li{ width:14.28%; float:left; position:relative; border-bottom:1px solid #e9e9e9; line-height:0; overflow:hidden}
.kehu_ul li:after{ width:1px; background:#e9e9e9; position:absolute; right:0; top:0; content:""; height:100%;}
.kehu_ul li img{ width:100%}
.start{ width:100%; background:url(../images/start.jpg) no-repeat; padding:45px 0; background-size:100% 100%}
.start_one{ font-size:30px; color:#fff; text-align:center;}
.start_two{ font-size:22px; color:#fff; text-align:center; max-width:90%; margin:0 auto}


.advantage{ overflow:hidden; padding-bottom:40px}
.advantage li{  float:left;width:30%;    margin:0 1.6% 0; text-align:center; overflow:hidden}
.advantage_one{ width:120px; height:120px; margin:40px auto 0;}
.advantage_one img{ vertical-align:top}
.advantage_two{ color:#000; font-size:20px; line-height:28px; margin-top:16px;}
.advantage_three{ color:#666; font-size:14px; line-height:28px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:3; height:56px;
overflow: hidden;}
.yewu_title{ color:#fff; font-size:36px; text-align:center}
.yewu_font{ color:#fff; font-size:16px; text-align:center; margin:10px 0 40px}

.guandian{ overflow:hidden; padding-top:20px}
.guandian_li{ margin:30px 1.16% 0; width:31%; float:left; background:#f0f0f0; position:relative; cursor:pointer; transition: all 0.3s;}
.guandian_li:first-child{ width:64.2%;}
.guandian_li_all{ overflow:hidden; margin:24px 28px 20px;}
.guandian_date{ color:#333; font-size:20px;}
.guandian_xian{ width:20px; height:2px; background:#333; margin-top:10px;transition:all .05s}
.guandian_title{ color:#333; font-size:22px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin-top:15px;}
.guandian_font{ color:#666; font-size:14px; line-height:28px; height:82px;display: -webkit-box;
-webkit-box-orient: vertical; margin:5px 0 10px;-webkit-line-clamp: 3;overflow: hidden;}
.guandian_more{ display:block; color:#888; font-size:14px; text-transform:uppercase}
.guandian_li_left{ width:48%; position:absolute; left:0; top:0; height:100%}
.guandian_li_left img{ width:100%; height:100%}
.guandian_li_right{ overflow:hidden; margin-left:49%}
.guandian_li:hover{ background:#e3f6ff; transition:all 0.3s}
.guandian_li:hover .guandian_xian{ background:#0093df; }
.guandian_li:hover .guandian_title{ color:#0093df}
.guandian_li:hover .guandian_more{ color:#0093df}

.copynight{ height:72px; line-height:72px; border-top:1px solid #444444; margin-top:20px;}
 .copynight a{ color:#999; font-size:12px; margin-right:20px}


/**/

.back-totop {
    position: fixed;
    right: 20px;
    bottom: 40px;
}

.tel-slider {
    content: "400-021-8655";
    position: absolute;
    top: 0;
    right: 28px;
    width: 0;
    height: 50px;
    line-height: 50px;
    white-space: nowrap;
    font-size: 18px;
    background-color: #f56308;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    color: #fff;
    z-index: -1;
    -webkit-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
}

.back-totop .share-item-mobile:hover .tel-slider {
    width: 152px;
}

.back-totop .share-item-qq,
.back-totop .share-item-mobile,
.back-totop .share-item-commenting {
    background-color: #ef6c1a;
    color: #fff;
}

.back-totop a {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    margin-top: 10px;
    line-height: 50px;
    text-align: center;
    background-color: #e5e5e5;
    border-radius: 50%;
    color: #a7a7a7;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.back-totop a.to_bottom{cursor: pointer; background:rgba(0,0,0,0.5)}
.back-totop a.to_bottom:hover{ background:#ef6c1a; color:#fff}



.back-totop a.shoujixiansh {
    display: none;
}

@media (max-width: 768px) {
.mobilsous{ display:none;}
.yewu_title{ display:none}
.yewu_font{ display:none}
.padding-20{ padding:0 .08rem!important}
.guandian_li_all{ margin:.1rem}
.guandian_xian{ margin-top:.05rem}
.guandian_date{ font-size:.12rem}
.guandian_title{ font-size:.14rem; margin-top:.07rem}
.guandian_font{ font-size:.12rem;-webkit-line-clamp:2; height:auto; line-height:1.5;margin: .02rem 0 .05rem;}
.wrap_title{ font-size:.18rem; margin-top:.2rem;}
.small_font{ font-size:.12rem; margin-top:.06rem;}
.advantage_one{ width:.6rem; height:.6rem; margin-top:0}
.advantage_one img{ width:100%}
.advantage_three{ height:auto; line-height:1.5; font-size:.12rem;}
.guandian_more{ font-size:.14rem;}
    .back-totop {
        right: .1rem;
        bottom: .4rem
    }
    .back-totop a {
        width: .25rem;
        height: .25rem;
        margin-top: .05rem;
    }
    .xuanfuimg {
        width: .25rem;
    }
    .tel-slider {
        height: .25rem;
        line-height: .25rem;
        font-size: .14rem;
        right: .24rem;
    }
    .back-totop .share-item-mobile:hover .tel-slider {
        width: 1.2rem;
    }
    .back-totop a.shoujixiansh {
        display: block; background:#1aa5e8
    }
    .back-totop a.shoujixiansh111 {
        display: none
    }
}



/*底部*/
.footer{ background:#333333; padding:30px 0 0; overflow:hidden}
.footer_right_add_one{ line-height:0}
.footer_left{ float:left; width:48%; overflow:hidden;}
.footer_right{ overflow:hidden; position:relative; padding-left:8%}
.footer_left_ul{ overflow:hidden; float:left; width:14%;}
.footer_left_ul li{ line-height:17px; margin:13px 0;}
.footer_left_ul li a{ color:#999; font-size:12px; display:block}
.footer_left_ul li a:hover{ text-decoration:underline; color:#fff}
.footer_left_ul li:first-child{ margin:0}
.footer_left_ul li:first-child a{font-size:16px; color:#fff}
.footer_right_xian{ width:1px; height:100%; background:#444444; position:absolute; left:0; top:0;}
.footer_right_add{ width:auto; float:left; }
.qr_code{ float:right;background:#222; padding:4px; margin-top:20px; height:125px; }
.qr_code img{ vertical-align:top;}
.footer_right_add_one p{ font-size:12px; color:#999; line-height:1.5; margin:4px 0 10px}
.footer_right_add_two{ color:#999; font-size:12px;  line-height:28px;}
.erweimm{ border: 1px solid #ddd; margin:20px auto; display: block;}
.footer_logo{ display:table; margin:0 auto; padding:0 10px; line-height:0}
.footer_logo img{ width:100%}
.footer_copy{ font-size:12px; color:#666; margin:0 auto; display:table;padding:0 10px}
.mobile_footer{ overflow:hidden; background:#333333; display:none}




/*小程序开发css*/
.tongyong{ overflow:hidden;}
.tongyong img{ width:100%}
.youshi{ overflow:hidden; background:url(../images/bg.jpg); width:100%;    border-bottom: 1px solid #e9e9e9;}
.youshi_title{ color:#333333; font-size:36px; text-align:center; margin:45px 0 30px}
.youshi ul{ overflow:hidden; padding-bottom:40px }
.youshi li{ width:33.33%; float:left;  text-align:center; padding:20px 0; position:relative; line-height:0}

.youshi li img{ width:122px;}
.youshi_one{ font-size:20px; font-weight:bold; margin:25px 0 20px}
.youshi_two{ color:#666; font-size:14px; height:50px; line-height:24px; max-width:60%; margin:0 auto; font-family:Arial,"微软雅黑"}
.shihe{ overflow:hidden; background:#fff;}
.shihe_ul{ overflow:hidden; margin-bottom:60px }
.ie9s{ display:none; }
.ie9s li{ width:16.6%; margin-left:0.06%; float:left; line-height:0; margin-top:1px}
.ie9s li img{ width:100%}
.shihe_ul li{ width:25%; float:left; position:relative; overflow:hidden; margin-bottom:1px;cursor: pointer; line-height:0}
.shihe_ul li:after{ width:1px; height:100%; position:absolute; right:0; top:0; content:""; background:#fff}
.fangda{ width:100%;transition: all 0.6s;} 
.shihe_ul li:hover .fangda{ transform: scale(1.2);   }  

.shihe_ul_div{ position:absolute; width:100%; height:100%;   top:0; left:0; text-align:center;
		display: flex;      align-items: center;      justify-content: center;		-moz-transition: background-color .3s ease-in;
    -webkit-transition: background-color .3s ease-in;background:url(../images/ie8.png);}
.shihe_ul_font{ color:#fff; font-size:18px; margin:30px 0 10px;}
.shihe_ul li img.shihe_img{ width:70px;}

.xcx_font{ background:#fff; padding:16px;transition: background-color .3s ease-i;-moz-transition: background-color .3s ease-in;    -webkit-transition: background-color .3s ease-in; line-height:1.5}
.xcx_font_one{ font-size:20px; color:#333;text-overflow: ellipsis;
    white-space: nowrap; overflow:hidden}
.xcx_font_two{ font-size:14px; color:#666;text-overflow: ellipsis;
    white-space: nowrap; overflow:hidden}
		.f5f5f5{ overflow:hidden; background:#f5f5f5; padding-bottom:30px}
.anli li:hover .xcx_font{background:#fbfbfb; cursor:pointer; }
.mb20{ margin-bottom:20px}

/*=======解决方案--电商=======*/
.nav{ width:100%; background:#fff; border-bottom:1px solid #e0e0e0; line-height:0; height:60px;  text-align:center}
.nav a{ color:#333; font-size:16px; margin:0 33px; line-height:60px; display:inline-block; overflow:hidden}
.nav a.cur{color:#1796f7; border-bottom:2px solid #1796f7; display:inline-block; line-height:58px;}
.nav_green{ width:100%; background:#fff; border-bottom:1px solid #e0e0e0; height:60px; line-height:0; text-align:center}
.nav_green a{ color:#333; font-size:16px; margin:0 33px; line-height:60px; display:inline-block; overflow:hidden}
.nav_green a.cur{color:#01a360; border-bottom:2px solid #01a360; display:inline-block; line-height:58px;}
.dianshang1{ overflow:hidden; padding:60px 0; background:url(../images/dianshangbg.jpg);}
.dianshang1_center{ margin:0 auto; max-width:1200px; overflow:hidden;}
.dianshang1_title{ color:#333; font-size:36px; text-align:center; width:90%; margin:0 auto}
.dianshang1_bt{ font-size:18px; color:#666; text-align:center; width:80%; line-height:32px; margin:15px auto 0}
.dianshang1_img{ overflow:hidden; text-align:center; margin-top:50px;}
.dianshang1_img img{ width:100%}
.duotongdao{ background:#fff; overflow:hidden; padding:50px 0}

.tabbox{max-width:1200px;height:auto; margin:0 auto; overflow:hidden}
.tabbox .tab{overflow:hidden; text-align:center; margin-bottom:50px; line-height:0}
.tabbox .tab a{display:inline-block; width:160px; height:50px; line-height:50px; text-align:center; font-size:18px; border-radius:50px;text-decoration:none;color:#333; background:#fff; border:1px solid #999; margin:0 12px;}
.tabbox .tab a.on{background:#1796f7;color:#fff; border:1px solid #1796f7}
.tabbox .content{overflow:hidden;}
.tabbox .content li{display:none;}
.morezdd{overflow:hidden; padding:45px 0 35px; background:url(../images/dianshangbg.jpg);}
.tab_left{ float:left;    width: 55%;}
.tab_right{ overflow:hidden; width:510px; float:right}
.tab_right_one{ font-size:22px; color:#333;}
.tab_right_two{ font-size:16px; color:#333}
.tab_ul{ overflow:hidden}
.tab_ul dd{ float:left; width:280px; margin-top:30px; color:#1796f7; font-size:16px; line-height:30px;}
.tab_ul dd img{ width:26px; vertical-align:top; margin-top:5px; margin-right:6px}
.tab_ul dd.even{ width:150px;}
.tab_left img{ width:100%;}
.dsanli{ overflow:hidden; background:#fff;}
/*=======解决方案--智能硬件=======*/
.znyj{ overflow:hidden; background:#f6f6f6; padding:40px 0}
.width94{ max-width:94%;}
.changjing{ overflow:hidden; background:url(../images/lybg.png) repeat-y; background-size:100% 100%;}
.changjing_title{ color:#fff; text-align:center; font-size:36px; margin:30px 0}
.changjing_ul{ overflow:hidden; padding-bottom:30px;/*border-top:1px solid rgba(255,255,255,0.2); border-top:1px solid #34a6fe\9*/}
.changjing_ul li{ width:16.66%; float:left; /*border-bottom:1px solid rgba(255,255,255,0.2);border-bottom:1px solid #34a6fe\9;*/ position:relative; text-align:center; padding:30px 0; line-height:0}
.changjing_ul_font{ color:#fff; font-size:18px; text-align:center; margin:25px 0 10px;}
.changjing_ul li img{ width:56px;}
/*.changjing_ul li:after{ width:1px; background:rgba(255,255,255,0.15); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66FFFFFF,endColorstr=#66FFFFFF);  position:absolute; height:100%; right:0; top:0; content:""}*/
.gongneng{ overflow:hidden; background:#f6f6f6;}
.gongneng_title{ color:#333; font-size:36px; margin:30px auto; text-align:center; max-width:94%}
.gongneng_ul{overflow:hidden; padding:0 0 30px}
.gongneng_ul img{ width:56px;}
.gongneng_ul li{ width:16.66%; float:left;  position:relative; text-align:center; padding:20px 0; line-height:0}
.gongneng_ul_font{ color:#333; font-size:16px; text-align:center;margin: 25px 0 10px;}

.znanli{ background:#fff; overflow:hidden; position:relative; height:820px}
.znanli_scroll{ width:100%;overflow:scroll;position:absolute; padding-bottom:20px; }
.znanli_il{ width:1770px;  padding-left:90px; padding-right:50px ;  }
.znanli_il li{ margin-right:50px;  text-align:center; float:left}
.znanli_il_font{ color:#333; font-size:18px; margin-top:10px}
/*=======解决方案--充电桩APP=======*/
.qiankuanyc{ display:none;}
.jichu{ overflow:hidden; background:#fff;}
.jichu_title{ color:#222222; font-size:36px; margin:45px auto; text-align:center;max-width:94%}
.jichu_ul{ overflow:hidden;}
.jichu_ul li{ width:16.66%; float:left; position:relative; padding:0 0 50px;  text-align:center; line-height:0}
/*.jichu_ul li:after{ position:absolute; right:0; top:0; width:1px; height:100%; background:#ddd; content:""}*/
.jichu_ul_font{ color:#333;font-size:16px; margin:25px 0 10px;}
.teseone{ overflow:hidden; background:#f6f6f6; padding:0 20px}
.teseone_title{ color:#222222; font-size:36px; text-align:center; padding:40px 0 0;max-width:94%; margin:0 auto}
.teseone_div{ overflow:hidden;max-width:1340px; margin:0 auto;position:relative; padding:40px 0;}
.flex{ display:flex;   justify-content: space-between;}
.teseone_div_left{ float:left; text-align:center}
.teseone_div_right{float:right; height:100%}
.teseone_div_right_one{ color:#222; font-size:36px; text-align:right}

.teseone_div_right_two{ text-align:right; font-size:20px; color:#222; line-height:40px; margin-top:25px;}
.teseone_div_right_oness{ text-align:left}
.tesetwo{ background:#fff; overflow:hidden; padding:0 20px}
.tesetwo_left{ float:left;}
.tesetwo_left_one{ text-align:left;color:#222; font-size:36px;}
.tesetwo_left_two{text-align:left; font-size:20px; color:#222; line-height:40px; margin-top:25px;}
.tesetwo_right{ float:right;}
.gongne{ overflow:hidden; background:#f6f6f6}
.gongne_title{ color:#222222; font-size:36px; text-align:center; margin:40px auto;max-width:94%}
.gongne_ul{ overflow:hidden; text-align:center;}
.gongne_ul li{ width:14.28%; float:left; line-height:0; position:relative; padding:0 0 30px;}

.gongne_ul_font{ font-size:16px; color:#666; margin:25px 0 10px}
.gongne_img{ margin:20px auto 40px; max-width:1580px}
.gongne_img img{ width:100%;}
.gongtwo{ overflow:hidden; background:#fff;}
.als{ overflow:hidden; width:100%;}
.fenye,.fyblue{ overflow:hidden; text-align:center; margin-bottom:50px; margin-top:40px; line-height:0}
.fenye a,.fyblue a{ color:#555; height:40px; line-height:40px; text-align:center}
.fenye a:hover{    background: #01a360; border: 1px solid #01a360; color:#fff}
.fyblue a:hover{background: #0a96e7; border: 1px solid #0a96e7; color:#fff}
.fen_a{ width:42px; height:40px; border:1px solid #ccc; background:#fff; color:#555; display:inline-block; font-size:17px; margin:0 10px; }
.fenye a.fenye_hover{ background:#01a360; border:1px solid #01a360; color:#fff;}
.fenye a.fenye_hover2{ background:#0a96e7; border:1px solid #0a96e7; color:#fff;}
.e1{ overflow:hidden; width:100%;}
.e1 img{ width:100%}
.fenfen{ width:640px; margin:40px auto; overflow:hidden;}
.fenfen_witer{ background:#fff; overflow:hidden; }
.fenfen a{color:#666; font-size:20px; line-height:50px;display: inherit; height:50px;}
.fenfen_left{ float:left; width:180px;  height:50px; line-height:50px; border:1px solid #ddd; border-radius:50px; text-align:center; cursor:pointer}
.fenfen img{  width:27px; vertical-align:top; margin-top:16px; margin-right:8px}
.fenfen>div:hover{ background:#01a360;  color:#fff;border:1px solid #01a360;}
.fenfen>div:hover a{ color:#fff;}
.fenfen_center{ width:190px;float:left; height:50px; line-height:50px; border:1px solid #ddd; border-radius:50px; text-align:center; cursor:pointer; margin:0 38px}
.fenfen_right{ float:right; width:180px;  height:50px; line-height:50px; border:1px solid #ddd; border-radius:50px; text-align:center; cursor:pointer}
.fenfen_right img{margin-left:8px; margin-right:0}
/*=======关于翔汇=======*/
.newlgos{ width:121px; height:75px; margin-right:20px;  margin-top:5px; text-align:left; float:left}

.duozi{width:100%; height:auto; background:#fff; color:#666666; font-size:14px; padding-bottom:50px; overflow:hidden}
.gais{max-width:1200px; height:auto; margin:0 auto; line-height:29px; margin-top:35px; padding:0 20px}
.fanwei{width:100%; height:28px; font-size:22px; color:#ec6b1a; margin-top:30px}
.ganga{width:28px; height:2px; background:#ec6b1a;  line-height:0; margin-top:20px}
.kao{width:100%; height:auto; margin-top:20px}
.kao span{color:#ec6b1a;}

.f4{background:#f4f4f4; width:100%; height:auto; padding-bottom:50px}
.shixian{max-width:1200px; height:auto; margin:0 auto; overflow:hidden; padding:0 20px}
.zixian{max-width:1200px; height:50px; border-bottom:1px solid #e4e4e4; position:relative; margin:0 auto; margin-top:30px}
.fule span{height:40px; display:inline-block; background:#f4f4f4; font-size:33px; color:#333333; padding:0 8px}
.fule span.biase{ background:#fff;}
.fule{width:100%;height:40px; margin:0 auto;font-size:33px; text-align:center; line-height:37px; color:#333333; position:absolute; bottom:-18px;}
.tiong{border-radius:6px; color:#fff; text-align:center; overflow:hidden; float:left;overflow:hidden; float:left; margin-left:2.6%;width:12%; height:auto; }
.fana{max-width:1200px; margin:0 auto; margin-top:53px; overflow:hidden;}
.fangkuai{ background:#27bd8f; }
.fangkuai1{ background:#87bf1a; }
.fangkuai2{ background:#e59b0d; }
.fangkuai3{ background:#4f7ae7; }
.fangkuai4{background:#7b55d2; }
.fangkuai5{ background:#08b1db;}
.fangkuai6{ background:#30b540; }
.limian{width:100%; height:auto;  font-family:"Arial";}
.tiong:nth-child(1){ margin-left:0;}

.footer_right_add_two img{ margin-right:10px; vertical-align:top; margin-top:1px; width: auto;}
.footer_right_add_one img{ width: auto; }
.limiant{ overflow:hidden;line-height:0}
.limiant img{ vertical-align:top; margin-top:21px;}
.youshi_titlexcx{    color: #333333;
    font-size: 36px;
    text-align: center;
    margin: 45px 0 17px;}
.fangmian{max-width:1200px; height:auto; margin:0 auto; font-size:13px; color:#666666; line-height:30px; margin-top:42px}
.fangmian span{color:#000}
.xiugai{ font-family:"Arial"; font-size:18px;line-height:1.5; margin:10px 0 20px}

.tiana{width:100%; height:auto; background:#fff; padding-bottom:80px; overflow:hidden}
.lei{max-width:1200px; height:auto; margin:0 auto; overflow:hidden;padding:0 20px}
  .zizziz{background:#f56308;color:#fff; border:1px solid #f56308; margin:20px auto 0; border-radius:.2rem;padding: .06rem 0; width: 1rem; text-align: center;
    margin: .15rem auto .2rem;
    font-size: .14rem; display:block; }
	.zizziz{ display:none; }

.fule1 span{height:40px; display:inline-block; background:#fff; font-size:33px; color:#333333; padding:0 8px}
.fule1{max-width:1200px;height:40px; margin:0 auto;font-size:33px; text-align:center; line-height:37px; color:#333333; position:absolute; bottom:-20px; }
.zizi{width:60%; height:auto; font-size:14px; color:#666666; line-height:25px; margin-top:50px; float:left}
.zizi span{color:#ec6b1a}
.koko{width:31%; height:370px; float:right; margin-top:50px; margin-left:8%}
.koko img{ width:100%}

.lian{max-width:1200px; height: auto; overflow:hidden; padding-bottom:20px}
.jiayou{width:43%; height:70px; border-bottom:1px dashed #d8d8d8; float:left;margin-top:20px}
.dianhua{width:44px; height:53px; float:left; margin-right:20px;}
.dianhua img{ width:100%}
.haoma{width:auto; height:auto; float:left; color:#999999; font-size:16px; line-height:28px}
.haoma span{font-size:22px; color:#666666; font-family:"Arial";}
.jiayou1{width:48%; height:70px; border-bottom:1px dashed #d8d8d8; float:left; margin-left:9%; margin-top:20px}

.haoma1{width:auto; color:#999999; font-size:16px; line-height:28px;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.haoma1 span{font-size:22px; color:#666666; font-family:Arial,"微软雅黑";  }

.ditu{max-width:1200px; margin-top:30px}
.ditu_moblie{ display:none}
.ditu img{ width:100%}
.jinkuai{max-width:1200px; height:auto; margin:0 auto; padding-bottom:80px; overflow:hidden}
.cui1{max-width:1200px; border:1px dashed #ddd; margin:0 auto; margin-top:58px; border-right:none;overflow:hidden}

.hahe{width:16.667%;  border-bottom:1px dashed #ddd; float:left; position:relative; line-height:0}
.hahe:after{ width:1px; background:#fff; border-right:1px dashed #ddd; content:""; position:absolute; right:0; top:0; height:100%}
.hahe img{  width:100%;}

/*====================翔汇观点=======================*/
.zhonga{width:100%; overflow:hidden; background:#f4f4f4;}
.xuanka{width:100%; height: auto; padding-top:30px; margin:0 auto; overflow:hidden;}
.xiangka{margin:0 auto; background:#fff;   width:100%; text-align:center; line-height:0}

.xiangka a{color:#333;font-size:16px; margin:0 25px; overflow:hidden }
/*.xiangka a:hover{ color:#1796f7}*/
.xiangka a.hover{color:#1796f7; border-bottom:2px solid #1796f7; padding-bottom:9px; line-height:50px; cursor:pointer}
.guandianal{ overflow:hidden;margin:0 auto; position:relative; max-width:1200px; padding:0 20px 20px;}
.guandianal_right{ float:right; width:254px; margin-left:46px; margin-top:40px}
.guandianal_left{ max-width:900px; margin-right:300px; position:relative; margin-top:40px;}
.xunhh{ overflow:hidden; width:100%; position:relative;}
.xunhh_img{ width:350px; float:left; margin-right:20px; line-height:0}
.xunhh_img img{ width:100%;}
.xunhh_right{ overflow:hidden; position:absolute; top:0; left:370px; max-height:204px;}
.xunhh_right_one{ font-size:22px; color:#333}
.xunhh_right_two{ font-size:14px; color:#666; margin:5px 0}
.xunhh_right_three{ font-size:14px; color:#666; line-height:23px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;}
.new-left-right,.block-list{    margin-bottom: 20px; overflow:hidden;}
.block-list dt{ margin-bottom:10px; width:100%; clear:both; line-height:0}
.block-list dd{    font-size: 14px; color: #666; display: inline-block; float:left; padding: 2px 5px; border: solid 1px #dadada;  margin: 0 10px 10px 0;
    -webkit-transition: all 0.5s;    transition: all 0.5s;}
.block-list dd:hover{ background:#0a96e7; border:1px solid #0a96e7; color:#fff}
.block-list dd:hover a{ color:#fff}
.block-list dd a {
    color: #6c6c6c;
}
.new-left-right span,.block-list dt span {
    padding-right: 2px;
    font-size: 16px;
    color: #0a96e7;
    display: inline-block;
    height: 31px;
    line-height: 31px;
    border-bottom: solid 2px #0a96e7;
}
.new-left-right dd{font-size: 14px;
    color: #5c5c5c;
    display: block;
    line-height: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.new-left-right a{    color: #6c6c6c;}
.new-left-right a:hover{ color:#0a96e7}
.new-left-right dt{ margin-bottom:10px; width:100%; clear:both; line-height:0}

/*.bottom:hover{background:#0091e5}
.bottom:hover>div{color:#fff}*/
.tople{width:100%; position:relative;}
.tople img{width:100%; position:relative;}
.bottom{width:100%; height:130px; background:#fff; overflow:hidden}
.bott{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;margin:0 auto;width:100%; height:22px; text-align:left; font-size:18px; color:#333333; margin-top:15px;width:90%}
.erlang{overflow: hidden; width:90%;margin:0 auto; height:66px; font-size:12px; color:#999; margin-top:6px; text-align:center; line-height:23px; text-align:left}
.lefttop{width:70px; height:70px; background:rgba(0,0,0,.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);  font-family:"Arial"; color:#FFF; text-align:center;  position:absolute; top:0; left:0; border-bottom:1px solid rgba(255,255,255,.2); border-right:1px solid rgba(255,255,255,.2);}
.lefttop_one{ font-size:36px;line-height:50px;}
.lefttop_two{font-size:12px;font-family:"Arial"; line-height:1.5 }


.wcld { width:350px;  height:36px; display: block;  overflow: hidden; margin: 30px auto 20px;  position: relative;}
.xq2{ width:100%; background:#fff; overflow:hidden;}
.wcldxian {  width: 100%;  height: 1px;  border-top: 1px solid #ddd;  margin-top: 15px;  text-align: center;}
.wcldwz {  width: auto;  height: 35px;  line-height: 35px;  color: #333;  font-size: 12px;  overflow: hidden;    text-align: center;    margin-top: -20px;
}
.wcldwz span {  width: auto;  height: 35px;  line-height: 35px;  color: #000;  font-size: 30px;  overflow: hidden;  background: #fff;    padding: 0 10px;}
.xq2_font{ max-width:1200px; margin:0 auto 20px; overflow:hidden; color:#333; font-size:14px; line-height:32px; }
.anlianv{ display:none; height:.4rem; background:#fff;}
.anlianv li.swiper-slide{ width:auto; height:.4rem;line-height:.4rem;text-align:center; display:block}
.anlianv li a{ font-size:.14rem; color:#666;height:100%;line-height:.4rem; margin:0 .1rem; display: inline-block;vertical-align: top}
.anlianv li.hov a{color: #01a360;  position:relative}
.anlianv li.hov a:after{ width:100%; bottom:0; left:0; background:#01a360; content:'';position: absolute; height: .03rem;}
.anlianv li.hov2 a{    color: #1796f7;
    border-bottom: .02rem solid #1796f7;
    padding-bottom: .04rem;
    line-height: .28rem;
    height: .28rem;
    display: inherit;
    margin-top: .06rem;}
/*移动开发*/
.yidong{width:100%; height:auto; background:#f8f8f8; border-bottom:1px solid #e0e0e0; overflow:hidden;}
.kaifa{height:129px; max-width:1200px; margin:0 auto;  font-size:36px; text-align:center; line-height:135px; position:relative; font-family:"ruenzhi","微软雅黑";}
.xingmu{ width:42%; margin:0 auto}
.women1{width: 100%;height: 25px;position: absolute;left: 0px;top:116px; font-family:Arial,"微软雅黑";}
.women{width: auto; height:20px;font-size:14px; text-align:center; line-height:25px; color:#999999; margin:0 auto}
.women span{background:#f8f8f8; height:20px; margin:0 auto; display:inline-block; padding:0 5px; text-align:center}
.xiu{ max-width:1200px;margin:0 auto; margin-top:48px; overflow:hidden;}
.tiam{width:23%; padding:0 1%; height:auto;border-top:2px solid #f8f8f8; float:left}
.tiam:hover{cursor:pointer; background:#FFF; border-top:2px solid #7bb902;}
.tubiao{ width:100%; text-align:center; padding-top:49px; line-height:0}
.zii{width:100%; padding-bottom:20px; font-family:"Arial"; font-size:12px; text-align:center; line-height:25px; color:#666666; margin-top:20px}
.zii span{display:block;font-family:Arial,"微软雅黑"; font-size:20px; line-height:20px; height:20px; width:auto; color:#000;}
.zii77{margin-top:-12px; display:block;font-family:Arial,"微软雅黑";}
.wocao{width:100%; height:auto; overflow:hidden; background:#fff; border-bottom:1px solid #e0e0e0; padding-bottom:40px;}
.kaifa2{height:129px; max-width:1200px; margin:0 auto; border-bottom:1px solid #e3e3e3; font-size:50px; text-align:center; line-height:165px; position:relative;font-family:"ruenzhi","微软雅黑";
}
.women12{width: 100%;height: 25px;text-align:center;position: absolute;left: 0px;top:116px;}
.women2{width: auto; height:20px;font-size:14px; text-align:center; line-height:25px; color:#999999; margin:0 auto;font-family:Arial,"微软雅黑";}
.women2 span{background:#fff; height:20px; margin:0 auto; display:inline-block; text-align:center;padding:0 5px;}
.xiu2{height:353px; width:1200px;margin:0 auto; margin-top:50px;}
.tiam2{width:298px; height:353px; float:left;}
.tiam2:hover{cursor:pointer; background:#FFF; border-left:1px solid #efefef; border-right:1px solid #efefef; border-top:2px solid #7bb902;}

.zii2{width:100%; height:111px; font-family:"Arial"; font-size:12px; text-align:center; line-height:25px; color:#666666; margin-top:25px}
.zii2 span{display:block;font-family:"Arial"; font-size:20px; line-height:0px}
.zii2 font{margin-top:-7px; display:block}
.gg{height:auto; max-width:1200px; margin:0 auto; margin-top:55px; overflow:hidden}
.ff{width:21%; height:auto; float:left; margin:0 2%}
.yier{width:121px; height:121px; margin:0 auto;  border-radius:8px;}
.ren{width:100%; height:52px; text-align:center; padding-top:23px; line-height:0}
.juedui{width:100%; height:26px; text-align:center; color:#FFF; font-size:22px;}
.zio{width:100%; height:108px; color:#333333; font-size:14px; text-align:center; line-height:32px; margin-top:8px}
.ios{width:100%; height: auto; background:#f3faf9; overflow:hidden}
.jhll{width:55%; height:auto; margin-top:70px; float:left; padding-bottom:20px;}
.ggg{width:auto; height:auto; font-family:Arial,"微软雅黑"; font-size:40px;}
.ggg span{color:#009f87; font-size:45px}
.tyi{font-size:14px; color:#555555; line-height:30px; margin-top:28px}
.ga{width:100%; height:2px; margin-top:25px;}
.vivo{width:90%; color:#555555; font-size:14px; margin-top:12px}
.vivo span{font-weight:bold; color:#009f87}
.vivo1{width:100%;color:#555555; font-size:14px; margin-top:25px}
.vivo1 span{font-weight:bold; color:#009f87}
.left{width:40%; height:auto; float: right; margin-top:80px; }
.left img{ width:100%}
.nian{max-width:1200px; height: auto; margin:0 auto; overflow:hidden; padding:0 40px;}
.nian5{max-width:1200px; height: auto; margin:50px auto; overflow:hidden;padding:0 30px; position:relative}
.an{width:100%; height:auto; background:#fff; overflow:hidden}
.jhll2{width: 60%; height:auto; margin-top:70px;float:left}
.ggg2{width: auto; height:auto; font-family:Arial,"微软雅黑"; font-size:40px;}
.ggg2 span{color:#009f87; font-size:45px}
.tyi2{width: auto; height:auto; font-size:14px; color:#555555; line-height:30px}
.ga2{width:100%; height:2px; margin-top:25px;}
.vivo2{width:100%; height:auto; color:#555555; font-size:14px; margin-top:12px}
.vivo2 span{font-weight:bold; color:#009f87}
.vivo12{width:100%; height:auto; color:#555555; font-size:14px; margin-top:25px}
.vivo12 span{font-weight:bold; color:#009f87}
.left2{width:40%; height:auto; float:left; margin-top:90px; }
.left2 img{ width:90%}
.wei{width:100%; height:auto; background:#f3faf9; overflow:hidden}
.jhll21{width:604px; height: auto; margin-top:90px; margin-left:8px; float:left}
.ggg21{width:228px; height:44px; font-family:Arial,"微软雅黑"; font-size:40px;}
.ggg21 span{color:#009f87; font-size:45px}
.tyi21{width:601px; height: auto; font-size:14px; color:#555555; line-height:30px; margin-top:28px}
.ga21{width:100%; height:2px; margin-top:25px; line-height:0}
.vivo21{width:100%; height:auto; color:#555555; font-size:14px; margin-top:12px}
.vivo21 span{font-weight:bold; color:#009f87}
.vivo121{width:100%; height:20px; color:#555555; font-size:14px; margin-top:25px}
.vivo121 span{font-weight:bold; color:#009f87}
.shou{width:100%; height: auto; background:#fff; overflow:hidden}
.jhll24{width: 530px; height: auto; margin-top:100px; margin-left:56px;float:left}
.ggg24{width: auto; height:auto; font-family:Arial,"微软雅黑"; font-size:40px;}
.ggg24 span{color:#009f87; font-size:45px}
.tyi24{width: auto; height: auto; font-size:14px; color:#555555; line-height:30px; }
.ga24{width:100%; height:2px; margin-top:25px;}
.vivo24{width:100%; height:auto; color:#555555; font-size:14px; margin-top:12px;}
.vivo24 span{color:#009f87}
.vivo124{width:100%; height:auto; color:#555555; font-size:20px; margin-top:25px; font-weight:bold}
.vivo124 span{font-weight:bold; color:#009f87}
.anliss{ padding:0 10px; height:auto; overflow:hidden; background:#eaf4f1; padding-bottom:40px;}
.kaifa25{height:auto; max-width:1200px; margin:0 auto; border-bottom:1px solid #e3e3e3; font-size:50px; text-align:center; line-height:165px; position:relative;font-family:"ruenzhi","微软雅黑";}

.women125{width: 100%;height: 25px;position: absolute;left: 0px;top:116px; font-family:Arial,"微软雅黑";}
.women25{width: auto; height:20px;font-size:14px; text-align:center; line-height:25px; color:#6d7270; margin:0 auto;font-family:Arial,"微软雅黑";}
.women25 span{background:#eaf4f1; height:20px; margin:0 auto; display:inline-block; text-align:center;padding:0 5px;}
.anlil{max-width:1200px; height:auto; margin:0 auto; overflow:hidden}
.anlil img{ width:100%}
.anlil ul li{width:33.33%; height:auto; float:left; margin-top:30px;}

.oiiu{margin:0 auto; margin-top:42px; text-align:center; overflow:hidden}
.oiiu a{display:block;width:212px; height:62px; line-height:60px; margin:0 auto; background:#FFF; border:1px solid #c4d7d1; border-radius:8px; color:#269c89; font-size:22px}
.oiiu a:hover{background:#01b89d; border:1px solid #01b89d; border-radius:8px; color:#fff;}
.fuwu{ padding:0 10px; height:auto; background:#fff; overflow:hidden; padding-bottom:40px;}
.kaifa26{height:129px; max-width:1200px; margin:0 auto; border-bottom:1px solid #e3e3e3; font-size:50px; text-align:center; line-height:165px; position:relative;font-family:"ruenzhi","微软雅黑";}
.women126{width: 100%;height: 25px;text-align:center;position: absolute;left: 0px;top:116px;}
.women26{width: auto; height:20px;font-size:14px; text-align:center; line-height:25px; color:#999999; margin:0 auto;font-family:Arial,"微软雅黑";}
.women26 span{background:#fff; height:20px; margin:0 auto; display:inline-block; text-align:center;padding:0 5px;}
.liuliu{max-width:1380px; height:auto; overflow:hidden; margin:0 auto; margin-top:50px;}
.liuliu ul li{float:left; width:12.5%;text-align:center; line-height:0}
.liuliu li img{ width:58%}
.liuliu ul li span{display:block; font-size:16px; color:#333; margin:20px 0 8px}
.liuliu ul li:first-child{ margin-left:0}
.bc1{ background:#27bd8f}
.bc2{ background:#0a93cc}
.bc3{ background:#86b604}
.bc4{ background:#00b9d9}

.pt20{ padding-bottom:20px;}
.pore{ position:relative}
.poab{ position:absolute; right:40px; bottom:0}

/*修修修*/
.sonav{ width:100%; background:#fff; border-bottom:1px solid #e0e0e0;height:60px; line-height:0; text-align:center}
.sonav a{ color:#333; font-size:16px; margin:0 33px; line-height:60px; overflow:hidden;display:inline-block;}
.sonav a.cur{color:#1796f7; border-bottom:2px solid #1796f7;  line-height:58px;}
.noju{ width:100%; text-align:center; margin-top:20%}
.wid50{ width:50%}
.mobilnei_banner{ display:none}

/*翔汇观点*/
.bcwhite{ background:#FFF}
.aboutbittle{ font-size:32px; color:#333; line-height:40px;}
.aboutzuozhe{ font-size:14px; color:#999; margin:5px 0 10px;}
.newfont{  font-size:14px; color:#333; line-height:28px; overflow:hidden}
.newfont img{ width:auto; margin:30px 0}
.fenxoamngs{ overflow:hidden}
.fenxoamngs img{ width:40px; margin-right:30px; float:left;}
.shangxia{ overflow:hidden; height:50px; line-height:50px; border-top:1px solid #ddd; font-size:14px; color:#666}
.shangxia a{ color:#666; font-size:14px;}
.shangxia_left{ float:left; width:49%; text-align:left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.shangxia_right{ float:right; width:49%; text-align:right;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

/*网站建设*/
.yidong1{width:100%; height:auto; background:#f8f8f8; border-bottom:1px solid #e0e0e0; overflow:hidden;}
.xiu1{height:auto; max-width:1200px;margin:0 auto; overflow:hidden}
.tiam1{ height:auto; float:left; position:relative;}
.tiamss:hover{cursor:pointer; background:#FFF; color:#0fa768}
.tiamss:hover li{color:#0fa768}
.tiamss:hover span{color:#0fa768}
.tiamss:hover ul>div{background:#0fa768}
.tiam1:hover div.tubiao2{background:url(../images/asda.png) no-repeat; background-position:center bottom;}
.tiam7{   float:left}

.tiam7:hover div.tubiao3{background:url(../images/afafaf.png) no-repeat; background-position:center bottom;}
.tiam22{ float:left}
.tiam22:hover div.tubiao4{background:url(../images/ad.png) no-repeat; background-position:center bottom;}
.tiam8{float:left}

.tiam8:hover div.tubiao5{background:url(../images/aadga.png) no-repeat; background-position:center bottom;}
.tiamss{width:23%; padding:0 1% 20px; height:auto; float:left; position:relative;}
.tubiao2{height:121px; width:100%; text-align:center; background:url(../images/sdfgsg.png) no-repeat; background-position:center bottom;}
.tubiao3{height:121px; width:100%; text-align:center; background:url(../images/ada.png) no-repeat; background-position:center bottom;}
.tubiao4{height:121px; width:100%; text-align:center; background:url(../images/sdf.png) no-repeat; background-position:center bottom;}
.tubiao5{height:121px; width:100%; text-align:center;background:url(../images/faaaaw.png) no-repeat; background-position:center bottom;}
.zii1{width:100%; height:20px; font-family:Arial,"微软雅黑"; font-size:20px; text-align:center; color:#333333; margin-top:15px; display:block}
.gay{width:29px; height:2px; background:#666666; margin:24px auto 12px}
.zhen{width:100%; height:auto; font-size:14px; color:#888888; text-align:center; line-height:1.5; display:block}
.pin{width:100%;background:url(../images/2016-03-24_144441.png); overflow:hidden}
.pai{width:58%; float:left;}
.wang{width: auto; height:auto; font-family:"微软雅黑"; font-size:40px; color:#FFF; overflow:hidden;}
.wang i{font-style:normal;margin-top:22px; display:block; float:left; margin-left:10px}
.wang span{display:block; font-size:85px; font-size:50px\9; font-family:"Agency FB",Arial; line-height:85px; line-height:100px\9; float:left; margin-left:-3px}
.ie11 .wang span{font-size:50px;line-height:100px;}
.tyi5{width:94%; font-size:15px; color:#fff; line-height:1.5; }
.ga{width:100%; height:2px; margin-top:25px;}
.vivo9{width:100%; height: auto; color:#fff; font-size:15px; margin-top:25px; line-height:28px}
.nanaa{width:40%;  margin-top:30px; position:absolute; bottom:0; right:20px}
.nanaa img{ width:100%}
.gay1{width:29px; height:2px; background:#fff; margin:20px 0 15px}
.dianzi{width:100%; height: auto; background:url(../images/2016-03-24_144509.png) repeat; overflow:hidden}
.pai1{width:60%; height: auto; float:left; }
.wang1{width: auto; height:auto; overflow:hidden; font-family:"微软雅黑"; font-size:40px; color:#019e45; text-align: right; }
.wang1 i{font-style:normal;display:block; float: right; margin-top:26px;}
.wang1 span{display:block; float:right;font-size:85px; color:#019e45; font-size:50px\9; font-family:"Agency FB",Arial; line-height:86px;  line-height:115px\9;margin-left:10px}
.ie11 .wang1 span{font-size:50px; line-height:115px;}
.tyi51{    max-width: 90%;height: auto; font-size:15px; color:#555555; line-height:30px; margin-top:15px; float:right;}
.ga1{width:100%; height:2px; margin-top:25px;}
.nanaa1{width:40%; height: auto; float: left; margin-top:60px;line-height:0}
.nanaa1 img{ width:100%}
.gay11{width:29px; height:2px; background:#019e45; margin:15px 0  10px 570px; float:right; line-height:0}
.wenhu{width:100%; height: auto; background:url(../images/2016-03-24_144441.png); overflow:hidden}
.pai8{width:554px; height: auto; float:left; margin-left:8px}
.wang8{width: auto; height:86px; font-family:"微软雅黑"; font-size:40px; color:#FFF}
.wang8 i{font-style: normal;display:block; float:left; margin-top:26px;margin-left:10px}
.wang8 span{display:block; float:left;font-size:85px; color:#fff; font-size:50px\9; font-family:"Agency FB",Arial;  line-height:86px;line-height:110px\9;}
.ie11 .wang8 span{font-size:50px;line-height:110px;}
.tyi58{width:542px; height: auto; font-size:15px; color:#fff; line-height:28px; margin-top:15px}
.ga8{width:100%; height:2px; margin-top:25px;}
.nanaa8{width:530px; height: auto; float: left; margin-top:60px; margin-left:70px}
.gay18{width:29px; height:2px; background:#fff; margin-top:17px}
.h5{width:100%; height: auto; background:url(../images/2016-03-24_144509.png) repeat; overflow:hidden}
.pai19{width:604px; height: auto; float:left; margin-left:66px}
.wang19{width: auto; height:86px; font-family:"微软雅黑"; font-size:40px; color:#019e45; text-align: right; line-height:30px}
.wang19 i{font-style:normal;display:block; line-height:40px;float: right; margin-top:33px;}
.wang19 span{display:block; float:right;font-size:85px; color:#019e45; font-size:50px\9; font-family:"Agency FB",Arial; line-height:86px; line-height:110px\9;margin-left:10px}
.ie11 .wang19 span{font-size:50px;line-height:110px;}
.tyi519{width:590px; height: auto; font-size:15px; color:#555555; line-height:30px; margin-top:15px; margin-left:8px}
.ga19{width:100%; height:2px; margin-top:25px;}
.nanaa19{width:530px; height: auto; float: left; margin-top:60px; margin-left:0px}
.gay119{width:29px; height:2px; background:#019e45; margin-top:17px; margin-left:570px}
.xuanfzi{width:100%; height: auto; position:absolute; top:35%;}
.xuan{width: 1000px; height: auto; margin:0 auto}
.xuan ul li{font-size:16px; float:left; color:#FFF; width:320px; text-align:center}
.xuan ul li span{font-family:"Agency FB",Arial; font-size:100px; display:block; width:320px; height:100px}
.xuan ul li span i{font-style:normal;font-size:50px; position:absolute; width:30px; height:50px; margin-top:-3px;}
.jingguo{width:100%; height:149px; text-align:center; border-bottom:1px solid #e0e0e0; background:#f8f8f8;}
.fenxoamngs_div{ float:left;cursor:pointer} 
.mas{display:none; width:220px; height:250px; border:1px solid #ddd; padding:10px; background:#fff; position:absolute; left:0; bottom:60px}
.fenxoamngs .fenxoamngs_div:hover .mas{ display:block; cursor:pointer}
.mas_one{ font-size:12px;color:#000; text-align:center;}
.fenxoamngs img.timg{ width:180px; display:block; margin:0 auto; float:none}
.mas_fonts{ font-size:12px; color:#666; text-align:center; line-height:1.5}
.mt10s{ margin-top:15px}
@media (min-width:721px) {
    html { font-size: 937.5%;}
}
@media (max-width:1080px) {
    html { font-size: 1500%;}
}
@media (min-width:541px) and (max-width:720px){
    html { font-size: 1200%;}
}
@media (min-width:481px) and (max-width:540px){
    html { font-size: 1000%;}
}
@media (min-width:361px) and (max-width:480px){
    html { font-size: 938%;}
}
@media screen and (-webkit-min-device-pixel-ratio: 3) and (max-width:414px){
    html { font-size: 808%;}
}
@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width:375px){
    html { font-size: 732%;}
}

@media screen and (-webkit-min-device-pixel-ratio: 3) and (max-width:736px) and (orientation : landscape) { /*　　这是匹配ip6plus横屏的状态，横屏时的css代码　　*/
	html {font-size: 808%;}
} 

@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width:568px) and (orientation : landscape) { /*　　这是匹配ip5横屏的状态，横屏时的css代码　　*/
	html {font-size: 625%;}
} 

@media (min-width:321px) and (max-width:360px){
    html { font-size: 625%;}
}
@media (max-width:320px){
    html { font-size: 625%;}
}




@media (min-width:769px) and (max-width:1920px){
	
	.logo{ width:216px; height:38px; background:url(../images/pclogo.png) no-repeat; background-size:100%;overflow:hidden; margin:10px 0 10px 20px; float:left}
}
@media (max-width:1700px){

.project_div_title{ font-size:16px}
.youshi li img{ width:110px;}
.znanli_il{ overflow:hidden}
}
@media (max-width:1600px){
	.gongne_img{ width:98%; text-align:center}
	}
@media (max-width:1400px){
.in_cion{width:60px}
.project_div_font{ font-size:12px}
.shihe_ul li{ width:33.33%}
.shihe_ul li img.shihe_img{ width:50px}
} 

@media (max-width:1360px){
	
	.in_cion{width:50px}
	
	}
	@media (min-width:1200px) and (max-width:1440px){
		
		.project_div_title{ font-size:14px}
		}
@media (max-width:1280px){
	.dianshang1_img img{ width:90%;}
	
	}
	
@media (max-width:1200px){
	.anli2 li{width:30%; margin: 28px 1.6% 0;}
	
	.tab_left{ width:50%}
	.changjing_ul li{ width:20%}
	.gongneng_ul li{ width:25%}
	.xq2_font{ padding:0 20px}
	
	
}	


@media (max-width:1000px){
	.tab_left{ width:45%}
	.pcnav li a{ font-size:14px; margin:0 10px}
	.pcnav2 li a{ font-size:14px; margin:0 10px}
	.jichu_ul li{ width:33.33%;}
	.gongne_ul li{ width:25%}

	}
	@media (min-width:960px) and (max-width:1100px)
{
	.tab_left{ width:40%}
	}
	@media (min-width:769px) and (max-width:960px)
{
	.tab_left{ width:36%}
	.hahe{ width:33.33%}
	}
	@media (max-width:960px){

.guandianal_right{ display:none}
	.guandianal_left{ max-width:100%; width:94%; margin-left:3%}
	}

	

@media (min-width:769px) and (max-width:1024px){
	.liuliu ul li span{ font-size:14px}
	.four_li li:nth-child(4){ display:block}
.in_cion{ width:84px;}
.project_div_title{ font-size:16px;}
.project_div_font{ font-size:12px; height:auto;max-width:80%; margin:0 auto 5px}
.jiantou{ width:50px; height:22px;}
.project li{ width:47%; margin:15px 1.5%}
.advantage li{ width:47%;margin:40px 1.5% 0; }
.guandian_li{ width:47%; margin:30px 1.5% 0}
.guandian_li:first-child{ width:97%}
.guandian_li_left{ width:48.5%}
.project_div_title{ margin-top:20px}
.index_title{ font-size:24px}
.anli2 li{width:47%; margin:28px 1.5% 0}
.anli3 li{ width:48%; margin-left:2%; margin-top:20px;}

.youshi li{ padding:30px 0}
.youshi li img {
    width: 100px;
}
.youshi_two{ max-width:80%; font-size:12px; }
.youshi_one{ font-size:18px}
.footer_left_ul{ width:25%;}
.footer_right{ padding:0; width:100%; padding-top:20px}
.footer_right_xian{ display:none}
.kehu_ul li{ width:20%}
.kehu_ul li:last-child{ display:none}
}

@media (max-width:768px){
	.youshi ul{ padding-bottom:.2rem	}
	.gongne_img{ margin:.1rem 0 .2rem}
	.four_li li:nth-child(4){ display:block}
	.f5f5f5{ padding-bottom:0}
	.anli{ margin-top:.1rem;}
	.project{ margin-top:.1rem; margin-bottom:.1rem}
	.advantage_two{ font-size:.14rem; line-height:1.5}
	.guandian{ padding-top:0}
	.advantage{ padding-bottom:.2rem;}
	.advantage li {
    width: 47%;
    margin: .2rem 1.5% 0;
}
	.guandian_li {
    width: 47%;
    margin: .15rem 1.5% 0;
}
.guandian_li:first-child {
    width: 97%;
}
	.top_wid1380 {max-width:100%; display:initial}
	.yijcag{ display: none; }
	.zizziz{ display: block; }
	.logo{width:.9rem; height:.21rem; background:url(../images/logo1.png) no-repeat; background-size:100%;overflow:hidden; margin:.08rem .1rem .1rem .1rem; float:left;}

    .xian{ display:block;}
		
.hangao{ margin-bottom:.1rem}
		.top_1{ height:.4rem;
	animation: qalltop 1s 1;
	-o-animation: qalltop 1s 1;
	-moz-animation: qalltop 1s 1;
	-webkit-animation: qalltop 1s 1;	
}
.top_2{position:fixed;height:.4rem; 
		animation: alltop 1s 1;
		-o-animation: alltop 1s 1;
		-moz-animation: alltop 1s 1;
		-webkit-animation: alltop 1s 1;	
}
.top_2 .logo{width:.9rem; height:.21rem; background:url(../images/logo1.png) no-repeat; background-size:100%;overflow:hidden; margin:.08rem .1rem .1rem .1rem; float:left;}
.top_2 .logo a{ width:100%; height:100%; overflow:hidden; display:block;}
.top_2 .x3{overflow:hidden; }
.top_2 .x3 .xian{width:.25rem; height:.25rem;margin:.08rem .14rem 0 0; float:right;}
.top_2 .x3 .xian span{width:100%; height:.02rem; background:#fff; display:block;}
.pcnav{ display:none}
.pcnav2{display:none}
.height40{ height:.25rem; }
.height402{ display:block; height:.25rem;}
#position{text-align:center;list-style:none;margin:0;padding:0; position:relative; margin-top:-0.25rem;}
#position li{display:inline-block; width:.06rem; height: 0.06rem;margin-right:.05rem;border-radius:.04rem; border:1px solid #fff;}
.in_cion{ width:.32rem}
.project_div_title{ font-size:.12rem; margin:.14rem 0 .08rem}
.project li{    width: 47%; border-radius:.05rem;
    margin: .05rem 1.5%;}
.project_div_font{ font-size:.11rem; height:0; max-width: 90%; margin:0 auto}
.project li:hover .project_div_font{ height:0; opacity:0}

.project_div_font{ display:none}
.anli2 li{width:47%; margin:0 1.5%;margin-top:.1rem; line-height:normal}
.anli_font{ height:.4rem; line-height:.4rem; padding:0 .05rem;}
.anli_font_left{  font-size:.12rem;  color:#000; width:48%;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.anli_font_right{  font-size:.1rem;  color:#999;width:48%;overflow: hidden; text-align:right;
text-overflow:ellipsis;
white-space: nowrap;}
.index_title{ font-size:.14rem;    margin: .25rem auto .1rem; width:94%;}
.yewu_all_ones{ font-size:.12rem;}
.yewu_all_ones p{font-size:.5rem; margin-bottom:.08rem;}
.yewu_all_ones p span{font-size:.25rem;}
.yewu_all_two{ display: -webkit-box; line-height:inherit;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden; font-size:.12rem;  margin-top:.1rem;}
.newlgos{ width:.6rem; height:.37rem; vertical-align:top; text-align:left; float:left}
.box_swipe2{ display:block}
.mt10s{ display:none}
.box_swipe{ display:none}
.more_anli{ padding:.06rem .2rem; margin:.15rem auto .2rem; font-size:.14rem; max-width:auto; width:auto; height:auto}

.yewu{ padding:.2rem 0 .02rem}

.project li:after{ width:0}
.anli3 li{ width:48%; margin-left:2%; margin-top:.1rem; line-height:normal}
.anli3_font_one{ font-size:.14rem; line-height:normal}
.anli3_font_two{ font-size:.12rem; margin:.03rem 0; height:auto;}
.anli3_font_three{font-size:.12rem; line-height:1.5}
.kehu_ul li{ width:33.33%;}
.start{ padding:.2rem 0 .01rem}
.start_one{ font-size:.16rem;}
.start_two{ font-size:.1rem;}
.footer{ display:none}
.liuliu{ margin-top:.1rem}
.tiam:hover{cursor:pointer; background:none; border-top:none}
/*案例*/
.nav{ line-height:.39rem; height:.4rem; overflow:hidden}
.nav a{  font-size:.14rem; float:left; margin:0; display:block; width:25%; text-align:center; line-height:.4rem}
.nav a.cur{ line-height:.39rem}
.nav_green{ display:none}
.xcx_font_one{ font-size:.14rem}
.xcx_font_two{ font-size:.12rem}
.znyj{ padding:.2rem 0}
.dianshang1_title{ font-size:.16rem; max-width:94%; margin:0 auto}
.dianshang1_bt{ font-size:.12rem; line-height:1.5}
.dianshang1_img{ margin-top:.25rem}
.changjing_ul{ padding-bottom:.15rem;}
.changjing_ul li{ width:33.33%;padding:.15rem 0}
.changjing_ul_font{ font-size:.12rem; margin:.15rem 0 .05rem}
.gongneng_ul{ padding-bottom:.15rem;}
.gongneng_ul li{ width:33.33%; padding:.15rem 0;}
.gongneng_ul_font{ font-size:.14rem; margin:.15rem 0 .05rem}
.gongne_ul_font{ font-size:.12rem; margin:.15rem 0 .05rem}
.changjing_title{ font-size:.16rem; margin:.15rem 0}
.gongneng_title{ font-size:.16rem; margin:.15rem auto}
.tabbox .tab a{ width:.82rem; margin:0 .03rem; font-size:.11rem; height:.25rem; line-height:.25rem}
.tab_left{ margin-left:10%; width:80%; margin-bottom:.1rem}
.tab_right{ width:100%}
.tab_ul dd{ width:45%; margin-left:5%;overflow: hidden;text-overflow:ellipsis; margin-top:.1rem;
white-space: nowrap; font-size:.12rem; line-height: .2rem;}
.tab_ul dd:nth-child(2n+0){ width:45%}
.tab_ul dd img{ width:.13rem; margin-top:.04rem}
.tab_right_one{ margin:0 5%;font-size:.12rem}
.tab_right_two{ margin:0 5%; font-size:.12rem}
.jichu_title{ font-size:.16rem; margin:.15rem auto}
.jichu_ul img{ width:.29rem;}
.jichu_ul_font{ font-size:.12rem; margin:.15rem 0 .05rem}
.jichu_ul li{ padding:.15rem 0}
.jichu_ul{ padding-bottom:.15rem;}
.teseone_title{ font-size:.18rem}
.teseone_div{ padding:.2rem 0}
.juzhong{    position:absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-left:0; margin-top:0; overflow:initial}
.project li:hover .juzhong{ margin-top:0}
.teseone_div_right_one,.tesetwo_left_one{ text-align:center; font-size:.16rem}
.teseone_div_right_two,.tesetwo_left_two{ text-align:center;    font-size: .12rem; line-height:1.5; margin-top:.05rem}
.teseone_div,.teseone_div_left,.tesetwo_right{ width:94%; margin: 0 auto; float:none}
.tesetwo{ padding: 0}
.tesetwo_left{ width:100%; float:none}
.teseone_div{ text-align:center;}
.tabbox .tab{ margin-bottom:.15rem; overflow:initial}
.teseone_div img{ width:80%; margin:.15rem 0}
.tesetwo_left_two{ margin-top:.05rem; line-height:1.5}
.xiangka{ display:none;}
.sonav{ height:.4rem; line-height:.4rem}
.anlianv{ display:block; border-bottom:1px solid #ddd;}
.fenfen{ width:94%;}
.fenfen_left{ width:30%; height:.3rem; line-height:.3rem;}
.fenfen img{ width:.13rem; margin-top:.09rem; margin-right:.02rem}
.fenfen_center{ width:30%; margin:0 4%;height:.3rem; line-height:.3rem;}
.fenfen_right{ width:30%;height:.3rem; line-height:.3rem;}
.fenfen a{ font-size:.1rem; height:.3rem; line-height:.3rem}
.dianshang1{ padding:.2rem 0}
.sonav a{ font-size:.14rem; margin:0 .15rem; line-height:.4rem}
.sonav a.cur{ line-height:.4rem}
.liuliu ul li{ width:25%; margin-bottom:.15rem;}
.liuliu ul li:nth-child(5){ margin-left:0}
.yier{ width:66%; text-align:center; height:auto; padding:.16rem 0}
.ren{ height:auto; padding:0}
.juedui{ height:auto; font-size:.14rem; margin-top:.05rem}
.ff{ width:50%; margin:0 }
.noju{ margin-top:0}
.flex{ display: -webkit-flex; /* Safari */  display: flex;flex-direction:column-reverse}
.jhll2{ margin:.2rem auto 0; width:94%}
.left2{ width:90%; margin:.1rem auto; text-align:center}
.jhll{ width:94%;margin:.2rem auto 0; float:none; padding-bottom:0}
.left{width:90%; margin:.1rem auto 0; float:none}
.kaifa2{ font-size:.18rem;}
.kaifa{ height:auto; font-size:.18rem;line-height:1.5; padding:.1rem 0}
.xiu{ margin-top:0}
.tubiao{ padding-top:.1rem}
.zii{ font-size:.12rem; line-height:1.5; padding:.1rem 0;margin-top:0}
.women1{ position:static; height:auto;}
.tiam{ width:46%; padding:0 2%; border-top:none}
.zii span{ font-size:.16rem;}
.women span{ height:auto; padding:0 .15rem}
.women{ height:auto; line-height:1.5;font-size:.12rem;}
.duotongdao{ padding:.2rem 0}
.morezdd{ padding:.2rem 0}
.women125{ font-size:.12rem; position:static; height:auto;}
.women25 span{ height:auto;}
.women25{ height:auto; line-height:1.5; font-size:.14rem}

.women12{ font-size:.12rem; position:static; height:auto;}
.women2 span{ height:auto; padding:0 .15rem}
.women2{ height:auto; line-height:1.5; font-size:.14rem}
.vivo121{ font-size:.12rem; height:auto}
.ga21{ margin-top:.1rem}
.vivo21{font-size:.12rem; height:aut}
.tyi24{ font-size:.12rem; line-height:1.5}
.tyi{ font-size:.12rem; line-height:1.5; margin-top:.1rem;}
.vivo1{ font-size:.12rem;}
.zio{ font-size:.12rem; line-height:1.8; height:auto; padding:.1rem 0}
.wocao{ padding-bottom:0}
.ggg{ font-size:.18rem; width:auto;}
.ggg span{font-size:.2rem;}
.vivo24{ font-size:.12rem; margin-top:.04rem}
.vivo124{ font-size:.16rem;}
.oiiu a{ padding:.08rem .1rem;display:inline-block; width:auto; height:auto; line-height:normal; font-size:.16rem;}
.poab{ position:static;}
.liuliu ul li span{ font-size:.12rem; color:#333;    margin:.1rem 0 .06rem}
.tyi2{ line-height:1.5}
.kaifa{ border-bottom:none}
.fuwu{ padding-bottom:.1rem;}
.gg{ margin-top:.1rem;}
.mobilnei_banner{ display:block;}
.tongyong{ display:none;}
.mobilnei_banner img{ width:100%}
.ren img{ width:.26rem;}
.vivo{ font-size:.12rem; width: 100%}
.nian{ padding:0}
.liuliu li img{ margin-bottom:.03rem}
.liuliu li img{ width:60%; margin-left:5%}
.vivo2{ font-size:.12rem}
.xcx_font{ padding:.08rem .1rem .1rem}
/*网站建设*/
.tiamss{ width:46%; padding:0 2%; padding-bottom:.15rem}
.tubiao2,.tubiao3,.tubiao4,.tubiao5{ height:.5rem; background-size:.45rem;}
.tiam1:hover{ background:none; color:#888}
.tiamss:hover{cursor:pointer; background:none; color:#888}
.tiamss:hover li{color:#888}
.tiamss:hover span{color:#888}
.tiamss:hover ul>div{background:none}
.tiamss:hover .gay{ background:#666}
.tiamss:hover .zii1{ color:#333}
.zii1{ font-size:.14rem; height:auto;}
.gay1{ margin:.1rem auto}
.tiam1:hover div.tubiao2{background:url(../images/sdfgsg.png) no-repeat; background-position:center bottom; background-size:.45rem;}
.tiam7:hover div.tubiao3{background:url(../images/ada.png) no-repeat; background-position:center bottom;background-size:.45rem;}
.tiam22:hover div.tubiao4{background:url(../images/sdf.png) no-repeat; background-position:center bottom;background-size:.45rem;}
.tiam8:hover div.tubiao5{background:url(../images/faaaaw.png) no-repeat; background-position:center bottom;background-size:.45rem;}
.zhen{ font-size:.12rem; height:.9rem}
.xiu1{ padding-top:.15rem}
.wang{ font-size:.2rem;}
.wang span{ font-size:.3rem; line-height:1.5}
.wang i{ margin-top:.08rem; margin-left:.05rem}
.pai{ float:none; width:100%}
.tyi5{ width:100%; font-size:.12rem; line-height:1.5}
.nanaa{ width:90%; margin:.2rem auto 0;position: static;}
.nanaa img{ width:100%}
.nian5{ padding: 0 .15rem; margin:.2rem 0}
.pai1{ margin-left:0; width:100%; margin:0 auto}
.nanaa1{ width:100%; margin:.2rem auto 0;}
.tyi51{ font-size:.12rem; line-height:1.5; float:none; max-width:100%; margin-top:0}
.wang1 span{ font-size:.3rem; line-height:1.5; float:left; margin-left:0}
.wang1{ font-size:.2rem; text-align:left;}
.wang1 i{ margin-top:.08rem; float:left; margin-left:.05rem}
.gay11{ margin:.1rem 0; float:none;}
.gay1{ margin:.1rem 0}
.gay{ margin:.1rem auto}
.duozi{ font-size:.12rem; padding-bottom:0}
.gais{ line-height:1.5; margin-top:.1rem; padding:0 .15rem; font-size:.12rem}
.fanwei{ font-size:.14rem; height:auto; margin-top:.1rem;}





/*关于翔汇*/
.kao{ margin-top:0; padding-bottom:.2rem}
.f4{ padding-bottom:.15rem}
.shixian{ padding:0 .1rem}
.tiong:nth-child(5){ margin-left:0;}
.tiong{border-radius:.05rem; color:#fff; text-align:center; overflow:hidden; float:left;overflow:hidden; float:left;
 margin-left:2.6%;width:23%; padding-bottom:0; margin-top:.1rem; height:auto}

.fana{ margin-top:.15rem;}
.fule span{ padding:0 .1rem; line-height:.3rem;font-size:.16rem}
.zixian{ height:.3rem; margin-top:0;}
.fule{ height:.2rem;    bottom: -.05rem; font-size:.2rem}
.xiugai{ font-size:.12rem; margin:.05rem 0 .08rem}
.limian{ margin-top:0; height:auto;}
.limian img{ width:.27rem;}
.zizi{ width:100%; float:none; margin-top:.2rem; font-size:.12rem; line-height:1.5}
.koko{ width:80%; float:none; margin-left:0; height:auto; margin:.2rem auto 0;}
.koko img{ width:100%}
.tiana{ padding-bottom:.4rem;}
.jiayou,.jiayou1{ width:100%; height:auto; margin-left:0; margin-top:0; padding:.1rem 0}
.dianhua{ width:.3rem; height:auto; margin-top:.04rem; margin-right:.1rem;}
.haoma1 span,.haoma span{ font-size:.14rem;}
.haoma{ font-size:.12rem;}
.ditu{ margin-top:0; display:none}
.ditu_moblie{ display:block; width:100%; margin:0 auto}
.ditu_moblie img{ width:100%;}
	.hahe{ width:33.33%}
	.cui1{ border-bottom:none; margin-top:.1rem}
	.jinkuai{ padding-bottom:.2rem}
.xuanka{ padding-top:0;}
.kaifa26{ font-size:.2rem}
#position2 li{ width:.05rem; height:.05rem; margin:0 .02rem}
.kehu_ul{  margin-bottom:.2rem; margin-top:.2rem;}
.dianshang1_bt{ width:90%; text-align:justify;}
.znanli_il{ width:100%; padding:0}
.znanli_il li{ width:50%; text-align:center; margin-right:0; margin-bottom:.1rem}
.znanli{ height:auto; overflow:hidden}
.znanli_scroll{ position:static}
.znanli_il img{ width:80%;}
.teseone_title{ padding-top:.2rem}
.gongne_title{ font-size:.16rem; margin:.2rem auto}
.xq2_font{ font-size:.12rem; line-height:1.5; padding:0 .15rem}
.wcldwz span{ font-size:.2rem;}
.gongne_ul li{ padding:.15rem 0; width:33.33%}
.gongne_ul{ padding-bottom:.05rem}
.gongne_ul li img{ width:.29rem} 
.qiankuan{ display:none;}
.qiankuanyc{ display:block; color:#fff; font-size:.12rem;}
.fangmian{ margin-top:.15rem; font-size:.12rem; line-height:1.5}
.xunhh_img{ width:40%; }
.xunhh_right{ left:43%; width:57%}
.xunhh_right_one{ font-size:.14rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; line-height:1}
.xunhh_right_two{ font-size:.12rem; margin:.01rem 0}
.xunhh_right_three{ font-size:.12rem; line-height:1.5;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.guandianal_left{ margin-top:.2rem;}
.fenye a{height:.32rem; line-height:.32rem;font-size:.16rem;padding:0 .1rem; margin:0 .05rem; width:auto}
.fenye{ margin:.25rem 0;    overflow: initial;}
.aboutbittle{ font-size:.2rem; line-height:1.5}
.aboutzuozhe{ font-size:.12rem; margin:.05rem 0}
.guandianal{ padding:0 .1rem}
.newfont{ width:100%; margin-left:0; font-size:.12rem; line-height:1.5}
.fenxoamngs img{ width:.3rem; margin:0;margin-right:.1rem; margin-top:.1rem }
.shangxia{ font-size:.12rem; height:auto;line-height:.3rem; padding-bottom:.2rem; margin-top:.1rem; padding-top:.1rem}
.shangxia_left{ float:none; width:100%}
.shangxia a{ color:#666; font-size:.12rem}
.shangxia_right{ float:none; width:100%; text-align:left}
.guandianal_left{ width:100%; margin-left:0}
.fenxoamngs{ margin:.1rem 0}
.mas{ bottom:.45rem; width:.6rem; padding:.05rem; height:auto; width:1.7rem}
.fenxoamngs img.timg{ width:1.4rem; display:block; }
.mas_one{ font-size:.11rem;}
.mas_fonts{ font-size:.1rem; color:#999}
.ganga{ margin:.1rem 0}


.project_div:hover .jiantou{ display:block;}
.project_div:hover .project_div_font{ color:#bbb}
.anli li:hover{transform:translate(0,0);
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-o-transform:translate(0,0);
	-ms-transform:translate(0,0);
	-webkit-box-shadow:0px 0 0;
    -moz-box-shadow:0px 0 0;
    box-shadow:0px 0 0;}
#position2{ margin-top:-.25rem}
.lian{ padding-bottom:0;}
/*响应手机底部css*/

.mobile_footer{ display:block}
.mobile_footer li{    width: 50%;
    border-bottom: 1px solid rgba(68,68,68,1);overflow: hidden; float: left; color: #999;
    font-size: .12rem;
    padding: .1rem 0;
    font-family: Arial,"Microsoft YaHei";}
		.mobile_footer ul{ width:96%; margin-left:4%; overflow:hidden}
.mobile_footer li img{    width: .15rem; vertical-align:top; margin-top:.01rem;
    margin-right: .04rem;
   }
.mobile_footer li a{color: #999;}
.mobile_footer li:nth-child(5) {
    width: 100%;
    border-bottom: none;
}
.footer_cop {
    width: 100%;
    text-align: center;
    color: #999;
    font-size: .11rem;
    font-family: Arial,"Microsoft YaHei";
    padding: .1rem 0;
    border-top: 1px solid rgba(68,68,68,1);
}
.changjing_ul li img{ width:.28rem}
.gongneng_ul img{ width:.28rem;}
.anli3_font{ padding:.1rem}
/*小程序css*/
.youshi li img{ width:.6rem}
.youshi_title{ margin:.15rem 0 ; font-size:.16rem;}
.youshi_titlexcx{ margin:.15rem auto .05rem; text-align:center; font-size:.16rem;}
.youshi li{ width:50%; float:left; padding:.1rem 0; line-height:normal}
.youshi_one{ font-size:.14rem; margin:.08rem 0 }
.youshi_two{ font-size:.12rem; max-width:90%; line-height:1.5; height:auto;/*display: -webkit-box;    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;*/}
		.shihe_ul li{ width:50%}
		.shihe_ul li img.shihe_img{ width:.35rem;}
		.shihe_ul_font{ font-size:.14rem;}
}

.shihe_ul{ margin-bottom:.2rem}

/* 右侧悬浮 */
.rightfloat{position: fixed;overflow-x:hidden;width:60px;height:330px;z-index:99999;right: 20px;bottom:100px;
_position:absolute;_right:expression(eval(document.documentElement.scrollRight+10));_top:expression(eval(document.documentElement.scrollTop+260));}
.rightfloat .box{width: 60px;padding-bottom: 6px;clear: both;float: right;position: relative;}
.rightfloat #rightclose{display:block;width:18px;height:18px;line-height:18px;color:#a7a7a7;font-size:14px;text-align:center;background:none #f6f6f6;}
.rightfloat .box li a{display:block;width: 100%;height: 100%;}
.rightfloat span,.rightfloat ul li,.rightfloat a.t_title{display: block;float:right;width: 60px;height: 60px;background:url(../images/rightfloat.png) no-repeat;cursor: pointer;position: relative;}
.rightfloat .box .m_qrcode,.rightfloat .box .wxqrcode{background:url(../images/rightfloat.png) no-repeat;}
.rightfloat span{z-index: 9;}
.rightfloat .box ul,.rightfloat .box div{position:absolute;width:245px;right: -300px;z-index: 8;}
.rightfloat span.o_title{background-position: 0 0;}
.rightfloat #rf_online .tithov{background-position: -61px 0;}
.rightfloat span.m_title{background-position: 0 -67px;}
.rightfloat #rf_mobile .tithov{background-position: -61px -67px;}
.rightfloat .box .m_qrcode{width: 117px;height: 164px;background-position: -308px 0;top:0;right: 60px;display: none;}
.rightfloat span.f_title{background-position: 0 -133px;}
.rightfloat #rf_follow .tithov{background-position: -61px -133px;}
.rightfloat span.t_title{background-position: 0 -199px;}
.rightfloat #rf_top .tithov{background-position: -61px -199px;}
.rightfloat .rf_online{width: 121px;float: right;}
.rightfloat ul .o_kf{background-position: -184px 0;border-right: 1px solid #f38e09;}
.rightfloat ul #o_kfhov{background-position: -184px -67px;}
.rightfloat ul .o_qq{background-position: -122px 0;}
.rightfloat ul #o_qqhov{background-position: -122px -67px;}
.rightfloat ul .f_wx{background-position: -246px -133px;}
.rightfloat .box .wxqrcode{position:absolute;width: 113px;height: 153px;background-position: -426px 0;top:0;right: 120px;display: none;}
.rightfloat ul #f_wxhov{background-position: -246px -200px;}
.rightfloat ul .f_wb{background-position: -184px -133px;border-right: 1px solid #f38e09;border-left: 1px solid #f38e09;}
.rightfloat ul #f_wbhov{background-position: -184px -200px;}
.rightfloat ul .f_qzone{background-position: -122px -133px;}
.rightfloat ul #f_qzonehov{background-position: -122px -200px;}