﻿/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
@charset "utf-8";
/* CSS Document */
.banner {
	overflow: hidden;
	width: 100%;
	height: 600px;
	background: url(../img/banner.jpg) no-repeat center top;
}
/*search*/
.search {
	overflow: hidden;
	width: 100%;
	height: 65px;
	background: url(../img/search.png) repeat-x left top;
}
.search p {
	font-size: 14px;
	float: left;
	color: #333;
	margin-top: 20px;
}
.search p a {
	padding: 0 10px;
	border-right: 1px dotted #acacac;
	color: #666;
}
.search .sbox {
	overflow: hidden;
	width: 280px;
	height: 38px;
	margin-top: 14px;
	float: right;
}
.search input {
	overflow: hidden;
	width: 204px;
	height: 36px;
	border: 1px solid #dedede;
	border-right: none;
	float: left;
	line-height: 36px;
	font-size: 14px;
	color: #666;
	padding: 0 10px;
}
.search span {
	display: block;
	width: 55px;
	height: 38px;
	float: right;
	text-align: center;
	line-height: 38px;
	background-color: #1d5eb3;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
}
/*pro*/
.pro {
	overflow: hidden;
	width: 1000px;
	margin: 30px auto;
}
.pro .pro_left {
	overflow: hidden;
	width: 240px;
	float: left
}
.pro .pro_right {
	overflow: hidden;
	float: right;
	width: 740px;
}
.pro_left h2 {
	font-weight: normal;
	color: #fff;
	font-size: 24px;
	width: 230px;
	height: 70px;
	background: url(../img/pro_left_h.png) no-repeat center top;
	line-height: 70px;
	padding-left: 10px;
}
.pro_left h2 a {
	color: #fff
}
.pro_left h2 span {
	font-size: 16px;
	text-transform: uppercase;
	opacity: 0.5;
	filter: alpha(opacity=50);
	font-weight: lighter;
	margin-left: 5px;
}
.pro_left .menubox {
	overflow: hidden;
	width: 230px;
	border: 5px solid #1d5eb3;
	border-top: none;
	padding-bottom: 35px;
}
.pro_left h3 {
	font-size: 16px;
	width: 185px;
	height: 33px;
	background: url(../img/pro_left_menu.png) no-repeat center top;
	padding-left: 17px;
	font-weight: normal;
	line-height: 33px;
	margin: 15px auto
}
.pro_left h3 a {
	display: block;
	color: #fff;
	text-decoration: none;
}
.pro_left h3.cur, .pro_left h3:hover {
	background-position: bottom
}
.pro_left p {
	font-size: 14px;
	line-height: 33px;
	color: #666;
	margin-left: 40px;
}
.pro_right .menu {
	overflow: hidden;
	width: 100%;
	margin: 15px 0;
}
.pro_right .menu li {
	float: left;
	width: 113px;
	height: 41px;
	text-align: center;
	line-height: 41px;
	font-size: 16px;
	background: url(../img/pro_right_menu.png) no-repeat center top;
	margin-right: 12px;
}
.pro_right .menu li a {
	color: #666;
	display: block;
	text-decoration: none
}
.pro_right .menu li:hover, .pro_right .menu li.cur {
	background-position: bottom
}
.pro_right .menu li:hover a, .pro_right .menu li.cur a {
	color: #fff;
}
.pro_right .pro_banner {
	display: block;
	margin-bottom: 20px;
}
.pro_right .list {
	overflow: hidden;
	width: 105%;
}
.pro_right .list li {
	float: left;
	width: 240px;
	height: 290px;
	margin-right: 10px;
}
.pro_right .list li img {
	display: block;
	border: 1px solid #f2f1f1;
	margin-bottom: 15px;
}
.pro_right .list li span {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #666;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.pro_right .list li a {
	display: block;
	text-decoration: none
}
.pro_right .list li:hover img {
	border-color: #1d5eb3
}
.pro_right .list li:hover span {
	color: #1d5eb3
}
.pro .sanji {
	display: none;
}
.pro .menubox>p:hover .sanji {
	display: block;
}
.pro_left .yb {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 15px;
}
.pro_left .yb .sanji a {
	white-space: nowrap;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*特点*/
.tedian {
	overflow: hidden;
	width: 100%;
	height: 600px;
	background: url(../img/td_bg.jpg) no-repeat center top;
}
.tedian h2 {
	text-align: center;
	font-size: 24px;
	color: #fff;
	margin-top: 40px;
}
.tedian span {
	display: block;
	text-align: center;
	font-size: 16px;
	color: #fff;
	margin-top: 5px;
	margin-bottom: 12px;
}
.tedian i {
	display: block;
	width: 40px;
	height: 2px;
	background-color: #fff;
	margin: 0 auto;
	margin-bottom: 60px;
}
.tedian .tdbox {
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
	height: 350px;
	position: relative
}
.tedian .tdbox img {
	display: block;
	margin: 0 auto;
	margin-top: 50px;
}
.tedian h3 {
	font-size: 20px;
	color: #fff;
	margin-bottom: 12px;
}
.tedian p {
	font-size: 14px;
	color: #fff;
	line-height: 25px;
}
.tedian .wen {
	overflow: hidden;
	width: 292px;
	position: absolute
}
.tedian .wen01 {
	padding-right: 140px;
	background: url(../img/td01.png) no-repeat right top;
	left: 0;
	top: 0
}
.tedian .wen02 {
	padding-left: 130px;
	background: url(../img/td02.png) no-repeat left top;
	right: 0;
	top: 0;
	padding-bottom: 20px;
}
.tedian .wen03 {
	padding-right: 105px;
	background: url(../img/td03.png) no-repeat right top;
	left: 0;
	top: 200px;
}
.tedian .wen04 {
	padding-left: 125px;
	background: url(../img/td04.png) no-repeat left top;
	right: 0;
	top: 200px;
}
.tedian .wen01 h3, .tedian .wen03 h3 {
	text-align: right
}
/*应用领域*/
/*应用领域*/
.yyly {
	overflow: hidden;
	width: 1000px;
	margin: 40px auto 0 auto;
}
.yyly h2 {
	text-align: center;
	font-size: 24px;
	color: #333;
}
.yyly p {
	text-align: center;
	font-size: 16px;
	color: #999;
	margin-bottom: 20px;
	font-family: Arial;
}
.yyly ul {
	overflow: hidden;
	width: 102%;
	margin-bottom: 40px;
}
.yyly li {
	overflow: hidden;
	position: relative;
	width: 248px;
	height: 330px;
	float: left;
	margin-right: 2px;
}
.yyly li img {
	display: block;
}
.yyly li a {
	text-decoration: none;
	font-size: 16px;
	color: #fff;
	line-height: 55px;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
	height: 55px;
}
.yyly li a img {
	display: none;
	margin: 0 auto;
	margin-top: 110px;
}
.yyly .a01 {
	background: url(../img/hybg01.png) repeat center
}
.yyly .a02 {
	background: url(../img/hybg02.png) repeat center
}
.yyly .a03 {
	background: url(../img/hybg03.png) repeat center
}
.yyly .a04 {
	background: url(../img/hybg04.png) repeat center
}
.yyly li a em {
	display: block;
}
.yyly .zx {
	overflow: hidden;
	display: block;
	width: 315px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	margin: 0 auto;
	background-color: #1685e7;
	border-radius: 5px;
	box-shadow: 10px 10px 10px #ccc;
	margin-bottom: 40px;
}
/*vs*/
.vs {
	overflow: hidden;
	width: 100%;
	height: 631px;
	background: url(../img/vs_bg.jpg) no-repeat center top;
}
.vs h2 {
	text-align: center;
	font-size: 24px;
	color: #333;
	margin-top: 55px;
	margin-bottom: 5px;
}
.vs h2 b {
	color: #1d5eb3;
}
.vs>span {
	display: block;
	text-align: center;
	font-size: 16px;
	color: #666;
	font-family: Arial;
	margin-bottom: 40px;
}
.vs .vsbox {
	overflow: hidden;
	width: 1000px;
	height: 400px;
	margin: 0 auto;
	background: url(../img/vs.png) no-repeat center 90px;
	position: relative
}
.vs .vsbox .vslist {
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.vs .vslist .tu {
	overflow: hidden;
	width: 428px;
	height: 253px;
	position: relative;
	border: 10px solid #1d5eb3;
	border-radius: 10px;
	margin-bottom: 25px;
}
.vs .wen01 {
	float: left;
	width: 448px;
}
.vs .wen02 {
	float: right;
	width: 448px;
}
.vs .wen02 .tu {
	border-color: #393939;
}
.vs .vslist em {
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../img/vs03.png) repeat center;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 50px;
	height: 50px;
}
.vs h3 {
	text-align: center;
	font-size: 16px;
	color: #1d5eb3;
	margin-bottom: 15px;
}
.vs p {
	font-size: 14px;
	line-height: 20px;
	color: #666;
	text-align: center
}
.vs .wen02 h3 {
	color: #333
}
.vs .btn {
	overflow: hidden;
	margin: 0 auto;
	width: 172px;
}
.vs .btn span {
	display: block;
	overflow: hidden;
	width: 20px;
	height: 20px;
	padding-right: 18px;
	background: url(../img/vs_bb.png) no-repeat right center;
	float: left;
	cursor: pointer;
*background:url(../img/vs_bb.png) no-repeat right 8px;
}
.vs .btn span.last {
	padding-right: 0;
	background: none
}
.vs .btn span.cur img {
	display: block;
	margin-top: -20px;
}
/*设备*/
.shebei {
	overflow: hidden;
	width: 1000px;
	margin: 40px auto
}
.shebei h2 {
	text-align: center;
	font-size: 24px;
}
.shebei h2 a {
	color: #333
}
.shebei p {
	text-align: center;
	font-size: 16px;
	color: #666;
	margin-bottom: 40px;
}
.shebei .sbbox {
	overflow: hidden;
	width: 100%;
	height: 290px;
	position: relative
}
.shebei .sbbox ul {
	overflow: hidden;
	position: absolute
}
.shebei .sbbox li {
	float: left;
	width: 320px;
	height: 290px;
	margin-right: 20px;
}
.shebei .sbbox li img {
	display: block;
}
.shebei .sbbox li a {
	display: block;
	text-decoration: none
}
.shebei .sbbox li span {
	display: block;
	width: 278px;
	border: 1px solid #ece7e7;
	height: 60px;
	line-height: 60px;
	border-top: none;
	padding: 0 20px;
	font-size: 14px;
	color: #333;
	background: url(../img/sb01.png) no-repeat 265px center;
}
.shebei .sbbox li:hover img {
	opacity: 0.47;
	filter: alpha(opacity=47)
}
.shebei .sbbox li:hover span {
	color: #1d5eb3;
	font-weight: bold;
	background: url(../img/sb02.png) no-repeat 265px center;
}
.shebei .btn {
	overflow: hidden;
	width: 100%;
	height: 33px;
	background: url(../img/sb_btn_bg.png) no-repeat center;
	text-align: center;
	margin-top: 40px;
}
.shebei .btn i {
	display: inline-block;
	width: 33px;
	height: 33px;
	margin: 0 5px;
	cursor: pointer
}
.shebei .btn i {
*display:inline
}
.shebei .btn .btn01 {
	background: url(../img/sb_btn01.png) no-repeat center top;
}
.shebei .btn .btn02 {
	background: url(../img/sb_btn02.png) no-repeat center top;
}
.shebei .btn i:hover {
	background-position: bottom
}
/*ad01*/
.ad01 {
	overflow: hidden;
	width: 100%;
	height: 170px;
	background: url(../img/ad01.jpg) no-repeat center top;
}
.ad01 .phone {
	overflow: hidden;
	padding-left: 55px;
	background: url(../img/ad01_p.png) no-repeat left center;
	float: right;
	margin-top: 60px;
}
.ad01 p {
	font-size: 14px;
	color: #fff;
	margin-bottom: 5px;
}
.ad01 b {
	display: block;
	font-size: 24px;
	color: #fff;
}
/*问题*/
.wenti {
	overflow: hidden;
	width: 100%;
	padding-top: 230px;
	height: 435px;
	background: url(../img/wenti.jpg) no-repeat center top;
}
.wenti p {
	text-align: center;
	font-size: 16px;
	color: #333;
	margin-bottom: 50px;
	position: relative
}
.wenti .p01 {
	left: 70px;
}
.wenti .p02 {
	left: 130px;
}
.wenti .p03 {
	left: 167px;
}
.wenti .p04 {
	left: 188px;
}
.wenti .p05 {
	left: 213px;
}
.wenti a {
	display: block;
	width: 313px;
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	background: url(../img/wentibtn.png) no-repeat center;
	padding-left: 25px;
	margin: 0 auto;
	position: relative;
	left: 150px;
}
/*优势*/
.youshi {
	overflow: hidden;
	width: 100%;
}
.youshi .ys_t {
	overflow: hidden;
	width: 100%;
	height: 173px;
	background: url(../img/ys_t.jpg) no-repeat center top;
}
.youshi .ys_bg {
	overflow: hidden;
	width: 1000px;
	height: 1233px;
	background: url(../img/ys_bg.jpg) no-repeat center top;
	margin: 0 auto
}
.youshi h3 {
	font-size: 24px;
	color: #1d5eb3;
}
.youshi span {
	display: block;
	font-size: 12px;
	color: #c3c3c3;
	margin-bottom: 30px;
	font-family: Arial;
}
.youshi p {
	font-size: 14px;
	color: #666;
	line-height: 50px;
	padding-left: 40px;
	background: url(../img/ys_p.png) no-repeat 5px center;
}
.youshi .wen {
	overflow: hidden;
}
.youshi .wen01 {
	margin-top: 60px;
}
.youshi .wen02 {
	margin-left: 505px;
	margin-top: 60px;
}
.youshi .wen03 {
	margin-top: 70px;
}
.youshi .wen04 {
	margin-left: 505px;
	margin-top: 50px;
}
/*见证*/
.jianzheng {
	overflow: hidden;
	width: 100%;
	height: 500px;
	background-color: #1d61b9;
}
.jianzheng h2 {
	text-align: center;
	font-size: 24px;
	margin-top: 30px;
}
.jianzheng h2 a {
	color: #fff;
}
.jianzheng span {
	display: block;
	text-align: center;
	font-size: 16px;
	color: #90b2dd;
	margin-bottom: 35px;
}
.jianzheng .jzbox {
	overflow: hidden;
	width: 1225px;
	margin: 0 auto;
	height: 335px;
	position: relative
}
.jianzheng .jzbox i {
	display: block;
	width: 75px;
	height: 75px;
	cursor: pointer;
	position: absolute;
	top: 113px;
}
.jianzheng .jzbox .btn01 {
	background: url(../img/jz_btn.png) no-repeat center top;
	left: 0
}
.jianzheng .jzbox .btn02 {
	background: url(../img/jz_btn.png) no-repeat center bottom;
	right: 0
}
.jianzheng .jzWin {
	overflow: hidden;
	width: 1000px;
	height: 335px;
	margin: 0 auto;
	position: relative
}
.jianzheng .jzWin ul {
	overflow: hidden;
	position: absolute
}
.jianzheng .jzWin li {
	float: left;
	width: 320px;
	height: 335px;
	background-color: #fff;
	margin-right: 20px;
}
.jianzheng .jzWin li img {
	display: block;
	margin: 10px auto 20px auto;
}
.jianzheng .jzWin li h3 {
	text-align: center;
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 300px;
	margin: 0 auto;
	margin-bottom: 10px;
}
.jianzheng .jzWin li h3 a {
	color: #333;
}
.jianzheng .jzWin li p {
	font-size: 12px;
	line-height: 20px;
	color: #666;
	text-align: center;
	width: 300px;
	margin: 0 auto
}
/*畅销*/
.changxiao {
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
	margin-top: 35px;
}
.changxiao h2 {
	text-align: center;
	font-size: 24px;
	color: #000;
}
.changxiao p {
	font-size: 16px;
	color: #666;
	text-align: center;
	margin-bottom: 60px;
}
.changxiao img {
	display: block;
	margin: 0 auto;
}
/*about*/
.about {
	overflow: hidden;
	width: 100%;
}
.about .about_tu {
	overflow: hidden;
	width: 100%;
	height: 546px;
	background: url(../img/about.jpg) no-repeat center top;
}
.about .about_tu img {
	display: block;
	margin: 0 auto;
	margin-top: 440px;
}
.about h2 {
	margin: 0 auto;
	background-color: #ee0a0a;
	width: 188px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	font-size: 24px;
}
.about h2 a {
	color: #fff;
}
.about p {
	font-size: 14px;
	color: #666;
	line-height: 25px;
	width: 980px;
	margin: 45px auto 40px auto;
	margin-bottom: 35px;
	text-align: justify;
	text-align-last: center;
}
.about a.more {
	display: block;
	width: 154px;
	height: 40px;
	margin: 0 auto;
	margin-bottom: 65px;
	background: url(../img/about_more.png) no-repeat center;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	color: #fff;
	text-decoration: none
}
/*news*/
.news {
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
	margin-bottom: 40px;
}
.news .newsTop {
	overflow: hidden;
	width: 100%;
	height: 65px;
	background-color: #393939;
}
.news .newsTop ul {
	overflow: hidden;
	float: left;
}
.news .newsTop li {
	float: left;
	width: 190px;
	height: 65px;
	line-height: 65px;
	font-size: 16px;
	border-right: 1px solid #5b5b5b;
	text-align: center;
}
.news .newsTop li a {
	color: #9f9d9d;
	display: block;
	text-decoration: none
}
.news .newsTop li i {
	display: inline-block;
	width: 25px;
	height: 21px;
	margin-right: 10px;
	position: relative;
	top: 5px;
}
.news .newsTop li i {
*display: inline
}
.news .newsTop .i01 {
	background: url(../img/news01.png) no-repeat center top;
}
.news .newsTop .i02 {
	background: url(../img/news02.png) no-repeat center top;
}
.news .newsTop .i03 {
	background: url(../img/news03.png) no-repeat center top;
}
.news .newsTop .more {
	display: block;
	float: right;
	margin-right: 20px;
	width: 72px;
	height: 28px;
	margin-top: 18px;
	background: url(../img/news_more.png) no-repeat center;
}
.news .newsTop li:hover, .news .newsTop li.cur {
	background-color: #1d61b9;
	border-color: #1d61b9;
}
.news .newsTop li:hover i, .news .newsTop li.cur i {
	background-position: bottom
}
.news .newsTop li:hover a, .news .newsTop li.cur a {
	font-weight: bold;
	color: #fff;
}
.news .newsbox {
	overflow: hidden;
	width: 938px;
	padding: 30px;
	height: 335px;
	border: 1px solid #eee;
	border-top: none;
}
.news .newslist {
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.news .newslist .leftwen {
	overflow: hidden;
	width: 485px;
	height: 100%;
	float: left
}
.news .leftwen img {
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
}
.news .leftwen h3 {
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 10px;
}
.news .leftwen h3 a {
	color: #333
}
.news .leftwen p {
	font-size: 14px;
	line-height: 20px;
	color: #999;
}
.news .newsright {
	overflow: hidden;
	width: 430px;
	float: right;
	height: 100%;
	position: relative
}
.news .newsright ul {
	overflow: hidden;
	position: absolute;
	width: 100%;
}
.news .newsright li {
	overflow: hidden;
	width: 100%;
	height: 85px;
}
.news .newsright li .time {
	float: left;
	overflow: hidden;
	width: 68px;
	height: 53px;
	border: 1px solid #999;
}
.news .newsright li .wen {
	float: right;
	overflow: hidden;
	width: 340px;
}
.news .newsright li em {
	display: block;
	text-align: center;
	font-size: 18px;
	color: #333;
	margin: 5px 0
}
.news .newsright li span {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #999;
}
.news .newsright li h4 {
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 5px;
}
.news .newsright li p {
	font-size: 14px;
	color: #999;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
}
.news .newsright li h4 a {
	color: #333;
}
.news .newsright li:hover .time {
	background-color: #1d61b9;
	border-color: #1d61b9;
}
.news .newsright li:hover em {
	color: #fff;
}
.news .newsright li:hover span {
	color: #89a3d3;
}
/*link*/
.link {
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
	margin-bottom: 30px;
}
.link h3 {
	float: left;
	text-align: right;
	width: 105px;
	font-size: 24px;
}
.link h3 a {
	color: #1d61b9;
}
.link h3 p {
	font-size: 16px;
	color: #999;
	font-weight: normal;
	font-family: Arial;
	text-transform: uppercase
}
.link ul {
	overflow: hidden;
	float: right;
	width: 860px;
}
.link li {
	float: left;
	font-size: 14px;
	margin: 0 20px;
	margin-bottom: 10px;
}
.link li a {
	color: #999;
}
/*<--!广告轮播样式效果一-->*/
#flashs {
	position: relative;
	height: 600px;
	overflow: hidden;
}
#flashs .bgitem {
	z-index: 1;
	position: absolute;
	top: 0;
}
#flashs .btn {
	position: absolute;
	z-index: 2;
	bottom: 25px;
	left: 50%;
	margin-left: -64px;
	padding: 0px 6px;
}
#flashs .btn span {
	background: #252525;
	cursor: pointer;
	display: inline-block;
	margin: 2px;
	width: 25px;
	height: 25px;
	font-size: 14px;
	line-height: 25px;
	text-align: center;
	color: #fff;
}
#flashs .btn span.cur {
	background: #0067B4;
}
/* -- 弹出窗口 -- */
#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;
}
