@charset "utf-8";
body {
	font-family:Arial, Microsoft YaHei;
	font-size:13px;
	color:#646464;
	word-wrap:break-word;
	background:#ffffff;
}
body, div, ol, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, input {
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
ol, ul, li {
	list-style:none;
}
a, img {
	border:0;
}
a {
	text-decoration:none;
	color:#646464;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.bl {
	display:block;
}
/*Header*/
.pcd{display: block;}
@media (max-width: 768px){.pcd{display: none;}}
.header {
	width:100%;
	height:oaut;
	background:url(../images/fff90.png) repeat;
	position:fixed;
	z-index:100;
	border-bottom:1px solid #d7d7d7;
}
.header1{
	width:100%;
	height:30px;
	margin:0 auto;
	border-bottom: 1px solid #e7e8ed;
    background: #f7f8fa;
	
	
}
.header_box {
	width:1280px;
	height:80px;
	margin:0 auto;
	_position:relative;
	_z-index:200;
}
.logo {
	float:left;
	width:400px;
	overflow:hidden;
	padding-top:6px;
}
.logo img{ padding-top:8px;}
.nav {
	float:right;width:800px;
}
.nav li {
	width:113px;
	height:30px;
	float:left;
	margin-left:1px;
}
.nav li a.z {
	display:block;
	width:113px;
	height:35px;
	font-size:17px;
	line-height:35px;
	margin-top:25px;
	text-align:center;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
.nav2 {
	position:relative;
	margin-top:20px;
	z-index:99;
	width:172px;
	overflow:hidden;
	_display:none;
	visibility:hidden;
	opacity:0;
	transition:all 0.4s;
	-moz-transition:all 0.4s;
-0-transition:all 0.4s;
	-webkit-transition:all 0.4s;
}
.nav2 a {
	display:block;
	padding:0 10px;
	height:40px;
	overflow:hidden;
	background:url(../images/nav2_bg.png) #5f5d5d no-repeat left center;
	color:#fff;
	font-size:12px;
	line-height:40px;
}
.nav2 a.no_bg {
	background:#5f5d5d;
}
.nav2 a:hover {
	color:#ffff00;
}
.nav li:hover a.z {
	background:#00b9ef;
	color:#ffffff;
}
.nav li:hover .nav2 {
	visibility:visible;
	opacity:1;
	margin-top:0;
}
.nav li a.z:hover {
	_background:#00b9ef;
	_color:#ffffff;
}
.nav li a.cur {
	background:#00b9ef;
	color:#ffffff;
}

.ch {
	background:url(../images/chinese.png) no-repeat;
	margin:0 7px 0 0;
}
.en {
	background:url(../images/english.png) no-repeat;
}
.lan a:hover {
	background-position:0 -30px;
}
.lan a.cur {
	background-position:0 -30px;
}
/*Banner*/
.banner {
	width:100%;
	height:630px;
	overflow:hidden;
	padding-top:80px;
}
.main_image {
	width:100%;
	height:490px;
	overflow:hidden;
	margin:0 auto;
	position:relative
}
.main_image ul {
	width:9999px;
	overflow:hidden;
}
.main_image li {
	float:left;
	width:100%;
}
.main_image li span {
	display:block;
	width:100%;
}
.main_image li a {
	display:block;
	width:100%;
	height:490px
}
.main_image li .img_1 {
	background: url(../images/banner1_1.jpg) center top no-repeat
}
.main_image li .img_2 {
	background: url(../images/banner1_1.jpg) center top no-repeat
}
.main_image li .img_3 {
	background: url(../images/banner1_1.jpg) center top no-repeat
}
.main_image li .img_4 {
	background: url(../images/banner1_1.jpg) center top no-repeat
}
.flicking_con {
	width:1000px;
	height:110px;
	position:relative;
	overflow:hidden;
	margin:15px auto 0;
	overflow:hidden;
}
.flicking_inner {
	width:1000px;
	height:110px;
	text-align:center;
}
#b0{
	display:inline-block;
	width:110px;
	height:110px;
	margin:0 20px;
	background:url(../images/b1.png) no-repeat;
}
#b1{
	display:inline-block;
	width:110px;
	height:110px;
	margin:0 20px;
	background:url(../images/b2.png) no-repeat;
}
#b2{
	display:inline-block;
	width:110px;
	height:110px;
	margin:0 20px;
	background:url(../images/b3.png) no-repeat;
}
#b3{
	display:inline-block;
	width:110px;
	height:110px;
	margin:0 20px;
	background:url(../images/b4.png) no-repeat;
}
#b4{
	display:inline-block;
	width:110px;
	height:110px;
	margin:0 20px;
	background:url(../images/b5.png) no-repeat;
}
#b5{
	display:inline-block;
	width:110px;
	height:110px;
	margin:0 20px;
	background:url(../images/b6.png) no-repeat;
}
#b1.on, #b1:hover,#b2.on, #b2:hover,#b3.on, #b3:hover,#b4.on, #b4:hover,#b0.on, #b0:hover,#b5.on, #b5:hover{
	background-position:0 -110px;
}
.plate {
	width:1180px;
	height:auto;
	margin:0 auto 30px;
	overflow:hidden;
	z-index:99;
	position:relative;
	top:-40px;
}
.plate_bt {
	width:1180px;
	height:37px;
	margin:0 auto;
	overflow:hidden;
	margin-bottom:50px;
	background:url(../images/plate_bt.png) no-repeat 0 bottom;
	text-align:center;
	font-size:25px;
}
/*案例版块*/
.case_plate {
	overflow:hidden;
	width:1180px;
	float:left;
}
.case_plate li {
	float:left;
	margin:0 1px 1px 0;
	position:relative;
	width:294px;
	height:210px;
	overflow:hidden;
}
.case_plate li .img {
	width:294px;
	height:210px;
	overflow:hidden;
}
.case_plate li .bl {
	visibility:hidden;
	opacity:0;
	position:relative;
	width:294px;
	height:210px;
	overflow:hidden;
	background:url(../images/red90.png) repeat;
	top:-210px;
*top:0;
	top:0\0;
	transition:opacity 0.4s;
	-moz-transition:opacity 0.4s;
-0-transition:opacity 0.4s;
	-webkit-transition:opacity 0.4s;
}
.case_plate_txt {
	position:absolute;
	top:-40px;
	left:7px;
	width:280px;
	height:33px;
	overflow:hidden;
	font-size:15px;
	color:#ffffff;
	text-align:center;
}
.case_plate_ico {
	margin:220px auto 0;
	width:40px;
	height:40px;
	background:url(../images/eye_ico.png) no-repeat 0 bottom;
}
.case_plate_txt, .case_plate_ico {
	transition:all 0.4s;
	-moz-transition:all 0.4s;
-0-transition:all 0.4s;
	-webkit-transition:all 0.4s;
}
.case_plate li:hover .bl {
	visibility:visible;
	opacity:1;
	top:-210px;
}
.case_plate li:hover .case_plate_txt {
	top:80px;
}
.case_plate li:hover .case_plate_ico {
	margin:125px auto 0;
+padding-top:125px;
}
.case_plate2ab {
	width:9999px;
	height:625px;
	margin:0 auto;
	position:relative;
	left:0px;
}
/*案例列表*/
.case_new {
	position:relative;
	width:589px;
	height:421px;
	overflow:hidden;
	background:#000;
	margin-right:1px;
	float:left;
}
.case_new_ico {
	position:absolute;
	top:0;
	left:30px;
	z-index:3;
	width:50px;
	height:99px;
	overflow:hidden;
	background:url(../images/case_new_ico.png) no-repeat;
}
.case_new .img {
	width:589px;
	height:421px;
	overflow:hidden;
}
.case_new .bl {
	visibility:hidden;
	opacity:0;
	position:relative;
	width:589px;
	height:421px;
	overflow:hidden;
	background:url(../images/red90.png) repeat;
	top:-421px;
*top:0;
	top:0\0;
	transition:opacity 0.4s;
	-moz-transition:opacity 0.4s;
	-o-transition:opacity 0.4s;
	-webkit-transition:opacity 0.4s;
}
.case_new .txt {
	position:absolute;
	top:-40px;
	left:7px;
	width:575px;
	height:33px;
	overflow:hidden;
	font-size:15px;
	color:#ffffff;
	text-align:center;
}
.case_new .ico {
	margin:450px auto 0;
	width:40px;
	height:40px;
	background:url(../images/eye_ico.png) no-repeat 0 bottom;
}
.case_new .txt, .case_new .ico {
	transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	-webkit-transition:all 0.4s;
}
.case_new:hover .bl {
	visibility:visible;
	opacity:1;
	top:-421px;
}
.case_new:hover .txt {
	top:180px;
}
.case_new:hover .ico {
	margin:240px auto 0;
+padding-top:240px;
}
.case_cho {
	width:100%;
	height:14px;
	margin-top:60px;
	text-align:center;
}
.case_cho a {
	display:inline-block;
	width:14px;
	height:14px;
	overflow:hidden;
	background:url(../images/case_cho_ico.png) no-repeat;
	padding:0 15px;
}
.case_cho a:hover {
	background-position:0 -14px;
}
.case_cho a.cur {
	background-position:0 -14px;
}
/*案例内页*/
.case_detail_h {
	width:100%;
	height:auto;
	overflow:hidden;
	padding:20px 0 70px;
}
.case_detail_h .fl {
	width:294px;
	height:210px;
	overflow:hidden;
	border: 1px dashed #D5D5D5;
}
.case_detail_h .fr {
	width:850px;
	height:210px;
	overflow:hidden;
}
.detail_bt_box {
	width:auto;
	height:35px;
}
.detail_bt_box div {
	float:left;
	line-height:35px;
}
.detail_bt_box .l {
	width:17px;
	height:35px;
	overflow:hidden;
	background:url(../images/detail_bt_l.png) no-repeat;
}
.detail_bt_box .r {
	width:17px;
	height:35px;
	overflow:hidden;
	background:url(../images/detail_bt_r.png) no-repeat;
}
.detail_bt_box .con {
	width:auto;
	height:35px;
	font-size:15px;
	color:#ffffff;
	padding:0 15px;
	overflow:hidden;
	background:#00b9ef;
}
.back {
	float:right;
	display:block;
	width:35px;
	height:35px;
	overflow:hidden;
	background:url(../images/back.png) no-repeat;
	
}
.back:hover {
	background-position:0 -35px;
}
.case_detail_h_txt {
	width:100%;
	height:160px;
	margin:15px 0 0;
	line-height:20px;
	overflow:hidden;
}
.case_detail_h_txt a:hover {
	color:#00b9ef;
}
.detail_con_box {
	width:1180px;
	margin:0 auto;
	padding:0 0 70px;
	border-bottom:1px solid #d5d5d5;
	overflow:hidden;
}
.detail_con_box img {
	max-width:1180px;
	display:block;
}
.detail_f_box {
	width:1180px;
	height:20px;
	line-height:20px;
	margin:15px 0 0;
	overflow:hidden;
}
.detail_f_box .fr {
	height:20px;
	padding:0 0 0 15px;
	background:url(../images/back_ico.png) no-repeat;
}
.detail_f_box .fr:hover {
	background-position:0 -20px;
	color:#00b9ef;
}

