@charset "utf-8";

/* CSS Document */


.banner {
	width: 100%;
	background: url(../images/shutter_1.jpg) no-repeat center top;
	min-height: 761px;
}

.lanrenzhijia {
	position: relative;
	/*margin: 0 auto;*/
	width: 2000px;
	left:50%;
	margin-left: -1000px;
	
}

.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
}

/* 代码整理：懒人之家 www.lanrenzhijia.com */
.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: 20px;
	right: 210px;
	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
}

/* 代码整理：懒人之家 www.lanrenzhijia.com */
.nivo-controlNav {
	position: absolute;
	overflow: hidden;
	z-index: 20;
	height: 8px;
	left: 220px;
	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%;
}



.about_ti {
	width: 294px;
	margin: 0 auto;
}

.about_ti .abt_ti1 {
	width: 294px;
	float: left;
	line-height: 20px;
	text-align: center;
}

.about_ti .abt_ti1 a {
	font-weight: normal;
	font-family: arial;
	font-size: 15px;
	color: 6d6d6d;
}

.about_ti .abt_ti2 {
	width: 294px;
	float: left;
	text-align: center;
	padding-top: 35px;
	text-align: center;
}

.about_ti .abt_ti2 a {
	font-size: 25px;
	color: #272727;
}




.diffle {
	width: 100%;
}

.main {
	width: 1303px;
	margin: 0 auto;
}

.abouyus {
	width: 1303px;
	float: left;
	margin-top: 30px;
}

.abouleft {
	width: 536px;
}

.abouleft h2 {
	width: 536px;
	line-height: 55px;
	float: left;
	font-size: 40px;
	font-weight: bold;
	color: #d5161d;
}

.abouleft h3 {
	width: 536px;
	line-height: 55px;
	float: left;
	font-size: 18px;
	color: #333333;
	line-height: 28px;
}

.abouleft a {
	width: 536px;
	float: left;
	margin-top: 15px;
}

.aboutfl {
	width: 764px;
	float: left;
	margin-top: 20px;
}

.aboutfl p {
	width: 764px;
	line-height: 36px;
	float: left;
	text-indent: 2em;
	margin-bottom: 20px;
	font-size: 15px;
	color: #404040;
}

.aboutbot {
	width: 100%;
	background: url(../images/abou2.png) no-repeat center top;
	min-height: 197px;
	margin-top: 45px;
}


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

.catego {
	width: 1303px;
	float: left;
	margin-top: 46px;
}

#aaa {
	background: url(../images/whi_hov.jpg) no-repeat center top;
}

#bbb {
	background: url(../images/while1.jpg) no-repeat center top;
}

.catego .content {
	width: 1303px;
	height: 465px;
	float: left;
}

.content a {
	width: 304px;
	height: 465px;
	margin: 0 10px;
	float: left;
	position: relative;
}


.wc:hover .cwname{
    opacity: 0;
}





.cwname {
    position: relative;
    text-align: center;
    line-height: 230px;
    font-size: 22px;
}


.whiltecolor1 {
	background: url(../images/while1.jpg) no-repeat center top;
}

.whiltecolor1 span {
	width: 266px;
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	font-size: 15px;
	color: #343434;
	text-align: center;
}

.whiltecolor1 ul {
	width: 266px;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}

.whiltecolor1 ul li {
	width: 40%;
	line-height: 45px;
	float: left;
	background: url(../images/catepoin.jpg) no-repeat left center;
	padding-left: 25px;
	font-size: 15px;
	color: #343434;
}

#aaa span {
	color: #FFF;
}

#aaa ul li {
	width: 40%;
	line-height: 45px;
	float: left;
	background: url(../images/catepo.jpg) no-repeat left center;
	padding-left: 25px;
	font-size: 15px;
	color: #fff;
}


#ccc {
	background: url(../images/heise_hov.jpg) no-repeat center top;
}

