@charset "utf-8";
/* CSS Document */
.banner
{
	width:100%;
	background:url(../images/shutter_1.jpg) no-repeat center top;
	min-height:550px;
}

.lanrenzhijia {
	position:relative;
	margin:0 auto;
}
.nivo-caption span {
	font-family:'PT Sans Narrow', sans-serif;
	font-size:20px
}
::selection {
 background:#d7efff
}

::-moz-selection {
 background:#d7efff
}
.nivo-caption, .proj-img i {
	background-color:#34739f
}
.lanrenzhijia2 img {
	display: none;
	left: 0;
	position: absolute;
	top: 0;
}
.lanrenzhijia2 {
	overflow:hidden;
	position:relative
}
#slider, .lanrenzhijia2 img {
	width:100%;
	height:auto
}
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5
}

.nivo-caption {
	height:46px;
	position:absolute;
	right:0;
	bottom:0;
	overflow:hidden;
	font-size:14px;
	z-index:8
}
.nivo-caption p {
	margin:0;
}
.nivo-caption span {
	float:left;
	padding:0 50px 0 20px;
	color:#fff;
	line-height:46px;
}
.nivo-caption a {
	display:block;
	float:right;
	width:78px;
	height:46px;
	background:url(../images/caption-link.png) no-repeat left 50%;
}
.nivo-html-caption {
	display:none
}
.nivo-directionNav {
	position:absolute;
	background:#fff;
	bottom:16px;
	right:1%;
	overflow:hidden;
	z-index:9;
	width:78px;
}
.nivo-prevNav, .nivo-nextNav {
	text-indent:9999px;
	float:left;
	width:39px;
	height:39px;
	cursor:pointer
}
.nivo-prevNav {
	background:url(../images/slider-arrows.png) no-repeat left top;
}
.nivo-nextNav {
	background:url(../images/slider-arrows.png) no-repeat right top;
}
.nivo-prevNav:hover {
	background-position: left bottom
}
.nivo-nextNav:hover {
	background-position: right bottom
}

.nivo-controlNav {
	position:absolute;
	overflow:hidden;
	z-index:20;
	height:8px;
	left:20px;
	bottom:22px
}
.nivo-controlNav a {
	line-height:10em;
	display:inline-block;
	margin:0 11px 0 0;
	width:8px;
	height:8px;
	background:url(../images/nivo-controls.png) no-repeat left top;
	cursor:pointer
}
.nivo-controlNav a.active {
	background:url(../images/nivo-controls.png) no-repeat right top
}
#preloader {
	position:relative;
	z-index:51;
	background:url(../images/shutter_1.jpg)no-repeat 100% 100%;
	width:100%;
	height:auto;
	
}



.wapper{width:100%;}


.main{width:1205px; margin:0 auto;}
.mian{width:1205px; margin:0 auto;}



