/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */

@charset "utf-8";

/* CSS Document */



/*banner*/

.banner {

	overflow: hidden;

	width: 100%;

	height: 578px;

	background: url(../img/banner.jpg) no-repeat center top;

	position: relative

}

.banner .btn {

	overflow: hidden;

	width: 100%;

	text-align: center;

	position: absolute;

	left: 0;

	bottom: 40px;

}

.banner .btn span {

	cursor: pointer;

	display: inline-block;

	width: 8px;

	height: 8px;

	background: url(../img/banner_btn.png) no-repeat right center;

	margin: 0 4px;

}

.banner .btn span.cur {

	background-position: left;

}

/*<--!广告轮播样式效果一-->*/

#flashs {

	position: relative;

	height: 578px;

	overflow: hidden;

}

#flashs .bgitem {

	z-index: 1;

	position: absolute;

	top: 0;

}

#flashs .btn {

	position: absolute;

	z-index: 7;

	bottom: 38px;

	left: 50%;

	margin-left: -64px;

	padding: 0px 6px;

}

#flashs .btn span {

	cursor: pointer;

	display: inline-block;

	width: 8px;

	height: 8px;

	background: url(../img/banner_btn.png) no-repeat right center;

	margin: 0 4px;

	text-indent: -99999em;

}

#flashs .btn span.cur {

	background-position: left;

}

/* -- 弹出窗口 -- */

#mesbook1_c, #mesbook1 {

	display: none;

	z-index: 1001;

	width: 398px;

	border: 1px solid #ccc;

	background: #fff;

	padding-bottom: 20px;

}

#mesbook1_c div, #mesbook1 div {

	border: 1px solid #E4E3E3;

	background: #EBECEB;

	height: 18px;

	padding: 4px .5em 0;

	margin-bottom: 10px;

}

#mesbook1_c dl.b1, #mesbook1 dl.b1 {

	width: 370px;

	margin: 0 auto;

}

#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt {

	float: left;

	width: 105px;

	overflow: hidden;

}

#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd {

	width: 265px;

	float: right;

}

#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns {

	padding-bottom: 10px;

}

#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {

	margin-right: 20px;

}

/*search*/

.search {

	overflow: hidden;

	width: 100%;

	padding: 20px 0;

	border-bottom: 1px solid #e4e4e4;

	height: 38px;

}

.search p {

	font-size: 14px;

	color: #0f71e0f;

	float: left;

	line-height: 38px;

}

.search p a {

	color: #6e6e6e;

	font-size: 13px;

	margin-right: 8px;

}

.search .sbox {

	overflow: hidden;

	width: 380px;

	height: 36px;

	padding: 1px;

	float: right;

	background-color: #0f71e0;

}

.search input {

	display: block;

	width: 305px;

	height: 36px;

	border: none;

	outline: none;

	line-height: 36px;

	font-size: 13px;

	color: #6e6e6e;

	padding: 0 15px;

	float: left

}

.search span {

	display: block;

	width: 45px;

	height: 36px;

	background: url(../img/search.png) no-repeat center;

	float: right;

	cursor: pointer

}

/*title*/

.title {

	overflow: hidden;

	width: 100%;

	margin-bottom: 35px;

}

.title p {

	text-align: center;

	font-size: 47px;

	color: #e3e3e3;

	font-family: Arial;

	text-transform: uppercase;

	font-weight: bold

}

.title h3 {

	text-align: center;

	font-size: 25px;

	color: #000;

	padding-bottom: 15px;

	background: url(../img/title_bg.png) no-repeat center bottom;

	font-weight: normal

}

.title h3 a {

	color: #000;

}

/*pro*/

.pro {

	overflow: hidden;

	width: 100%;

	background: url(../img/pro_bg.jpg) no-repeat center top;

	padding-top: 70px;

	margin-bottom: 60px;

}

.pro .menu {

	overflow: hidden;

	padding-bottom: 8px;

	margin-bottom: 30px;

	width: 1000px;

	margin: 0 auto;

}

