@charset "utf-8";
/* CSS Document */

body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,p,form,img,select{margin:0; padding:0;}
body{ color: #222;  font-size:14px; font-family: "微软雅黑","Microsoft YaHei"; background:#FFF;}
a{text-decoration:none; color:#222; }
a:hover{color:#d90024;}
img,ul,li,em{border:none; list-style:none; font-style:normal;}
input,form,textarea{font-family:"微软雅黑","Microsoft YaHei";}
.fl{float: left;}
.fr{float: right;}
.clear,.clearfix{clear: both;}
.blank10{height:10px;}
.blank15{height:15px;}
.blank20{height:20px;}
.blank30{height:30px;}
.blank40{height:40px;}
.blank50{height:50px;}
.blank60{height:60px;}
.blank80{height:80px;}
.blank90{height:90px;}
.blank100{height:100px;}
.main{width: 1200px;margin: 0 auto;}
.main100{width:90%; margin:auto; max-width:1600px; min-width:1200px;}

/*滚动条美化*/
body::-webkit-scrollbar {
  width: 10px !important;
}
body::-webkit-scrollbar-track {
  background-color: #f3f3f3;
}
body::-webkit-scrollbar-track-piece {
  background-color: #f3f3f3;
  -webkit-border-radius: 4px;
}
body::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border: solid 1px #C0C0C0;
  border-radius: 4px;
}
body::-webkit-scrollbar-corner {
  background-color: #ddd;
}
body::-webkit-resizer {
  background-repeat: no-repeat;
  background-position: bottom right;
}
body::-webkit-scrollbar-thumb:hover {
  background-color: #F3F3E0;
}
::-webkit-scrollbar {
  width: 15px;
}

/*图片放大*/
.picShow img:hover,.picShow a:hover img{transition:all 300ms ease-out 0s; 
  cursor:pointer;
  -webkit-transform:scale(1.1);
  moz-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.1);
}
.picShow img{transition:all 300ms ease-out 0s; }

.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.table_cell{ display:table-cell; vertical-align:middle}


/* 头部导航 */
.header {height: 90px; position: fixed;width: 100%;top: 0;background: #fff;box-shadow: 0 3px 6px rgba(0,0,0,0.1);
/* background:rgb(0,0,0,0.1); border-bottom:solid 1px rgb(255,255,255,0.1);*/ transition: 0.4s all;-webkit-transition: 0.4s all; z-index: 999999;}
/*.header {height: 90px; width: 100%;top: 0; left:0;position:absolute; z-index: 999999;transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s;
    -webkit-transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s;
    -moz-transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s;}*/
.header_news{box-shadow: 0 3px 6px rgba(0,0,0,0); border-bottom:solid 1px #ebeef4;}
/*LOGO*/
.header .logo {/*height:90px; min-width:220px; transition: 0.4s all; -webkit-transition: 0.4s all; background: url(../images/logo_1.png) no-repeat left center;background-size:auto 50px; overflow:hidden;*/}
.header .logo h1{ margin-top:20px; font-size:0;}
.header .logo h1 img{ height:50px; display:block;}
/*menu*/
.header .header_menu {margin-right:45px; }
.header .header_menu ul li {line-height:90px;display: inline-block;text-align: center;}

.header .header_menu ul li a {display: block;  margin:0 15px ; color:#222;font-size: 15px;position: relative; }
.header .header_menu ul li a:hover/*, .header .header_menu ul li.currclass a */{color: #035CAC;}
.header .header_menu ul .act a{color: #035CAC;}
.header .header_menu ul li a:before {width: 0;height: 2px;position: absolute;left: 50%;bottom: 0;z-index: 10;transform: translateX(-50%);-webkit-transform: translateX(-50%);background:#035CAC;
content: "";transition: all 0.3s;-webkit-transition: all 0.3s;}
.header .header_menu ul li:hover > a:before {width: 100%;}

.header_scroll {background:#035CAC; height:70px;/* box-shadow: 0 10px 15px rgba(0,0,0,.1);*/}
.header_scroll .logo{ height:70px; background: url(../images/logo_h.png) no-repeat left center; background-size:auto 42px;}
.header_scroll .header_menu ul li{line-height:70px;}

/*.header_scroll {
    transform: translateY(-130%);
    -webkit-transform: translateY(-130%);
    -moz-transform: translateY(-130%);
}*/

.header .tel{ color:#222; font-size:19px; line-height:90px; height:90px; background:url(../images/tel_on.png) no-repeat left center; padding-left:25px;  transition:0.4s all; font-weight:700; font-family:Arial, Helvetica, sans-serif;}
.header_scroll .tel{height: 70px;line-height:70px; transition:0.3s all; background:url(../images/tel.png) no-repeat left center;}



/*焦点图*/
	#banner{min-width:1200px; margin:90px auto auto auto; }
	#banner .swiper-slide{text-align:center; overflow:hidden; position:relative; background:#000;height:600px;}
	#banner .swiper-slide .img{width:100%; height:100%;
background-size: cover !important;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);opacity:0.8;
}
#banner .swiper-slide-active .img {
	visibility: visible !important;
	-webkit-animation: bgscale 5s forwards cubic-bezier(0.4, 0, 0.49, 0.93);
	animation: bgscale 5s forwards cubic-bezier(0.4, 0, 0.49, 0.93);
}
@-webkit-keyframes bgscale {
from {
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
}
@keyframes bgscale {
from {
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
}
/*文本*/
#banner .txt {
	position: absolute;
	left: 0;
	top: 28vh;
	width: 100%;
	height: 100vh;transition: .8s;
}

#banner .txt span {
	font-size: 18px; letter-spacing:5px;
	color: rgba(255,255,255,0.8);
	text-transform: uppercase;
	display: block;
	margin-top: 1.5rem;
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
	transition: .6s;
}
#banner .txt p {
	
	font-size:46px;
	
	color: #fff;
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
	transition: .6s;
}
#banner .swiper-slide-active span {
	-webkit-animation: tranbot 1.5s forwards cubic-bezier(0.4, 0, 0.49, 0.93);
	animation: tranbot 1.5s forwards cubic-bezier(0.4, 0, 0.49, 0.93);
}
#banner .swiper-slide-active p {
	-webkit-animation: tranbot 1.5s forwards cubic-bezier(0.4, 0, 0.49, 0.93);
	animation: tranbot 1.5s forwards cubic-bezier(0.4, 0, 0.49, 0.93);
}

@-webkit-keyframes tranbot {
from {
-webkit-transform: translateY(150px);
transform: translateY(150px);
opacity:0;
}
to {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity:1.0;
}
}
@keyframes tranbot {
from {
-webkit-transform: translateY(150px);
transform: translateY(150px);
opacity:0;
}
to {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity:1.0;
}
}
/*按钮切换*/	
	#banner .swiper-button-prev,#banner .swiper-button-next {display: none;width: 72px;height: 72px; background: url(../images/ico_sliding.png) no-repeat;}
	#banner .swiper-button-prev {background-position: 0 0;}
	#banner .swiper-button-prev:hover { background-position: 0 -144px;}
	#banner .swiper-button-next { background-position: 0 -72px;}
	#banner .swiper-button-next:hover {background-position: 0 -216px;}
/*分页器*/
	#banner .swiper-pagination{text-align:center;}
	#banner .swiper-pagination-bullet{width:25px;height: 2px; display: inline-block; border-radius:0; background: rgba(255,255,255,0.3);  opacity:1; margin-right:10px;}
	#banner .swiper-pagination-bullet-active{  background: rgba(255,255,255,0.8);}
	#banner .swiper-pagination{bottom:25px;}

/*焦点图文本*/
.swiper-slide .swiper_txt{width:100%;position:absolute; left:0; top:35%; color:#fff; z-index:999; }
.swiper-slide .swiper_txt h5{font-size:42px; margin-bottom:20px;font-weight:normal;}
.swiper-slide .swiper_txt p{font-size:32px; line-height:180%;}
.swiper-slide .swiper_txt p span{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}


@keyframes downico {0% {top: 0;opacity: 1;}35% {top: 50%;opacity: 0;}65% {top: -50%;opacity: 0;}100% {top: 0;opacity: 1;}}
.down-ico{opacity: 1;filter: alpha(opacity=100);transform: translateY(0);transition: 0.3s ease 0.6s; }
.down-ico{display: block;width: 43px;height: 43px; margin:56px auto 0px auto; border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.4);cursor: pointer;overflow: hidden;}
.down-ico i{display: block;width: 100%;height: 100%;background: url(../images/ico_04.png) no-repeat center;animation: downico 1.5s ease-out infinite;position: relative;}

.index_sp{ position:absolute; left:0; top:0; width:100%;}
.index_sp_gray{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/index_sp_gray.png) rgba(0,0,0,0.0); z-index:99;}


