/*--共用css  ---*/

.fl{
	float: left;
}
.fr{
	float: right;
}
.clear{
	clear: both;
}

.wrap{
	width:1200px;
	margin:0 auto;
}
/*--共用css end ---*/


.title{
	text-align: center;
	color:#384057;
	font-size: 28px;
	font-weight: normal;
}

.disc{
	text-align: center;
	color: #868686;
	font-size: 13px;
	padding-top:23px;
	line-height:29px ;
}


/*  banner   */


.banner{ position:relative;  margin:0 auto; }
.banner .bd{ position:relative; z-index:0; }
.banner .bd li img{width:100%; vertical-align:top;  } 
.banner .hd{position:relative; z-index:1;  height:50px; line-height:50px; margin-top:-50px;  text-align:center;
}
.banner .hd ul{ text-align:center;    }
.banner .hd ul li{ cursor:pointer; display:inline-block; 
*display:inline; zoom:1; width:11px; height:11px; margin:5px; 
 border-radius: 50px; overflow:hidden; border:2px solid #fff; 
			font-size:0;
		}
		.banner .hd ul .on{background: #0367bd; border:2px solid #0367bd; }
		
		
		.banner .prev,.banner .next{ z-index:1; display:block; width:55px; height:55px;
		 position:relative; margin:-23% 0 0 5%; text-align: center; font-family: simsun; font-size: 50px;color:#fff;
		float:left;  }
		.banner .next{  background-position:right 0; float:right; margin-right:5%  }
/*.banner .prev:hover,.banner .next:hover{ filter:alpha(opacity=80);opacity:0.8 }*/

/*  banner end  */


/* 产品与服务  */
.proOrFw{
	width:100%;
	margin:0 auto;
	background: #f7f7f7;
	
}
.prodiv{
	padding:58px 46px 50px 46px;
}
.pro_list {
	padding-top:43px;
}
.pro_list ul li{
	width:30%;
	float: left;
	
	text-align: center;
}
.pro_list ul li>a{
	display:block;
	/*  filter: grayscale(100%);
	 -webkit-filter:grayscale(100%);
	 -ms-filter: grayscale(100%);
	 -moz-filter:grayscale(100%);
     -o-filter:grayscale(100%);*/
}
/*.pro_list ul li>a:hover{
	filter: grayscale(0);
	 -webkit-filter:grayscale(0);
	 -ms-filter: grayscale(0);
	 -moz-filter:grayscale(0);
     -o-filter:grayscale(0);
}*/
.pro_list ul li p{
	padding:13px 10% 0 10%;
	color:#585859;
}
.pro_list ul li .pro_p1{
	
	font-size:20px;
}
.pro_list ul li .pro_p2{
	font-size: 14px;
	padding-top:6px;
	color:#949494;
}
.pro_list:after{
	content:"";
	display: block;
	clear: both;
}

.pro_list ul .pro_li2{
	margin:0 5%;
}



/* 产品与服务 end  */

/*--- about   --*/
.about{
	width:100%;
	margin:0 auto;
	background:#f4f4f4; 
	padding:60px 0;
}
.ab_img{
	float: left;
	width:50%;
	overflow: hidden;
}
.ab_img a{
	width:100%;
	display: block;
}
.ab_img a img{
	width:100%;
}
.ab_txt{
	float: right;
	width:47%;
	overflow: hidden;
	padding-left:3%;
}
.ab_desc{
	padding-top:12px;
	font-size: 14px;
	color:#5d5d5d;
	line-height: 34px;
	height: 284px;
	overflow: hidden;
}

.ab_more{
	margin-top:10px;
	padding:12px 13px;
	font-size: 16px;
	color: #fff;
	display: inline-block;
	background: #1a66b1;
}

/*--- about end  --*/

/*--  solution   -*/
.solution{
	width:100%;
    margin:0 auto;
    background: #f8f8f8;
    padding-top:70px;
    padding-bottom: 40px;
}
.so_more{
  font-size: 14px;
  color:#008fd5;
  text-align: center;
  display:block;
  padding-top:26px;	
}
.so_list {
	padding-top:35px;
}
.so_list ul li{
	float: left;
	width:33.33%;
	overflow: hidden;
	cursor: pointer;
}
.so_list ul:after{
	content: "";
	display: block;
	clear: both;
}
.so_txt{
	padding:40px 30px 25px 20px;
	border:1px solid #ececec;
	border-top:none;
	margin:0;
}
.so_list ul li .solist_aimg{
	display: block;
	transition: .9s;
	width:100%;
	height: 190px;
	overflow: hidden;
}
.solist_aimg img{
	width:100%;
	height: 100%;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
}
.so_list ul li:hover .solist_aimg img{
	transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);
}
.solist_title{
	display: block;
	overflow: hidden;
	height: 19px;
	color:#384057;
	font-size: 16px;
	font-weight: bold;	
}
.solist_p{
	margin-top:12px;
	font-size: 13px;
	color:#868686;
	line-height: 23px;
	padding-right: 20px;
	height: 46px;
	overflow: hidden;
}
.solist_more{
	display: block;
    float: right;
	width:16px;
	height: 16px;
	background: url(../img/so_ico.png) no-repeat right;
}
.so_list ul li:hover .solist_more{
	background: url(../img/so_ico2.png) no-repeat right;
}
.solist_more:after{
	content: "";
	display: block;
	clear: both;
}
/*--  solution end  -*/
/*-- news --*/