#ddd {
	background: url(../images/while1.jpg) no-repeat center top;
}

.catego .content {
	width: 1303px;
	height: 465px;
	float: left;
}

.content a {
	width: 304px;
	height: 465px;
	margin: 0 10px;
	float: left;
}

.whiltecolor2 {
	background: url(../images/while1.jpg) no-repeat center top;
}

.whiltecolor2 span {
	width: 266px;
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	font-size: 15px;
	color: #343434;
	text-align: center;
}

.whiltecolor2 ul {
	width: 266px;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}

.whiltecolor2 ul li {
	width: 40%;
	line-height: 45px;
	float: left;
	background: url(../images/catepoin.jpg) no-repeat left center;
	padding-left: 25px;
	font-size: 15px;
	color: #343434;
}

#ccc span {
	color: #FFF;
}

#ccc ul li {
	width: 40%;
	line-height: 45px;
	float: left;
	background: url(../images/catepo.jpg) no-repeat left center;
	padding-left: 25px;
	font-size: 15px;
	color: #fff;
}


#eee {
	background: url(../images/gol_hov.jpg) no-repeat center top;
}

#fff {
	background: url(../images/while1.jpg) no-repeat center top;
}

.catego .content {
	width: 1303px;
	height: 465px;
	float: left;
}

.content a {
	width: 304px;
	height: 465px;
	margin: 0 10px;
	float: left;
}

.whiltecolor3 {
	background: url(../images/while1.jpg) no-repeat center top;
}

.whiltecolor3 span {
	width: 266px;
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	font-size: 15px;
	color: #343434;
	text-align: center;
}

.whiltecolor3 ul {
	width: 266px;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}

.whiltecolor3 ul li {
	width: 40%;
	line-height: 45px;
	float: left;
	background: url(../images/catepoin.jpg) no-repeat left center;
	padding-left: 25px;
	font-size: 15px;
	color: #343434;
}

#eee span {
	color: #FFF;
}

#eee ul li {
	width: 40%;
	line-height: 45px;
	float: left;
	background: url(../images/catepo.jpg) no-repeat left center;
	padding-left: 25px;
	font-size: 15px;
	color: #fff;
}




#ggg {
	background: url(../images/csfiber.jpg) no-repeat center top;
}

#hhh {
	background: url(../images/while1.jpg) no-repeat center top;
}

.catego .content {
	width: 1303px;
	height: 465px;
	float: left;
}

.content a {
	width: 304px;
	height: 465px;
	margin: 0 10px;
	float: left;
}

.whiltecolor4 {
	background: url(../images/while1.jpg) no-repeat center top;
}

.whiltecolor4 span {
	width: 266px;
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	font-size: 15px;
	color: #343434;
	text-align: center;
}

.whiltecolor4 ul {
	width: 266px;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}

.whiltecolor4 ul li {
	width: 40%;
	line-height: 45px;
	float: left;
	background: url(../images/catepoin.jpg) no-repeat left center;
	padding-left: 25px;
	font-size: 15px;
	color: #343434;
}

#ggg span {
	color: #FFF;
}

#ggg ul li {
	width: 40%;
	line-height: 45px;
	float: left;
	background: url(../images/catepo.jpg) no-repeat left center;
	padding-left: 25px;
	font-size: 15px;
	color: #fff;
}










.produshow {
	width: 100%;
	min-height: 685px;
}

#wrapper {
	position: relative;


}

/* Hide the original tooltips contents */
.pin {
	display: none;
}

/* Begin styling the tooltips and pins */
.tooltip-up,
.tooltip-down {
	position: absolute;
	background: url(../images/arrow-up-down.png);
	width: 45px;
	height: 41px;
}

.tooltip-down {}

.tooltip {
	display: none;
	width: 50px;
	height: 50px;
	line-height: 50px;
	position: absolute;
	text-align: center;
	left: -30%;

	z-index: 999;

	padding: 15px;
	color: #fff;
	background-color: #d5161d;
	border-radius: 40em;

}