.pro .menu li {

	margin: 0 6px;

	width: 152px;

	height: 45px;

	border: 1px solid #000;

	text-align: center;

	line-height: 45px;

	font-size: 16px;

	position: relative;

	float: left;

	margin-right: 12px;

}

.pro .menu li a {

	display: block;

	text-decoration: none;

	color: #000;

}

.pro .menu li img {

	display: none;

	position: absolute;

	bottom: -8px;

	left: 67px;

}

.pro .menu li.cur, .pro .menu li:hover {

	border-color: #0f71e0;

	background-color: #0f71e0;

}

.pro .menu li.cur a, .pro .menu li:hover a {

	color: #fff;

}

.pro .menu li.cur img, .pro .menu li:hover img {

	display: block

}

.pro .pbox {

	overflow: hidden;

	width: 1000px;

	margin: 0 auto;

	height: 580px;

	position: relative

}

.pro .plist {

	overflow: hidden;

	width: 1000px;

	height: 580px;

	position: absolute;

	left: 0;

	top: 0

}

.pro .plist .lefttu {

	display: block;

	float: left

}

.pro .plist ul {

	overflow: hidden;

	float: right;

	width: 494px;

	height: 578px;

	border: 1px solid #ddd; border-right:none;

}

.pro .plist ul li {

	float: left;

	width: 247px;

	height: 289px;

	position: relative; text-align:center;

}

.pro .plist li img {

	display: block;

	margin-bottom: 20px;

}

.pro .plist li span {

	display: block;

	text-align: center;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	font-size: 14px;

	color: #000;

}

.pro .plist li.libor {

	border-right: 1px solid #ddd;

	width: 246px; text-align:center;

}

.pro .plist li.libtm {

	border-bottom: 1px solid #ddd;

}

.pro .plist li a {

	display: none;

	width: 247px;

	position: absolute;

	left: 0;

	top: 0;

	background: url(../img/pro_more.png) no-repeat 105px center;

	background-color: #0f71e0;

	opacity: 0.85;

	filter: alpha(opacity=85);

	text-align: center;

	font-size: 16px;

	color: #fff;

	padding-top: 190px;

	height: 100px;

}

.pro .plist li:hover a {

	display: block

}

/*区别*/

.qubie {

	overflow: hidden;

	width: 100%;

	height: 640px;

	padding-top: 50px;

	background: url(../img/qubie_bg.jpg) no-repeat center top;

}

.qubie .qbbox {

	overflow: hidden;

	width: 1000px;

	margin: 0 auto;

	height: 408px;

	padding: 9px 0;

	position: relative

}

.qubie .qbbox img {

	display: block;

	margin: 0 auto;

	width: 0;

	height: 0;

	position: relative;

	top: 50%

}

.qubie .wen {

	overflow: hidden;

	position: absolute;

	display: none;

}

.qubie .wen01 {

	left: 0;

	top: 0;

	width: 211px;

	height: 95px;

	background: url(../img/qubie01.png) no-repeat center right;

	padding-left: 150px;

	color: #fff;

	padding-top: 55px;

}

.qubie .wen02 {

	right: 0;

	top: 0;

	width: 249px;

	height: 86px;

	background: url(../img/qubie02.png) no-repeat left center;

	padding-left: 90px;

	padding-top: 70px;

	color: #333

}

.qubie .wen03 {

	left: 0;

	bottom: 0;

	width: 188px;

	height: 100px;

	background: url(../img/qubie03.png) no-repeat right center;

	padding-left: 150px;

	padding-top: 55px;

	color: #333

}

.qubie .wen04 {

	right: 0;

	bottom: 0;

	width: 271px;

	height: 95px;

	background: url(../img/qubie04.png) no-repeat left center;

	padding-left: 90px;

	color: #fff;

	padding-top: 55px;

}

.qubie h4 {

	font-weight: normal;

	font-size: 22px;

}