/*解决方案*/
.plan_box {
	width:2000px;
	overflow:hidden;
	margin:50px 0 0;
}
.plan {
	float:left;
	width:290px;
	overflow:hidden;
	margin:0 10px 0 0;
}
.plan_img {
	float:left;
	width:80px;
	height:166px;
	overflow:hidden;
}
.plan_con {
	float:right;
	width:180px;
	overflow:hidden;
}
.plan_con_bt {
	width:180px;
	height:18px;
	overflow:hidden;
	font-size:15px;
}
.plan_con_bt a {
	color:#e8413c;
}
.plan_con_txt {
	width:180px;
	height:80px;
	line-height:20px;
	overflow:hidden;
	color:#9f9e9e;
	background:#fff;
	margin:13px 0 10px 0;
}
.more {
	width:110px;
	height:30px;
	line-height:30px;
	overflow:hidden;
	background:url(../images/more_eye.png) #c8c8c8 no-repeat -16px center;
	transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	-webkit-transition:all 0.4s;
}
.more_txt {
	width:110px;
	height:30px;
	overflow:hidden;
	text-align:center;
	color:#fff;
	margin:0 0;
	transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	-webkit-transition:all 0.4s;
}
.plan:hover .more {
	background:url(../images/more_eye.png) #e8413c no-repeat 15px center;
}
.plan:hover .more_txt {
	margin:0 0 0 10px;
}

