@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}
img,input,button {
    border:0;
}
i,em {
    font-style:normal;
}
a {
    text-decoration:none;
    cursor:pointer;
    color:#666;
}
ul,li {
    list-style:none;
}
body {
    font-size:14px;
    font-family:"微软雅黑";
}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.fl{ float: left; }
.fr{ float: right;}
.clearThis{ clear: both;}
.center{
	width: 1200px;
	overflow: hidden;
	margin: 0 auto;
}
.topbanner img{ max-width: 100%;}
/*公共头部   end*/
.nav{
	width: 100%;
	min-width: 1200px;
	height: 90px;	
	border-bottom: 1px solid #eaeaea;
}
.nav .logo{
	padding: 23px 0;
}
.nav .nume{ padding: 23px 0; }
.nav .nume li{ float: left;}
.nav .nume li a{
	display: block;	
	padding: 0 20px;
	text-align: center;
	line-height: 44px;	
	font-size: 16px;
	font-weight: bold;
}
.nav .nume li a.active{
	color: #2d83f9;
	border-bottom: 2px #2D83F9 solid;
}
@media (max-width: 1500px) {
	.company .zhungs,.schemebox .zhungsme,.productbox .zhungs,.newsbox .zhungsme{ display: none;}
}
/*-----------------菜单栏 end-------------------*/
.company{
	width: 100%;
	overflow: hidden;
	padding-top: 20px;
	position: relative;
}
.company .zhungs{ position: absolute; left: 0; top: 120px; }
.company .complf{
	width: 588px;
}
.company .complf h2{ font-size: 24px; color: #222; font-weight: bold; }
.company .complf h2 span{ display: block; width: 26px; height: 3px; background: #2D83F9; margin: 10px 0 70px;}
.company .complf h4{ font-size: 18px; color: #222; font-weight: bold; margin-bottom: 20px;}
.company .complf p{ font-size: 14px; line-height: 28px; text-indent: 2em; }
.company .complf a.more{ display: block; width: 80px; height: 42px; line-height: 42px; color: #222;
 border: 1px #ccc solid; background: url(../images/moreicon.png) 0 0 no-repeat; padding-left: 80px; margin-top: 80px;}
.company .complf a:hover{
	background: url(../images/moreicon.png) #2D83F9;
	background-position: 0 -44px ; 
	color: #fff;
	border: 1px #2D83F9 solid;
}
.company .comprt{ padding-top: 30px;}
/*----------公司简介  end-------------*/
.schemebox{
	width: 100%;
	overflow: hidden;
	background: url(../images/schemebg.png) 50% 0 no-repeat;
	margin-top: 90px;
	position: relative;	
	padding-top: 100px;
}
.schemebox .zhungsme{ position: absolute; right: 0; top: 120px; }
.schemebox .schemelf{ width: 600px;}
.schemebox .schemelf h2{
	font-size: 36px; color: #fff; line-height: 48px; padding-left: 40px; float: left;
}
.schemebox .schemelf h2 span{
	display: block; width: 31px; height: 3px; background: #fff; margin: 6px 0 60px;
}
.schemebox .schemelf li{
	float: left;
	width: 210px;
	text-align: center;
	font-size: 24px;
	color: #fff;
	margin-bottom: 75px;
}
.schemebox .schemelf li p{ line-height: 60px;}
.schemebox .schemert{ width: 480px; padding-left: 120px;}
.schemebox .schemert a.more{ display: block; float: right; width: 80px; height: 42px; line-height: 42px; color: #fff;
     border: 1px #ccc solid; background: url(../images/moreicon.png) 0 -44px no-repeat; padding-left: 80px;}
.schemebox .schemert a:hover{
	background: url(../images/moreicon.png) #2D83F9;
	background-position: 0 -44px ; 
	color: #fff;
	border: 1px #2D83F9 solid;
}
/*------解决方案  end---------*/
.productbox{
	width: 100%;
	overflow: hidden;
	position: relative;
	padding-top: 100px;
}
.productbox .zhungs{ position: absolute;}
.productbox ul{ overflow: hidden;}
.productbox ul li{
	width: 378px;
	overflow: hidden;
	float: left;
	border: 1px #ddd solid;
	margin-right: 30px;
	margin-bottom: 30px;
	transition: all .5s;
}
.productbox ul li:nth-child(3n+0){ margin-right: 0;}
.productbox ul li.clearmr{ margin-right: 0;}
.productbox ul li:hover{
	-webkit-box-shadow: 0px 1px 5px #999;
    box-shadow: 0px 1px 5px #999;
    -webkit-transform: translate3d(0, 0px, -2px);
    transform: translate3d(0, 1px, -2px);
}
.productbox ul li i{display: block; width: 378px; height: 378px; overflow: hidden; line-height: 378px;}
.productbox ul li .prdtxt{ padding: 10px 6px; text-align: center;}
.productbox ul li .prdtxt p{ font-size: 20px; color: #222; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.productbox ul li .prdtxt span{ color: #ff0000; font-size: 16px;}
.prtcenter a.more{
	 display: block; 
	 width: 80px; 
	 height: 42px; 
	 line-height: 42px; 
	 color: #222;
     border: 1px #ccc solid; 
     background: url(../images/moreicon.png) 0 0 no-repeat; 
     margin: 0 auto 100px;
     padding-left: 80px;
}
.prtcenter a:hover{
	background: url(../images/moreicon.png) #2D83F9;
	background-position: 0 -44px ; 
	color: #fff;
	border: 1px #2D83F9 solid;
}
/*--------产品展示  end--------*/
.newsbox{
	width: 100%;
	overflow: hidden;
	position: relative;
	background: #f8f8f8;
	padding: 100px 0;
	margin-bottom: 100px;
}
.newsbox .zhungsme{ position: absolute; right: 0; top: 120px;}
.newsbox .newslf{
	width: 448px;	
	overflow: hidden;
 }
.newsbox .newslf i{ display: block; width: 446px; height: 268px; overflow: hidden; margin-bottom: 12px; border-top: 1px #ddd solid; padding-top: 30px;}
.newsbox .newslf i img{ width: 446px; height: auto;}
.newsbox .newslf h2{ font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 16px;}
.newsbox .newslf p{
	font-size: 14px; color: #666; height: 64px; overflow: hidden; margin-bottom: 20px;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.newsbox .newslf .time{
	font-size: 18px; font-weight: bold; color: #999;
}
.newsbox .newslf .time span,.newsbox .newslf .time a{ display: block;}
.newsbox .newslf .time a{ width: 50px; height: 20px; background: url(../images/newnext.png) 0 6px no-repeat;}
.newsbox .newslf .time a:hover{  background: url(../images/newnext.png) 0 -14px no-repeat; }
.newsbox .newsrt{ width: 620px; overflow: hidden;}
.newsbox .newsrt ul li{
	overflow: hidden;
	border-top: 1px #ddd solid;
	padding-top: 26px;
	margin-bottom: 30px;
}
.newsbox .newsrt ul li .info{
	width: 480px;
	float: left;	
}
.newsbox .newsrt ul li .info h3{ font-size: 18px; color: #222; margin-bottom: 20px;}
.newsbox .newsrt ul li .info p{ font-size: 14px; color: #666; line-height: 26px; height: 52px;
  overflow: hidden;
  text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.newsbox .newsrt ul li .infotime{
	font-size: 18px; font-weight: bold; color: #999;
}
.newsbox .newsrt ul li .infotime a{ display: block; margin-top: 50px; width: 100%; height: 20px; background: url(../images/newnext.png) 58px 6px no-repeat;}
.newsbox .newsrt ul li .infotime a:hover{  background: url(../images/newnext.png) 58px -14px no-repeat; }
.newsbox .newsrt a.more{ display: block; width: 80px; height: 42px; line-height: 42px; color: #222;
 border: 1px #ccc solid; background: url(../images/moreicon.png) 0 0 no-repeat; padding-left: 80px; margin-top: 50px;}
.newsbox .newsrt a.more:hover{
	background: url(../images/moreicon.png) #2D83F9;
	background-position: 0 -44px ; 
	color: #fff;
	border: 1px #2D83F9 solid;
}
/*-----新闻资讯  end----*/
.footer{
	width: 100%;
	overflow: hidden;
	padding-top: 48px;
	background: #171717;
}
.footer .footol{
	width: 290px;
	margin-right:180px ;
}
.footer .footol h2{
	line-height: 48px;
	font-size: 22px;
	color: #fffefe;
	border-bottom: 1px #ddd solid;
	margin-bottom: 36px;
}
.footer .footol h2 span{
	color: #ddd;
	font-size: 16px;
	margin-left: 6px;	
}
.footer .footol p{
	font-size: 14px;
	color: #fffefe;
	margin-bottom: 12px;
}
.footer .footol a{
	display: block;
	width: 116px;
	font-size: 14px;
	color: #fffefe;
	line-height: 40px;
	margin-bottom: 12px;
	float: left;
}
.footer .footol.clearmr{
	margin-right: 0;
}
.bottom{ height: 56px; line-height: 56px; background: #0c0c0c; color: #fffefe; text-align: center;}
/*分页样式*/
.fenye{
	width: 100%;
	text-align: center;
	margin: 60px 0;
}
.fenye a{
	display: inline-block;
	height: 32px;
	line-height: 32px;
	text-align: center;
	width: auto;
	/*min-width: 32px;*/
	border: 1px #eee solid;
	border-radius: 3px;
	padding: 0 12px;
}
.fenye a:hover,.fenye a.active{
	background: #2D83F9;
	border: 1px #2D83F9 solid;
	color: #fff;
}