.qubie .wen p {

	font-size: 12px;

	font-family: Arial;

}

.qubie .wen03 p, .qubie .wen02 p {

	color: #6a6a6a

}

.m-qb {

	overflow: hidden;

	width: 100%;

	height: 700px;

	background: url(../img/qubie_bg.jpg) no-repeat center top;

	overflow: hidden;

}

.m-qb .content {

	width: 1000px;

	overflow: hidden;

	margin: 0 auto;

	padding-top: 240px;

}

.m-qb .qb-ul {

	position: relative;

	height: 390px;

}

.m-qb .qb-ul li {

	position: absolute;

}

.m-qb .qb-ul .li1 {

	left: 18px;

	top: 0px;

}

.m-qb .qb-ul .li2 {

	left: 660px;

	top: 0px;

}

.m-qb .qb-ul .li3 {

	left: 18px;

	top: 225px;

}

.m-qb .qb-ul .li4 {

	left: 660px;

	top: 225px;

}

.m-qb .qb-ul li p {

	color: #757678;

	font-size: 14px;

	display: block;

	line-height: 25px;

	background: url(../img/dian.png) no-repeat left 6.5px;

	padding-left: 18px;

}

.m-qb b {

	display: block;

	width: 168px;

	height: 42px;

	overflow: hidden;

	margin: 0 auto;

}

.m-qb b a {

	display: block;

	width: 168px;

	height: 42px;

	overflow: hidden;

}

/*技术支持*/

.zhichi {

	overflow: hidden;

	width: 100%;

	height: 703px;

	background: url(../img/zhichi_bg.jpg) no-repeat center top;

	padding-top: 70px;

}

.zhichi .title p {

	color: #43454c;

}

.zhichi .title h3 {

	color: #fff;

	background: url(../img/zhichi_title.png) no-repeat center bottom;

}

.zhichi .menu {

	overflow: hidden;

	width: 100%;

	text-align: center;

	padding-bottom: 8px;

	margin-bottom: 30px;

}

.zhichi .menu li {

	display: inline-block;

	margin: 0 6px;

	width: 152px;

	height: 45px;

	border: 1px solid #64666b;

	text-align: center;

	line-height: 45px;

	font-size: 16px;

	position: relative;

	color: #b8bac3;

	cursor: pointer;

}

.zhichi .menu li {

*display:inline

}

.zhichi .menu li img {

	display: none;

	position: absolute;

	bottom: -8px;

	left: 67px;

}

.zhichi .menu li.cur, .pro .menu li:hover {

	border-color: #0f71e0;

	background-color: #0f71e0;

	color: #fff;

}

.zhichi .menu li.cur img, .pro .menu li:hover img {

	display: block

}

.zhichi .zcbox {

	overflow: hidden;

	width: 1000px;

	padding: 0 20px;

	padding-bottom: 40px;

	background: url(../img/zhichi_yy.png) no-repeat center bottom;

	margin: 0 auto;

	height: 396px;

	position: relative

}

.zhichi .zcbox ul {

	overflow: hidden;

	width: 6240px;

	position: absolute;

	left: 0;

	top: 0

}

.zhichi .zcbox li {

	overflow: hidden;

	width: 1000px;

	background-color: #fff;

	height: 396px;

	margin: 0 20px;

	position: relative;

	float: left;

}

.zhichi .zcbox li img {

	display: block;

	float: right

}

.zhichi .zcbox li .wen {

	overflow: hidden;

	width: 405px;

	height: 100%;

	float: left;

	margin-left: 30px;

	margin-top: 25px;

	position: relative

}

.zhichi .zcbox .btn {

	overflow: hidden;

	position: absolute;

	width: 134px;

	height: 38px;

	text-align: center;

	line-height: 32px;

	left: 50%;

	margin-left: -107px;

	top: 202px;

	z-index: 2

}