/*关于*/
.about_img {
	width:150px;
	height:40px;
	overflow:hidden;
}
.about_con {
	width:335px;
	height:150px;
	overflow:hidden;
}
.about_con_bt {
	height:20px;
	line-height:20px;
	margin:0 0 8px 0;
	overflow:hidden;
	font-size:15px;
}
.about_con_txt {
	height:120px;
	line-height:20px;
	overflow:hidden;
	color:#9f9e9e;
}
.zp_bt {
	margin:0 0 5px 0;
}
.zp_time {
	margin:0 0 23px 0;
	width:90px;
	height:20px;
	line-height:20px;
	border-radius:3px;
	color:#ffffff;
	background:#5f5d5d;
	overflow:hidden;
	text-align:center;
}
.zp_txt {
	height:80px;
}
.news_con:hover .about_con_bt a {
	color:#e8413c;
}
/*页尾*/
.footer {
	width:100%;
	height:175px;
	overflow:hidden;
	background:#c8c8c8;
 margin-top:-105px;
}
.lianj{width: 1180px;height: 34px; margin:0 auto; padding-top:10px;border-bottom: 1px solid #fff;}
.lianj a{ margin-right:15px;}
.lianj a:hover{text-decoration:underline;color: #C20C0C;}
.footer_box {
	width:1180px;
	height:124px;
	margin:10px auto 0;
	overflow:hidden;
}
.weixin {
	float:left;
	width:124px;
	height:124px;
	margin:0 30px 0 0;
	overflow:hidden;
}
.footer .fl, .footer .fr {
	height:90px;
	margin:25px 0 0;
	overflow:hidden;
}
.foot_l_a {
	height:30px;
	overflow:hidden;
	margin:0 0 10px 0;
}
.foot_l_b {
	height:44px;
	line-height:22px;
	color:black;
	overflow:hidden;
	transition:all 0.4s;
	-moz-transition:all 0.4s;
-0-transition:all 0.4s;
	-webkit-transition:all 0.4s;
}
.footer .fl:hover .foot_l_b {
color:#;
}
.foot_r_a {
	height:30px;
	overflow:hidden;
	margin:0 0 10px 0;
}
.foot_r_a a {
	display:block;
	float:right;
	width:29px;
	height:29px;
	overflow:hidden;
	margin:0 0 0 15px;
}
.foot_r_a a.top {
	background:url(../images/top_ico.png) no-repeat;
}
.foot_r_a a.qq {
	background:url(../images/qq_ico.png) no-repeat;
}
.foot_r_a a.sina {
	background:url(../images/sina_ico.png) no-repeat;
}
.foot_r_a .phone {
	background:url(../images/phone_ico.png) no-repeat;
}
.phone_txt {
	height:29px;
	line-height:29px;
	overflow:hidden;
	color:#5f5d5d;
	font-size:15px;
	padding:0 0 0 25px;
}
.foot_r_a a:hover, .foot_r_a .phone:hover {
	background-position:0 -29px;
}
.foot_r_b, .foot_r_c {
	height:22px;
	line-height:22px;
	overflow:hidden;
	text-align:right;
	color:#black;
}
.foot_r_b a {
	padding:5px;
}
.foot_r_b a, .foot_r_c a {
	color:#black;
}
.foot_r_b a:hover, .foot_r_c a:hover {
	text-decoration:underline;
}
.foot_l_b a {
	color:#ffffff;
}
.foot_l_b a:hover {
	text-decoration:underline;
}
/*内页*/
.in_banner {
	width:100%;
	height:300px;
	margin:0 0 0px 0;
	overflow:hidden;
	padding-top:230px;
}
.in_nav {
	width:100%;
	height:35px;
	margin:0 0 70px 0;
	text-align:center;
	overflow:hidden;
}
.in_nav a {
	display:inline-block;
	width:auto;
	height:35px;
	line-height:35px;
	overflow:hidden;
	background:#c8c8c8;
	color:#ffffff;
	margin:0 5px;
	padding:0 20px;
	border-radius:35px;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
.in_nav a.cur {
	background:#00b9ef;
}
.in_nav a:hover {
	background:#00b9ef;
}



/* 主要css样式*/
.main-im{position:fixed;top:34%;right:10px;z-index:100;width:110px;height:332px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:block;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:155px;border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:14px;height:20px; line-height:20px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{display:none;width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../images/totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}

#banner1, #banner2, #banner3, #banner4, #banner5,#banner6,{
	width: 100%;
	height: 430px;
	overflow: hidden;
}
#ban {
	max-width: 1265px;
	margin: 0 auto;
	position: relative;
}
#banner1-beijing ,#banner2-beijing ,#banner3-beijing ,#banner4-beijing ,#banner5-beijing ,#banner6-beijing{
	position: absolute;
	float: left;
	width: 100%;
	height: 490px;
	z-index: 1;
}
#banner1-1 ,#banner6-1{
	float: left;
	width: 144px;
	height: 320px;
	position: absolute;
	left: 130px;
	margin-top: 60px;
	opacity: 0;
	z-index: 2;
}
#banner1-2 {
	position: absolute;
	width: 375px;
	z-index: 10;
	margin-left: -200px;
	margin-top: 150px;
	opacity: 0;
	z-index: 2;
}
#banner6-2{
	position: absolute;
	width: 375px;
	z-index: 10;
	margin-top: 100px;
	margin-left:150px;
	opacity: 0;
	z-index: 2;
}
#banner1-3 ,#banner6-3{
	position: absolute;
	width: 580px;
	margin-left: 680px;
	margin-top: 200px;
	opacity: 0;
	z-index: 2;
}
#banner1-4,#banner6-4 {
	position: absolute;
	width: 389px;
	margin-left: 680px;
	margin-top: -100px;
	opacity: 0;
	z-index: 2;
}

