html{overflow-y:scroll;} 
img{ border:0px;}

p{ margin:0px; padding:0px;}
ul,li{ margin:0px; padding:0px; border:0px;list-style:none;}/*公共*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,em,b{margin:0;padding:0;}
h1{color:#333; font-size:26px; font-weight:bold;}

h3{font-size:20px;font-weight:normal;line-height:40px; color:#444;}


body {
	margin:0 auto;
	FONT-SIZE:12px;
	COLOR: #474747;
	font-family:"微软雅黑",Arial, Helvetica, sans-serif;
	line-height:24px;

}


.k1{ border:1px #f2f2f2 solid; padding:13px 0px 13px 0px;}
.k2{ border:1px #f2f2f2 solid; border-top:0px; padding:24px 24px 24px 24px;}

/*1px间隔线*/
.jiange{ height:28px;clear:both;}
.jiange1{ height:6px;clear:both;}

.more{float:right;font-size:10px;padding-right:30px;line-height:40px; height:40px;}
.more a{color:#009933;}
.more a:hover{color:#000000;}


.more1 {width:200px; font-size:14px;height:40px;line-height:38px;border:1px solid #cccccc;color: #666; display:block;border-radius:25px;-moz-border-radius:25px;}
.more1 a{color: #333;display:block;transition:all 0.8s ease-out 0s;border-radius:25px;-moz-border-radius:25px;}
.more1 a:hover{color: #fff; background:#999999; display:block;transition:all 0.8s ease-out 0s;border-radius:25px;-moz-border-radius:25px;}



.biao1 {width:120px;height:38px;line-height:32px;border-radius:1px;color: #000; display:block; font-weight:bold;}

.map{ height:700px;
	background-image: url(../vb/map.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

/*head*/

.top{
	width:100%;
	height:80px;
	position:fixed;
	z-index:99;
	background-color: #FFFFFF;
	box-shadow:0 5px 10px -10px rgba(0, 0, 0, 0.6);
}

.top1{width:100%;position:fixed; z-index:2;}
.top2{margin:0 auto; text-align:center;padding-top:140px;position:fixed;}
.head1{width:1200px;margin:0 auto;overflow:hidden;}
.head1a{width:140px; height:61px;float:left; padding-top:19px;}
.head1b{width:580px; height:45px;float:right;padding-top:20px;}


/*导航默认样式，可根据实际情况修改*/
.nav {width:580px;height:30px;list-style:none;}
.nav li {width:80px;height:30px;float:left; display:block;text-align:center;}
.nav li a{color:#333;text-align:center;height:30px; width:100px;line-height:30px; font-size:15px;}/*鼠标经过时样式*/
.nav li a:hover {color:#636363; font-size:15px;}

.nav1 {width:580px;height:30px;list-style:none;}
.nav1 li {width:80px;height:30px;float:left; display:block;text-align:center;;}
.nav1 li a{color:#fff;text-align:center;height:30px; width:100px;line-height:30px; font-size:15px;}/*鼠标经过时样式*/
.nav1 li a:hover {color:#fff; font-size:15px;}




/* 首页banner图flexslider */
.flexslider{position:relative; width:100%;height:525px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:525px;}
.flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:13px;height:13px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:42%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}



.index_1{width:1200px; height:540px;margin:0 auto;overflow:hidden;padding-top:20px; z-index:20;}
.index_1a{width:1200px; height:45px; line-height:45px;text-align:center; margin:0 auto;}

.index-a{width:1200px;font-size:14px; color:#FFFFFF; margin:0 auto;}
.index-a ul{ width:1200px; margin:0 auto;}
.index-a li{ width:398px; color:#444; font-size:13px; float:left; border-right: #eeeeee 1px solid; text-align:center;}
.index-a h2{ font-size:16px; margin:12px 0;color:#000; font-weight:bold;}


.index_2{width:1200px; height:65px; line-height:45px;margin:0 auto;overflow:hidden; text-align:center; padding-top:20px;}
.index_2a {width:1200px;margin:0 auto;text-align:center;font-size:14px; height:40px;color:#999;}

.index_3{width:1200px;margin:0 auto;overflow:hidden;padding-top:10px; clear:both;}
.index_3 li{float:left;}
.index_3_1{width:1200px; height:75px;margin:0 auto;overflow:hidden;clear:both; text-align:center; padding-top:20px;}

.index_4{width:1200px;margin:0 auto;overflow:hidden; text-align:center; height:410px; padding-top:30px;background:#FFFFFF;}
.index_4a {width:1200px;margin:0 auto;text-align:center; height:20px;}
.index_4b {width:1200px;margin:0 auto;text-align:center;font-size:14px; line-height:50px; color:#999;}

.index_6{width:1200px;margin:0 auto;overflow:hidden; text-align:center; height:45px; line-height:45px;background:#FFFFFF;}
.index_6a {width:1200px;margin:0 auto;overflow:hidden; text-align:center; height:40px;font-size:14px; color:#999; border-bottom:1px #eeeeee solid;}

.index_7{width:100%;margin:0 auto;text-align:center;padding-top:100px;height:550px;background:url(../images/bg1.png) no-repeat;background-size:cover;background-attachment:fixed;}
.index_7_1 {width:1200px;margin:0 auto;text-align:center;}
.index_7_1 li{margin:0 30px 0 30px;float:left;text-align:center;font-size:16px;width:325px; height:175px;line-height:175px;font-size:108px; color:#fff;font-family:"Arial"; font-weight:bold;display:block;border-radius:5px;}
.index_7_1 li p{ height:30px; line-height:30px;text-align:center;font-size:14px; color:#fff; padding-top:30px; font-family:"微软雅黑"; font-weight:normal;}

.index_8{width:1200px;margin:0 auto;overflow:hidden; text-align:center; height:88px; background:#FFFFFF;}



/*首页3个服务项目*/

.bg1{ background-image:url(../vb/s01.png); width:150px; height:150px;margin:0 auto;}
.bg_hover1{ background-image:url(../vb/s01-1.png); width:150px; height:150px;transition:all 0.8s ease-out 0s;margin:0 auto;}
.bg2{ background-image:url(../vb/s02.png); width:150px; height:150px;margin:0 auto;}
.bg_hover2{ background-image:url(../vb/s02-1.png); width:150px; height:150px;transition:all 0.8s ease-out 0s;margin:0 auto;}
.bg3{ background-image:url(../vb/s03.png); width:150px; height:150px;margin:0 auto;}
.bg_hover3{ background-image:url(../vb/s03-1.png); width:150px; height:150px;transition:all 0.8s ease-out 0s;margin:0 auto;}




/*内页小程序客户案例*/

.fangan22{width:1150px; margin:0 auto;}
.fangan22 li{width:160px; padding-left:40px; padding-right:30px;text-align:center; float:left;}
.fangan22 li p{width:160px; height:160px;}
.fangan22 li span{text-align:center; height:30px; line-height:30px; font-size:14px;}

.b1g1{ background-image:url(../vb/1.jpg); width:160px; height:160px;}
.b1g_hover1{ background-image:url(../vb/1-1.jpg); width:160px; height:160px;}
.b1g2{ background-image:url(../vb/2.jpg); width:160px; height:160px;}
.b1g_hover2{ background-image:url(../vb/2-2.jpg); width:160px; height:160px;}
.b1g3{ background-image:url(../vb/3.jpg); width:160px; height:160px;}
.b1g_hover3{ background-image:url(../vb/3-3.jpg); width:160px; height:160px;}
.b1g4{ background-image:url(../vb/4.jpg); width:160px; height:160px;}
.b1g_hover4{ background-image:url(../vb/4-4.jpg); width:160px; height:160px;}
.b1g5{ background-image:url(../vb/5.jpg); width:160px; height:160px;}
.b1g_hover5{ background-image:url(../vb/5-5.jpg); width:160px; height:160px;}
.b1g6{ background-image:url(../vb/6.jpg); width:160px; height:160px;}
.b1g_hover6{ background-image:url(../vb/6-6.jpg); width:160px; height:160px;}
.b1g7{ background-image:url(../vb/7.jpg); width:160px; height:160px;}
.b1g_hover7{ background-image:url(../vb/7-7.jpg); width:160px; height:160px;}
.b1g8{ background-image:url(../vb/8.jpg); width:160px; height:160px;}
.b1g_hover8{ background-image:url(../vb/8-8.jpg); width:160px; height:160px;}
.b1g9{ background-image:url(../vb/9.jpg); width:160px; height:160px;}
.b1g_hover9{ background-image:url(../vb/9-9.jpg); width:160px; height:160px;}
.b1g10{ background-image:url(../vb/10.jpg); width:160px; height:160px;}
.b1g_hover10{ background-image:url(../vb/10-10.jpg); width:160px; height:160px;}



/*首页8个案例*/
.home_services { margin: 0px auto 10px auto; width:1200px; position:relative; overflow:hidden; }
.home_services ul { margin:0px; padding:0; }
.home_services ul li {float:left; width:300px;cursor:pointer; transition:all 0.3s ease;}
.home_services ul li a {display:block; width:300px; height:256px; cursor:pointer; position:relative; overflow:hidden;}
.home_services ul li a .mark { display:none; width:100%;height:210px; position:absolute; left:0px; top:0px;background-color: rgba(7,26,11,0.5); z-index:6;}
.home_services ul li a:hover .mark { display:block; }
.home_services ul li .icon { width:300px; height:210px; text-align:center; line-height:210px; overflow:hidden;}
.home_services ul li .icon img { display:inline-block; vertical-align: middle;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;}
.home_services ul li a:hover .icon img {transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);}


.home_services ul li a b { z-index:10; position:absolute;top:85px; left:130px; width:40px; height:40px; background:url(../images/big.png) left top no-repeat; display:block;opacity:0;}
.home_services ul li a:hover b {opacity:1; -moz-transition:all .3s ease-in-out 0s;-webkit-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}


.home_services ul li h3 { font-size:12px; text-align:left; padding-left:15px;height:46px; line-height:46px; background:#E5E4E4; margin:0; font-weight:normal; color:#352F2E; }

.home_services ul li a:hover h3 {background:#C7261E;color:#fff; }

.home_services ul li h3 i{color:#999999; float:right;width:68px; height:46px; line-height:46px; text-align:center; font-size:12px;font-style:normal;}

.home_services ul li a:hover {}




/*合作伙伴*/
.index3{width:1200px;margin:0 auto;overflow:hidden; clear:both;}
.index3 ul{width:1200px;}
.index3 li{ width:282px;float:left;line-height:24px; height:220px; text-align:center;}
.index3 h2{ font-size:20px; margin:10px 0;font-weight:inherit;}
.index3 h3{ font-size:14px;text-align:left; padding-left:5px;}

.product-bg{height:760px;width: 100%;background:url(../images/product-bg.jpg) no-repeat;background-size:cover;background-attachment:fixed;}


/*中间*/
.zhongjian{width:1200px; margin:0 auto;height:350px; padding-top:30px;background:#FFFFFF;}
.zhong1{width:1200px; margin:0 auto;clear:both;background:#FFFFFF;}
.zhong1 ul{width:1200px;}
.zhong1 li{width:400px;float:left;}


.zhong1-2b{ width:400px;}
.zhong1-2b ul{width:400px; margin:0 auto;}
.zhong1-2b li{ width:400px;float:left; line-height:30px; height:30px;text-align:left;}
.zhong1-2b li a{ width:400px;float:left; line-height:30px; height:30px;text-align:left; font-size:13px; color:#979797;}
.zhong1-2b li a:hover{color:#000;}
.zhong1-2b h3{line-height:40px;}
.zhong1-2b k01{line-height:40px; border:#000000 1px solid;}


.zhong1-2c{ width:400px;}
.zhong1-2c ul{width:400px; margin:0 auto;}
.zhong1-2c li{ width:400px;float:left; line-height:30px; height:30px;text-align:left;}
.zhong1-2c li a{ width:400px;float:left; line-height:30px; height:30px;text-align:left; font-size:13px; color:#979797;}
.zhong1-2c li a:hover{color:#000;}
.zhong1-2c h3{line-height:40px;}
.zhong1-2c k01{line-height:40px; border:#000000 1px solid;}



/*新闻中心*/
.index4{ width:1200px; height:300px; padding-top:30px;margin:0 auto;overflow:hidden;clear:both;}
.index4a{ width:400px;float:left;}
.index4a ul{width:325px;}
.index4a li{ width:325px;float:left; line-height:26px; height:26px; text-align:left;}
.index4a h3{ border-bottom:1px #E9E8E8 solid; line-height:40px;}

.index4b{ width:400px; float:left; padding-right:20px; padding-left:20px;}
.index4b ul{width:315px;}
.index4b li{ width:315px;float:left; line-height:26px; height:26px; text-align:left;}
.index4b h3{ border-bottom:1px #E9E8E8 solid; line-height:40px;}

.index4c{ width:325px; float:left;}
.index4c ul{width:325px;}
.index4c li{ width:325px;float:left; line-height:26px; height:26px;text-align:left;}
.index4c h3{ border-bottom:1px #E9E8E8 solid; line-height:40px;}







/*在线客服*/
/* side */
.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative; margin-bottom:1px;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;transition:all 0.3s;}
.side ul li .sidetop:hover{background:#000;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}



.s1 {font-size: 34px; color: #ffffff; line-height:70px;}
.s2 {font-size: 24px; color: #ffffff; line-height:70px;}
.s3 {font-size: 44px; color: #ffffff; line-height:70px;}
.s4 {font-size: 30px; color: #ffffff; line-height:70px;}
.s5 {font-size: 64px; color: #ffffff; line-height:70px;}




/*幻灯片首屏*/
.focus_box{height:400px; width:290px; margin:0px auto;overflow:hidden;}
.focus{width:290px;height:400px;float:left;position:relative;}
.focus #pic{overflow:hidden;}
.focus #pic ul{width:870px;height:400px;float:left;}
.focus #pic li{width:290px;height:400px;float:left;}
.focus #pic li span{ padding-left:20px; line-height:40px;color:#000000; font-weight:bold;}
.focus #pic li p{ padding-left:20px; padding-right:20px;line-height:24px;color:#666666;}
.focus #pic li img{width:290px;float:left;}
.focus .tip-bg{position:absolute;left:0;bottom:0;z-index:12;}
.focus #tip{width:120px;height:14px;position:absolute;bottom:10px;z-index:13;}
.focus #tip ul li{width:14px;height:14px;float:left;display:inline;margin:0 5px;cursor:pointer;}
.focus #tip ul li.current{}
.focus .show{display:block!important;}



.foot{color:#909090; font-size:14px;}



A:link    {	COLOR: #474747; text-decoration: none; }
A:visited {	COLOR: #474747; text-decoration: none; }
A:hover   {	COLOR: #000000; text-decoration: none; }

A.w:link    {FONT-SIZE: 14px; COLOR: #ffffff; text-decoration: none; }
A.w:visited {FONT-SIZE: 14px; COLOR: #ffffff; text-decoration: none; }
A.w:hover   {FONT-SIZE: 14px; COLOR: #ffff00; text-decoration: none; }

A.w5:link    {FONT-SIZE: 14px; COLOR: #ffffff; text-decoration: none; }
A.w5:visited {FONT-SIZE: 14px; COLOR: #ffffff; text-decoration: none; }
A.w5:hover   {FONT-SIZE: 14px; COLOR: #ffff00; text-decoration: none; }


A.cp1:link    {FONT-SIZE: 14px; COLOR: #222222; text-decoration: none; }
A.cp1:visited {FONT-SIZE: 14px; COLOR: #222222; text-decoration: none; }
A.cp1:hover   {FONT-SIZE: 14px; COLOR: #222222; text-decoration: none; }



A.l1:link    {FONT-SIZE: 14px; COLOR: #b3b2b3; text-decoration: none; }
A.l1:visited {FONT-SIZE: 14px; COLOR: #b3b2b3; text-decoration: none; }
A.l1:hover   {FONT-SIZE: 14px; COLOR: #b3b2b3; text-decoration: none; }

A.l2:link    {FONT-SIZE: 11px; COLOR: #977F65; text-decoration: none; font-family: "微软雅黑";}
A.l2:visited {FONT-SIZE: 11px; COLOR: #977F65; text-decoration: none; font-family: "微软雅黑";}
A.l2:hover   {FONT-SIZE: 11px; COLOR: #977F65; text-decoration: none; font-family: "微软雅黑";}

A.w4:link    {FONT-SIZE: 22px; COLOR: #3CB2C0; text-decoration: none; }
A.w4:visited {FONT-SIZE: 22px; COLOR: #3CB2C0; text-decoration: none; }
A.w4:hover   {FONT-SIZE: 22px; COLOR: #3CB2C0; text-decoration: none; }

A.w1:link    {FONT-SIZE: 14px; COLOR: #000000; }
A.w1:visited {FONT-SIZE: 14px; COLOR: #000000; }
A.w1:hover   {FONT-SIZE: 14px; COLOR: #000000; }

A.w3:link    {FONT-SIZE: 14px; COLOR: #056FE5; }
A.w3:visited {FONT-SIZE: 14px; COLOR: #056FE5; }
A.w3:hover   {FONT-SIZE: 14px; COLOR: #056FE5; }

A.w2:link    {FONT-SIZE: 14px; COLOR: #0089E0; text-decoration: none; }
A.w2:visited {FONT-SIZE: 14px; COLOR: #0089E0; text-decoration: none; }
A.w2:hover   {FONT-SIZE: 14px; COLOR: #0089E0; text-decoration: none; }

A.foot:link    {FONT-SIZE: 13px; COLOR: #909090; text-decoration: none; }
A.foot:visited {FONT-SIZE: 13px; COLOR: #909090; text-decoration: none; }
A.foot:hover   {FONT-SIZE: 13px; COLOR: #909090; text-decoration: none; }


A.s:link    {FONT-SIZE: 14px; COLOR: #509F15; text-decoration: none;}
A.s:visited {FONT-SIZE: 14px; COLOR: #509F15; text-decoration: none;}
A.s:hover   {FONT-SIZE: 14px; COLOR: #000000; text-decoration: none;}

A.h1:link    {FONT-SIZE: 11px; COLOR: #333333; text-decoration: none;}
A.h1:visited {FONT-SIZE: 11px; COLOR: #333333; text-decoration: none;}
A.h1:hover   {FONT-SIZE: 11px; COLOR: #333333; text-decoration: none;}

A.h2:link    {FONT-SIZE: 14px; COLOR: #333333; text-decoration: none;}
A.h2:visited {FONT-SIZE: 14px; COLOR: #333333; text-decoration: none;}
A.h2:hover   {FONT-SIZE: 14px; COLOR: #f15a23; text-decoration: none;}

A.h3:link    {FONT-SIZE: 24px; COLOR: #000000; text-decoration: none;}
A.h3:visited {FONT-SIZE: 24px; COLOR: #000000; text-decoration: none;}
A.h3:hover   {FONT-SIZE: 24px; COLOR: #f15a23; text-decoration: none;}


A.s1:link    {FONT-SIZE: 14px;COLOR: #fff;text-decoration: none;font-family: "微软雅黑";}
A.s1:visited {FONT-SIZE: 14px;COLOR: #fff;text-decoration: none;font-family: "微软雅黑";}
A.s1:hover   {FONT-SIZE: 14px;COLOR: #fff;text-decoration: none;font-family: "微软雅黑";}

A.f:link    {FONT-SIZE: 14px; COLOR: #990000; text-decoration: none;}
A.f:visited {FONT-SIZE: 14px; COLOR: #990000; text-decoration: none;}
A.f:hover   {FONT-SIZE: 14px; COLOR: #000000; text-decoration: none;}


.x1 {font-size: 14px;color: #242424;}
.x1-1 {	font-size: 16px;color: #242424;}
.x1-2 {	font-size: 13px;color: #242424;}
.x1-3 {	FONT-SIZE: 14px;color: #977F65;}
.x2   {	font-family:Arial, Helvetica, sans-serif; font-size: 11px;color: #242424;}
.x2-1 {	font-family:Arial, Helvetica, sans-serif; font-size: 11px;color: #977F65;}
.x3   { FONT-SIZE: 14px;color: #FF0000;}
.x3-1 {	font-size: 11px;color: #000000;}

.x4 { font-size: 18px;color: #333333; font-weight:bold;}
.x4-1 { font-size: 14px;color: #333333; font-weight:bold; border:#333333 solid 1px; line-height:22px;}
.x4-2 { font-size: 24px;color: #333333; font-weight:bold;}

.x5 { font-size: 16px;color: #333333; line-height:40px;}
.x5-1 {	font-family:Arial, Helvetica, sans-serif; font-size: 14px;color: #999999; line-height:50px;}

.x6 {FONT-SIZE: 14px;color: #ffffff;}
.x7 {FONT-SIZE: 14px;color: #ffffff;}

.d1 {font-size: 50px;color: #ffffff; font-family:Arial, Helvetica, sans-serif; line-height:115px;}
.d2 {font-size: 40px;color: #ffffff; line-height:115px;}




.zi1 {FONT-SIZE: 14px; color: #ffffff;}

.zi2 {font-size: 16px; color: #666666;}
.zi3 {font-size: 14px; color: #666666;}
.zi4 {FONT-SIZE: 14px; color: #666666;}
.zi5 {font-size: 22px; color: #666666; font-weight:bold; line-height:40px;}
.zi6 {font-size: 20px; color: #666666; font-weight:bold;}
.zi7 {font-size: 18px; color: #666666; }
.zi8 {font-size: 15px; color: #ffffff;}



A.f1:link    {COLOR: #FFFFFF; font-size:14px; font-family:"微软雅黑"; text-decoration: none;}
A.f1:visited {COLOR: #FFFFFF; font-size:14px; font-family:"微软雅黑"; text-decoration: none;}
A.f1:hover   {COLOR: #FFFFFF; font-size:14px; font-family:"微软雅黑"; text-decoration: none;}