.zhichi .zcbox .btn em {

	display: block;

	width: 61px;

	height: 32px;

	border: 3px solid #dfdfdf;

	float: left;

	font-size: 14px;

	color: #b3b3b3;

	cursor: pointer;

	background-color: #fff;

	moz-user-select: -moz-none;

	-moz-user-select: none;

	-o-user-select: none;

	-khtml-user-select: none;

	-webkit-user-select: none;

	-ms-user-select: none;

	user-select: none;

}

.zhichi .zcbox .btn em:hover {

	background-color: #0f71e0;

	color: #fff;

	border-color: #0a5ab1;

}

.zhichi .zcbox .wen b {

	display: block;

	font-size: 33px;

	color: #a5a5a5;

	width: 50px;

	height: 64px;

	border: 3px solid #dfdfdf;

	background: url(../img/zhichi_x.png) no-repeat center 50px;

	text-align: center;

	padding-top: 10px;

	position: absolute;

	right: 0;

	top: 0

}

.zhichi .zcbox .wen h4 {

	font-size: 26px;

	color: #0f71e0;

	margin-top: 20px;

	margin-bottom: 5px;

}

.zhichi .zcbox .wen span {

	display: block;

	font-size: 13px;

	color: #959595;

	font-family: Arial;

	margin-bottom: 40px;

}

.zhichi .zcbox .wen p {

	font-size: 14px;

	color: #333;

	line-height: 31px;

	text-align: justify;

	width: 85%;

}

.zhichi .zcbox .btn02 {

	overflow: hidden;

	width: 150px;

	height: 12px;

	position: absolute;

	left: 40px;

	bottom: 80px;

	z-index: 2

}

.zhichi .zcbox .btn02 span {

	display: block;

	width: 12px;

	height: 12px;

	background: url(../img/zhichi_y.png) no-repeat center left;

	margin: 0 5px;

	float: left;

}

.zhichi .zcbox .btn02 .cur {

	background-position: right

}

/*about*/

.about {

	overflow: hidden;

	width: 100%;

	height: 990px;

	background: url(../img/about_bg.jpg) no-repeat center top;

	background-color: #d2d2d2;

}

.about dl {

	overflow: hidden;

	width: 1000px;

	margin: 0 auto;

	height: 250px;

	margin-bottom: 90px;

}

.about dt {

	overflow: hidden;

	width: 483px;

	height: 250px;

	float: left;

}

.about dd {

	overflow: hidden;

	float: right;

	width: 490px;

	height: 250px;

}

.about dd p {

	font-size: 13px;

	color: #333;

	line-height: 26px;

	height: 182px;

	overflow: hidden;

	text-align: justify;

	margin-bottom: 30px;

}

.about dd .btn {

	overflow: hidden;

	width: 100%;

}

.about dd a {

	display: block;

	width: 110px;

	height: 35px;

	text-align: center;

	line-height: 35px;

	border: 1px solid #b6b6b6;

	font-size: 13px;

	color: #000;

	float: left;

	margin-right: 10px;

	text-decoration: none;

}

.about dd a:hover {

	background-color: #0f71e0;

	border-color: #0f71e0;

	color: #fff;

}

.about .tixi {

	overflow: hidden;

	width: 1032px;

	margin: 0 auto;

	height: 362px;

}

.about .tixi li {

	float: left;

	width: 238px;

	margin: 0 10px;

	height: 362px;

	background-color: #fff;

}

.about .tixi img {

	display: block;

	margin: 0 auto;

	margin-top: 9px;

	margin-bottom: 20px;

}

.about .tixi h4 {

	text-align: center;

	font-weight: normal;

	font-size: 18px;

	color: #000;

	margin-bottom: 12px;

}

.about .tixi p {

	font-size: 13px;

	color: #333;

	line-height: 25px;

	width: 200px;

	margin: 0 auto;

	text-align: justify;

}

.about .tixi li:hover {

	background-color: #0f71e0;

}

.about .tixi li:hover h4 {

	color: #fff;

}