.tooltip::after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -10px;

}

.tooltip-down .tooltip {

	top: auto;
}

.tooltip-down .tooltip::after {

	top: auto;
	border-bottom: 0;
	border-top: 10px solid #ffdb90;
}

.tooltip h2 {
	font-size: 15px;
	margin: 0 0 10px;
	line-height: 25px;
}

.tooltip ul {
	margin: 0;
	padding: 0;
	list-style: none;
}


.test {
	width: 1303px;
	float: left;
	padding-bottom: 50px;
}

.test li {
	float: left;
	width: 204px;
	border-radius: 100px;
	height: 202px;
	margin: 0 58px;
	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 {
	width: 204px;
	float: left;
	font-size: 18px;
	color: #404040;
}

.test li .cl {
	padding-top: 170px;
	padding-bottom: 10px;
}

.test li .fand {
	font-size: 35px;
	font-weight: bold;
	color: #404040;
}

.test li:hover .fand {
	color: #404040;
}

.shengc {
	background: url(../images/shengc.jpg) no-repeat center top;
}

.kexu {
	background: url(../images/kexu.jpg) no-repeat center top;
}

.make {
	background: url(../images/make.jpg) no-repeat center top;
}

.baoz {
	background: url(../images/baoz.jpg) no-repeat center top;
}



.Profile {
	width: 100%;
}



.aboufr {
	width: 464px;
	margin-right: 30px;
}

.tre {
	width: 464px;
	height: 374px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.zoom {
	/* 缩放的元素 */
	width: 464px;
	height: 374px;
	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;
}

.wahy {
	width: 100%;
	background: url(../images/lead.jpg) no-repeat center top;
	min-height: 825px;
}

.wahytit {
	width: 1303px;
	float: left;
	margin-top: 50px;
}

.yanf {
	width: 444px;
	background: url(../images/yanf.jpg) no-repeat center top;
}

.jijs {
	width: 442px;
	background: url(../images/jszc.jpg) no-repeat center top;
}

.hzhb {
	width: 416px;
	height: 568px;
	background: url(../images/hzhb.jpg) no-repeat center top;
}

.whyone {
	height: 568px;
}

.whyone span {
	display: block;
	padding-top: 515px;
	padding-left: 100px;
	
}

.whyone span a {
	font-size: 21px;
	color: #FFF;
}


.hzhb span {
	display: block;
	padding-top: 515px;
	padding-left: 110px;
	font-size: 21px;
	color: #FFF;
}

.hzhb span a {
	font-size: 21px;
	color: #FFF;
}

.hyld {
	width: 327px;
	margin-top: 80px;
	margin-left: 35px;
}

.hyld h2 {
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
}

.hyld h3 {
	font-size: 15px;
	color: #FFF;
	margin-top: 20px;
}


.newslist {
	width: 100%;
	margin-bottom: 35px;
}

.waperfl {
	width: 1303px;
	margin-top: 20px;
}

.mews1 {
	width: 417px;
	margin-right: 20px;
	background-color: #efefef;
}

.newsright {
	width: 417px;
	background-color: #efefef;
}

.mewimg {
	width: 417px;
	height: 246px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.news {
	/* 缩放的元素 */
	width: 417px;
	height: 246px;
	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;
}

.mews1 ul {
	width: 300px;
	float: left;
	margin-top: 35px;
	margin-left: 30px;
	padding-bottom: 30px;
}

.mews1 ul li {
	width: 300px;
	float: left;
	line-height: 39px;
}

.newsright ul {
	width: 300px;
	float: left;
	margin-top: 35px;
	margin-left: 30px;
	padding-bottom: 30px;
}

.newsright ul li {
	width: 300px;
	float: left;
	line-height: 39px;
}



.wewem {
    width: 200px;
    color: #b7b8b7;
    font-size: 14px;
    line-height: 26px;
}