#banner2-1 {
	position: absolute;
	float: left;
	width: 353px;
	top: -80px;
	left: 50px;
	z-index: 2;
	opacity: 0;
}
#banner2-2 {
	position: absolute;
	float: left;
	width: 544px;
	top: 120px;
	left: -50px;
	z-index: 2;
	opacity: 0;
}
#banner2-3 {
	position: absolute;
	float: left;
	width: 438px;
	top: 50px;
	left: 700px;
	z-index: 2;
	opacity: 0;
}
#banner2-4 {
	position: absolute;
	float: left;
	width: 176px;
	left: 1050px;
	top: 130px;
	z-index: 2;
	opacity: 0;
}
#banner2-5 {
	position: absolute;
	float: left;
	width: 151px;
	top: 250px;
	left: 650px;
	z-index: 2;
	opacity: 0;
}
#banner2-6 {
	position: absolute;
	float: left;
	width: 0px;
	top: 250px;
	left: 250px;
	z-index: 2;
	opacity: 0;
}
#banner2-6 img {
	width: 150px;
}
#banner2-7 {
	position: absolute;
	float: left;
	width: 0px;
	top: 200px;
	left: 400px;
	z-index: 2;
	opacity: 0;
}
#banner2-7 img {
	width: 180px;
}


#banner3-1 {
	position: absolute;
	float: left;
	width: 630px;
	padding-top: 40px;
	left: 60px;
	z-index: 2;
	opacity: 0;
}
#banner3-2 {
	position: absolute;
	float: left;
	width: 343px;
	top: 180px;
	left: 60px;
	z-index: 2;
	display: none;
	height: 48px;
}
#banner3-3 {
	position: absolute;
	float: left;
	top: 80px;
	padding-top:30px;
	left: 530px;
	z-index: 2;
	display: none;
	height: 656px;
}
#banner3-3 img {
	width: 450px;
}
#banner3-4 {
	position: absolute;
	float: left;
	width: 228px;
	height: 482px;
	top: 60px;
	left: 1250px;
	z-index: 2;
	opacity: 0;
}