.about .tixi li:hover p {

	color: #fff;

}

/*生产基地*/

.jidi {

	overflow: hidden;

	width: 1000px;

	margin: 60px auto;

}

.jidi .menu {

	overflow: hidden;

	width: 176px;

	margin: 0 auto;

	text-align: center;

	margin-bottom: 40px;

}

.jidi .menu li {

	width: 170px;

	float: left;

	height: 54px;

	text-align: center;

	line-height: 54px;

	border: 2px solid #0f71e0;

	position: relative;

	font-size: 20px;

}

.jidi .menu li a {

	display: block;

	text-decoration: none;

	color: #333;

}

.jidi .menu li img {

	display: none;

	position: absolute;

	left: 75px;

	bottom: -10px;

}

.jidi .menu li.cur a {

	background-color: #0f71e0;

	color: #fff;

}

.jidi .menu li.cur img {

	display: block;

}

.jidi .jdbox {

	overflow: hidden;

	width: 1000px;

	margin: 0 auto;

	height: 290px;

	position: relative

}

.jidi .jdlist {

	overflow: hidden;

	width: 1000px;

	height: 290px;

	position: absolute;

	left: 0;

	top: 0

}

.jidi .jdlist ul {

	overflow: hidden;

	position: absolute

}

.jidi .jdlist li {

	float: left;

	widows: 239px;

	height: 290px;

	margin-right: 14px;

}

.jidi .jdlist li img {

	display: block;

	margin-bottom: 25px;

}

.jidi .jdlist li span {

	display: block;

	text-align: center;

	font-size: 14px;

	color: #333;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

}

.jidi .jdlist li a {

	display: block;

	text-decoration: none

}

/*留言*/

.liuyan {

	overflow: hidden;

	width: 1000px;

	margin: 0 auto;

	height: 448px;

	background: url(../img/liuyan.jpg) no-repeat center top;

	margin-bottom: 70px;

}

.liuyan p {

	font-size: 19px;

	color: #fff;

	float: left;

	margin-left: 155px;

	margin-top: 285px; background:#009cff;

}

.liuyan p b {

	font-size: 22px;

}

.liuyan ul {

	overflow: hidden;

	float: right;

	width: 400px;

	margin-top: 125px;

	margin-right: 37px;

}

.liuyan li {

	overflow: hidden;

	width: 398px;

	border: 1px solid #d5d5d5;

	margin-bottom: 10px;

}

.liuyan input {

	overflow: hidden;

	float: left;

	width: 337px;

	height: 34px;

	line-height: 34px;

	font-size: 14px;

	color: #767676;

	border: none;

	border-left: 1px solid #d5d5d5;

	outline: none;

	padding: 0 10px;

}

.liuyan span {

	display: block;

	float: left;

	width: 40px;

	height: 34px;

}

.liuyan textarea {

	overflow: hidden;

	float: left;

	width: 337px;

	height: 110px;

	resize: none;

	font-size: 14px;

	color: #767676;

	border: none;

	border-left: 1px solid #d5d5d5;

	outline: none;

	padding: 10px;

}

.liuyan li.last {

	border: none

}

.liuyan em {

	display: block;

	width: 133px;

	height: 38px;

	text-align: center;

	line-height: 38px;

	font-size: 16px;

	color: #fff;

	margin-right: 10px;

	background-color: #fd581f;

	float: left;

	cursor: pointer

}

.liuyan em.last {

	background-color: #dcdcdc;

	color: #595959;

}

/*news*/

.news {

	overflow: hidden;

	width: 1000px;

	height: 440px;

	margin: 0 auto;

	margin-bottom: 60px;

}

.news .menu {

	overflow: hidden;

	width: 348px;

	padding-bottom: 8px;

	text-align: left;

	margin-bottom: 15px;

}

.news .menu li {

	float: left;

	width: 170px;

	height: 54px;

	text-align: center;

	line-height: 54px;

	border: 2px solid #0f71e0;

	position: relative;

	font-size: 20px;

}