.news{
	width:100%;
	margin: 0 auto;
	background: #f4f4f4;
	padding-top:70px;
	padding-bottom:60px;
}
.news_nav{
	padding-top: 50px;
	padding-bottom: 10px;
	position: relative;
}
.news_ico{
	width:100%;
	height: 1px;
	background: #d9d9d9;
}
/*.news_nav>a{
	position: absolute;
	padding:7px 20px;
	color:#333333;
	font-size: 16px;
	border:1px solid #fff;
	border-radius: 15px;
	background: #fff;
	text-align: center;

}*/
.news_nav_list {
	margin: 0 auto;

	display: block;
	margin-left:44.2%;
}
.news_nav_list:after{
	content: "";
	display: block;
	clear: both;
}
.news_nav_list li{
   float: left;
   text-align: center;
   display: inline-block;
   margin-left:15px;
   margin-top:-10px;
}

.news_nav_list li a{
    padding:7px 20px;
	color:#333333;
	font-size: 16px;
	
	border-radius: 30px;
	background: #fff;
	text-align: center;
}
.news_nav_list li.on a{
	
	background: #0089cc;
	color: #fff;

}

.news_list ul li{
	width:25%;
}
.so_list ul li .newslist_aimg{
	width:100%;
	height: 152px;
}
.news_txt{
	padding:33px 10px 25px 11px;
	border:1px solid #ececec;
	border-top:none;
	margin:0;
}
.news_title{
	font-size: 15px;
}

.news_ul1{
	display: none;
}

/*-- news end --*/

/*---  links   ---*/
.links{
	width:100%;
	margin:0 auto;
	background: #fff;
	padding-top:33px;
	padding-bottom:52px;
}
.link_ico{
	width:157px;
	
	border:1px solid #f2f2f2;
	display: inline-block;
	margin-left:10px;
}
.link1{
	margin-left: 0;
}
.link_ico img{
	width:100%;
}



@media screen and (min-width: 1000px) and (max-width:1200px) {
	.wrap{
		width:1000px;
	}
	
	.ab_txt {
    float: right;
    width: 46%;
    overflow: hidden;
    padding-left:3%;
    padding-right: 1%;
}

.ab_desc {
    padding-top: 8px;
    line-height: 26px;
    height: 206px;
}
.ab_more {
    margin-top: 25px;
   
}

.so_list ul li .solist_aimg {
     height: 158px; /**/

}
.so_list ul li .newslist_aimg {
    
     height: 127px; /**/
}
.link_ico{
	width:128px;
	
}
	
}

@media screen and (min-width: 800px) and (max-width:1000px) {
	.wrap{
		width:800px;
	}
	.navlist{
		display: none;
	}
	.sjnav_ico{
		display: block;
	}
	.ab_desc {
       padding-top: 5px;
       line-height: 26px;
       height: 162px;
   }
   
   .so_list ul li .solist_aimg{
   	   height: 130px;
   }
   
   .so_txt {
      padding: 30px 20px 27px 20px;
   
   }
   .so_list ul li .newslist_aimg {
   
      height: 101px; /* */
   }
   .news_txt {
       padding: 28px 10px 25px 11px;
   }
   .solist_p {
      margin-top: 9px;
   }
   .link_ico {
      width: 105px;
      margin-left: 3px;
  }
}

@media screen and (min-width: 640px) and (max-width:800px) {
	.wrap{
		width:640px;
	}
	.navlist{
		display: none;
	}
	.sjnav_ico{
		display: block;
	}
	.ab_desc {
       padding-top: 5px;
       line-height: 26px;
       height: 110px;
   
    }
    .so_list ul li .solist_aimg {
       height: 101px;
    }
    .so_txt {
       padding: 28px 17px 25px 17px;
    }
    .so_list ul li .newslist_aimg {
       height: 81px;
    }
    .news_nav_list {
      margin-left: 32%;
    }
	.news_txt {
       padding: 22px 10px 25px 8px;
    }
    .solist_p {
      margin-top: 7px;
   }
   .links {
      padding-bottom: 37px;
    }
   .link_ico {
      width: 84px;
      margin-left: 2px;
    }
}

  @media screen and (min-width: 320px) and (max-width:640px) {
      
    .wrap{
		width:95%;
	}
	.navlist{
		display: none;
	}
	.sjnav_ico{
		display: block;
	}
	.prodiv {
      padding:15px 0 0 0 ;
    }
    .ab_img {
       width: 100%;
    }
    .ab_txt {
       width: 98%;
       padding-top: 6px;
    }
    .ab_desc {
       padding-top: 3px;
       line-height: 30px;
       height: auto;
    }
    .so_list ul li {
      width: 94%;
      margin: 0 auto;
      margin-left: 3%;
    }
    .so_list ul li .solist_aimg {
    	height: auto;
    	width:100%;
    }
    .so_txt {
        padding: 23px 30px 34px 20px;
    }
    .news_nav_list {
        margin-left: 15%;
    }
    .news_list ul li {
    	float: left;
      width: 50%;
      margin: 0 auto;
    }
     .news_list ul li .newslist_aimg {
    	height: auto;
    	width:100%;
    }
    .news_txt {
        padding: 21px 10px 28px 9px;
    }
    /*.link_ico {
  
       margin-left: 10%;
       margin-top:15px;
    }*/
   
   .link_ico{
   	width:45%;
   	margin-left: 2.5%;
       margin-top:3%;
   }
   
   .pro_list{
   	padding-top:1%;
   }
    .pro_list ul li{
    	width:100%;
    	margin:0 0 5% 0;
    }
.pro_list ul .pro_li2{
	margin:0 0 5% 0;
}/**/

.about {
    padding: 5% 0;
}
.solution,.news{
	padding-top:8%;
	padding-bottom: 5%;
}

.news_nav_list li a{
	font-size: 14px;
}


  }