.about_ti{ width:315px; min-height:49px; margin:0 auto; background:url(../images/abou_ti.png) no-repeat center bottom; padding-top:25px;}
.about_ti .abt_ti1{ width:315px; float:left; line-height:30px;  text-align:center; font-size:20px; color:#333333;}
.about_ti .abt_ti1 a{ color:#333333;}
.about_ti .abt_ti2{ width:315px; float:left; text-align:center;font-size:20px;color:#afafaf;}
.about_ti .abt_ti2 a{font-size:20px; color:#afafaf;}
.about_ti .abt_ti3{ width:315px; float:left; tex  t-align:center; font-size:24px; color:#717171;}
.hr{width:70px; float:left; margin-left:80px; margin-top:15px; margin-bottom:15px;}


.aboutcen{ width:100%; min-height:429px; background:url(../images/aboutbg.jpg) no-repeat center top;}

.about{width:1205px; float:left; margin-bottom:10px; margin-top:32px;}

.aboufr{ width:491px;}
.tre { width: 491px; height:366px; position: relative;
    overflow: hidden;
    cursor: pointer;}
.zoom {
    /* 缩放的元素 */
    width: 491px; height: 366px;
    vertical-align: middle;    
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s;
}
.tre:hover .zoom {
    /* hover放大 */
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    zoom: 1.05;
}



.aboufl{ width:711px; min-height:319px; float:left; margin-top:46px; background-color:#f3f3f3; border-top-right-radius:20px;}
.aboufl h2{ width:603px; float:left; margin-left:62px; font-size:20px; color:#afafaf; padding-top:20px;}
.aboufl h3{ width:603px; float:left; margin-left:62px; font-size:20px; color:#333333; padding-top:15px;}
.aboufl p{ width:603px; float:left;margin-left:62px; line-height:26px; float:left; text-indent:2em; margin-bottom:20px; font-size:14px; color:#868686;}
.aboufl p .blor{ font-size:15px; color:#363636;}
.aboufl a{ display:block; float:right; padding-right:45px;}


.aboubot{ width:1200px; float:left; background:url(../images/aboubot.jpg) no-repeat center top; min-height:161px; margin-bottom:20px;}
.test{ width:1200px; float:left; padding-bottom:10px;}
.test li{float:left; border-radius:100px;height:152px;text-align:center;transition:All 0.5s ease-in-out;
-webkit-transition:All 0.5s ease-in-out;
-moz-transition:All 0.5s ease-in-out;
-o-transition:All 0.5s ease-in-out;}
.test li:hover{ color:#FFF;transform:translate(0,-10px);
-webkit-transform:translate(0,-10px);
-moz-transform:translate(0,-10px);
-o-transform:translate(0,-10px);
-ms-transform:translate(0,-10px);}
.test li span{float:left; font-size:15px; color:#404040; text-align:center;}
.test li .cl{ padding-top:100px;padding-bottom:10px;}
.test li .fand{font-size:35px; font-weight:bold; color:#404040;}
.test li:hover .fand{ color:#404040;}
.test li .cll{ font-size:14px; color:#c3c3c3; line-height:15px;}

.shengc{ background:url(../images/shengc.jpg) no-repeat center top;width:180px; }
.kexu{ background:url(../images/kexu.jpg) no-repeat center top;width:253px;}
.make{ background:url(../images/make.jpg) no-repeat center top;width:333px;}
.baoz{ background:url(../images/baoz.jpg) no-repeat center top;width:264px;}
.server{ background:url(../images/server.jpg) no-repeat center top;width:163px;}
.test .shengc span{width:180px;}
.test .kexu span{width:253px;}
.test .make span{width:333px;}
.test .baoz span{width:264px;}
.test .server span{width:163px;}



.categories{ width:100%; background:url(../images/categories.jpg) no-repeat center top; min-height:569px;}
.categ{width:1205px; float:left; margin-top:58px;}
.categfl{ width:600px; margin-top:105px;}
.categfl h2{ width:600px; float:left; font-size:20px; margin-bottom:20px; }
.categfl h2 a{ color:#afafaf;}
.categfl h3{ width:600px; float:left; font-size:20px; margin-bottom:20px;}
.categfl h3 a{color:#ffffff;}
.categfl span{ font-size:14px; color:#b1b2b6;}

.biaotfl{ width:1205px; float:left;}
.biaotfl li{ width:400px; float:left;}
.biaotfl li:hover{ background-color:#dbdbdb;}
.biaotfl li span{ width:340px; float:left; margin-left:60px;}
.bighttop{ width:400px; min-height:190px;}
.bighttop .catebt{ font-size:18px; color:#333333; font-weight:bold; margin-top:30px;}
.bighttop .catewz{ font-size:14px; color:#868686; margin-bottom:20px;}



/*产品推荐*/
.produshow{ width:100%; min-height:560px; background:url(../images/produshow.jpg) no-repeat center top;}
.show{width:100%;}
.box1 {width:1205px;position:relative;float:left; margin-top:30px;}
.box1 .leftLoop {overflow:hidden;width:1205px;float:left;}
.box1 .leftLoop .hd .prev,.hd .next {display:block;width:40px;height:41px;cursor:pointer;z-index:98;top:345px;}
.box1 .leftLoop .hd .prev {position:absolute;left:527px;background:url(../images/profl.png) no-repeat;}
.box1 .leftLoop .hd .next {position:absolute;left:600px;width:40px;height:41px;background:url(../images/profr.png) no-repeat;}
.box1.leftLoop .hd ul {float:ri  ght;overflow:hidden;zoom:1;margin-top:10px;}
.box1 .leftLoop .hd ul li {position:relative;_display:inline;float:left;width:260px;height:10px;overflow:hidden;background:#ccc;margin-right:10px;text-indent:-999px;cursor:pointer;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.box1 .leftLoop .bd ul li .pic img {width:283px;height:243px; border:1px solid #a9a8a8;}
.box1 .leftLoop .hd ul li.on {background:#f00;}
.box1 .leftLoop .bd ul {overflow:hidden;zoom:1;}
.box1 .leftLoop .bd ul li {width:285px; float:left;margin:0 5px;text-align:center;float:left;_display:inline;overflow:hidden;}
.box1 .leftLoop .bd ul li .pic{width:283px; float:left;}
.box1 .leftLoop .bd ul li .titlle a{ width:283px; float:left;color:#868686;border-left:1px solid #a9a8a8;border-right:1px solid #a9a8a8; border-bottom:1px solid #a9a8a8;  }
.box1 .leftLoop .bd ul li .titlle a img{margin:0 20px;}
.box1 .leftLoop .bd ul li .titlle{width:285px; float:left; height:62px; line-height:62px;border-bottom:2px solid #FFF; background-color:#ffffff;}
.box1.leftLoop .bd ul li .titlle a img{ padding-bottom:15px;}
.box1 .leftLoop .bd ul li .titlle a:hover{ background-color:#ee970f; color:#FFF;}
.box1 .tempWrap {
	width:1205px; !important
}
/*产品推荐*/


.wahy{ width:100%; background:url(../images/wahy.jpg) no-repeat center top; min-height:1278px;}
.mag{ background:url(../images/mag.jpg) no-repeat center top; min-height:380px; margin-top:35px;}
.whyone{ width:1205px;}
.mag .yo{ width:270px; float:right; margin-top:100px;}
.mag .yo h2{ font-size:18px; color:#ffffff;}
.mag .yo h3{ font-size:18px; color:#ffffff; font-family:Arial;}

.mag .yohb{ width:496px; height:241px; float:left; margin-left:429px; margin-top:140px; text-align:center;}
.mag .yohb dl{ width:374px; float:left; margin-top:105px; }
.mag .yohb dl dt{ width:374px; float:left; font-size:18px; line-height:35px; color:#333333; font-weight:bold;}
.mag .yohb dl dd{ width:374px; float:left; line-height:25px;font-size:14px; color:#868686;}

.team{background:url(../images/team.jpg) no-repeat center top; min-height:299px; margin-top:35px;}
.team .yo{ width:460px; float:right; margin-top:70px;}
.team .yo h2{ font-size:18px; color:#333333; line-height:28px;}
.team .yo h3{ font-size:18px; color:#868686; font-family:Arial;}
.team .yohb{ width:496px; float:left; margin-left:679px; margin-top:10px; text-align:left;}
.team .yohb dl{ width:496px; float:left; margin-top:25px; }
.team .yohb dl dt{ width:496px; float:left; font-size:18px; line-height:35px; color:#333333; font-weight:bold;}
.team .yohb dl dd{ width:496px; float:left; line-height:25px;font-size:14px; color:#868686;}

.quality{background:url(../images/quality.jpg) no-repeat center top; min-height:271px; margin-top:35px;}
.quality .yo{ width:860px; float:left; margin-top:50px; margin-left:130px;}
.quality .yo h2{ font-size:18px; color:#ffffff; line-height:28px;}
.quality .yo h3{ font-size:18px; color:#ffffff; font-family:Arial;}
.quality .yohb{ width:496px; float:left; margin-left:75px; margin-top:10px; text-align:left;}
.quality .yohb dl{ width:496px; float:left; margin-top:25px; }
.quality .yohb dl dt{ width:496px; float:left; font-size:18px; line-height:35px; color:#ffffff; font-weight:bold;}
.quality .yohb dl dd{ width:496px; float:left; line-height:25px;font-size:14px; color:#ffffff;}


.newscont{width:100%;}

.waperfl{ width:1205px; float:left; margin-top:35px; margin-bottom:30px;}


.newsleft{ width:600px; float:left;}
.mewimg { width:600px; height:209px; position: relative;overflow: hidden;cursor: pointer;}
.news {
    /* 缩放的元素 */
    width:600px; height:209px;
    vertical-align: middle;    
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s;
}
.mewimg:hover .news {
    /* hover放大 */
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    zoom: 1.05;
}
.newsleft ul{ width:600px; float: left; margin-top:15px;}
.newsleft ul li{ width:600px; float:left; line-height:52px; background:url(../images/nlis_bg.jpg) no-repeat center top; margin-bottom:15px;}
.newsleft ul li a{float:left; color:#333333; padding-left:35px;}
.newsleft ul li span{ float:right; color:#333333; padding-right:25px;}


.newsright{width:557px;}
.map{ margin-top:15px;}