.news .menu li a {

	display: block;

	text-decoration: none;

	color: #333;

}

.news .menu li img {

	display: none;

	position: absolute;

	left: 75px;

	bottom: -10px;

}

.news .menu li.cur a {

	background-color: #0f71e0;

	color: #fff;

}

.news .menu li.cur img {

	display: block;

}

.news .newsleft {

	overflow: hidden;

	width: 635px;

	float: left;

	height: 100%;

}

.news .newsleft .nbox {

	overflow: hidden;

	width: 100%;

	height: 340px;

	position: relative

}

.news .newsleft .nlist {

	overflow: hidden;

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0

}

.news .newsleft .nlist dl {

	overflow: hidden;

	width: 100%;

	height: 164px;

	margin-bottom: 20px;

}

.news .newsleft .nlist dt {

	overflow: hidden;

	float: left

}

.news .newsleft .nlist dd {

	overflow: hidden;

	float: right;

	width: 380px;

	height: 164px;

}

.news .newsleft .nlist dd h3 {

	font-size: 16px;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	margin-top: 10px;

	margin-bottom: 20px;

}

.news .newsleft .nlist dd h3 a {

	color: #000;

}

.news .newsleft .nlist dd p {

	font-size: 13px;

	color: #333;

	line-height: 24px;

	height: 96px;

	overflow: hidden;

	text-align: justify;

}

.news .newsleft .nlist ul {

	overflow: hidden;

	width: 650px;

}

.news .newsleft .nlist li {

	overflow: hidden;

	float: left;

	width: 295px;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	padding-left: 15px;

	background: url(../img/news_s.png) no-repeat left center;

	font-size: 13px;

	line-height: 38px;

	margin-right: 15px;

	border-bottom: 1px solid #eee;

}

.news .newsleft .nlist li a {

	color: #333;

}

.news .wenda {

	overflow: hidden;

	width: 344px;

	height: 100%;

	background-color: #0f71e0;

	float: right;

}

.news .wenda h3 {

	font-size: 20px;

	margin-left: 25px;

	font-weight: normal;

	line-height: 59px;

}

.news .wenda h3 a {

	color: #fff

}

.news .wenda .wdBox {

	overflow: hidden;

	width: 342px;

	margin: 0 auto;

	height: 380px;

	background-color: #fff;

	position: relative

}

.news .wenda .wdBox ul {

	overflow: hidden;

	width: 320px;

	padding: 0 11px;

	position: absolute

}

.news .wenda .wdBox li {

	overflow: hidden;

	width: 100%;

	margin-top: 25px;

	border-bottom: 1px dashed #acacac;

	height: 99px;

}

.news .wenda .wdBox h5 {

	font-weight: normal;

	font-size: 16px;

	padding-left: 30px;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	background: url(../img/news_w.png) no-repeat left center;

	margin-bottom: 10px;

	line-height: 23px;

}

.news .wenda .wdBox h5 a {

	color: #000;

}

.news .wenda .wdBox p {

	padding-left: 30px;

	background: url(../img/news_d.png) no-repeat left center;

	font-size: 13px;

	color: #333;

	line-height: 20px;

	height: 40px;

	overflow: hidden;

	text-align: justify

}

/*link*/

.link {

	overflow: hidden;

	width: 1000px;

	position: relative;

	margin: 0 auto;

	margin-bottom: 50px;

}

.link h3 {

	position: absolute;

	left: 0;

	top: 0

}

.link ul {

	overflow: hidden;

	float: right;

	width: 900px;

	padding: 15px 0 35px 35px;

	border: 1px solid #c4c4c4;

}

.link li {

	float: left;

	white-space: nowrap;

	margin-right: 30px;

	font-size: 13px;

}

.link li a {

	color: #383838;

}

.link .rk {

	display: block;

	overflow: hidden;

	position: absolute;

	right: 0;

	bottom: 0

}

.link .rk img {

	display: block;

}