@charset "utf-8";
*{font-size:12px;font-family:Hiragino Sans GB,Hiragino Sans GB W3,Arial,Microsoft Yahei,STHeiti,sans-serif;}
*,html,body{margin:0;padding:0;}
body{background-color:#f6f6f6;font-size:12px;color:#000;}
.clearfix:after{content:'';display:block;clear:both;width:0;height:0;overflow:hidden;}
.mb40{margin-bottom:40px !important;}
.txtlt{text-align:left;}
.txtct{text-align:center;}
.txtrt{text-align:right;}

/*header*/
.header_wrap{width:100%;padding:40px 0;background-color:#fff;}
	.header_wrap .logo_nav{margin:0 auto;width:1200px;}
		.header_wrap .logo_nav .logo_box{float:left;width:360px;}
			.header_wrap .logo_nav .logo_box dt{float:left;margin-right:12px;}
				.header_wrap .logo_nav .logo_box img{width:auto;height:64px;border:0 none;}
			.header_wrap .logo_nav .logo_box dd{float:left;margin-top:12px;padding-left:12px;border-left:1px solid #f3f3f3;line-height:1.6;font-size:14px;color:#bbb;}
		.header_wrap .logo_nav .nav_box{float:left;margin-top:15px;width:840px;list-style:none;}
			.header_wrap .logo_nav .nav_box li{float:left;display:inline-block;}
			.header_wrap .logo_nav .nav_box li:not(:first-child){margin-left:16px;}
				.header_wrap .logo_nav .nav_box a{display:inline-block;padding:5px 15px;border-radius:18px;font-size:16px;color:#555;text-decoration:none;transition:all 0.1s linear;font-family:helvetica, arial, verdana,
		tahoma, sans-serif;}
				.header_wrap .logo_nav .nav_box a:hover,.header_wrap .logo_nav .nav_box a.act{color:#030075;}
/*index banner*/
.swiper_wrap{position:relative;width:100%;}
	.swiper_wrap .banner_box{width:100%;height:459px;overflow:hidden;overflow:hidden;}
		.swiper_wrap .banner_box li{float:left;height:459px;list-style:none;background-repeat:no-repeat;background-position:center center;}

	.banner_num_wrap{position:absolute;bottom:100px;left:0;width:100%;height:30px;text-align:center;}
        	.banner_num_wrap .banner_num{display:inline-block;padding:0 5px;height:30px;overflow:hidden;}
            	.banner_num_wrap .banner_num a{float:left;margin:5px;width:12px;height:12px;border:2px solid rgb(255,255,255,0.5);border-radius:8px;overflow:hidden;cursor:pointer;}
                .banner_num_wrap .banner_num a:hover,.banner_num_wrap .banner_num a.on{background:rgb(255,255,255,1);}
                	.banner_num_wrap .banner_num a span{display:none;}

/*index server scope*/
.serscope_wrap{position:relative;margin:0 auto;width:100%;height:420px;background-color:#fff;}
	.serscope_wrap .con_box{box-sizing:border-box;position:absolute;top:-80px;left:-600px;right:0;margin-left:50%;padding:25px;width:1200px;border-radius:6px;background-color:#fff;box-shadow: 1px 3px 3px 1px rgba(0,0,0,.1);}
		.serscope_wrap .con_box h2{padding:10px 0 20px 0;text-align:center;}
		.serscope_wrap .con_box .ser_item{float:left;margin-left:23px;padding:10px;text-decoration:none;overflow:hidden;transition:all 0.1s linear;}
		.serscope_wrap .con_box a.ser_item:hover{box-shadow:0 0 10px 0 rgba(0,0,0,.1);}
		.serscope_wrap .con_box .mlt0{margin-left:0;}
			.serscope_wrap .con_box .ser_item dl{width:250px;height:280px;}
				.serscope_wrap .con_box .ser_item dd{font-size:12px;color:#888;line-height:1.8;}
					.serscope_wrap .con_box .ser_item .tit{color:#000;font-size:16px;line-height:2.2;}
					.serscope_wrap .con_box .ser_item dt img{width:100%;height:auto;}
	
/*index success cases*/
.case_wrap{margin:0 auto;padding-bottom:60px;width:1200px;}
	.case_wrap h2{padding:40px 0 30px 0;text-align:center;}
	.case_wrap .con_box{position:relative;padding:0 30px;}
		.case_wrap .con_box .movelt,.case_wrap .con_box .movert{position:absolute;top:82px;width:25px;height:63px;background-image:url(icon_index_arrow.png);}
		.case_wrap .con_box .movelt{left:0;background-position:0 0;}
		.case_wrap .con_box .movert{right:0;background-position:-25px 0;}
		.case_wrap .con_box .swiper{width:1140px;overflow:hidden;}
			.case_wrap .con_box dl{display:inline-block;border:1px solid #eee;width:258px;background-color:#fff;}
			.case_wrap .con_box dl:not(:first-child){margin-left:33px;}
				.case_wrap .con_box dt img{width:258px;height:160px;}			
				.case_wrap .con_box dd{font-size:14px;color:#666;line-height:66px;text-align:center;}		
					
/*index news and infomation*/
.news_wrap{width:100%;padding-bottom:20px;background-color:#fff;}
	.news_wrap h2{padding:40px 0 30px 0;text-align:center;}
	.news_wrap .con_box{margin:0 auto;padding:0 25px;width:1150px;}
		.news_wrap .con_box .tab{margin:0 auto;border-radius:18px;width:450px;height:36px;background-color:#f3f3f3;list-style:none;}
			.news_wrap .con_box .tab li{float:left;width:150px;height:36px;text-align:center;}
				.news_wrap .con_box .tab a{display:block;line-height:36px;font-size:17px;color:#666;text-decoration:none;text-align:center;transition:all 0.1s linear;}
				.news_wrap .con_box .tab a:hover,.news_wrap .con_box .tab a.act{border-radius:18px;color:#fff;background-color:#030075;}
		.news_wrap .con_box .info{padding:50px 0 30px 0;}
			.news_wrap .con_box .info .push{float:left;width:450px;}
				.news_wrap .con_box .info .push h6 a{float:left;width:80%;color:#000;font-size:15px;text-decoration:none;line-height:32px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
				.news_wrap .con_box .info .push h6 span{float:right;display:inline-block;font-weight:normal;font-size:15px;color:#979797;line-height:32px;}
				.news_wrap .con_box .info .push p{padding:5px 0 10px 0;height:66px;font-size:14px;color:#999;line-height:1.6;text-indent:30px;}
				.news_wrap .con_box .info .push img{width:100%;height:226px;}
			.news_wrap .con_box .info .list{float:right;width:620px;border:1px solid #f8f8f8;}
				.news_wrap .con_box .info .list li{padding:10px;border-bottom:1px solid #f8f8f8;list-style:none;transition:all 0.1s linear;}
				.news_wrap .con_box .info .list li:hover{background-color:#030075;}
				.news_wrap .con_box .info .list li:last-child{border:0 none;}
					.news_wrap .con_box .info .list dt{float:left;position:relative;width:88px;height:48px;color:#979797;text-align:center;}
						.news_wrap .con_box .info .list dt b{display:block;font-weight:normal;font-size:30px;font-family:Arial, Helvetica, sans-serif;}
						.news_wrap .con_box .info .act b{color:#fff;}
						.news_wrap .con_box .info .list p{line-height:12px;font-size:12px;color:#b0b0b0;font-family:"Arial","Microsoft YaHei";}
						.news_wrap .con_box .info .act dt p{color:#fff;}
					.news_wrap .con_box .info .list dt:after{content:'';display:block;position:absolute;top:9px;right:0;width:1px;height:30px;overflow:hidden;background-color:#cacaca;}
					.news_wrap .con_box .info .list dd{float:left;margin-left:20px;line-height:2.2;}
						.news_wrap .con_box .info .list a{font-size:15px;color:#898989;text-decoration:none;}
						.news_wrap .con_box .info .list li:hover *{color:#fff;}
				
/*index our advantage*/
.advantage_wrap{margin:0 auto;padding-bottom:60px;width:1200px;}
	.advantage_wrap h2{padding:40px 0 30px 0;text-align:center;}
	.advantage_wrap .con_box{margin-left:-20px;padding:0 25px;}
		.advantage_wrap .con_box div{float:left;position:relative;margin-left:20px;margin-bottom:40px;padding-left:62px;width:210px;height:60px;overflow:hidden;}
			.advantage_wrap .con_box h6{display:block;padding-left:15px;color:#5a5a5a;font-weight:normal;font-size:15px;line-height:22px;}
			.advantage_wrap .con_box p{padding-left:15px;color:#959595;font-size:12px;line-height:1.6;}
			.advantage_wrap .con_box div:after{content:'';display:block;position:absolute;top:0;left:0;width:60px;height:60px;background-image:url(icon_index_advantage.png);background-repeat:no-repeat;background-size:400%;}
			.advantage_wrap .con_box .i1:after{background-position:0 0;}
			.advantage_wrap .con_box .i2:after{background-position:-60px 0;}
			.advantage_wrap .con_box .i3:after{background-position:-120px 0;}
			.advantage_wrap .con_box .i4:after{background-position:-180px 0;}
			.advantage_wrap .con_box .i5:after{background-position:0 -60px;}
			.advantage_wrap .con_box .i6:after{background-position:-60px -60px;}
			.advantage_wrap .con_box .i7:after{background-position:-120px -60px;}
			.advantage_wrap .con_box .i8:after{background-position:-180px -60px;}

/*common page banner*/
.banner_wrap{height:260px;background-repeat:no-repeat;background-position:center center;}
.page_aboutus{background-image:url(banner3.png);background-color:#d2e2f2;}
.page_serverscope{background-image:url(banner4.png);background-color:#0099c5;}
.page_portalsite{background-image:url(banner5.png);background-color:#9470ee;}
.page_case{background-image:url(banner6.png);background-color:#fed60f;}
.page_news{background-image:url(banner7.png);background-color:#7846a7;}
.page_contactus{background-image:url(banner8.png);background-color:#8e4fc2;}

.topcon_wrap{margin:-70px auto 0 auto;width:100%;}
	.topcon_wrap .con_box{margin:0 auto;width:1200px;border-top-left-radius:6px;border-top-right-radius:6px;background-color:#fff;}
		.topcon_wrap .con_box .sub_nav{border-top-left-radius:6px;border-top-right-radius:6px;padding:22px 65px;background-color:#f6f6f6;}
			.topcon_wrap .con_box .sub_nav li{float:left;display:inline-block;list-style:none;}
			.topcon_wrap .con_box .sub_nav li:not(:first-child){margin-left:16px;}
				.topcon_wrap .con_box .sub_nav a{display:inline-block;padding:0 12px;border-radius:13px;line-height:26px;background-color:#f0f0f0;font-size:14px;color:#666;text-decoration:none;transition:all 0.1s linear;}
				.topcon_wrap .con_box .sub_nav a:hover,.topcon_wrap .con_box .sub_nav a.act{background-color:#030075;color:#fff;}
/*page list*/		
.page_list{margin:30px auto 0 auto;text-align:center;}
	.page_list a{display:inline-block;margin-right:10px;border:1px solid #ccc;border-radius:3px;width:40px;height:40px;line-height:38px;text-align:center;text-decoration:none;font-size:16px;font-family:'gotham-Book';color:#666;background:#fff;transition:all 0.5s linear;}
	.page_list a:hover,.page_list a.act{color:#fff;background-color:#222;border-color:#222;}
		
		/*about us*/
		.topcon_wrap .con_box .aboutus{padding:65px;background:url(aboutus_tit.png) no-repeat 65px 65px;}
			.topcon_wrap .con_box .aboutus{padding-left:480px;}
				.topcon_wrap .con_box .aboutus h2{margin-top:15px;color:#333;font-size:18px;}
				.topcon_wrap .con_box .aboutus p{color:#666;font-size:16px;line-height:2;}
				.topcon_wrap .con_box .aboutus p:not(:first-child){margin-top:15px;}
		.topcon_wrap .con_box .vision{height:460px;background:url(aboutus_bg_vision.png) no-repeat center center;}
			.topcon_wrap .vision h2{text-align:center;line-height:56px;font-size:32px;font-weight:bold;color:#222;}
				.topcon_wrap .vision h2 span{display:block;line-height:26px;font-size:20px;color:#888;font-weight:normal;}
			.topcon_wrap .vision ul{margin:110px auto 0 auto;width:770px;list-style:none;}
				.topcon_wrap .vision li{float:left;width:308px;}
				.topcon_wrap .vision li:first-child{margin-right:130px;}
					.topcon_wrap .vision li h6{font-size:18px;font-weight:bold;color:#222;line-height:40px;}
					.topcon_wrap .vision li p{font-size:14px;color:#555;line-height:24px;}

.subwebiste_wrap{margin:40px auto 40px auto;padding:60px 80px;width:1040px;background-color:#fff;}
	.subwebiste_wrap .con_box{background-color:#f6f6f6;}
		.subwebiste_wrap .con_box .lt{float:left;padding-right:80px;width:520px;background-color:#fff;}
			.subwebiste_wrap .lt h2{color:#25b9ff;font-size:23px;font-weight:normal;line-height:22px;}
				.subwebiste_wrap .lt p{margin:8px 0;color:#666;font-size:16px;}
			.subwebiste_wrap .lt dl{margin-top:20px;}
				.subwebiste_wrap .lt dt{border-left:3px solid #25b9ff;padding-left:9px;height:40px;}
					.subwebiste_wrap .lt dt b{height:19px;color:#25b9ff;font-size:20px;font-weight:normal;}
					.subwebiste_wrap .lt dt span{display:block;color:#666;font-size:14px;}
				.subwebiste_wrap .lt dd{margin-top:15px;line-height:22px;font-size:13px;color:#999;}
		.subwebiste_wrap .con_box .rt{float:left;padding:20px 30px;width:380px;}
			.subwebiste_wrap .con_box .rt dl:last-child{margin-top:30px;}
				.subwebiste_wrap .con_box .rt dd{padding:5px 0;line-height:28px;font-size:16px;color:#666;}

		/*server project*/
		.topcon_wrap .con_box .serverproject,.topcon_wrap .con_box .serverscope{padding:45px 65px;}
		.commpage_tit{padding:20px 0 20px 0;text-align:center;}
			.commpage_tit p{padding:8px 0 20px 0;color:#555;font-size:16px;font-weight:normal;}
			.topcon_wrap .commpage_tit2{font-weight:normal;}
				.topcon_wrap .commpage_tit2 b{color:#515151;font-size:28px;font-weight:normal;font-family:"黑体";}
				.topcon_wrap .commpage_tit2 span{display:block;line-height:30px;color:#cfcfcf;font-size:20px;font-family:Arial;}
			.topcon_wrap .serverproject ul{margin-top:15px;list-style:none;}
				.topcon_wrap .serverproject li{position:relative;float:left;margin-left:22px;width:251px;height:168px;}
				.topcon_wrap .serverproject .mlt0{margin-left:0;}
					.topcon_wrap .serverproject li img{width:100%;height:168px;}
					.topcon_wrap .serverproject li h6{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;height:30px;background-color:rgba(255,255,255,0.3);color:#000;font-size:14px;font-weight:normal;transition:height 0.5s;}
					.topcon_wrap .serverproject li:hover h6{height:100%;}

		/*server scope*/
		.topcon_wrap .con_box .serverscope{margin-top:30px;padding:0 65px 45px 65px;}
			.topcon_wrap .serverscope .scroll_wrap{padding-top:15px;width:1068px;overflow:hidden;}
				.topcon_wrap .serverscope .scroll_wrap .scroll_con{width:2136px;}
					.topcon_wrap .serverscope ul{float:left;width:1068px;list-style:none;}
						.topcon_wrap .serverscope li{position:relative;float:left;width:356px;height:195px;}
							.topcon_wrap .serverscope .img img{width:100%;height:auto;}
							.topcon_wrap .serverscope .img .top,.topcon_wrap .serverscope .img .btm{position:absolute;left:0;right:0;display:flex;justify-content:center;align-items:center;height:40px;background-color:rgba(255,255,255,0.3);color:#000;font-size:16px;font-weight:normal;cursor:pointer;transition:height 0.5s;}
							.topcon_wrap .serverscope .img .top{top:0;}
							.topcon_wrap .serverscope .img .btm{bottom:0;}
							.topcon_wrap .serverscope .img:hover .top,.topcon_wrap .serverscope .img:hover .btm{height:100%;}
						.topcon_wrap .serverscope .txt{background-color:#00a8d8;background-position:right bottom;background-repeat:no-repeat;}
						.topcon_wrap .serverscope .txt:after{content:'';width:0;height:0;position:absolute;border-width:10px;}
						.topcon_wrap .serverscope .id1{background-image:url(server_scope_id1.png);}
						.topcon_wrap .serverscope .id2{background-image:url(server_scope_id2.png);}
						.topcon_wrap .serverscope .id3{background-image:url(server_scope_id3.png);}
						.topcon_wrap .serverscope .id4{background-image:url(server_scope_id4.png);}
						.topcon_wrap .serverscope .id5{background-image:url(server_scope_id5.png);}
						.topcon_wrap .serverscope .id6{background-image:url(server_scope_id6.png);}
						.topcon_wrap .serverscope .to_lt:after{left:-20px;top:50%;margin-top:-10px;border-style:dashed solid dashed dashed;border-color:transparent #00a8d8 transparent transparent;z-index:2;}
						.topcon_wrap .serverscope .to_rt:after{right:-20px;top:50%;margin-top:-10px;border-style:dashed dashed dashed solid;border-color:transparent transparent transparent #00a8d8;z-index:2;}
						.topcon_wrap .serverscope .to_tp:after{left:50%;top:-20px;border-style:dashed dashed solid dashed;border-color:transparent transparent #00a8d8 transparent;z-index:2;}
					.topcon_wrap .serverscope .txt p{position:absolute;left:0;top:0;margin:auto 28px;padding-top:26px;font-size:13px;line-height:26px;color:#fff;}
			.topcon_wrap .serverscope .scroll_btn{margin-top:30px;text-align:center;}
				.topcon_wrap .serverscope .scroll_btn a{display:inline-block;margin:0 5px;border:1px solid #999;width:38px;font-size:20px;font-weight:200;font-family:"宋体";color:#999;line-height:38px;text-decoration:none;cursor:pointer;}
				.topcon_wrap .serverscope .scroll_btn a:hover{border-color:#666;color:#666;}
		/*server scope*/
		.topcon_wrap .con_box .cooperation_process{margin-top:30px;padding:0 65px 45px 65px;}
			.topcon_wrap .con_box .cooperation_process .con img{margin-top:30px;width:100%;height:auto;}

		/*portal site*/
		.topcon_wrap .con_box .portalsite{padding:45px 65px;}
			.topcon_wrap .portalsite .des{position:relative;margin-top:30px;}
			.topcon_wrap .portalsite .des:before{content:'';position:absolute;top:-92px;right:0px;width:377px;height:212px;background:url(portalsite_tit.png) right top no-repeat;}
				.topcon_wrap .portalsite .des h6{color:#030075;font-size:22px;font-weight:normal;}
				.topcon_wrap .portalsite .des p{margin-top:5px;color:#444;font-size:16px;}

			.topcon_wrap .portalsite .website{margin-top:80px;}
				.topcon_wrap .portalsite .website .con{padding-left:370px;background-repeat:no-repeat;background-position:left center;}
					.topcon_wrap .portalsite .website p{font-size:16px;color:#999;line-height:1.6;text-indent:40px;}
					.topcon_wrap .portalsite .website p:not(first-child){margin-top:10px;}
				.topcon_wrap .portalsite .website .album{margin-top:40px;padding:15px 40px 0 40px;border-radius:10px;background-color:#f2f2f2;}
					.topcon_wrap .portalsite .website dt{padding:10px 0;font-size:30px;font-weight:bold;color:#000;font-family:Arial, Helvetica, sans-serif;}
					.topcon_wrap .portalsite .website dd{float:left;padding:0 0 40px 0;width:330px;}
						.topcon_wrap .portalsite .website img{width:257px;height:auto;}

		/*case*/
		.topcon_wrap .con_box .case{padding:45px 65px;}
			.topcon_wrap .case ul{list-style:none;}
				.topcon_wrap .case li{position:relative;margin-top:60px;padding:30px 30px 30px 90px;border:1px solid #eee;border-radius:10px;}
					.topcon_wrap .case a.tag{position:absolute;right:0;top:12px;padding:5px 10px;font-size:14px;color:#fff;text-decoration:none;opacity:0.5;transition:all 0.2s linear 0s;}
					.topcon_wrap .case a.orange{background-color:#f4961d;}
					.topcon_wrap .case a.red{background-color:#f88080;}
					.topcon_wrap .case a.green{background-color:#78c05c;}
					.topcon_wrap .case a.tag:hover{opacity:1;}
					
					.topcon_wrap .case .logo{position:absolute;left:-40px;top:60px;}
						.topcon_wrap .case .logo img{display:block;border:1px solid #eee;border-radius:40px;width:80px;height:80px;}
					.topcon_wrap .case .lt{float:left;width:560px;}
						.topcon_wrap .case .lt h6{font-size:18px;color:#333;}
						.topcon_wrap .case .lt .con{margin-top:10px;font-size:15px;color:#666;line-height:1.8;}
							.topcon_wrap .case .lt b{color:#999;font-size:15px;font-weight:normal;}
						.topcon_wrap .case .lt .pro_url{margin-top:20px;font-size:15px;color:#2277da;line-height:1.8;}
							.topcon_wrap .case .pro{float:left;width:370px;}
							.topcon_wrap .case .url{float:left;display:inline-block;}
					.topcon_wrap .case .rt{float:left;padding:35px 0 0 0;width:360px;}
						.topcon_wrap .case .rt .pc{float:left;margin-left:65px;padding:6px 6px 31px 6px;width:153px;height:86px;background:url(case_pc_bg.png) no-repeat;}
						.topcon_wrap .case .rt .pad{float:left;margin-left:65px;padding:8px 16px 8px 8px;width:170px;height:107px;background:url(case_pad_bg.png) no-repeat;}
						.topcon_wrap .case .rt .mobile{float:left;margin-left:65px;padding:10px 3px 13px 3px;width:59px;height:100px;background:url(case_mobile_bg.png) no-repeat;}
							.topcon_wrap .case .rt .mobile img{width:59px;height:100px;}
							.topcon_wrap .case .rt .pad img{width:170px;height:107px;}
							.topcon_wrap .case .rt .pc img{width:153px;height:86px;}
						.topcon_wrap .case .rt .links{clear:both;padding:40px 0 0 0;}
							.topcon_wrap .case .rt .links a{float:right;width:20px;height:16px;background-repeat:no-reat;opacity:0.3}
							.topcon_wrap .case .rt .links a.p{float:right;margin-right:50px;background-image:url(case_ico_pc.png);}
							.topcon_wrap .case .rt .links a.m{float:right;background-image:url(case_ico_mobile.png);}
							
.case_design{margin:0;}
	.case_design h2{font-size:18px;font-weight:normal;color:#333;line-height:30px;}
	.case_design li{float:left;position:relative;margin-top:10px;padding-bottom:40px;width:240px;height:148px;list-style:none;}
	.case_design li:not(:first-child){margin-left:20px}
		.case_design li a.img{display:block;width:100%;height:100%;overflow:hidden;}
			.case_design li img{width:100%;height:100%;border:0 none;transition:all 0.5s linear;}
			.case_design li a:hover img{transform:scale(1.05);}
		.case_design li p{position:absolute;bottom:0;left:0;width:100%;line-height:40px;font-size:14px;color:#333;}
		.case_design li a.link_pc,.case_design li a.link_mobile{position:absolute;bottom:14px;width:15px;height:12px;background-size:100% auto;}
		.case_design li a.link_pc{right:0;background-image:url(case_ico_pc.png);}
		.case_design li a.link_mobile{right:25px;background-image:url(case_ico_mobile.png);}
		/*news*/
		.topcon_wrap .con_box .news{padding:0 65px 45px 65px;background-color:#fff;}
			.topcon_wrap .con_box .news .list{margin-left:-50px;list-style:none;}
				.topcon_wrap .news li{float:left;margin:50px 0 0 50px;width:510px;height:300px;background-color:#fafafa;}
				.topcon_wrap .news .list .pic_article{position:relative;}
					.topcon_wrap .news .list .pic_article img{width:510px;height:300px;border:0 none;}
					.topcon_wrap .news .list .pic_article h6{position:absolute;bottom:0;left:0;right:0;z-index:2;height:40px;line-height:40px;text-align:center;font-size:16px;font-weight:normal;color:#fff;background-color:rgba(0,0,0,0.3);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
					.topcon_wrap .news .list a{display:block;padding:20px 30px;width:450px;color:#000;text-decoration:none;transition:all 0.1s linear;}
					.topcon_wrap .news .list .pic_article a{padding:0;width:510px;}
						.topcon_wrap .news .list a:hover{box-shadow:0 0 10px 0 rgba(0,0,0,.1);}
						.topcon_wrap .news .list .pic_article a:hover{box-shadow:none;}
							.topcon_wrap .news .list .datetime{padding-bottom:20px;border-bottom:1px solid #dbdbdb;font-size:48px;font-weight:bold;line-height:50px;font-family:'sheepsansbold';color:#999;background:url(news_arror.png) no-repeat right 54px;transition:all 0.2s linear 0s;}
								.topcon_wrap .news .list .datetime span{display:block;font-size:16px;line-height:20px;}
							.topcon_wrap .news .list a:hover .datetime{color:#000;}
						
						.topcon_wrap .news .list .tit{margin-top:30px;font-size:16px;font-weight:normal;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
						.topcon_wrap .news .list .con{margin-top:5px;font-size:14px;line-height:24px;color:#666;}
						.topcon_wrap .news .list .view_source{margin-top:5px;color:#ccc;}
							.topcon_wrap .news .list .view_source .view{float:left;font-size:14px;line-height:24px;}
							.topcon_wrap .news .list .view_source .source{float:right;font-size:14px;line-height:24px;}
		/*news info*/
		.news_sub_nav{padding:22px 30px !important;}
		.topcon_wrap .con_box .news_info{padding:45px 30px;background-color:#fff;}
			.topcon_wrap .news_info .lt{float:left;width:770px;}
				.topcon_wrap .news_info .lt .tit{font-size:20px;color:#333;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
				.topcon_wrap .news_info .lt .date_tag{padding:5px 0 16px 0;}
					.topcon_wrap .news_info .lt .date_tag span{margin-right:20px;font-size:14px;color:#999;}
					.topcon_wrap .news_info .lt .date_tag .tag{float:right;}
						.topcon_wrap .news_info .lt .date_tag a{font-size:14px;color:#666;text-decoration:none;}
						.topcon_wrap .news_info .lt .date_tag a{font-size:14px;color:#666;text-decoration:none;}
				.topcon_wrap .news_info .lt .con{border-top:1px solid #eee;padding:20px 0;}
					.topcon_wrap .news_info .lt .con *{font-size:14px;line-height:1.8;}
					.topcon_wrap .news_info .lt .con p{margin-top:15px;font-size:14px;color:#333;line-height:1.8;}
				.topcon_wrap .news_info .lt .remark{padding-bottom:20px;border-bottom:1px dashed #d3d3d3;font-size:14px;color:#999;}
				.topcon_wrap .news_info .lt .prenex_news{position:relative;margin-top:15px;font-size:14px;color:#999;line-height:30px;}
					.topcon_wrap .news_info .lt .prenex_news a{font-size:14px;color:#666;text-decoration:none;}
					.topcon_wrap .news_info .lt .prenex_news a:hover{color:#333;}
					.topcon_wrap .news_info .lt .prenex_news a.goback_newslist{position:absolute;right:0;top:10px;display:inline-block;padding:12px 20px;border:1px solid #030075;color:#030075;line-height:18px;text-decoration:none;}
				.topcon_wrap .news_info .lt .case_design{margin-top:15px;}

			.topcon_wrap .news_info .info_pic{float:right;padding-bottom:30px;width:325px;}
				.topcon_wrap .news_info .info_pic img{width:100%;height:212px;}
			.topcon_wrap .con_box .news_info .vline{float:right;margin-right:0;width:1px;height:100px;background-color:#f1f1f1;overflow:hidden;}
			.topcon_wrap .news_info .rt{float:right;padding:0 0 30px 30px;width:295px;}
				.topcon_wrap .news_info .rt .group_name{font-size:20px;font-weight:normal;color:#c3c3c3;}
				.topcon_wrap .news_info .rt a{display:block;padding:15px 0 10px 0;border-bottom:1px dashed #ccc;text-decoration:none;}
					.topcon_wrap .news_info .rt .tit{font-weight:normal;font-size:16px;line-height:40px;color:#222;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
					.topcon_wrap .news_info .rt .des{font-size:12px;line-height:20px;color:#666;}
					.topcon_wrap .news_info .rt .datetime_view{margin-top:10px;font-size:12px;color:#999;}
						.topcon_wrap .news_info .rt .view{float:right;}
						
		/*contact us*/
		.topcon_wrap .con_box .contactus{padding:45px 65px;}
		.contactus .feedback{margin:0 auto;padding:0px;width:840px;font-size:14px;font-family:"verdana";color:#37383f;}
			.contactus .feedback .radio_list{margin:0 auto;width:660px;list-style:none;}
				.contactus .feedback .radio_list li{float:left;margin-right:30px;}
					.contactus .feedback .radio_list i{float:left;display:inline-block;margin:4px 5px 0 0;width:18px;height:18px;cursor:pointer;background:url(icon_radio.png) no-repeat;background-position:0px 0px;}
					.contactus .feedback .radio_list .selected{background-position:0px -25px;}
					.contactus .feedback .radio_list label{cursor:pointer;color:#555;font-size:16px;}
			.contactus .feedback .form_lt,.contactus .feedback .form_rt{padding-top:25px;color:#bbb;list-style:none;}
			.contactus .feedback .form_lt{float:left;width:260px;}
			
				.contactus .feedback .form_lt li{margin-bottom:20px;}
				.contactus .feedback .input{position:relative;padding:5px 7px;border:1px solid #dfdfdf;width:244px;height:26px;color:#aaa;font-size:14px;line-height:26px;vertical-align:top;background:#fff;}
				.contactus .feedback .textarea{position:relative;width:541px;}
				.contactus .feedback .chkcode{margin-bottom:0;overflow:hidden;}
					.contactus .feedback .chkcode .input{float:left;width:130px;}
					
					.contactus .feedback .input input{position:absolute;left:0px;top:0px;z-index:1;height:26px;padding:5px 7px;width:244px;border:none 0px;font-family:verdana;font-size:14px;color:#333;line-height:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
					.contactus .feedback .chkcode input{width:130px;}
					.contactus .feedback .chkcode a{float:right;}
						.contactus .feedback .chkcode img{float:right;border:1px solid #dfdfdf;width:98px;height:36px;vertical-align:top;}
			.contactus .feedback .form_rt{float:right;width:561px;}
			.contactus .feedback .form_rt textarea{width:535px;height:132px;margin-top:20px;padding:10px;border:1px solid #dfdfdf;font-size:14px;font-family:verdana;color:#333;vertical-align:top;resize: none;}
			.contactus .feedback .submit{clear:both;padding-top:26px;}
				.contactus .feedback .submit a{display:block;margin:0 auto;padding:8px 0px;border-radius:3px;border:1px solid #e6e6e6;width:160px;text-align:center;cursor:pointer;font-size:16px;color:#555;text-decoration:none;background:#fff;transition:all ease-out 0.3s;}
				.contactus .feedback .submit a:hover{border-color:#030075;color:#fff;background:#030075;}
				
.contact_wrap,.map_wrap,.business_wrap{margin:20px auto 20px auto;padding:40px 80px 60px 80px;width:1040px;background-color:#fff;}	
	.contact_wrap .infor{margin:0 auto;padding:0 20px;width:840px;list-style:none;}
		.contact_wrap .infor li{float:left;margin:0 15px;width:180px;text-align:center;}
		.contact_wrap .infor li:before{content:'';display:block;padding-top:120px;background-image:url(icon_contact.png);background-repeat:no-repeat;}	
		.contact_wrap .infor .photo:before{background-position:center 0;}
		.contact_wrap .infor .fax:before{background-position:center -150px;}
		.contact_wrap .infor .email:before{background-position:center -300px;}
		.contact_wrap .infor .qq:before{background-position:center -450px;}
			.contact_wrap .infor li b{display:block;font-weight:normal;font-size:16px;color:#555;line-height:30px;}
			.contact_wrap .infor li span{display:block;margin-top:10px;font-size:16px;color:#555;}
			.contact_wrap .infor li a{display:block;margin-top:10px;font-size:16px;color:#030075;text-decoration:none;}
			.contact_wrap .infor li a:hover{text-decoration:underline}
	.map_wrap .bdmap{height:500px;}
.business_wrap{margin-bottom:40px;}
	.business_wrap .infor{margin:15px auto 0 auto;padding-top:1px;width:830px;}
		.business_wrap .infor dl{position:relative;zoom:1;margin-top:-1px;border:1px solid #e6e6e6;overflow:hidden;font-size:16px;vertical-align:top;background:#fff;}
			.business_wrap .infor dl *{font-size:16px;color:#555;}
			.business_wrap .infor dt{float:left;padding:9px 15px;border-right:1px solid #e6e6e6;width:150px;height:22px;line-height:22px;background:#f7f7f7;}
			.business_wrap .infor dd{float:left;padding:9px 15px;height:22px;line-height:22px;color:#555;}
				.business_wrap .infor a{display:block;width:600px;text-decoration:none;}
					.business_wrap .infor a i{visibility:hidden;position:absolute;top:50%;right:10px;margin-top:-12px;border:1px solid #e6e6e6;width: 58px;height:22px;line-height:22px;font-size:14px;font-style:normal;text-align:center;background:#f7f7f7;}
					.business_wrap .infor a:hover i{visibility:inherit;}
					.business_wrap .infor a span{margin:0 5px;color:#030075;}

				
/*footer*/
.footer_wrap{background-color:#2c2c2c;}
	.footer_wrap .con_box{margin:0 auto;padding:15px 0;width:1200px;}
		.footer_wrap .con_box .copyright *{color:#bebebe;font-size:15px;}
		.footer_wrap .con_box .copyright li{float:left;display:inline-block;list-style:none;line-height:1.6;}
		.footer_wrap .con_box .copyright li:not(:last-child):after{content:'';float:right;margin:5px 18px 0 18px;width:1px;height:16px;background-color:#bebebe;}
			.footer_wrap .con_box .copyright a{text-decoration:none;}
		.footer_wrap .con_box .copyright p{line-height:26px;}
		    .footer_wrap .con_box .copyright p span:first-child{float:left;}
		    .footer_wrap .con_box .copyright p span:last-child{float:right;}
		    .footer_wrap .con_box .copyright p:after{content:'';display:block;clear:both;}
		    
		.footer_wrap .con_box .links{margin-top:20px;}
		.footer_wrap .con_box .links *{color:#828282;font-size:14px;}
		.footer_wrap .con_box .links dt{float:left;}
		.footer_wrap .con_box .links dd{float:left;margin-right:15px;}
		.footer_wrap .con_box .links a{text-decoration:none;}