#banner4-1 {
	position: absolute;
	float: left;
	width: 350px;
	top: 100px;
	left: 50px;
	z-index: 2;
	display: none;
}
#banner4-2 {
	position: absolute;
	float: left;
	width: 350px;
	top: 160px;
	left: 50px;
	z-index: 2;
	height: 48px;
	display: none;
}
#banner4-2 img {
	width: 350px;
}
#banner4-3 {
	position: absolute;
	float: left;
	top: 260px;
	left: 50px;
	z-index: 2;
	display: none;
}
#banner4-3 img {
	width: 500px;
}
#banner4-4 {
	position: absolute;
	float: left;
	width: 0px;
	top: 100px;
	right: 200px;
	z-index: 3;
	opacity: 0;
}
#banner4-5 {
	position: absolute;
	float: left;
	width: 480px;
	height: 482px;
	top: 20px;
	left: 700px;
	z-index: 2;
	display: none;
}
#banner4-5 img {
	width: 480px;
}

#banner5-1 {
	position: absolute;
	float: left;
	width: 450px;
	top: 30px;
	left: 50px;
	z-index: 3;
	display: none;
	padding-top:20px;
}
#banner5-2 {
	position: absolute;
	float: left;
	width: 0px;
	top: 50px;
	left: 500px;
	z-index: 3;
	opacity: 0;
}
#banner5-3 {
	position: absolute;
	float: left;
	width: 0px;
	height: 0;
	top: 150px;
	left: 600px;
	z-index: 2;
	opacity: 0;
}
#banner5-3 img {
	width: 350px;
}
#banner5-4 img, #banner5-5 img, #banner5-6 img, #banner5-7 img {
	width: 325px;
}
#banner5-4 {
	position: absolute;
	float: left;
	width: 325px;
	top: 132px;
	left: 613px;
	z-index: 2;
	display: none;
}
#banner5-5 {
	position: absolute;
	float: left;
	width: 325px;
	top: 132px;
	left: 613px;
	z-index: 2;
	display: none;
}
#banner5-6 {
	position: absolute;
	float: left;
	width: 325px;
	top: 132px;
	left: 613px;
	z-index: 2;
	display: none;
}
#banner5-7 {
	position: absolute;
	float: left;
	width: 325px;
	top: 132px;
	left: 613px;
	z-index: 2;
	display: none;
}
#banner5-13 {
	position: absolute;
	float: left;
	width: 208px;
	top: 130px;
	left: 70px;
	z-index: 2;
	display: none;
}
#banner5-14 {
	position: absolute;
	float: left;
	width: 202px;
	top: 180px;
	left: 300px;
	z-index: 2;
	display: none;
}
#banner5-15 {
	position: absolute;
	float: left;
	width: 208px;
	top: 150px;
	left: 1000px;
	z-index: 2;
	display: none;
}
#banner5-8 {
	position: absolute;
	float: left;
	width: 150px;
	top: 270px;
	left: 440px;
	z-index: 2;
	display: none;
}
#banner5-9 {
		position: absolute;
	float: left;
	width: 150px;
	top: 270px;
	left: 440px;
	z-index: 2;
	display: none;
}
#banner5-10 {
	position: absolute;
	float: left;
	width: 150px;
	top: 270px;
	left: 440px;
	z-index: 2;
	display: none;
}
#banner5-11 {
	position: absolute;
	float: left;
	width: 150px;
	top: 270px;
	left: 440px;
	z-index: 2;
	display: none;
}
#banner5-12 {
	position: absolute;
	float: left;
	width: 150px;
	top: 270px;
	left: 440px;
	z-index: 2;
	display: none;
}
#banner5-15 img, #banner5-14 img, #banner5-13 img {
	width: 180px;
}
#banner5-8 img,#banner5-9 img,#banner5-10 img,#banner5-11 img,#banner5-12 img{
	width:150px;
}


