/* AB模版网 做最好的织梦整站模板下载网站 Www.AdminBuy.Cn */
/* QQ：9490489 */
/* 仿站：Fang.AdminBuy.Cn */
/* 素材：Sc.AdminBuy.Cn */
@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: 100px;

	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;

}