/*-查看详情-*/
.up-graybox{width: 100%;height: 100%; position: absolute;left: 0; top: 0; background:#000; opacity: 0; filter: alpha(opacity=0); transition: all 0.4s ease 0s;}
.up-graybox:hover{background:#000; opacity: 0.6; filter: alpha(opacity=60); transition: all 0.4s ease 0s;}
.up-graybox .stitle {font-size: 14px;line-height: 30px; width: 100%; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -15px;color: #fff;}
.up-graybox .line {display: inline-block; width: 100px;height: 1px;background-color: #f2f2f2; position: absolute; left: 50%;margin-left: -50px; transition: all 0.6s ease 0s;}
.up-graybox .linet { top: 0;}
.up-graybox .lineb { bottom: 0;}
.up-graybox:hover .line { width: 6px; margin-left: -3px; opacity: 0.6;filter: alpha(opacity=60);}


/*标题*/
.web_title{padding:45px 0 30px 0; min-width:1200px;}
.web_title h3{text-align:center; font-size:32px; color:#222; margin-bottom:10px;}
/*.page2_title h6:after{ content:''; width:20px; height:2px; display:block; background:#035CAC; margin:10px auto 0 auto;}*/
.web_title P{text-align:center; font-size:14px; color:#666; width:760px; line-height:24px; margin:auto;}

/*fuww*/
.index_fw{ min-width:1200px; max-width:1920px; margin:auto;}
.index_fw li{width:50%; float:left; position:relative; overflow:hidden;}
.index_fw li a{ display:block; border-left:1px solid #e9e9e9;transition:0.3s ease-in-out;}
.index_fw li .pic{width:100%; overflow:hidden;}
.index_fw li .pic img{width:100%; display:block;transition:0.3s;}
.index_fw li:hover img{ opacity:0.1; transform:scale(1.3); -webkit-transform:scale(1.3); -ms-transform:scale(1.3);}
.index_fw li:hover a{ background:#035CAC;}
.index_fw li .txt{position:absolute; top:50%; margin-top:-90px; color:#333;}
.index_fw li .txt h3{font-size:26px; margin-bottom:10px;}
.index_fw li .txt p{font-size:17px; line-height:36px; color:#888;}
@media(max-width:1600px){
	.index_fw li .txt h3{font-size:25px; margin-bottom:10px;}
	.index_fw li .txt p{font-size:16px; line-height:30px;}
}
.index_fw li:hover .txt{ display:none;}
.index_fw li .t{ width:100%; text-align:center; font-size:32px; color:#fff; font-weight:bold;opacity:0; position:absolute; top:0; transition:0.5s all;}
.index_fw li:hover .t{ top:25%; opacity:1;}
.index_fw li .more{ display:block; width:60px; height:30px; position:absolute; left:50%; bottom:-20px; margin-left:-30px;  background:url(../images/more.png) no-repeat;  opacity:0;transition:0.5s all;}
.index_fw li:hover .more{ opacity:1; bottom:25%;}

/*配套服务*/
.container03{min-width:1200px; max-width:1920px; margin:auto; overflow:hidden;}
.container03 .title00{ text-align:left; margin-bottom:35px}
.container03 .title00 h3{ display:inline-block; margin-bottom:0;font-size:30px; color:#222; font-weight:normal;}
.container03 .title00 h3 small{ vertical-align:middle; margin-left:5px;}
.container03 .title00 h6{ display:inline-block; margin:3px 0 0 8px; font-weight:normal; font-size:14px; color:#8c8d8e;}
.container03 ul{ font-size:0; margin:0 -1px}
.container03 ul li{ display:inline-block; width:20%; position:relative; }
.container03 ul li:nth-child(2){ transition-delay:0.3s}
.container03 ul li:nth-child(3){ transition-delay:0.6s}
.container03 ul li:nth-child(4){ transition-delay:0.9s}
.container03 ul li:nth-child(5){ transition-delay:1.2s}
.container03 ul li:before{ content:""; position:absolute; right:0; top:0; height:100%; background:#035CAC; width:0; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }
.container03 ul li a{ display:block; /*margin:0 -0.5px; border:#dcdfe2 1px solid;*/ height:320px; position:relative; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; overflow:hidden}
.container03 ul li a .shuzi{position:absolute;left:0;top: -10%;width:100%;height:100%;line-height:278px;text-align:center;font-size:180px;color:rgba(255,255,255,0.05);-moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;overflow:hidden;opacity: 0;}
.container03 ul li a .table{position:relative;padding: 0 10%; box-sizing:border-box;}
.container03 ul li a h3{ font-size:20px; color:#222; font-weight:bold; margin-bottom:40px; position:relative;transition:0.6s all;}
.container03 ul li a h3:before{ content:""; position:absolute; top:40px; width:20px; height:2px; left:50%; margin-left:-9px; background:#035CAC}
.container03 ul li a h3:after{ content:""; position:absolute; top:40px; width:0; height:2px; left:50%; margin-left:-9px; background:#fff; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container03 ul li a h5{font-size:12px;color:#555;text-transform:uppercase;margin-bottom:16px; line-height:22px;/*overflow: hidden;text-overflow:ellipsis;white-space:nowrap;*/ font-weight:normal; transition:0.6s all;}
.container03 ul li a h2{ margin-bottom:20px;}
.container03 ul li a h2 img{height:36px;}
.container03 ul li a h2 img.img02{ display:none;transition:0.6s all;}
.container03 ul li:hover a{ /*border:#035CAC 1px solid*/}
.container03 ul li:hover:before{ width:100%; left:0}
.container03 ul li:hover h3{ color:#fff}
.container03 ul li:hover h5{ color:#fff}
.container03 ul li:hover h2 img{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
.container03 ul li:hover h2 img.img02{ display:inline-block}
.container03 ul li:hover h2 img.img01{ display:none;transition:0.6s all;}
.container03 ul li:hover a h3:after{ width:20px}
.container03 ul li:hover a .shuzi{top:0;transition-delay:0.36s;opacity: 1;}




/*优势*/
.container01 ul{width:1080px; margin:50px auto 0px auto;}
.container01 ul li{ float:left;width:33.3%; border-right:#cfd0d2 1px dotted; box-sizing:border-box;}
.container01 ul li:last-child{ border-right:0;}
.container01 ul li .icon{ position:relative; width:100px; height:100px; float:left;display: flex;justify-content: center;align-items: center; margin-left:90px; margin-right:20px;}
.container01 ul li .icon:before{ content:""; position:absolute; background:url(../images/yuan_bg.png) center no-repeat; left:0; top:0px; width:100px; height:100px; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container01 ul li .icon img{ position:relative}
.container01 ul li .con{ padding:15px 0 0 0px;}
.container01 ul li .con h2{ font-size:30px; font-weight:normal; margin-bottom:3px}
.container01 ul li .con h2 big{ font-family:Arial, Helvetica, sans-serif;}
.container01 ul li .con h2 small{ font-size:12px; color:#848586; margin-left:10px}
.container01 ul li .con h5{ font-size:14px; color:#666;font-weight:normal;}
.container01 ul li:hover img{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
@keyframes jello {
from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}
.container01 ul li:hover .icon:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg);  -moz-transform:rotate(180deg);}


/*更多*/
.lookmore{ text-align:center}
.lookmore a{display:inline-block;border: #ddd 1px solid; border-radius:22px;width: 155px; line-height: 45px; color: #565656; position:relative;overflow:hidden; transition:0.5s all;}
.lookmore a span{ position:relative; z-index:10}
.lookmore a:hover{color:#fff;border:#035CAC 1px solid;background: #035CAC; transition-delay:0.36s}
@-webkit-keyframes criss-cross-left {
0% {
left: -20px;
}
50% {
left: 50%;
width: 20px;
height: 20px;
}
100% {
left: 50%;
width: 375px;
height: 375px;
}
}
@keyframes criss-cross-left {
0% {
left: -20px;
}
50% {
left: 50%;
width: 20px;
height: 20px;
}
100% {
left: 50%;
width: 375px;
height: 375px;
}
}
@-webkit-keyframes criss-cross-right {
0% {
right: -20px;
}
50% {
right: 50%;
width: 20px;
height: 20px;
}
100% {
right: 50%;
width: 375px;
height: 375px;
}
}
@keyframes criss-cross-right {
0% {
right: -20px;
}
50% {
right: 50%;
width: 20px;
height: 20px;
}
100% {
right: 50%;
width: 375px;
height: 375px;
}
}
.btn-11 {
position: relative;
color: #9a7cba;
}
.btn-11:before, .btn-11:after {
position: absolute;
top: 50%;
content: '';
width: 20px;
height: 20px;
background: #035CAC;
border-radius: 50%;
}
.btn-11:before {
left: -20px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
/*     animation: criss-cross-left 0.8s reverse; */
}
.btn-11:after {
right: -20px;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
/*     animation: criss-cross-right 0.8s reverse; */
}
.btn-11:hover:before, .btn-11:hover:after {
/*       @include size($btn-width); */
}
.btn-11:hover:before {
-webkit-animation: criss-cross-left 0.8s both;
animation: criss-cross-left 0.8s both;
}
.btn-11:hover:after {
-webkit-animation: criss-cross-right 0.8s both;
animation: criss-cross-right 0.8s both;
}

/*可能是您关心的！*/
.i_guanxin{height:460px; position:relative;}
.i_guanxin a{font-size: 14px; color: #FFFFFF;display:block; position:absolute; padding:0 6px; box-sizing:border-box; overflow:hidden;}
.i_guanxin a img{margin-bottom:0px;}
.i_guanxin a .table{border-radius:5px; position:relative;}
.i_guanxin .a1{height: 246px;width: 27%; }
.i_guanxin .a1 .table{background:#d90024;}
.i_guanxin .a2{height: 117px;width: 17%; margin-top: 0px;margin-left:27%;}
.i_guanxin .a2 .table{background:#FAA901;}
.i_guanxin .a3{height: 117px;width: 17%; margin-top: 129px;margin-left:27%;}
.i_guanxin .a3 .table{background:#FAA901;}
.i_guanxin .a4{height: 246px;width:28%;margin-top: 0px;margin-left:44%;}
.i_guanxin .a4 .table{background:#39BD61;}
.i_guanxin .a5{height: 117px;width:28%;margin-top: 0px;margin-left:72%;}
.i_guanxin .a5 .table{background:#DD3C00;}
.i_guanxin .a6{height: 117px;width: 28%;margin-top: 129px;margin-left:72%;}
.i_guanxin .a6 .table{background:#39BD61;}
.i_guanxin .a7{height: 117px;width:27%;margin-top: 258px;margin-left: 0px;}
.i_guanxin .a7 .table{background:#39BD61;}
.i_guanxin .a8{height: 117px;width:27%;margin-top: 387px;margin-left: 0px;}
.i_guanxin .a8 .table{background:#BD3995;}
.i_guanxin .a9{height: 246px;width: 40%;margin-top: 258px;margin-left: 27%;}
.i_guanxin .a9 .table{background:#00A0DD;}
.i_guanxin .a10{height: 117px;width: 16.5%;margin-top: 258px;margin-left: 67%;}
.i_guanxin .a10 .table{background:#00A0DD;}
.i_guanxin .a11{height: 117px;width: 16.5%;margin-top: 258px;margin-left: 83.5%;}
.i_guanxin .a11 .table{background:#DD3C00;}
.i_guanxin .a12{height: 117px;width:33%;margin-top: 387px;margin-left:67%;}
.i_guanxin .a12 .table{background:#FAA901;}

.i_guanxin a:hover .table{ display:none;}
.i_guanxin a .txt{width:100%; height:100%; background:#035CAC; position:relative;opacity:0.5; transition:0.3s all;}
.i_guanxin a:hover .txt{opacity:1;}
.i_guanxin .txt .t{ width:100%; text-align:center; font-size:18px; color:#fff; font-weight:bold;opacity:0; position:absolute; top:0; left:0; transition:0.5s all;}
.i_guanxin .txt:hover .t{ top:20%; opacity:1;}
.i_guanxin .txt .more{ display:block; width:60px; height:30px; position:absolute; left:50%; bottom:-20px; margin-left:-30px;  background:url(../images/more.png) no-repeat;  opacity:0;transition:0.5s all;}
.i_guanxin .txt:hover .more{ opacity:1; bottom:20%;}



/*表单*/
.biaodan{display: flex;  flex-wrap: nowrap; justify-content:center; }

.biaodan li{ margin:0 5px; }
.biaodan li input{border:solid 1px #ddd; height:55px; line-height:55px; font-size:15px; color:#666; padding:0 20px; width:210px; box-sizing:border-box; border-radius:3px;}
.biaodan li input[type="submit"]{width:128px; background:#035CAC; color:#fff; border:none; border-radius:5px; cursor:pointer;}
.biaodan li .submit{width:128px; height:55px; line-height:55px; font-size:15px; background:#035CAC; color:#fff; border:none; border-radius:5px; cursor:pointer;}

.biaodan .form-group{}
.biaodan .form-group input{border:solid 1px #ddd; line-height:46px; color:#666; padding:0 10px; width:160px; box-sizing:border-box; outline:none;}



.index_zx {background: url(../images/home_bg2.jpg) no-repeat 50% 50%;height: 240px;}
.index_zx .main{position:relative}
.index_zx .main .text-wrap { position:absolute; top: 80px; left: 180px; color: #fff;  text-align: center;}
.index_zx .main .btn {position:absolute; top: 100px; right: 180px; width: 190px; height: 50px; background:#fff; border-radius: 50px; color:#666; font-size:18px; text-align:center; line-height:50px; overflow:hidden;}
.index_zx .main .btn:hover{ background:#035CAC; color:#fff;}
.index_zx .main .text-wrap .title { font-size: 26px;}
.index_zx .main .text-wrap .desc { margin-top: 15px; font-size: 20px;}


/*放大动画*/
.anim{-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);position:absolute;top:50%;left:50%;z-index:10}
.anim:before{position:relative;content:'';display:block;margin-top:100%}
.anim:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%}
.hoverable{overflow:hidden}
.hoverable .anim{-moz-animation:anim-out .75s;-webkit-animation:anim-out .75s;animation:anim-out .75s}
.hoverable .anim:after{-moz-animation:anim-out-pseudo .75s;-webkit-animation:anim-out-pseudo .75s;animation:anim-out-pseudo .75s}
.hoverable .anim,.hoverable .anim:after{animation-iteration-count:infinite;animation-duration:1.3s}
@-webkit-keyframes anim-in{0%{width:0}100%{width:100%}}
@-moz-keyframes anim-in{0%{width:0}100%{width:100%}}
@-ms-keyframes anim-in{0%{width:0}100%{width:100%}}
@keyframes anim-in{0%{width:0}100%{width:100%}}
@-webkit-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@-moz-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@-ms-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@-webkit-keyframes anim-out{0%{width:0}100%{width:100%}}
@-moz-keyframes anim-out{0%{width:0}100%{width:100%}}
@-ms-keyframes anim-out{0%{width:0}100%{width:100%}}
@keyframes anim-out{0%{width:0}100%{width:100%}}
@-webkit-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@-moz-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@-ms-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}



/*首页新闻*/
.news_list{}
.news_list li{border-bottom:solid 1px #eee; width:48%; padding-bottom:25px; margin-bottom:25px; float:left; transition: all .3s;}
.news_list li:nth-child(2n){float:right;}
.news_list li .pic{width:240px; height:150px; float:left; margin-right:25px; overflow:hidden;}
.news_list li .pic img{width:100%; height:100%; display:block;}

.news_list li .txt { padding-right:20px;}
.news_list li .txt h5{ font-size:18px; font-weight:normal; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; line-height:40px; padding:5px 0;}
.news_list li .txt p{font-size:13px;line-height:26px; color:#888; text-align:justify; margin-bottom:15px;
/*多行文本溢出现实省略号*/
  display: -webkit-box;  /*将对象作为弹性伸缩盒子模型显示 。*/
  display: -moz-box;
  overflow: hidden;   /*溢出隐藏*/
  text-overflow: ellipsis;  /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
  /*word-break: break-all; 文本强制换行*/
  -webkit-box-orient: vertical;  /*文本被水平或垂直排列。*/
  -webkit-line-clamp:2;   /*用来限制在一个块元素显示的文本的行数。*/	
}
.news_list li .txt i{font-size:13px; font-style:normal; margin-right:25px;}
.news_list li .txt i.n_tags {background: url(../images/ny-news-bg.png) no-repeat 0 0px; padding-left:25px;}
.news_list li .txt i.n_time {background: url(../images/ny-news-bg.png) no-repeat 0 -44px; padding-left:28px; color:#999;}
/*.news_list li:hover{ background:#F85050;}
.news_list li:hover .txt h5, .news_list li:hover .txt p{ color:#fff;}*/





/*友情链接*/
.f_link{ background:#f5f5f5; padding:15px 0; line-height:2;}
.f_link a{margin:0 15px 0 0; display:inline-block;}

/*底部图片*/
.bot_ban{height:285px; background:url(../images/bot_ban.jpg) no-repeat center center;text-align:center; margin-top:20px; min-width:1200px;}
.bot_ban h5{padding-top:60px; font-size:30px; font-weight:normal; color:#fff;  margin-bottom:20px;}
.bot_ban p{font-size:15px; color:rgba(255,255,255,0.9); margin-bottom:40px; letter-spacing:5px;}
.bot_ban a{width:230px; height:40px; line-height:40px; border:solid 1px rgba(255,255,255,0.5); display:inline-block; color:#f3f3f3;}
.bot_ban a:hover{background:rgba(255,255,255,0.3);}

/* 底部 */
.f_nbg{ width:100%; min-width:1200px; background:#222; margin:0px auto; padding:50px 0 50px 0;}

.b_weixin{width:20%; text-align:center;}
.b_weixin li{width:50%; float:left;}
.b_weixin li img{ width:108px; height:108px; vertical-align:top; margin-top:5px;}
.b_weixin li p{font-size: 13px; background:none; height:25px; line-height:25px; text-align:center; color:#999; padding-top:5px;}

.b_contact{width:25%;}
.b_contact b{font-size:16px; color:#fff; margin-bottom:10px; display:block; font-weight:normal;}
.b_contact span{display:block; font-size:30px; color:#fff; font-weight:bold; margin-bottom:10px;}
.b_contact p{font-size:13px; color:#666; margin-bottom:20px;}
.b_contact a{ width: 92px; background: #dd2430; display: block; color: #fff; line-height: 30px; text-align:center; border-radius:3px;}

.f_nav{width:55%;}
.f_nav li{float:left; width:25%; text-align:left; }
.f_nav li b{ display:block; width:100%;   font-weight:normal;margin-bottom: 15px; }
.f_nav li b a{ font-size:16px; color:rgba(255,255,255,.6);}
.f_nav li b:after{content:"";display: block;width:64px;background:#333;height: 1px; margin-top:15px; }

.f_nav li p{ width:100%;  line-height:24px;}
.f_nav li p a{ font-size:13px; color:rgba(255,255,255,.3);}
.f_nav li p a:hover{ color:rgba(255,255,255,.8);}

.bq_bg{ width:100%; min-width:1200px; margin:0px auto;   background:#111; line-height:40px;color:#666;}
.bq{font-size:12px; }
.bq span,.bq a{color:#666; margin:0 5px;}
.bq span{ float:right; color:#333; font-size:10px;}


/*ny*/
.ny_banner{width: 100%; height:725px; overflow:hidden;  max-width:1920px; margin:auto; }
.ny_banner .img{width: 100%;}
.ny_banner .img img{width: 100%;display:block; }


.ny_banner .box{position: absolute;left: 0;top:10%; width:100%;}
.ny_banner .box h5{font-size:52px; color:#FFF; text-align:center; padding-top:150px; font-weight:normal; margin-bottom:15px;}
.ny_banner .box p{color:#FFF; text-align:center; font-size:16px;}

.zxzx{ text-align:center; margin-top:46px;}




.page_box{width:86%; max-width:1600px; min-width:1200px; margin:auto;}

.bot_form{height:120px; background:#035CAC; min-width:1200px;}
.bot_form_left{float:left; line-height:120px; font-size:28px; color:#fff; width:20%; text-align:center;}
.bot_form_mid{float:left; padding-top:45px; font-size:18px; color:#fff; width:50%; text-align:center;}
.bot_form_mid span{ margin-left:10px; }
.bot_form_mid input[type='text']{width:22%; height:36px; line-height:36px; border:solid 1px rgba(255,255,255,0.6); border-radius:3px; background:none; color:#FFF; padding:0 5px; font-size:16px;}
.bot_form_mid input[type='submit']{width:19%; height:39px;  border:0; background:rgba(255,255,255,0.3); font-family:"微软雅黑"; font-size:16px; color:#fff; border-radius:3px; cursor:pointer;}
.bot_form_right{ float:right;line-height:120px; font-size:28px; color:#fff;width:30%; text-align:center;}


.bot_form_mid ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: rgba(255,255,255,0.5);
}
.bot_form_mid :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: rgba(255,255,255,0.5);
}
.bot_form_mid ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:rgba(255,255,255,0.5);
}
.bot_form_mid :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:rgba(255,255,255,0.5);
}

.page_more{ text-align:center;}
.page_more a{height: 40px; border: 1px solid #ccc; padding:10px 25px; color: #333; line-height: 40px; text-align: center; font-size: 14px; transition: all .2s; margin:auto;}
.page_more a:hover{ background: #035CAC; color: #fff; border-color: #035CAC; opacity: .9; }



/*网站建设*/
.web_service{ margin-top:20px;}
.web_service ul{}
.web_service li:first-child{ border-left: 1px solid #ddd;}
.web_service li{padding: 55px 2.5% 35px 2.5%;width: 25%;height: 420px;float: left;position: relative;cursor: pointer;box-sizing: border-box;border: 1px solid #ddd;border-left: none;
	transition: all 0.3s;-webkit-transition: all 0.3s; background:#fff;
	}
.web_service li:hover{ background:#035CAC; color:#fff;}	

.web_service .web_ico1{background:url(../images/web_ico1.png) no-repeat top right;}
.web_service li:hover .web_ico1{background:url(../images/web_ico01.png) no-repeat top right;}
.web_service .web_ico2{background:url(../images/web_ico2.png) no-repeat top right;}
.web_service li:hover .web_ico2{background:url(../images/web_ico02.png) no-repeat top right;}
.web_service .web_ico3{background:url(../images/web_ico3.png) no-repeat top right;}
.web_service li:hover .web_ico3{background:url(../images/web_ico03.png) no-repeat top right;}
.web_service .web_ico4{background:url(../images/web_ico4.png) no-repeat top right;}
.web_service li:hover .web_ico4{background:url(../images/web_ico04.png) no-repeat top right;}

.web_service li .title{font-size: 24px;margin-bottom:60px;}
.web_service li .title span {margin-top: 15px;display: block;color:#888; font-size:12px; font-weight:normal; text-transform:uppercase;}
.web_service li:hover span{color:rgba(255,255,255,0.6);}

.web_service li .txt{ line-height:1.8; position:relative; padding-top:25px;}
.web_service li .txt:before {width: 100px;height: 4px;position: absolute;left: 0;top: 0;background: #035CAC;content: "";transition: all 0.3s;-webkit-transition: all 0.3s; margin-bottom:25px;}
.web_service li .txt:after {width: 0;height: 4px;position: absolute;left: 0;top: 0;opacity: 0;visibility: hidden;background: #fff;content: "";transition: all 0.3s;-webkit-transition: all 0.3s;}
.web_service li:hover .txt:after {width: 100px;opacity: 1;visibility: visible;}

/*解决方案*/

.solution{ height: 600px; background: #151515; width: 100%; overflow: hidden;  min-width:1200px;}
.solution-slide{position: relative;}

.solution-slide .hd{ width: 270px; position: absolute; z-index: 2; background: #000000; height: 600px; left: 0; top: 0; color: #fff;}
.solution-slide .hd ul{ margin-top: 30px; }
.solution-slide .hd li{ height: 90px; padding-top: 20px; box-sizing:border-box; position: relative; cursor: default; transition: all .5s;cursor:pointer}
.solution-slide .hd li:after{ content: ""; width: 80%; border-bottom: 1px solid #2A2A2A; position: absolute; left: 10%; bottom: 0; }
.solution-slide .hd li i{ margin-left: 20px; margin-right: 10px; float: left; background: url(../images/fa_icon.png) no-repeat; width: 40px; height: 40px; position: relative; z-index: 2; transition: all .2s;}
.solution-slide .hd li.item-1 i{ background-position: 0 0; }
.solution-slide .hd li.item-2 i{ background-position: -40px 0; }
.solution-slide .hd li.item-3 i{ background-position: -80px 0; }
.solution-slide .hd li.item-4 i{ background-position: -120px 0; }
.solution-slide .hd li.item-5 i{ background-position: -160px 0; }
.solution-slide .hd li.item-6 i{ background-position: -200px 0; }
.solution-slide .hd li.item-1.on i{ background-position: 0 -40px; }
.solution-slide .hd li.item-2.on i{ background-position: -40px -40px; }
.solution-slide .hd li.item-3.on i{ background-position: -80px -40px; }
.solution-slide .hd li.item-4.on i{ background-position: -120px -40px; }
.solution-slide .hd li.item-5.on i{ background-position: -160px -40px; }
.solution-slide .hd li.item-6.on i{ background-position: -200px -40px; }
.solution-slide .hd li:before{background: #035CAC; /* Old browsers */ background: -moz-linear-gradient(left,  #035CAC 0%, #f05251 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left,  #035CAC 0%,#f05251 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right,  #035CAC 0%,#f05251 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#035CAC', endColorstr='#f05251',GradientType=1 ); /* IE6-9 */ content: ""; position: absolute; top: 0; left: 0; bottom: 0; z-index: 1;  width: 0; transition: all .2s;}
.solution-slide .hd li.on:before{ width: 100%; }
.solution-slide .hd li.on:after{ display: none; }
.solution-slide .hd .text{ position: relative; z-index: 2; }
.solution-slide .hd .text h3{ font-size: 16px; margin-bottom: 5px; font-weight:normal;}
.solution-slide .hd .text p{ font-size: 13px; color: #fff; color: rgba(255,255,255,.7); }

.solution-slide .bd{ width: 1920px; margin-left: -320px; }
.solution-slide .bd li.item-1{ background: url(../images/fa_img01.jpg) no-repeat center top; }
.solution-slide .bd li.item-2{ background: url(../images/fa_img02.jpg) no-repeat center top; }
.solution-slide .bd li.item-3{ background: url(../images/fa_img03.jpg) no-repeat center top; }
.solution-slide .bd li.item-4{ background: url(../images/fa_img04.jpg) no-repeat center top; }
.solution-slide .bd li.item-5{ background: url(../images/fa_img05.jpg) no-repeat center top; }
.solution-slide .bd li.item-6{ background: url(../images/fa_img06.jpg) no-repeat center top; }

.solution-slide .container{width:1200px; margin:auto; height: 600px; position: relative; }
.solution-slide .bd .inner{ padding-left: 390px; padding-top: 73px; color: #fff; }
.solution-slide .bd h2{ font-size: 36px; margin-bottom: 38px; font-weight:normal;}
.solution-slide .bd .intro{ font-size: 14px; margin-bottom: 40px;}
.solution-slide .bd .intro dt{ margin-bottom: 15px;font-size:18px; }
.solution-slide .bd .intro dd{ color: #aaa; margin-bottom: 40px; line-height: 1.8;}

.solution-slide .bd .btn-wrap{ overflow: hidden; margin-bottom: 40px;}
.solution-slide .bd .btn-wrap a{ width: 130px; height: 40px; border: 1px solid #fff; color: #fff; line-height: 40px; text-align: center; font-size: 14px; float: left; margin-right: 15px; transition: all .2s;}
.solution-slide .bd .btn-wrap a.btn-2{ background:rgba(255,255,255,0.5); color: #000; }
.solution-slide .bd .btn-wrap a:hover{ background: #035CAC; color: #fff; border-color: #035CAC; opacity: .9; }
.solution-slide .bd .btn-wrap a.btn-2:hover{ background: #035CAC; color: #fff; border-color: #035CAC; opacity: .9; }


/*
.solution-slide .bd .example h3{ margin-bottom: 15px; }
.solution-slide .bd .example li{ float: left; margin-right: 20px; }
*/

/*web 我们可以做得更好*/
.web_ys{ min-width:1200px;}
.web_ys li{position: relative;float: left;width: 25%; height:500px;overflow: hidden;}
.web_ys li img{position: relative;left: 50%;margin-left: -335px;}
.web_ys li .bg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(3,92,172,.66);opacity: 0; filter: alpha(opacity=0); transition: all 0.5s;}
.web_ys li .box{position: absolute;width: 100%; top: 200px; bottom: 0; left: 0;text-align: center; color: #fff;transition: all 0.5s;}
.web_ys li .box .ico{margin: 0 auto;width: 60px;height: 60px;background-position: center;background-repeat: no-repeat;background-size: 100% 100%;transition: all 0.5s;}
.web_ys li .box .ico1{background-image: url(../images/ico11.png);}
.web_ys li .box .ico2{background-image: url(../images/ico12.png);}
.web_ys li .box .ico3{background-image: url(../images/ico13.png);}
.web_ys li .box .ico4{background-image: url(../images/ico14.png);}
.web_ys li .box .ico5{background-image: url(../images/ico15.png);}
.web_ys li .box h3{margin-top: 30px;margin-bottom: 20px;font-size: 20px;font-weight: bold;line-height: 1.5;}
.web_ys li .box p{width: 70%;margin:0 auto;padding-top: 20px;font-size: 14px;line-height: 24px;opacity: 0;filter: alpha(opacity=0);transition: all 0.5s;}
.web_ys li:hover .bg{opacity: 1;filter: alpha(opacity=100);}
.web_ys li:hover .box p{padding-top: 0;opacity: 1;filter: alpha(opacity=100);}
.web_ys li:hover .box{top: 132px;}
.web_ys li:hover .box .ico1{background-image: url(../images/ico11_11.png);}
.web_ys li:hover .box .ico2{background-image: url(../images/ico12_12.png);}
.web_ys li:hover .box .ico3{background-image: url(../images/ico13_13.png);}
.web_ys li:hover .box .ico4{background-image: url(../images/ico14_14.png);}
.web_ys li:hover .box .ico5{background-image: url(../images/ico15_15.png);}

/*流程*/
.web_lc{background: url(../images/testimonial-bg.jpg);min-width: 1200px; background-size: cover;background-position: top; background-attachment: fixed; background-repeat: no-repeat;padding: 10px 0 80px 0;}
.lc_box{ margin-top:20px;}
.lc_box li{text-align:center; color:#FFF; font-size:16px; float:left; width:11.1%}
.lc_box li .lc_ico img{max-width: 40%;transition: all 0.5s;}
.lc_box li:hover .lc_ico img{ transform:rotateY(180deg);}
.lc_box li .lc_bian img{ width:100%;}

/*服务保障*/
.bz_box{}
.bz_box li{float:left; box-sizing:border-box; width:25%; text-align:center; border-right:solid 1px #ddd; margin:30px 0;}
.bz_box li:nth-child(4n){border-right:0;}
.bz_box li img{margin-bottom:15px;}
.bz_box li p{line-height:26px; color:#666; font-size:13px;}
.bz_box li p span{display:block; font-weight:bold; color:#222; font-size:15px;}

/*推荐案例*/
.web_case{}
.web_case ul{}
.web_case li{width:31.3%; margin:0px 1%; float:left;transition: 0.3s all;}
.web_case li:hover{box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);transition: 0.3s all;}
.web_case .case_img{width:100%; display:block; position:relative; }
.web_case .case_img img{width:100%; display:block;}

.web_case .case_txt{border:solid 1px #ddd; border-top:0; padding:20px 6% 15px;}
.web_case .case_txt1{font-size:16px; margin-bottom:10px;}
.web_case .case_txt2{font-size:12px; margin-bottom:15px; color:#888; line-height:20px;}



/*web_news*/
.web_news{}
.web_news ul{}
.web_news li{width:32.3%; height:140px; margin:10px 1.5% 10px 0; padding:25px 20px; box-sizing:border-box;float:left;border:solid 1px #ddd; background:url(../images/ico_02...png) no-repeat 20px 135px #fff;transition: 0.5s all;}
.web_news li:nth-child(3n){ margin-right:0;}
.web_news li:hover{box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);}
.web_news li h2{ font-size:16px; margin-bottom:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.web_news li p{line-height:24px; color:#666;
/*多行文本溢出现实省略号*/
  display: -webkit-box;  /*将对象作为弹性伸缩盒子模型显示 。*/
  display: -moz-box;
  overflow: hidden;   /*溢出隐藏*/
  text-overflow: ellipsis;  /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
  /*word-break: break-all; 文本强制换行*/
  -webkit-box-orient: vertical;  /*文本被水平或垂直排列。*/
  -webkit-line-clamp:2;   /*用来限制在一个块元素显示的文本的行数。*/	
}










/*小程序*/
.bg_hui{background:#f5f5f5; padding:15px 0 60px 0;  min-width:1200px;}


/*小程序唯一性 */
.weiyi{ background:url(../images/duang.png) no-repeat right top; height:110px; padding:40px 0; }
.weiyi .weiyi_wen{float:left;}
.weiyi .weiyi_txt{ float:left;margin: 0 0px 0 30px;}
.weiyi .weiyi_txt h5 { color: #fff;font-size: 30px; font-weight:normal; margin-bottom:10px;}
.weiyi .weiyi_txt h5 strong { font-size: 50px;  margin-right: 20px;}
.weiyi .weiyi_txt p {color: #fff;font-size: 20px;}
.weiyi_kf{ float:right; margin:35px 100px 0 0px;}
.weiyi_kf a{ width:180px; height:50px; line-height:50px; text-align:center; font-size:18px; color:#fff; box-sizing:border-box; border:solid 1px rgba(255, 255, 255, 0.8); display:block;}
.weiyi_kf a:hover{ background:#fff; border:solid 1px #fff; color:#00AD66;}


/*怎么做小程序*/
.slideTxtBox{ width:100%;}
.slideTxtBox .hd{}
.slideTxtBox .hd ul{ width:670px; margin:auto;}
.slideTxtBox .hd ul li{float: left; margin: 0 6px; width: 120px; height: 40px; line-height: 38px;  background: #f8f8f8; border: 1px solid #ddd;  border-radius:2px; font-size:14px;  text-align: center; cursor:pointer;  }
.slideTxtBox .hd ul li.on{background: #00AD66; border: 1px solid #00AD66; box-shadow: 3px 0 10px rgba(72,157,255,.3); color:#fff;}

.slideTxtBox .bd{clear:both; padding-top:46px;}
.slideTxtBox .bd ul{}
.slideTxtBox .bd .pic{width:33%; text-align:center;}
.slideTxtBox .bd .box{width:67%;}
.slideTxtBox .bd .box ul{border-bottom:solid 1px #e8e8e8; padding-bottom:15px;}
.slideTxtBox .bd .box li{margin:10px 0; float: left; width: 25%; font-size: 14px; color: #555; padding:0 25px; box-sizing:border-box;}
.slideTxtBox .bd .box li img{vertical-align: middle; margin-right: 6px;}
.slideTxtBox .bd .box p{ padding:20px 25px; color:#555; line-height:22px;}
.slideTxtBox .bd .box .price{ padding:0 25px;}
.slideTxtBox .bd .box .price dt{float:left; font-weight:bold; line-height:26px;}
.slideTxtBox .bd .box .price dd{float:left; font-size:20px; font-weight:bold; color:#ff6800; margin-right:50px; display:inline-block;}
.slideTxtBox .bd .box .price dd span{font-size:12px; color:#999; font-weight:normal;}
.slideTxtBox .bd .box a{display: block; float:right;width: 142px; height: 42px; line-height: 42px; background: #00AD66; border-radius: 4px; font-size: 18px;  color: #fff; text-align: center; margin-right:25px;}


/*小程序方案*/
.xcx_yy li{width:23%; margin:10px 1%; height:260px;  border:solid 1px #e8e8e8; background:#FFF; box-sizing:border-box;text-align: center;float: left;cursor: pointer;transition: 0.3s all;}
.xcx_yy li:hover{box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);transition: 0.3s all;}

.xcx_yy .xcx_yy_ico{height:140px; line-height:140px;}
.xcx_yy .xcx_yy_ico img{ display:inline-block; vertical-align: middle;}
.xcx_yy li h3{font-size:20px;height:36px; color:#000; font-weight:normal;}
.xcx_yy li p{font-size: 14px;color: #666; line-height:22px; width:80%; margin:auto;}

/*小程序模板展示*/
#certify {position: relative;}

#certify .swiper-container {padding-bottom: 20px;}

#certify  .swiper-slide {width:302px;height:559px; padding-top:70px; box-sizing:border-box; background: url(../images/iphone.png) no-repeat; text-align:center;}
#certify  .swiper-slide img{display:inline-block; width:229px; height:407px;}

#certify .swiper-button-prev {left: 0px;width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 0;background-size: 100%;}
#certify .swiper-button-prev:hover {background-position: 0 -46px;background-size: 100%}
#certify .swiper-button-next {right: 0px;width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 -93px;background-size: 100%;}
#certify .swiper-button-next:hover {background-position: 0 -139px;background-size: 100%}





/*服务流程*/
.xcx_fwlc .steps{ width:1200px; margin:auto;}

.xcx_fwlc .steps ul li{ width: 180px; height: 180px; border-radius: 50%; text-align: center; color:#fff;float: left; margin: 0 30px; box-sizing: border-box; padding: 0 30px; font-size: 14px;line-height: 1.4;}
.xcx_fwlc .steps ul li h4{font-size: 22px;font-weight:bold;padding-top: 50px; padding-bottom: 10px;}
.xcx_fwlc .steps ul li.step1{
    background: -webkit-linear-gradient(-40deg,#5ae6db,#64b4ef);
    background: -o-linear-gradient(-40deg,#5ae6db,#64b4ef); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(-40deg,#5ae6db,#64b4ef); /* Firefox 3.6 - 15 */
    background: linear-gradient(-40deg,#5ae6db,#64b4ef); /* 标准的语法 */
}
.xcx_fwlc .steps ul li.step2{
    background: -webkit-linear-gradient(-40deg,#ffb97d,#ff7985);
    background: -o-linear-gradient(-40deg,#ffb97d,#ff7985); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(-40deg,#ffb97d,#ff7985); /* Firefox 3.6 - 15 */
    background: linear-gradient(-40deg,#ffb97d,#ff7985); /* 标准的语法 */
}
.xcx_fwlc .steps ul li.step3{
    background: -webkit-linear-gradient(-40deg,#81eab2,#14c5ce);
    background: -o-linear-gradient(-40deg,#81eab2,#14c5ce); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(-40deg,#81eab2,#14c5ce); /* Firefox 3.6 - 15 */
    background: linear-gradient(-40deg,#81eab2,#14c5ce); /* 标准的语法 */
}
.xcx_fwlc .steps ul li.step4{
    background: -webkit-linear-gradient(-40deg,#82c3fe,#9182f8);
    background: -o-linear-gradient(-40deg,#82c3fe,#9182f8); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(-40deg,#82c3fe,#9182f8); /* Firefox 3.6 - 15 */
    background: linear-gradient(-40deg,#82c3fe,#9182f8); /* 标准的语法 */
}
.xcx_fwlc .steps ul li.step5{
    background: -webkit-linear-gradient(-40deg,#64b6ee,#5fcbe5);
    background: -o-linear-gradient(-40deg,#64b6ee,#5fcbe5); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(-40deg,#64b6ee,#5fcbe5); /* Firefox 3.6 - 15 */
    background: linear-gradient(-40deg,#64b6ee,#5fcbe5); /* 标准的语法 */
}



/*小程序常见问题*/
.xcx_wt{}
.xcx_wt li{width:25%; float:left; font-size:16px; line-height:60px;}
.xcx_wt li a{}
.xcx_wt li a:hover{ text-decoration:underline;}

.xcx_wt_kf{ text-align:center;}
.xcx_wt_kf a{width:230px; height:50px; line-height:50px; border:solid 1px rgba(255,255,255,0.5); display:inline-block; color:#f3f3f3; font-size:18px;}
.xcx_wt_kf a:hover{background:rgba(255,255,255,0.3);}


/*网站优化*/
.seo_01{font-size:16px; line-height:40px; text-align:center;letter-spacing: 1px;}


.seo02{ width:100%; margin-top:50px; text-align:center;}
.seo02 li{float:left; width:16.66%;}
.seo02 .ico{ width:100%; height:150px; background:url(../images/seo_1.png) no-repeat center center; padding-right:12px; position:relative; z-index:1;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.seo02 .ico:hover{ background-image:url(../images/seo_1_h.png);}
.seo02 img{ height:96px; margin:auto;}
.seo02 .bian{ width:100%; height:1px; background:#ccc; margin-top:-12px;}
.seo02 .title{ width:100%;  margin-top:25px; font-size:18px;}
.seo02 p{ width:100%; margin-top:10px; color:#666; line-height:18px;}


/*优化效果*/
.seo_03{ }
.seo_03 li{width:49%;  margin-bottom:20px; border-radius:5px; background:#fff;}
.seo_03 li a{ display:block;  padding:4%; font-size:15px;}
.seo_03 li p{ font-size:18px; color:#000; font-weight:bold; padding-bottom:8px;}

/*网站优化解决方案*/
.seo_fa {height: 524px;background: #fff;overflow: hidden}
.seo_fa li {float: left;margin-bottom: 20px;position: relative;width: 16.6%;height: 252px;text-align: center;cursor: pointer}
.seo_fa a {display: block;width: 100%;height:100%;position: absolute;top: 0;left: 0;transition: all 2s cubic-bezier(0.4,0,0.2,1) 0s;border-radius: 5px;}

.seo_fa a .bg {position: relative;margin: 64px auto 30px;display: block;width: 80px;height: 80px;border-radius: 10px;overflow: hidden;transition: 0.3s all;}
.seo_fa a:hover .bg {margin: 10px auto 6px; background-color: transparent;background-repeat: no-repeat;background-position: 50%}
.seo_fa a .bg i {display: block;width: 80px;height: 80px;}

.seo_fa a .bg .ico_01 {background-image: url(../images/seo_fa1.png);}
.seo_fa a .bg .ico_02 {background-image: url(../images/seo_fa2.png);}
.seo_fa a .bg .ico_03 {background-image: url(../images/seo_fa3.png);}
.seo_fa a .bg .ico_04 {background-image: url(../images/seo_fa4.png);}
.seo_fa a .bg .ico_05 {background-image: url(../images/seo_fa5.png);}
.seo_fa a .bg .ico_06 {background-image: url(../images/seo_fa6.png);}
.seo_fa a .bg .ico_07 {background-image: url(../images/seo_fa7.png);}
.seo_fa a .bg .ico_08 {background-image: url(../images/seo_fa8.png);}
.seo_fa a .bg .ico_09 {background-image: url(../images/seo_fa9.png);}
.seo_fa a .bg .ico_10 {background-image: url(../images/seo_fa10.png);}
.seo_fa a .bg .ico_11 {background-image: url(../images/seo_fa11.png);}
.seo_fa a .bg .ico_12 {background-image: url(../images/seo_fa12.png);}

.seo_fa a h3 {font-size: 18px; font-weight:normal;}
.seo_fa a:hover h3 {color: #fff;font-weight: bold}
.seo_fa a p {font-size: 12px;color: #fff;margin-top: 12px;line-height: 20px;opacity: 0;}
.seo_fa a:hover p {opacity: 1;}
.seo_fa a .btn {display: block;width: 80px;height: 28px;line-height: 28px;border: 1px solid #fff;color: #fff;border-radius: 3px;font-size: 12px;margin: 15px auto 0; font-style:normal;}


.seo_fa .bg-1:hover,.seo_fa .bg-1 .bg,.bg-12:hover,.seo_fa .bg-12 .bg {
	background: -webkit-linear-gradient(#019bff,#9079ff);
	background: -o-linear-gradient(#019bff,#9079ff);
	background: -moz-linear-gradient(#019bff,#9079ff);
	background: linear-gradient(#019bff,#9079ff)
}

.seo_fa .bg-2:hover,.seo_fa .bg-2  .bg,.seo_fa .bg-11:hover,.seo_fa .bg-11  .bg {
	background: -webkit-linear-gradient(#fd985b,#fd4e5a);
	background: -o-linear-gradient(#fd985b,#fd4e5a);
	background: -moz-linear-gradient(#fd985b,#fd4e5a);
	background: linear-gradient(#fd985b,#fd4e5a)
}

.seo_fa .bg-3:hover,.seo_fa .bg-3  .bg,.seo_fa .bg-10:hover,.seo_fa .bg-10  .bg {
	background: -webkit-linear-gradient(#6986e7,#895ed9);
	background: -o-linear-gradient(#6986e7,#895ed9);
	background: -moz-linear-gradient(#6986e7,#895ed9);
	background: linear-gradient(#6986e7,#895ed9)
}

.seo_fa .bg-4:hover,.seo_fa .bg-4  .bg,.seo_fa .bg-8:hover,.seo_fa .bg-8  .bg {
	background: -webkit-linear-gradient(#ffb104,#ff8252);
	background: -o-linear-gradient(#ffb104,#ff8252);
	background: -moz-linear-gradient(#ffb104,#ff8252);
	background: linear-gradient(#ffb104,#ff8252)
}

.seo_fa .bg-5:hover,.seo_fa .bg-5  .bg,.seo_fa .bg-7:hover,.seo_fa .bg-7  .bg {
	background: -webkit-linear-gradient(#b34efe,#ff3d7f);
	background: -o-linear-gradient(#b34efe,#ff3d7f);
	background: -moz-linear-gradient(#b34efe,#ff3d7f);
	background: linear-gradient(#b34efe,#ff3d7f)
}

.seo_fa .bg-6:hover,.seo_fa .bg-6  .bg,.seo_fa .bg-9:hover,.seo_fa .bg-9  .bg {
	background: -webkit-linear-gradient(#99cc34,#5fcc55);
	background: -o-linear-gradient(#99cc34,#5fcc55);
	background: -moz-linear-gradient(#99cc34,#5fcc55);
	background: linear-gradient(#99cc34,#5fcc55)
}

.seo_fa a:hover .bg {
	background-image: none!important
}


/*定制营销官网*/
.seo_case{ text-align:center;}








/*位置导航*/
.sub_weizhi{ line-height:56px; height:56px; background:#fff; border-bottom:solid 1px #ececec; box-shadow: 0 1px 15px 0 rgba(0,0,0,0.1);min-width:1200px; margin:auto;}
.sub_weizhi .weizhi{background:url(../images/home_ico.png) no-repeat left center; padding-left:25px;  color:#666;}
.sub_nav{}
.sub_nav li{float:left; margin-right:25px; background:url(../images/case9.png) no-repeat right center; padding-right:25px;}
.sub_nav li a {display: block; position: relative;}
.sub_nav li a:before {width: 0;height: 2px;position: absolute;left: 50%;bottom: 0;z-index: 10;transform: translateX(-50%);-webkit-transform: translateX(-50%);background:#035CAC;
content: "";transition: all 0.3s;-webkit-transition: all 0.3s;}
.sub_nav li:hover > a:before {width: 100%;}
.sub_nav li.currclass a,.sub_nav li.currclass a:before{ color:#035CAC; font-weight:bold; width: 100%;}




/*二级页面*/
.page_ban_active .img{width:100%; height:100%; position:absolute; left:0; top:0;opacity:0.8;}

.page_ban_active .img {
	visibility: visible !important;
	-webkit-animation: bgscale 5s forwards cubic-bezier(0.4, 0, 0.49, 0.93);
	animation: bgscale 5s forwards cubic-bezier(0.4, 0, 0.49, 0.93);
}
@-webkit-keyframes bgscale {
from {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
}
@keyframes bgscale {
from {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
}

.page_ban_active .table{ text-align:left}
.page_ban_active h4{ font-size:25px; color:#fff; font-weight:normal; margin-bottom:15px;}
.page_ban_active h2{ font-size:42px; color:#fff; }


.page_ban{ width:100%; max-width:1920px; position:relative;min-width:1200px; margin:90px auto 0 auto; overflow:hidden; background:#000;}
.page_ban img{width:100%; display:block;}

.page_ban img {
    -webkit-animation: banner_inside 5s ease 1 forwards;
       -moz-animation: banner_inside 5s ease 1 forwards;
         -o-animation: banner_inside 5s ease 1 forwards;
            animation: banner_inside 5s ease 1 forwards;
}
@-webkit-keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@-moz-keyframes banner_inside {
    from {
        -moz-transform: scale(1.23);
             transform: scale(1.23);
    }
    to {
        -moz-transform: scale(1);
             transform: scale(1);
    }
}
@-o-keyframes banner_inside {
    from {
        -o-transform: scale(1.23);
           transform: scale(1.23);
    }
    to {
        -o-transform: scale(1);
           transform: scale(1);
    }
}
@keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
           -moz-transform: scale(1.23);
             -o-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}

.page_ban .ban_box{position: absolute;left: 0;top:50%; margin-top:-70px; width:100%;}
.page_ban .ban_box h5{font-size:46px; color:#FFF; text-align:center; font-weight:normal; margin-bottom:15px;}
.page_ban .ban_box p{color:#FFF; text-align:center; font-size:14px;}

.comm_gray{background:rgba(0,0,0,.76); width:100%; height:100%; position:absolute; left:0; top:0; }
.case_gray{background:rgba(0,0,0,.36); width:100%; height:100%; position:absolute; left:0; top:0; }
.menu_gray{background:url(../images/menu_bg.png) repeat-x left top; width:100%; height:140px; position:absolute; left:0; top:0; z-index:9999;}



/*产品服务  推荐服务*/
.title_ny{ text-align:left; margin-bottom:35px}
.title_ny h3{ display:inline-block; margin-bottom:0;font-size:30px; color:#222; font-weight:normal;}
.title_ny h3 small{ vertical-align:middle; margin-left:5px;}
.title_ny h6{ display:inline-block; margin:3px 0 0 8px; font-weight:normal; font-size:14px; color:#8c8d8e;}

.service_list li{ width:23.85%; margin-right:1.5%; height:132px; float:left; padding:25px; margin-bottom:20px;box-sizing:border-box; border:solid 1px #e8e8e8; transition:0.3s all; border-radius:3px;}
.service_list li:nth-child(4n){margin-right:0;}
.service_list li .pic{ width:75px; float:left; padding-top:8px;  transition:0.3s all;}
.service_list li .pic img{ display:block; width:48px;}
/*.service_list li:hover .pic img:nth-child(1){ display:none;}
.service_list li:hover .pic img:nth-child(2){ display:block;}
*/.service_list li .txt p{line-height:22px; color:#666; font-size:12px;
/*多行文本溢出现实省略号*/
  display: -webkit-box;  /*将对象作为弹性伸缩盒子模型显示 。*/
  display: -moz-box;
  overflow: hidden;   /*溢出隐藏*/
  text-overflow: ellipsis;  /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
  /*word-break: break-all; 文本强制换行*/
  -webkit-box-orient: vertical;  /*文本被水平或垂直排列。*/
  -webkit-line-clamp:2;   /*用来限制在一个块元素显示的文本的行数。*/}
.service_list li .txt h3{ font-size:18px; color:#333;  display:block; padding:0px 0 10px 0; font-weight:normal;}

.service_list li:hover .pic{padding-top:0px;}
.service_list li:hover{/*border:solid 1px #035CAC;*/ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);translate3d(0, -3px, 0);-webkit-transform: translate3d(0, -3px, 0);transition: 0.3s all; }
.service_list li:hover .txt h3{ color:#ff4800; }


/*产品服务  模板型*/
.s_sub_nav{height:58px;line-height:58px; border-bottom:solid 1px #e8e8e8; text-align:center; font-size:18px; background:#f8f8f8;}
.s_sub_nav a{display:block; float:left; width:11.1%; border-right:solid 1px #eee; text-align:center; box-sizing:border-box;}
.s_sub_nav a:last-child{border-right:0;}
.s_sub_nav a:hover,.s_sub_nav a.currclass{background:#035CAC; color:#fff;}

.tc_main{ width:90%; min-width:1200px; max-width:1400px; margin:auto;}
.tc_con .left{ width:42%;  float:left;}

#tc_focus{}
#tc_focus .swiper-slide{text-align:center; overflow:hidden; position:relative; background:#000;height:353px;}
/*分页器*/
#tc_focus .swiper-pagination-bullet{width: 9px;height: 9px; display: inline-block; border-radius: 50%; background:rgba(255,255,255,0.66); transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease; opacity: 1.0;}
#tc_focus .swiper-pagination-bullet-active{background:#035CAC;color: #fff;width: 25px;border-radius: 30px;opacity: 1.0;}
#tc_focus .swiper-pagination{bottom:15px;}



.tc_con .right{width:55%; float:right;}

.tc_con .right .taocan_title b{font-size:32px;color:#111; float:left; font-weight:normal; margin-right:10px;}
.tc_con .right .taocan_title span{width: 25px; height: 25px; display:inline-block; color: #ffffff;text-align: center; font-size: 14px;line-height: 25px;font-weight: bold; float:left;}
.tc_con .right .taocan_title .cu{background: #ff6600;margin-top: 10px;}
.tc_con .right .taocan_title .xiao{background: #01cdff;margin-top:5px;}

.tc_con .right .canshu{background:url(../images/conbg_03.jpg); padding:20px; }
.tc_con .right .canshu li{margin-bottom:10px;}
.tc_con .right .canshu li lable{border:1px solid #aaaaaa;line-height:25px;height:25px;width:80px;text-align:center; display:inline-block;color:#555;  margin-right:15px;}
.tc_con .right .canshu li #spanTC{color:#d90024;font-size:25px;font-weight:bold;}
.taocan_titleD,.taocan_titleD:hover{border:1px solid #989898;line-height:25px;height:25px; margin-right:5px; color:#555;background:#ffffff; display:inline-block; padding:0 10px;}
.taocan_titleD-1,.taocan_titleD-1:hover{border:1px solid #d90024;color:#fff;background-color:#d90024; line-height:25px;height:25px; margin-right:5px; display:inline-block;padding:0 10px;}

.tc_con .right .canshu li.a_link1 a{ display:inline-block; width:108px;line-height:33px;color:#666666;background:#ffffff;border:1px solid #666666; text-align:center; margin-right:6px;}
.tc_con .right .canshu li.a_link1 a:hover{color:#FFFFFF;background:#585858;}
.tc_con .right .canshu li.a_link1 a:first-child{ display:inline-block;line-height:33px;color:#FFFFFF;background:#d90024;border:1px solid #d90024; transition:0.3s all;}

/*222*/
.tc_main table{border:solid 1px #ddd;border-collapse:collapse; line-height:25px;}
.tc_main table tr:first-child{font-size:16px;  background:#f5f6f7; text-align:center;}
.tc_main table tr:first-child td{padding-left:0px; height:50px;}
.tc_main table td{ height:40px; padding-left:20px;  color:#666;}
.tc_main table td:first-child{ background:url(../images/c-c3.jpg) repeat-y; }
.tc_main table td:last-child{font-size:12px;}

/*33333333*/
.tc_liucheng{ margin-top:25px;}
.tc_liucheng li{float: left; width:16.6%; text-align:center;} 
.tc_liucheng li .icon {width: 86px;height: 86px;display: inline-block;}
.tc_liucheng li .title{ font-size:18px; margin-bottom:5px;}
.tc_liucheng li .content{ color:#666;}
.tc_liucheng li:hover img{transform: rotateY(360deg);transition: 0.9s;}


/*4444*/
.tc_zl{ }
.tc_zl li{ float:left; width:45%;}
.tc_zl li:nth-child(1){ background:url(../images/bg-bg_03.jpg) no-repeat right bottom;}
.tc_zl li:nth-child(2){width:10%; text-align:center;}
.tc_zl li:nth-child(3){ background:url(../images/bg-bg_05.jpg) no-repeat right bottom;}
.tc_zl li h5{border-bottom:solid 1px #ddd; font-size:22px; font-weight:normal; height:42px; margin-bottom:25px;}
.tc_zl li h5 span{border-bottom:solid 2px #d90024; height:41px; display:inline-block;}
.tc_zl li p{line-height:30px; padding-left:5px;}

/*555*/
.tc_faq ul{background-image:url(../images/z05-zuowangzhan-nav.png);background-repeat:no-repeat;background-position:55px 6px;height:570px;padding-left:100px}
.tc_faq ul li{height:120px}
.tc_faq ul li h3{font-size:16px;font-weight:700;line-height:32px; height:32px;color:#fff;}
.tc_faq ul li p{ line-height:24px;color:#555;margin-top:5px;color:#ccc; text-indent:28px; text-align:justify;}


.taocan_zc{line-height:38px;height:38px;width:500px;color:#fff;font-size:16px;background:#035CAC;text-align:center;border-radius:38px;margin:0 auto; }


/*案例内容页*/
.page_ban .work_box{position: absolute;left: 0;top:50%; margin-top:-70px; width:100%; font-family:"黑体";}
.page_ban .work_box h2{font-size:39px; color:#FFF; font-weight:normal;}
.page_ban .work_box h2:after{content:"";display: block;width:25px;background:rgba(255,255,255,.5);height:2px; margin:15px 0 35px 0;}
.page_ban .work_box p{color:#FFF; font-size:16px;}

.page_ban .work_box a {display: inline-block; border: 1px solid #fff; width: 43px; height: 43px;border-radius: 50%; position: relative; overflow: hidden; transition: all 0.3s ease 0s; margin-top:60px;}
.page_ban .work_box a:hover { border: 1px solid #fff;background-color: #fff;}
.page_ban .work_box a i {display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; transition: all 0.3s ease 0s; background: url(../images/ico_07.png) no-repeat center;}
.page_ban .work_box a:hover i {background: url(../images/ico_07_h.png) no-repeat center;}
.page_ban .work_box .bg {display: block;width: 0; height: 0; left: 50%; top: 50%; transition: all 0.3s ease 0s; position: absolute; border-radius: 50%;}
.page_ban .work_box a:hover .bg {width: 100%;height: 100%;top: 0;left: 0;background-color: #fff;}

.work_info1{width:40%; height:652px; background:#fff; padding:60px 5% 0 5%; font-family:"黑体"; box-sizing:border-box;}
.work_info1 h2{ font-size:28px; margin-bottom:25px;}
.work_info1 h5{ font-size:20px; font-weight:normal;}
.work_info1 h5:after{content:"";display: block;width:10px;background:#999;height:2px; margin:15px 0 25px 0;}
.work_info1 p{ line-height:26px; text-align:justify; color:#666; margin-bottom:40px;font-size: 14px; }

.work_info1 .link_box {margin-top:36px;}
.work_info1 .link_box a {display: inline-block; border: 1px solid #aaa; width: 43px; height: 43px;border-radius: 50%;float: left; margin-right: 24px; position: relative; overflow: hidden; transition: all 0.3s ease 0s;}
.work_info1 .link_box .link1 i { background: url(../images/ico_07_h.png) no-repeat center;}
.work_info1 .link_box .link2 i { background: url(../images/ico_06.png) no-repeat center;}
.work_info1 .link_box  i {display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; transition: all 0.3s ease 0s;}
.work_info1 .link_box .bg {display: block;width: 0; height: 0; left: 50%; top: 50%; transition: all 0.3s ease 0s; position: absolute; border-radius: 50%;}

.work_info1 .link_box a:hover { border: 1px solid #035CAC;background-color: #035CAC;}
.work_info1 .link_box a:hover .bg {width: 100%;height: 100%;top: 0;left: 0;background-color: #035CAC;}
.work_info1 .link_box a.link1:hover i {background: url(../images/ico_07.png) no-repeat center;}
.work_info1 .link_box a.link2:hover i {background: url(../images/ico_06_h.png) no-repeat center;}

.work_info2{width:60%; min-width:631px; height:652px; background:url(../images/case_show_bg.png) no-repeat center center #f2f2f2; font-family:"黑体"; box-sizing:border-box;}
.work_info2 .pic{width:590px; height:327px; overflow:hidden; margin:auto; margin-top:76px; position:relative;}
.work_info2 .pic img{width:100%; display:block;}





/*案例上一篇下一篇*/
.bot-paging {width:100%;max-width:1920px;padding:0 5px;box-sizing:border-box; position: fixed; z-index: 20;
  transition: all 0.3s ease 0s; height:46px; bottom: 360px;}
.bot-paging .link-info {
  display: block;
  width: 46px;
  height: 46px;

  overflow: hidden;
  transition: width 0.3s ease 0s;
}
.bot-paging .link-info .link-ico {
  display: block;
  width: 46px;
  height: 46px;
  position: relative;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 50%;transition: all 0.3s ease 0s;
}
.bot-paging .link-info .link-ico:hover,.bot-paging .retun-list .chunk-box:hover{background-color: #035CAC;transition: all 0.3s ease 0s;}
.bot-paging .link-info i {
  display: block;
  width: 100%;
  height: 100%;
}
.bot-paging .prev i {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/ico_23.png) no-repeat center;
}
.bot-paging .next i {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/ico_24.png) no-repeat center;
}

.bot-paging .retun-list {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  transition: all 0.3s ease 0s;
  overflow: hidden;
}
.bot-paging .retun-list .chunk-box {
  display: block;
  width: 46px;
  height: 46px;
  float: right;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
  background: url(../images/ico_26.png) no-repeat center rgba(0, 0, 0, 0.15);transition: all 0.3s ease 0s;
}


/*案例展示*/
.web_list{}
.web_list ul{}
.web_list li{width:23.8%; margin:0px 0.6% 20px 0.6%; float:left;transition: 0.3s all; background:#fff; font-family:"黑体";}
/*.web_list li:nth-child(3n){ margin-right:0;}*/
.web_list li:hover{box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);transition: 0.3s all;}

.web_list li .img_box{width:100%; display:block; position:relative; overflow:hidden;}
.web_list li .img_box img{width:100%; display:block;transition: 0.5s all;}
.web_list li .img_box:hover img{ -webkit-transform:scale(1.1); moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}

.web_list li .cont_box{width:100%;padding: 12px 5% 8px;border: 0px solid #f2f2f2; border-top:0; box-sizing:border-box;}
.web_list li .cont_box .stit{ font-size:18px; line-height:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.web_list li .cont_box .lab_font{ line-height:28px; font-size:12px; color:#666;}
.web_list li .cont_box .bot_link { margin-top: 8px; border-top: 1px solid #e5e5e5;line-height: 36px; display: block;}
.web_list li .cont_box .point {display: inline-block; width: 24px; height: 36px; background: url(../images/ico_02.png) no-repeat center;transition: 0.3s all;}
.web_list li .cont_box .bot_link:hover .point {background: url(../images/ico_02_h.png) no-repeat center;}


/*图文列表页*/
.pic_art_list{}
.pic_art_list dl{ padding:25px 30px; border-bottom:solid 1px #dedede; transition: all .3s;}
.pic_art_list dl:hover{ background:#f8f8f8;box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);}
.pic_art_list dt{ width:360px; height:210px; overflow:hidden}
.pic_art_list dt img{width:100%;}
.pic_art_list dd{width:700px;}
.pic_art_list dd h5{ font-size:18px; margin:10px 0 20px 0;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.pic_art_list dd h5 a:hover{color:#035CAC;}
.pic_art_list dd p{text-align:justify; line-height:24px; color:#666; margin-bottom:25px;}

.pic_art_list dl dd i{font-size:12px; font-style:normal; height:35px; line-height:35px; margin-right:20px; display:inline-block; color:#666; float:left;}
.pic_art_list dl dd i.n_time{ background:url(../images/n_time.png) no-repeat left center; background-size:23px auto; padding-left:30px;}
.pic_art_list dl dd i.n_tags{ background:url(../images/tags_pic.png) no-repeat left center; background-size:23px auto; padding-left:30px;}

.pic_art_list .news_more {width: 105px;height:32px;line-height:32px;background: #ddd; display: block;text-align: center;margin-top:20px; font-size:12px; color:#666;}
.pic_art_list .news_more:hover{ background:#035CAC; color:#fff;}


/* 新闻内容页 */
.dot {background: url(../images/dot.png) no-repeat center;height: 36px;padding: 25px 0;}
.newsCon{overflow: hidden;background: #f8f8f8; width:1080px; margin:auto; padding:60px 80px 20px 80px; box-sizing:border-box; border-radius:5px;}
.ntitle{padding:0px 0px 15px 0px;text-align: center;border-bottom: 1px solid #ddd; margin-bottom:20px;}
.ntitle h2{font-size: 24px;margin-bottom: 18px;}
.ntitle span{font-size: 12px; color: #666;padding: 0 10px;}

.neirong{line-height: 30px; text-align:justify;overflow: hidden;}
.neirong img{max-width:95%;}
.neirong p{margin-bottom: 10px;font-size: 15px;}

/*内容页上下页*/
.plist {overflow: hidden; padding: 40px 0; border-top:solid 1px #ddd;}
.plist .prev { float: left; width: 50%; }
.plist .prev a { background: url("../images/arr_circle_left.png") no-repeat left center; height: 25px; line-height: 25px; text-indent: 35px; }
.plist .prev a:hover { text-decoration: underline; background: url("../images/arr_con2.png") no-repeat left center; }
.plist a { font-size: 13px; color: #161616; display: block; }
.plist .next { float: right; width: 50%; }
.plist .next a { background: url("../images/arr_circle.png") no-repeat right center; height: 25px; line-height: 25px; padding-right: 35px; text-align: right; }
.plist .next a:hover { text-decoration: underline; background: url("../images/arr_con.png") no-repeat right center; }


/*404*/
.page_msg {padding: 50px;background: #f8f8f8;  border-radius:5px;}
.page_msg h5 { line-height: 60px;border-bottom: 1px solid #ddd;margin-bottom: 10px; font-size:25px; text-align:center;}
.page_msg_con {color: #999; line-height:40px; text-align:center;padding: 25px 0;}
.page_msg_con i {font-size:100px;color: #ddd; margin-bottom:10px;}




/*新版分页*/
.search-pagination{text-align:center; margin:0px 0 0px 0;}
.pagination li {display: inline-block;margin:0 3px;background-color: #fff;transition: 0.3s;box-shadow: 2px 2px 20px rgba(0,0,0,.05); }
.pagination li a{display: inline-block;font-size: 16px;width: 50px;height: 50px;line-height: 50px;color: #555;box-sizing: border-box; transition:0.3s all; border-radius:3px;}
.pagination li.active a,.pagination li  a:hover{color: #fff !important;background-color:#035CAC;}



/*分页*/
.mypages{margin:25px 0 10px 0; text-align:center; height:50px; line-height:50px;}
.mypages a{ background: #e8e8e8 ; padding:8px 15px; color:#666; font-size:14px; border-radius:3px;}
.mypages a.curr,.mypages a:hover{background:#035CAC;  color:#FFFFFF;}

/*分页1*/
.mypages1{margin:25px auto 10px auto; text-align:center; height:50px; line-height:50px;min-width:1200px;}
.mypages1 a{padding:6px 6px; color:#888; font-size:28px; font-family: "novecento_widelight";}
.mypages1 a.curr,.mypages a:hover{color:#000;}


/*分页2*/
.mypage_2{font-size: 0;text-align: center;overflow: hidden;}
.mypage_2 > *{ box-sizing:border-box;color: #666;width: 42px;height: 42px;line-height: 40px;background: #fff; border:solid 1px #e8e8e8; border-left:0;}
.mypage_2 a, .mypage_2 .curr{font-family: arial;font-size: 16px;display: inline-block;vertical-align: top;}
.mypage_2 .curr,.mypage_2 a:hover{background-color: #eee; color:#666;}
.mypage_2 .pre,.mypage_2 .nex{font-size: 12px;font-family: "microsoft yahei";width: 64px;text-align: center;}
.mypage_2 > *:first-child,.mypage_2 > *:last-child{font-size: 12px; width: 64px;text-align: left;background-repeat: no-repeat;}
.mypage_2 > *:first-child {padding-left: 26px;border-left: solid 1px #e8e8e8;background-position: 12px center;background-image: url(../images/pre_pic.png); border-bottom-left-radius:5px;border-top-left-radius:5px;}
.mypage_2 > *:last-child {padding-left: 12px;background-position: 47px center;background-image: url(../images/nex_pic.png);border-bottom-right-radius:5px;border-top-right-radius:5px;}




/*筛选分页*/
#fenye{ margin:10px;}
#fenye table{ margin:auto;}
#fenye .prev,#fenye .next{text-align:center;}
#fenye a.curr,#fenye a:hover{background:#035CAC;  color:#FFFFFF;}
#fenye a{background:#e8e8e8; padding:8px 15px; color:#333; font-size:14px; border-radius:3px;}

/*Tag*/
.news_left{width:900px;}
.news_right{ width:280px;}
.news_main{width:100%; border:solid 1px #e8e8e8; padding:20px; box-sizing:border-box;}
.news_main .tit{font-size:15px; border-bottom:solid 1px #ddd; height:36px; font-weight:bold;}

.side_box{ margin-bottom:20px; border:solid 1px #ddd; padding:15px 10px 10px 10px; box-sizing:border-box;}
.side_box h5{font-size:15px; color:#000; height:36px; border-bottom:solid 1px #ddd; background:url(../images/hot.png) no-repeat left 3px; padding-left:50px;}
.side_box h6{font-size:15px; color:#000; height:36px; border-bottom:solid 1px #ddd;}

.tags_a{ margin-top:10px;}
.tags_a a{padding:5px 10px;  border-radius:5px; display:inline-block; margin-top:5px;}
.tags_a a:hover{ background:#035CAC; color:#fff;}

/*tags分页*/
.tag_list{}
.tag_list dl{ padding:20px 20px; height:140px; border-bottom:dashed 1px #CCCCCC;transition:all 300ms ease-out 0s;}
.tag_list dl:hover{box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);transition:all 300ms ease-out 0s; background:#f8f8f8;}
.tag_list dl dt{ width:240px; margin-right:20px; height:100%; overflow:hidden; float:left;}
.tag_list dl dt a{width:100%; height:100%; display:block; overflow:hidden;}
.tag_list dl dt img{width:100%;}

.tag_list dl dd{}
.tag_list dl dd h5{line-height:40px; font-size:16px; margin-bottom:5px;}
.tag_list dl dd p{  line-height:24px; color:#666; font-size:13px; margin-bottom:10px;}
.tag_list dl dd i{font-size:12px; font-style:normal; height:35px; line-height:35px; margin-right:20px; display:inline-block; color:#666; float:left;}
.tag_list dl dd i.n_time{ background:url(../images/n_time.png) no-repeat left center; background-size:23px auto; padding-left:30px;}
.tag_list dl dd i.n_tags{ background:url(../images/tags_pic.png) no-repeat left center; background-size:23px auto; padding-left:30px;}



/*新闻资讯*/
/*焦点图*/
.newbg_left{width:830px;height:360px;float:left; overflow:hidden;}
#newbanner {width:830px;  position:relative; z-index:9;}
/*焦点图*/
	#newbanner .swiper-slide{text-align:center; overflow:hidden; position:relative; background:#000;height:360px;}
	#newbanner .swiper-slide .img{width:100%; height:100%;
background-size: cover !important;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);opacity:0.8;
}
#banner .swiper-slide-active .img {
	visibility: visible !important;
	-webkit-animation: bgscale 5s forwards cubic-bezier(0.4, 0, 0.49, 0.93);
	animation: bgscale 5s forwards cubic-bezier(0.4, 0, 0.49, 0.93);
}
@-webkit-keyframes bgscale {
from {
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
}
@keyframes bgscale {
from {
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
}
/*文本*/
#newbanner .txt {
	position: absolute;
	left: 0;
	top: 50%; margin-top:-35px;
	width: 100%;
transition: .8s;
}

#newbanner .txt span {
	font-size: 18px; letter-spacing:5px;
	color: rgba(255,255,255,0.8);
	text-transform: uppercase;
	display: block;
	margin-top: 1.5rem;
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
	transition: .6s;
}
#newbanner .txt p {
	
	font-size:36px;
	
	color: #fff;
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
	transition: .6s;
}
#newbanner .swiper-slide-active span {
	-webkit-animation: tranbot 1.5s forwards cubic-bezier(0.4, 0, 0.49, 0.93);
	animation: tranbot 1.5s forwards cubic-bezier(0.4, 0, 0.49, 0.93);
}
#newbanner .swiper-slide-active p {
	-webkit-animation: tranbot 1.5s forwards cubic-bezier(0.4, 0, 0.49, 0.93);
	animation: tranbot 1.5s forwards cubic-bezier(0.4, 0, 0.49, 0.93);
}

@-webkit-keyframes tranbot {
from {
-webkit-transform: translateY(150px);
transform: translateY(150px);
opacity:0;
}
to {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity:1.0;
}
}
@keyframes tranbot {
from {
-webkit-transform: translateY(150px);
transform: translateY(150px);
opacity:0;
}
to {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity:1.0;
}
}

/*分页器*/
	#newbanner .swiper-pagination{text-align:center;}
	#newbanner .swiper-pagination-bullet{width:25px;height: 2px; display: inline-block; border-radius:0; background: rgba(255,255,255,0.3);  opacity:1; margin-right:10px;}
	#newbanner .swiper-pagination-bullet-active{  background: rgba(255,255,255,0.8);}
	#newbanner .swiper-pagination{bottom:25px;}


/*banner右侧开始表单*/
.newbg_right{width:350px;height:360px;background:url(../images/im_bg_jsfwtd.png) no-repeat center;}
.new_table {display:block;width:350px;height:80px; margin-bottom:20px;}
.new_table h6{font-size: 23px;line-height: 80px;color: #ffffff;text-align: center;font-weight:normal; padding-top:20px;}
.new_table1{width:350px;height:150px;}
.new_table1 li{width:350px;height:49px;}
.new_table1 li input{border: none;line-height: 46px;width: 85%; height: 46px;border-radius: 3px;background: #ffffff;margin-left:26px; outline:none; padding-left:20px; box-sizing:border-box;}
.new_table1 #btn {border: none;line-height: 46px;width: 85%; height: 46px; cursor:pointer;border-radius: 3px;background: -webkit-gradient(linear, left top, right top, from(#f7cd6e), to(#ff8f2c));padding-left:0px; color: #fff;margin-left:26px;font-size:18px;}
.new_table1 #btn:active{opacity: 0.8;}

/*新闻内容左边开始*/
.new_left{width:830px; float:left; }
.new_title{display:block; font-size: 22px;  font-weight: bold;margin-top:35px;}
.new_title span{margin-right:25px;}
.new_title a{font-size:16px; font-weight:normal; border-radius:20px; padding:5px 15px;}
.new_title a.currclass{ background:#2faaff; color:#fff; }
.new_list li{height:160px;margin:40px 0;}
.news_img{width:260px;height:160px;float:left; overflow:hidden; background:#000;}
.news_img img{max-height:100%;min-width:100%;  opacity:0.9;}
.new_content{width:540px; float:right;}
#new_biaoti{display:block;font-size:18px;margin-top:15px; font-weight:bold;}
.new_content p{height: 56px;font-size: 13px;line-height: 28px;color: #666666;margin: 10px 0;display: block;overflow: hidden;}
.new_time{display:block; height:28px;}
.new_time b{ font-size: 13px;line-height: 28px;color: #666666;font-weight:normal;}
.new_content b em{float: right; font-style:normal;}

.new_list .new_list1 i{font-size:12px; font-style:normal; height:35px; line-height:35px; margin-right:20px; display:inline-block; color:#666; float:left;}
.new_list .new_list1 i.n_time{ background:url(../images/n_time.png) no-repeat left center; background-size:23px auto; padding-left:30px;}
.new_list .new_list1 i.n_tags{ background:url(../images/tags_pic.png) no-repeat left center; background-size:23px auto; padding-left:30px;}


/*新闻内容右边开始*/
.new_list2{width:350px; float:right; }
.new_rmfw{height:30px;margin-top:30px;}
.new_rmfw span{display:block;width: 4px;height: 30px;background: #30c8c6;float:left;}
.new_rmfw b{font-size: 23px;line-height: 30px;color: #333333;font-weight: bold;padding-left:20px;}
.rmfw_img { position: relative; width: 100%;height: 238px;border-radius: 3px;background-color: #000;top:20px;}
.rmfw_img img {position: relative;width: 100%;height: 100%; }
.wbox {width: 100%;height: auto;border-radius: 0;background-color: rgba(0, 0, 0, 0.6);position: absolute; bottom: 0;left: 0;}
.wbox p {font-size: 15px;line-height: 24px;color: #ffffff;padding: 16px 24px;}
.wbox p a {color: #ffffff;}
.wbox p  :hover {color:#30c8c6;}


/*时间线*/

.timeline {position: relative;width:350px;top:20px;}
.timeline li {position: relative;z-index: 1;height: 70px;padding-left: 45px;margin-top:15px;}
.timeline li .tit {font-size: 13px;line-height: 22px;color: #333333;margin-bottom: 8px;}
.sel {color: #30c8c6;text-decoration: underline;}
.timeline li p {font-size: 13px;line-height: 22px;color: #666666;}
.timeline li:before {content: '';width: 10px;height: 10px;border-radius: 50%;background-color: #ffffff;border: 3px solid #b4ebea;position: absolute;left: 12px;top: 2px;}
.timeline .line {width: 0;height: 76%;border-radius: 0;background-color: #ffffff;border: 1px dashed #b4ebea;position: absolute;left: 19px;top: 10px;}

/*正方形广告*/
.ad{width:350px;height:200px;margin-top:30px;border-radius:4px;background:#CC6699;}
.ad img{width:350px;height:200px;border-radius:4px;}


.tjwz li{height:88px;margin-top:20px;}
.tjwz_img{width:130px;height:88px;border-radius:0px;overflow:hidden;float:left; background:#000;}
.tjwz_img img{max-height:100%;min-width:100%; opacity:0.9; display:block;}
.tjwz b{display:block;width:198px;height:44px;float:right;font-size: 14px;line-height: 22px;color: #333333;font-weight:normal;margin-bottom:5px;margin-top:10px;}
.tjwz em{font-style:normal;font-size:13px;padding-left:20px;color:#666666;}


/*新闻内容页开始*/
.weizhi{min-width:1200px;line-height:60px;background:#f5f5f5;}

/*新闻内容页左边*/
.page_main{width:820px; float:left;}

/*==============新闻详情=====================*/
.n_article { min-height:730px; padding-top:50px;}

.n_article .ar_title{  padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #eee; }
.n_article .ar_title h1{ font-size:25px ; padding-bottom:25px;}

.items_time{color:#999;font-size:13px;font-weight:normal;}
.items_time span{color:#ddd;margin-left:10px;}
.items_time em{font-style:normal;padding-left:10px;}

.n_article .info{ font-size:13px; color:#888; line-height:30px; margin-bottom:25px;}

.n_article .ar_article{font-size:15px; line-height: 30px; min-height:160px; margin-top:25px; color:#555;}
.n_article .ar_article p{font-size:15px;  padding-bottom: 15px; text-indent:2em;}
.n_article .ar_article img{max-width: 90%;}
.n_article .ar_article a{color:blue;}

.xg_news{ margin-top:50px;}
.xg_news li{width:260px; float:left; margin:0 20px 20px 0;} 
.xg_news li:nth-child(3n){margin-right:0;}
.xg_news li .pic{width:100%; height:160px; overflow:hidden; background:#000; margin-bottom:10px;}
.xg_news li .pic img{max-height:100%;min-width:100%; opacity:0.9; display:block;}
.xg_news li p{line-height:22px;}




/*关于我们*/
.about_01{width:60%; height:580px; background:#fff; padding:76px 13% 0 8%; box-sizing:border-box;}
.about_01 .p001 img{height:66px; display:block;}
.about_01 .p002{font-size: 56px;line-height: 60px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;margin-top: 0px; font-weight:600; }
.about_01 .p003{ margin-top:0px; font-size:18px; line-height:36px; font-family:"黑体"; color:#3e3c36;}
.about_01 .p004{line-height:28px; color:#666;font-family:"黑体"; text-align:justify; margin-top:36px;}

.about_01 .link_box {margin-top:36px;}
.about_01 .link_box a {display: inline-block; border: 1px solid #aaa; width: 43px; height: 43px;border-radius: 50%;float: left; margin-right: 24px; position: relative; overflow: hidden; transition: all 0.3s ease 0s;}
.about_01 .link_box .link1 i { background: url(../images/ico_01.png) no-repeat center;}
.about_01 .link_box .link2 i { background: url(../images/ico_06.png) no-repeat center;}
.about_01 .link_box  i {display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; transition: all 0.3s ease 0s;}
.about_01 .link_box .bg {display: block;width: 0; height: 0; left: 50%; top: 50%; transition: all 0.3s ease 0s; position: absolute; border-radius: 50%;}

.about_01 .link_box a:hover { border: 1px solid #035CAC;background-color: #035CAC;}
.about_01 .link_box a:hover .bg {width: 100%;height: 100%;top: 0;left: 0;background-color: #035CAC;}

.about_01 .link_box a.link1:hover i {background: url(../images/ico_01_h.png) no-repeat center;}
.about_01 .link_box a.link2:hover i {background: url(../images/ico_06_h.png) no-repeat center;}

.about_02{width:40%; height:580px; background:#333;padding:76px 2% 0 5%; box-sizing:border-box; font-family:"黑体";}
.about_02 .p001{font-size: 25px;line-height: 46px; font-weight:bold; color:rgba(255,255,255,0.88);}
.about_02 .p002{font-size:18px; margin-top:36px; color:rgba(255,255,255,.5);}
.about_02 .p003{margin-top:36px; line-height:32px;color:rgba(255,255,255,.5);}

/*---------------*/
.ganxie{ position:relative; overflow:hidden;  text-align:center;}
.ganxie img{width:100%; display:block;}
.ganxie a {display: inline-block; border: 1px solid #fff; width: 43px; height: 43px;border-radius: 50%; position: relative; overflow: hidden; transition: all 0.3s ease 0s; opacity: 0; filter: alpha(opacity=0); margin-top:50px;}
.ganxie:hover a{ margin-top:0; opacity: 1; filter: alpha(opacity=100);}
.ganxie a:hover { border: 1px solid #fff;background-color: #fff;}
.ganxie a i {display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; transition: all 0.3s ease 0s; background: url(../images/ico_03_h.png) no-repeat center;}
.ganxie .bg {display: block;width: 0; height: 0; left: 50%; top: 50%; transition: all 0.3s ease 0s; position: absolute; border-radius: 50%;}
.ganxie a:hover .bg {width: 100%;height: 100%;top: 0;left: 0;background-color: #fff;}
.ganxie a:hover i {background: url(../images/ico_03.png) no-repeat center;}


/*------------*/
.about_03{width:49.2%; overflow:hidden; position:relative;  font-family:"黑体";}
.about_03 img{width:100%; display:block;transition:all 500ms ease-out 0s;}
.about_03 .gray_bg{display: block;width: 100%; height:100%; position: absolute;top: 0;left: 0; background:rgba(0,0,0,.6);transition: all 0.3s ease 0s; opacity: 0; filter: alpha(opacity=0);}
.about_03:hover .gray_bg{opacity: 1; filter: alpha(opacity=100);}
.about_03:hover img{ -webkit-transform:scale(1.2); moz-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2);}
.about_03 .text-inner{ width:100%; padding:5%; box-sizing:border-box; color:#fff; position:absolute; left:0; bottom:-80px; transition:all 500ms;opacity: 0; filter: alpha(opacity=0);}
.about_03:hover .text-inner{bottom:0px;opacity: 1; filter: alpha(opacity=100);}
.about_03 .text-inner h3{font-size:20px;}
.about_03 .text-inner h3:after{content:"";display: block;width:25px;background:#fff;height:2px; margin:15px 0 15px 0;}
.about_03 .text-inner p{ width:86%; line-height:24px; text-align:justify;}

/*---------*/
.bg_number{background: url(../images/bg_number.jpg);min-width: 1200px; height:360px; background-size: cover;background-position: top; background-attachment: fixed; background-repeat: no-repeat;padding: 10px 0 80px 0;}

/* 数字变换css */
.product-number-info {position: relative; height:120px;}
.product-number-info .product-number-inner {}
.product-number-info ul {padding: 20px 0;}
.q {zoom: 1; }
.product-number-info li {float: left;  width: 25%; height: 80px; border-left: 0px solid #d8d8d8; box-sizing:border-box; text-align:center; color:#fff; padding-top:90px;}
.product-number-info li.li-1{background:url(../images/youshi1.png) no-repeat center center; background-size:auto 80px;}
.product-number-info li.li-2{background:url(../images/youshi2.png) no-repeat center center; background-size:auto 80px;}
.product-number-info li.li-3{background:url(../images/youshi3.png) no-repeat center center; background-size:auto 80px;}
.product-number-info li.li-4{background:url(../images/youshi4.png) no-repeat center center; background-size:auto 80px;}

.product-number-info li:first-child { border: none;}
.product-number-info li b {font-weight: 600;font-size: 36px;line-height: 1;display: inline-block;position: relative;margin: 10px 0 5px;}
.product-number-info li p {font-size: 14px; }
.product-number-info li b i { font-style:normal;}
.product-number-info li b sup {position: absolute;font-size: 20px; right: -20px;top: -3px;}
.product-number-info li b span {position: absolute; font-weight:normal; font-size:14px; right: -20px;top: 20px;}

/*------*/
.box_con{ background:#fff; font-family:"黑体";transition:all 300ms ease-out 0s;}
.box_con:hover{box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);}
.box_con .box_w01{width:33%;}
.box_con .box_w011{width:67%;}
.box_con .box_w02{width:40%;}
.box_con .box_w022{width:60%;}

.box_con .box_01{ padding:50px 5% 0 5%; box-sizing:border-box;}
.box_con .box_01 h5{ font-size:28px; }
.box_con .box_01 h5:after{content:"";display: block;width:15px;background:#ccc;height:2px; margin:15px 0 15px 0;}
.box_con .box_01 p{line-height:24px; margin-top:25px; color:#666;}

.link_a{margin-top:10%;}
.link_a a {display: inline-block; border: 1px solid #aaa; width: 43px; height: 43px;border-radius: 50%; position: relative; overflow: hidden; transition: all 0.3s ease 0s;}
.link_a a:hover { border: 1px solid #035CAC;background-color: #035CAC;}
.link_a .bg {display: block;width: 0; height: 0; left: 50%; top: 50%; transition: all 0.3s ease 0s; position: absolute; border-radius: 50%;}
.link_a a:hover .bg {width: 100%;height: 100%;top: 0;left: 0;background-color: #035CAC;}

.link_a a i {display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; transition: all 0.3s ease 0s;}
.link_a a.link_arr i{background: url(../images/ico_03.png) no-repeat center;}
.link_a a.link_arr:hover i {background: url(../images/ico_03_h.png) no-repeat center;}

.link_a a.link_mail i{background: url(../images/ico_01.png) no-repeat center;}
.link_a a.link_mail:hover i {background: url(../images/ico_01_h.png) no-repeat center;}

.link_a a.link_kf i{background: url(../images/ico_06.png) no-repeat center;}
.link_a a.link_kf:hover i {background: url(../images/ico_06_h.png) no-repeat center;}



.box_con .box_02{position:relative; overflow:hidden;}
.box_con .box_02 img{width:100%; display:block;transition:all 500ms ease-out 0s;}
.box_con .box_02 .gray_bg{display: block;width: 100%; height:100%; position: absolute;top: 0;left: 0; background:rgba(0,0,0,.6);transition: all 0.3s ease 0s; opacity: 0; filter: alpha(opacity=0); cursor:pointer;}
.box_con .box_02:hover .gray_bg{opacity: 1; filter: alpha(opacity=100);}
.box_con .box_02:hover img{ -webkit-transform:scale(1.2); moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}




/*营销型网站*/
.yingxiao h1{text-align:center;}
.yingxiao span{display:block;width:80px;height:2px;margin:20px auto;background:#035CAC;}
.yingxiao h3{text-align:center;}
.yingxiao li{width:33.3%;height:500px;float:left; margin-top:50px;}


.tupian li {text-align:center;}
.wenzi{background:url(../images/yingxiao_55-04.jpg) no-repeat;}
.wz1{margin:15px 50px;}
.wz1 p{font-size:14px;line-height:26px;color:#d81d07;}
.wz2{margin:220px 50px;}
.wz2 p{font-size:14px;line-height:26px;color:#222222;}
.wenti{height:330px;margin-top:70px;}
.tp{float:left; height:350px;}
.tp-right{float:right;width:700px;height:330px;}
.tp-right p{font-size:20px;color:#333;text-align:right;margin-top:90px;}
.tp-right h5{font-size: 36px;color: #333;font-weight: bold;margin-top: 17px;margin-bottom: 17px;text-align:right;}
.tp-right h5 span{display: block;font-size: 14px;color: #9f9f9f;margin-top: 5px;font-weight: normal;text-align:right;}
.tp-right h4{font-size: 28px;color: #fff;font-weight: normal;background: url(../images/yy.png) no-repeat center;width: 565px;height: 60px;line-height: 60px;text-align: center;float: right;}


.bg-tupian{background: url(../images/choisebg.jpg) no-repeat center;height:1120px;}
.bg-wenzi{width:1200px;margin:0 auto;overflow:hidden;}
.bg-wenzi h2{font-size: 18px;color: #fff;text-align:center;padding-top:60px;}
.bg-wenzi h3{font-size: 34px;font-weight: bold;margin-top: 15px;margin-bottom: 25px;color: #fff;text-align:center;}
.bg-wenzi h3 span{color: #fff600;}
.bg-wenzi h3 em{display: block;font-size: 14px;margin-top: 10px;color: #fff;text-align:center;}
.bg-wenzi a{font-size: 15px;color: #fff;background:url(../images/mor.png) no-repeat 670px center;height: 20px;line-height: 20px;}

.bg-wenzi1{width:1200px;margin:620px auto;}
.bg-wenzi1 span{font-size: 24px;color: #fff;display: block;padding-top: 30px;padding-bottom: 10px;}
.bg-wenzi1 h5{font-size: 40px;color: #fff600;font-weight: bold;}
.bg-wenzi1 a{font-size: 24px;color: #120e00;background: url(../images/yy2.png) no-repeat center;width: 372px;height: 49px;line-height: 49px;text-align: center;display: block;margin-top: 10px;font-weight: bold;text-decoration: none;}
.xiaozi{font-size: 16px;color: #fff;line-height:28px;}


.bg-tupian1{background: url(../images/vtopbg.jpg) no-repeat center;height:1373px;}
.bg-wz p{font-size: 20px;color: #595959;text-align:center;padding-top:60px;}
.bg-wz h5{font-size: 36px;color: #333;font-weight: bold;margin-top: 10px;margin-bottom: 20px; text-align:center;}
.bg-wz h5 span{color: #fe5b00;}
.bg-wz h5 em{display: block;font-size: 14px;color: #ccc;margin-top: 5px;text-align:center;}
.bg-wz i{display: block;background: url(../images/line2.png) no-repeat center;width: 69px;height: 3px;margin: 0 auto;}
.font{background: #0058ac;color: #fff;display: block;border-radius: 5px;padding: 20px 0px;text-align: center;line-height: 25px;font-size: 15px;margin-top: 35px;}


.bn2{background:url(../images/bn2.jpg) no-repeat center;margin:0 auto;height:350px;}
.clearfix{width:1200px;height:350px;margin:0 auto;padding-top:30px;overflow:hidden;}
.clearfix dt{float:left;padding-top:30px;}
.clearfix dd{padding-left: 0px;padding-top:30px;}
.clearfix dd em{font-size: 20px;color: #fff;}
.clearfix dd p{padding: 15px 0;line-height: 24px;font-size: 15px;color: #fff;}
.clearfix dd h5{height: 32px;line-height: 32px;font-size: 30px;color: #fff;font-weight: bold;}
.choose {font-size: 18px;margin-top: 30px;color: #333333;text-align: center;width: 301px;height: 42px;line-height: 42px;background:url(../images/mbtx1.png) no-repeat center;}




/*小程序APP*/
.cxone {width: 1200px;margin: 0 auto;height: 440px;}
.cxone h5{font-weight:normal;text-align:center;font-size:20px;color:3333333;padding-top:30px;}
.cx1ul li {width: 285px;overflow: hidden;float: left;margin: 7px;text-align: center;box-shadow: 0 0 10px #eee;border-radius: 10px;padding-bottom: 20px;margin-top:50px;}
.cx1ul li h3 {font-size: 24px; color: #333;margin-top: 10px;font-weight:normal;}
.cx1ul li p {font-size: 14px;color: #999;line-height: 20px;margin-top: 10px;}

/*小程序运维平台改变产品生命与周期*/
.cxtwo {width: 100%;height: 470px;padding: 50px 0px;background: #f6f6f6;margin-top:50px;}
.cx2title {color: #333;text-align: center;}
.cx2title h2 {font-size: 40px;}
.cx2title h2 span {color: #44b549;}
.cx2ul { width: 1240px;margin: 0  auto;overflow: hidden;margin-top: 45px;}
.cx2ul li {width: 270px;height: 345px;background: #fff;text-align: center;float: left;margin: 0px 20px;position: relative;transition: 0.5s;border-radius: 10px;}
.cx2ul li img {position: absolute;left: 50%;transform: translateX(-50%);transition: 0.5s;}
.hua1 {top: 30px;opacity:1;}
.hua2 {top: 55px;opacity: 0;}
.cx2ul li:hover { height: 270px;background: #44b549; margin-top: 75px; padding-top: 0;}
.cx2ul li:hover .hua2 {top: -75px; opacity: 1;}
.cx2ul li:hover .hua1 {opacity: 0;}
.cx2ul li:hover p {color: #fff;}
.cx2ul li:hover h3 {margin-top: 120px; color: #fff}

.cx2ul li h3 {color: #333;font-size: 24px;margin: 230px 0px 10px 0px;}
.cx2ul li p {font-size: 14px;color: #999;line-height: 22px;}

/*微信小程序为什么选明图团队*/
.cxthree {width: 1200px;margin: 0 auto;padding: 0 auto;padding: 60px 0px 90px 0px;overflow: hidden;background:url(../images/index_17.png)center top 180px no-repeat;}
.cx_title {text-align: center;color: #333;}
.cx_title h2 {font-size: 40px;}
.cx_title p {font-size: 18px; margin-top: 15px;}
.cxthree ul{margin-top:50px;}
.cxthree ul li { width: 265px;}
.cxthree ul li div {font-size: 26px;color: #333;}
.cxthree ul li p {font-size: 16px;color: #999;line-height: 23px;margin-top: 10px;}
.mtb { margin-top: 100px;margin-bottom: 80px;}

/*满足各行业用户需求*/
.cxfour {width: 100%;padding: 50px 0px;overflow: hidden;background: #f6f6f6;}
.cx2title {color: #333;text-align: center;}
.cx2title h2 {font-size: 40px;}
.case-wrap {width: 1230px;margin: 0 auto;padding: 0 auto;overflow: hidden;margin-top: 40px;padding-bottom: 20px;}
.case-wrap .case-item {width: 320px;height: 110px;float: left;background: #fff;border-radius: 10px;padding: 25px 30px;margin: 0px 15px;margin-top: 30px;}
.case-wrap .case-item span {float: left;width: 80px;height: 110px;display: block;}
.case-wrap .case-item  span  em {width: 80px;height: 90px;display: block;}
.case-wrap .case-item   div {float: right;width: 220px;height: 110px;}
.case-wrap .case-item  div  h4 {font-size: 30px;font-weight: 500;height: 35px;line-height: 35px;display: block;}
.case-wrap .case-item  div  p {color: #999;height: 60px;padding-top: 10px;display: block;font-size: 14px;line-height: 20px;}
.case-wrap .case-item.img {width: 380px;height: 160px;padding: 0;}
.case-wrap .case-item:hover{box-shadow:0 0 15px #cccccc;}


.cxsix {width: 100%;overflow: hidden;margin: 0 auto;background:url(../images/bg1.png)  #44b549  center top no-repeat;}
#wrapper {width: 1200px;height: 545px;margin: 0 auto;position: relative;}
#carousel {width: 1200px;}
#carousel li {width: 280px;height: 545px;float: left;margin: 0 10px;overflow: hidden;text-align: center;}
#carousel .qiehuan1 {background-position:center;left: -40px;}
#carousel .qiehuan1, #carousel .qiehuan2 {background: transparent url(../images/carousel_control.png) no-repeat 0 0;overflow: hidden;width: 15px;height: 21px;margin-left: 10px;position: absolute;top: 300px;}
#carousel .qiehuan2 {background-position: -18px 0;right: -30px;}
.cx6ul {width: 1260px;margin: 0 auto;overflow: hidden;margin-top: 40px;}
.cx6ul li {width: 150px;float: left;margin: 15px 30px;}
.cx6ul2 {width: 1220px;margin: 0 auto;margin-top: 40px;overflow: hidden;}
.cx6ul2 li {width: 160px;float: left;margin: 0px 7px;position: relative;}
.cx6ul2 li p {position: absolute;bottom: 20px;left: 45px;}


/*手机站*/
.title-web {padding-top: 50px;padding-bottom: 50px;color: #333;text-align: center;}
.title-web h2 {font-size: 34px;}
.phone-web{width:1200px;height:930px;margin:0 auto;}
.phone-web li{float:left;width:600px;height:400px;}
.phone-web li img{text-align:center;}

.phone-web1{height:520px;background:#f5f5f5;}
.phone-web1-img{width:1200px;height:520px;margin:0 auto;text-align:  center;}
.website-case {width: 100%;padding: 10px 0 50px 0;background: #f7f7f7;overflow: hidden;}
.title-web {padding-top: 50px;padding-bottom: 50px;color: #333;text-align: center;}
.title span {display: block; margin: 10px auto;width: 80px;height: 2px;background: #ff5b00;}
.title-web h3 {margin-top: 10px;font-size: 16px;font-weight: normal;}
.title-web h3 em {color: #ff5b00;}
.website-case ul {width: 1216px;margin: 0 auto;}
.website-case ul li {width: 270px;height: 222px;float: left;border: 7px solid #e4e4e4;margin: 0px 20px 0 0;box-shadow: 5px 5px 10px #ccc;}
.website-case ul li img {width: 270px;height: 189px;display: block;}
.website-case ul li h5 {width: 100%;height: 32px;line-height: 32px;text-align: center;font-size: 14px;font-weight: normal;color: #fff;background: #ff7300;overflow: hidden;}



/*网站维护*/
.w_tcjs {margin: 0 auto;width: 1200px;}
.pro_xq_r {height: 70px;padding-top: 50px;overflow: hidden;}
.pro_xq_r .js {width: 300px;line-height: 70px;}
.fl, .left {float: left;display: inline;}
.pack_xq_top {height: 450px;}
.pro_xq_r h2 {line-height: 60px;font-family: "microsoft yahei";font-size: 30px;color: #333;font-weight: bold;}
.proShowTab {width: 468px;overflow: hidden;}
.fr, .right {float: right;display: inline;}
.pack_xq_top {height: 450px;}
.pack_xq_left {width: 560px;}
.fl, .left {float: left;display: inline;}
.pack_xq_menu {height: 51px;}
.pack_xq_title {font-size: 24px;padding-right: 15px;line-height: 42px;color: #ff7300;font-weight: bold;}
.pack_xq_t_txt {height: 165px;font-size: 16px;line-height: 28px;}
.pack_t_txt {height: 72px;overflow: hidden;padding-top: 15px;}
.pack_t_tcjj {height: 60px;line-height: 60px;font-size: 18px;}
.pack_xq_jiage {width: 116px;height: 72px;background:url(../images/tc_02.png) no-repeat;color: #fff;text-align: center;line-height: 60px;}
.pack_xq_jiage span {font-family: Arial,Helvetica,sans-serif;font-size: 24px;padding: 0px 4px;}
.pack_t_tel {height: 60px;line-height: 60px;font-size: 18px;padding-left: 20px;}
.pack_t_tel span {color: #F00;}
.pack_qq span {float: left;font-size: 20px;padding: 25px 0px 0px 0px;}
.pack_xq_img {width: 500px;}
.pack_xq_img img { width: 500px;height: 350px;}


.w_taocan {background: #f4f4f4;background-repeat: repeat;background-position: center top;height: 496px;}
.w_taocan p {font-size: 32px;color: #333;text-align: center;line-height: 72px;height: 72px;padding-top: 30px;}
.w_taocan h3 {font-size: 16px;color: #333;text-align: center;padding-bottom: 20px;background:url(../images/title_bg.png) no-repeat center bottom;font-weight: normal;margin-bottom: 20px;}
.w_taocan h3 em {color: #ff5b00;}
.w_tlbnr {width: 1200px;margin: 0px auto;}
.w_tlbnr dl {width: 380px;margin-right: 30px;display: inline;float: left;margin-bottom: 20px;overflow: hidden;}
.w_tlbnr dl dt { display: block;width: 380px;height: 170px;}
.w_tlbnr dl dd {display: block;padding: 0px;}
.w_tlbnr dl dd strong {display: block;height: 40px;line-height: 40px;font-size: 16px;color: #333;border-bottom: 2px #e6e6e6 solid;}
.w_tlbnr dl dd span {display: block;margin-top: 15px;color: #999;line-height: 20px;padding-bottom: 10px;}


/*右侧浮动*/
.circle {width: 80px;height: 80px; position: fixed;bottom: 120px;right: 0;z-index:999;text-align:center;line-height: 80px;color:#3f897c;font-size:30px;}
.circle span {width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 50%;background-color: rgb(194, 14, 47);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-animation: circleScale 3s linear infinite;
  -moz-animation: circleScale 3s linear infinite;
  -ms-animation: circleScale 3s linear infinite;
  animation: circleScale 3s linear infinite;
}
.circle span:nth-of-type(2) {animation-delay: 1s;}
.circle span:nth-of-type(3) {animation-delay: 2s;}
@keyframes circleScale {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes circleScale1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
  }
}
.circle a{cursor:pointer;position:relative;background: #d90024;width: 50px;height: 50px;display: inline-block;border-radius: 50%;vertical-align: middle;margin-top: -4px;line-height: 47px;}
.anniu .circle a{ background:#f08200}
.anniu .circle span{ background:rgba(240,130,0)}
.anniu .circle {bottom: 40px;}
.circle a .kuang{ display:none; position:absolute; right:75px; top:0; width:150px; height:60px; line-height:60px; font-size:16px; color:#333; background:#fff; border-radius:10px; box-shadow:3px 1px 5px rgba(0,0,0,0.15)}
.circle a .kuang:before{ content:""; position:absolute; right:-10px; top:50%; margin-top:-10px; border-top:transparent 10px solid; border-bottom:transparent 10px solid; border-left:#fff 10px solid}