.zixun{width:1180px;background-color:#00b9ef;height:281px;margin:0 auto; margin-bottom:5px;}
.zixun .bg{width:780px;float:left;background-color:#00b9ef;height:281px;}

/*产品页*/
.in_con{ width:1180px;}
.in_con .cont4_width{width:1180px;margin:0 auto;}
.in_con .cont4_width .cont4_title{color:#00b9ef;font-size:28px;margin-bottom:30px;text-align:center;}
.in_con .cont4_width .cont4_cont li{float:left;width:295px ;margin-bottom:22px}
.in_con .cont4_width .cont4_cont li img{width:106px;margin-left:97px;margin-bottom:12px}
.in_con .cont4_width .cont4_cont li span{font-size:22px;text-align:center;display:block}
.in_con .cont4_width .cont4_cont li div{color:#686868;font-size:16px;width:240px;margin:20px auto 0;text-align:left}
.in_con .cont4_width .cont4_cont li div p{margin-bottom:8px}
.in_con .cont4_width .cont4_cont li .cont_s1{color:#1289f1}
.in_con .cont4_width .cont4_cont li .cont_s2{color:#f75b47}
.in_con .cont4_width .cont4_cont li .cont_s3{color:#1cc7c1}
.in_con .cont4_width .cont4_cont li .cont_s4{color:#5786df}

.productContent{padding-top:20px;position:relative;height:580px;color:#686868;}
.cont2_title{font-size:28px;text-align:center;margin-bottom:50px; color:#00b9ef;}
.cont2_cont{width:1180px;margin:0 auto;position:relative;overflow:hidden;height:100%}
.cont2_cont .cont2_left{width:380px;position:absolute;}
.cont2_cont .cont2_left div{margin-bottom:35px}
.cont2_cont .cont2_left div span{display:block;font-size:18px;margin-bottom:8px;color:#00b9ef;}
.cont2_cont .cont2_left div span:before{content:'';width:10px;height:10px;border-radius:50%;background:#000;margin-right:10px;display:inline-block}
.cont2_cont .cont2_left div div{font-size:14px;padding-left:20px}
.cont2_cont .cont2_left div div P{margin-bottom:0}
.cont2_cont .cont2_right{width:660px;position:absolute}
.cont2_cont .cont2_right .content2_right{margin-top:-25px}
.cont2_cont .cont2_right ul{padding-left:28px;margin-top:35px}
.cont2_cont .cont2_right ul li{text-align:center;float:left;margin-left:44px}
.cont2_cont .cont2_right ul li span{display:block;margin-top:12px;font-size:16px}
.xs_left {left: 0px ; }
.xs_right { right: 0px ; top:30px;}

.cont2_cont .cont2_left .peoduct_btn{width:180px;height:47px;display:inline-block;background:#1289f1;color:#fff;font-size:18px;text-align:center;border-radius:25px;line-height:44px;margin:10px 0 0 20px;text-decoration:none}
.cont2_cont .cont2_left .peoduct_btn:hover{cursor:pointer;background:#fff;color:#1289f1;border:1px solid #1289f1}
.kc_left {left: 0px ;top:30px; }
.kc_right {right: 50px ;}


.proshow-bg .title {padding-top: 30px; line-height: 30px;
        font-weight: bold;
        text-align: center;
        color: #323232;
        font-size: 30px;
    }

.proshow-bg .column-1 {
        padding: 40px 0;
        
    }
.clearfix{border-top: solid 1px #b8cde8; margin-bottom:300px;}
.proshow-bg .column-1 .pic {
            float: left;
            margin-left: 170px;
        }

.proshow-bg .column-1 .box {
            width: 550px;
            float: right;
            margin-top: 20px;
            line-height: 30px;
        }

 .proshow-bg .column-1 .box h3 {
                margin-bottom: 20px;
            }

 .proshow-bg .column-1 .box a {
                color: #00b9ef;
                display: inline-block;
                border-bottom: solid 1px #00b9ef;
            }

 .proshow-bg .column-1 .box .txt {
                padding-right: 40px;
            }

.proshow-bg .column-2 .pic {
        float: right;
        margin-left: 0;
        padding-right: 180px;
    }

 .proshow-bg .column-2 .box {
        float: left;
        margin-left: 100px;
    }
.font22 {
            color: #646464; font-size:22px;
        }
.box .txt {
                padding-right: 40px;font-size:16px;
            }
.list-sou-3 {
    padding: 0;
}

.list-sou-3 .title {
        color: #333;
        font-weight: 600;
        padding-bottom: 40px;
        line-height: 40px;
		font-size:28px;
    }
	
.content{margin:0 auto;width:1180px}
.content h1{position:relative;margin:40px 0;font-size:24px;text-align:center;color:#0b7cc7}
.content h1 em{display:inline-block;position:absolute;bottom:50%;width:85px;height:1px;background:#db0004}
.content h1 em.right{right:340px}
.content h1 em.left{left:340px}
.content h1 span{margin-right:3px;color:#db0101}
.content h1 i{color:#ff9f12;font-weight:bold}

.content .text p.introduceText{position:relative;font-size:14px;line-height:30px;color:#4d4d4d;text-align:left}
.content .text p em.head{display:inline-block;margin-right:12px;width:38px;height:31px;background:url("../images/markhead.png") no-repeat}
.content .text p em.last{display:inline-block;position:absolute;bottom:-8px;width:39px;height:31px;background:url("../images/marklast.png") no-repeat}
.content .text p{color:#4d4d4d;font-size:14px;line-height:25px;text-indent:28px}
.content .text p.cancelIndent a{text-indent:0}
.content p.Indent{text-indent:28px}

.content_up_left{margin:0 auto;width:1180px;}
.topic{padding-top:50px}
.topic h2{font-size:20px; color:#FFF;position:relative;padding:0px 0 0px 60px;margin-bottom:30px;height:48px;line-height:48px;border-bottom:1px solid #0b7cc7;background:url("../images/titleblueshort.png") no-repeat left center}
.topic h2 em{display:inline-block;margin-left:10px;width:17px;height:16px;background:url("../images/icon.png") no-repeat -180px -419px}
.topic h2 .last a:hover em{background-position:-240px -419px}
.topic h2 i{display:inline-block;position:absolute;left:20px;top:0;width:35px;height:40px;background:url("../images/icon.png") no-repeat -147px -380px}
.topic h2 .last{float:right}
.topic h2 .last a{display:inline-block;color:#0b7bc7;font-size:14px}
.topic h2 a{display:inline-block;color:#fff}
.topic h2 .last a:hover{color:#db0004}
.topic .text a img{ margin:0 auto;max-width:100%;display: block;}
.topic  .text p {color: #4d4d4d; font-size: 14px;line-height: 25px; text-indent: 28px; margin:5px auto;}
/*云资产*/
.main_center{
	width: 1150px;
	margin:0 auto;
}
.main span{
	color: #2599fa;
	font-size: 36px;
	line-height: 122px;
	display: block;
	text-align: center;
}
.main img.hc{
	margin: 0 auto;
	margin-bottom: 46px;
	display: block;
	vertical-align: middle;text-align:center
}

.main p{
	font-size: 20px;
	color: #333;
	line-height: 40px;
	width: 84%;
	margin:0px auto 86px;
	display: block;
}
.tab{
	overflow: hidden;
    margin-bottom: 50px;
    display: block;
    width: 100%;
}
.tab dt{
	float: right;
}
.tab_two{
	margin:36px 0;
}
.tab_two dt{
	float: left;
}
.tab_two dd{
	float: right;
}
.tab dd{
	line-height: 40px;
	color: #333;
	font-size: 18px;
	width: 46%;
	display: block;
	height: 40px;
}
.tab .dl_title{
	color: #2599fa;
	font-size: 20px;
	margin-bottom: 18px;
}
.main i{
	display: block;
	line-height: 36px;
	font-size: 20px;
	color: #333;
	width: 60%;
}
.main .nav_list{
	margin-top: 8px;
	margin-left:22px;
    overflow: hidden;
    width: 100%;
    display: block;
    height: 64px;
    /*margin-top: -30px;*/
    margin-bottom: 30px;
}
.main .nav_list li{
	float: left;
	font-size: 18px;
	color: #2599F9;
	display: block;
	line-height: 60px;
	text-align: center;
	margin-right: 4%;
	border: 2px solid #2599F9;
	width: 106px;
	height: 60px;
	color: #2599F9;
	cursor: pointer;
	border-radius: 6px;
}
.main .nav_list .cxtj{
	margin-right: 0;
}
.main .nav_list li.current{
	background: #2599F9;
	color: #fff;
}
.list{
	width: 100%;
	height: 520px;
}
.cpgn{
	height: 640px;
	 margin-bottom: 50px; 
	_height: 696px;
	_margin-bottom:50px;
}
.list ul{
	width: 1000px;
	position: relative;
	height: 520px;
	margin: 100px 0;
	_margin:60px auto 0;
}
.cpgn ul{
	height: 620px;
	height: 100%;
	display: block;
	margin:0;
	/* margin-top: 
	_height: 666px; */
}
.list ul li{
	float: left;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	display: none;
}
.list ul .current{
	width: 100%;
	display: block;
	/*margin:40px auto;*/
}

.list ul .current img{ margin:0 auto;
	display: block;
	margin:20px auto -2px;
	text-align: bottom;
	text-align: center;vertical-align: middle;
}
.list ul li.tmgl{
	bottom: 50px;

}
.product .list ul .current img{
	display: block;
	margin:20px auto 62px;
	text-align: center;
}
.product .big_png{
	height: 776px;
	
}
.product .big_png ul{
	height: 762px;
	margin-top: 0;
	_margin-top: -30px;

}
.product .big_png ul .current img{
	width: 800px;
	_margin:0;
} 