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


/*首页*/
    *{padding: 0px; margin: 0px}
    body{font-family: "微软雅黑"}
    img{width: 100%;filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )}
    ul,li{list-style: none;}
	a{text-decoration:none}
	h1,h2,h3,h4,h5,h6{font-weight: 500;}
	.clear{clear:both}
	#header_in .clear{display:none}
	
    #header{height: 50px; width:100%; background:#FFFFFF; position:fixed; top:0px; border-bottom: 1px solid #DCD5FF; z-index:50}
	#header_in i{display:none}
	#header_in{width:1000px; margin:0px auto}
	h1{float:left; padding-top:10px}
	#menu{float:right}
	#menu li{float:left; margin-right:30px}
	#menu li a{color:#000; font-size:16px; line-height:50px; }
	#menu li a:hover{color:#0687ff}
	#menu li .move_hover{color:#0687ff}
	
    #banner{margin-bottom: 45px; overflow:hidden; padding-top:50px; position:relative}
    #banner_in{margin-left: -100%; width:500%;} 
    #banner_in li{width:20%; float:left}
    #banner_btn{position:absolute; bottom:20px; left:50%; margin-left:-51px}
	#banner_btn li{width:12px; height:12px; background:#848d91; border-radius:15px; float:left; margin-right:20px; cursor:pointer}
	#banner_btn .btn_style{background:#0064FF}

    #index h3{width: 60%; margin: 0px auto;}
    #index h3 span{font-size: 36px; line-height: 36px; background: #fff}
	
	h4{color:#999999; font-size:19px; margin-top:30px}
	
/*案例图片*/
	.case{width: 100%;height: 500px;margin-top: 50px;}
	.case-1{width: 40%;height: 80%;background-color: rgb(28, 30, 35);float: left;display: inline-block;margin-left: 6%;}
	.case-1 img{width: 100%;height: 255px;}
	.case-1 span{font-size: 20px;}
	.case-1 p{color: white;font-size: 13px;margin-left: 18px;}
	.case-1:hover{background-color: gray; border: 10px solid gray; cursor: pointer;}
	
	.case-2{width: 40%;height: 80%;background-color: rgb(28, 30, 35);float:right;display: inline-block;margin-right: 6%;}
	.case-2 img{height: 255px;width: 100%;}
	.case-2 span{font-size: 20px;}
	.case-2 p{color: white;font-size: 13px;margin-left: 18px;}
	.case-2:hover{background-color: gray; border: 10px solid gray; cursor: pointer;}
	
	.case2{width: 100%;height: 500px;}
	.case-3{width: 40%;height: 80%;background-color: rgb(28, 30, 35);float: left;display: inline-block;margin-left: 6%;}
	.case-3 img{width: 100%;height: 255px;}
	.case-3 span{font-size: 20px;}
	.case-3 p{color: white;font-size: 13px;margin-left: 18px;}
	.case-3:hover{background-color: gray; border: 10px solid gray; cursor: pointer;}
	.case-4{width: 40%;height: 80%;background-color: rgb(28, 30, 35);float: right;display: inline-block;margin-right: 6%;}
	.case-4 img{width: 100%;height: 255px;}
	.case-4 span{font-size: 20px;}
	.case-4 p{color: white;font-size: 13px;margin-left: 18px;}
	.case-4:hover{background-color: gray; border: 10px solid gray; cursor: pointer;}

	#partner{background:#2f3239; padding:30px 0px 30px 0px; margin-top: 50px}
	#partner ul{width:1000px; margin:0px auto}
	#partner ul li{display: inline-block; margin-right:30px; margin-bottom:20px}
	h5{font-size:20px; color:#999999; margin-bottom:25px}
	
	#footer{height:70px; background:#212425; text-align:center; color:#ccc; font-size:13px}
	#footer p{padding: 20px 0px}
	#footer ul li{display: inline-block;}
	#footer ul li i{font-size:30px; margin-right:5px}
	
	.back{ position:fixed; bottom:5%; right:20px; cursor:pointer; font-size:36px}
	
	#examples_banner{padding-top: 50px}
	/*成功案例*/
	#examples_menu{width:1000px; text-align:center; margin:0px auto; height:58px}
	#examples_menu li{float:left;padding: 0 4% 0%;display: inline-table; font-size:16px; line-height:58px; cursor:pointer}
	#examples_menu li a{color: #000}
	#examples_menu li:hover{color:#1e78e8}
	
	.examples_contant{width:80%; margin:0px auto; border-top:1px solid #dfdfdf;}
	.examples_contant ul li{width:23%; background:#E3161A; height:294px; display: inline-block; float:left; margin-right:2%; margin-bottom:2%; overflow:hidden; position:relative}
	.examples_contant ul{margin:0px auto}
	
	.examples_contant_up{width:100%; height:100%; background:#000000; position:absolute; top:0; left:0px; opacity:0.5; display:none }
	.examples_contant_up p{text-align:center; line-height:300px; color:#FFFFFF; font-size:36px}
	#examples h3{font-size: 24px; text-align:left; width: 150px; padding-top: 20px}
	
	/*公司动态*/
	.news_contant{width:900px; margin:0px auto; }
	.news_contant ul li{padding-bottom:30px;border-bottom: 1px solid #dfdfdf; padding-top:10px}
	.news_contant ul li img{width:25%; float:left; padding-right:55px}
	#dynamic h3 a{color: #337ab7;font-size: 24px;}
	.news_contant p{color: #999; font-size:13px; line-height:20px}
	.news_contant span{color: #999; font-size:13px; line-height:30px;}
	
	/*关于我们*/
	#about h3{font-size:36px; color:#666565; width:100%; padding-bottom:20px; float:left}
	#about_content{width:900px; margin:0px auto}
	#about_content p{color:#999;text-indent:2em; font-size:16px;}
	.float_r{text-align:right}
	.page{padding-bottom:40px}
	.page i{font-size:140px; float:left; padding-top:-50px}
	.page:nth-child(2) i,.page:nth-child(4) i{float:right}
	.page p{padding-top:20px}
	
	
	/*联系我们*/
	#contact{width: 1000px; margin: 0px auto; padding:25px 0px;}
	#contact i{font-size: 24px; margin-right: 15px; display: inline-block; display:block; float: left;}
	#contact p{font-size: 16px; padding-top: 5px; display: inline-block; padding-bottom: 5px}
	#contact li:nth-child(1) p:nth-child(10){padding-left: 43px}
	#left{width: 380px; float: left ;}
	#right{width: 500px; float:right;}
	
    /*试用*/	
    #experience{width: 80%;margin: 0 auto;border-bottom: 5px solid #00CCFF;}
    #experience span{font-size: 4em;padding-bottom: 10px;display:block; text-align: center; font-family: "宋体";color: #00CCFF;}
    .experience_border{width: 80%;height: 700px;margin-top: 60px;margin: 60px auto;}
    .experience_border_er{width: 100%;height: 400px;}
	.experience_ul{width: 100%;text-align: center;}
	.experience_li_yi{border: 1px solid #cfe1f7;margin-left:20px 35px;width: 150px;border-radius: 10px;padding: 14px 34px;}
	.experience_li_yi p{text-align: center;padding: 12px 0px;}
	.experience_li_yi p a{background-color: #348fd0;color: white;padding: 10px 30px;border-radius: 5px;}
	.experience_li_er{border: 1px solid #caeae4;margin:20px 35px;width: 150px; border-radius: 10px;padding: 14px 34px;}
	.experience_li_er p{text-align: center;padding: 12px 0px;}
	.experience_li_er p a{ background-color: #348fd0;color: white;padding: 10px 30px;border-radius: 5px;}
	.experience_li_san{border: 1px solid #cfe1f7;width: 150px; border-radius: 10px;padding: 14px 34px;}
	.experience_li_san p{text-align: center;padding: 12px 0px;}
	.experience_li_san p a{ background-color: #348fd0;color: white;padding: 10px 30px;border-radius: 5px;}
    
    
    
	/**/
	@media screen and ( max-width: 650px ) {
		h1{padding-left:5px}
		#header_in{width:100%}
		#menu{margin-top: 10px}
		#menu li{text-align:center;margin-right: 0; height:30px; background:#FFFFFF; line-height:30px; font-size: 12px; padding-right: 5px}
		#menu li a{line-height:30px}
		.contact_method i,#partner{display:none}
		.media{width:100%; padding:0px}
		h4{text-align:center}
		.contact_method{width:100%;text-align:center;padding-left: 0}
		.contact_method:nth-child(4){margin-left:0px}
		#footer p{padding-top:20px; margin-top: 20px}
		#footer{height:auto}
		#examples_menu{width:96%; height:auto; text-align:center}
		#examples_menu li{line-height:30px; width:33%; padding:0}
		.examples_contant{border:none}
		.examples_contant ul li{width:100%}
		.examples_contant_up{display:block}
		.news_contant ul li img{display:none}
		.news_contant{padding:0px 5%; width:90%}
		.news_contant span{float:right}
		#about_content{width:90%}
		.page i{font-size:80px}
		#about h3{font-size:25px}
		#banner_btn{margin-left: -25px; width: 100%}
		#left,#right{float: none; width: 96%;padding:0px 2%;}
		#contact{width: 100%}
		#menu span{display: none;}
	}