@charset "utf-8";

html,
body {
	font: 14px/1.66 'Microsoft YaHei', Tahoma, Verdana, 'Simsun';
	color: #333;
	-webkit-text-size-adjust: none;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #14599e;
	text-decoration: none;
}

/*头部*/

.inner {
	width: 980px;
	background-color: #fff;
	margin: 0 auto;
	position: relative;
}

header {
	background: #013d97;
	zoom: 1
}

#web_logo {
	margin-left: 10px;
	font-size: 0px;
	position: relative;
	z-index: 999;
}

.top-nav {
	color: #fff;
	position: absolute;
	right: 5px;
	top: 8px;
	height: 77px;
	z-index: 1;
	text-align: right;
	width: 100%;
}

.top-nav a {
	color: #fff;
}

.top-nav a:hover {
	color: #fff;
}

.top-nav li.b {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.top-nav li.t span {
	padding: 0px 5px;
	font-size: 10px;
	color: #bbb;
}

.top-logo {
	min-height: 90px;
	_height: 90px;
}



nav {
	height: 40px;
	overflow: hidden;
	width: 950px;
	float: right;
	margin-top: 50px;
}

nav ul li {
	float: left;
	text-align: center;
	height: 40px;
	overflow: hidden;
	margin-left: 10px;
}

nav ul li a {
	height: 39px;
	line-height: 39px;
	color: #000;
	display: block;
	font-family: "微软雅黑";
	font-size: 16px;
}

nav ul li a:hover {
	height: 39px;
	line-height: 39px;
	color: #14599e;
	font-size: 14px;
	display: block;
	font-family: "微软雅黑";
	font-size: 16px;
	border-bottom: 1px solid #14599e;
}

nav ul li.line {
	width: 3px;
	overflow: hidden;
	height: 40px;
	background: url(../images/nav_line.jpg) no-repeat;
}

nav ul li.hover {
	background: url(../images/nav_button.jpg) no-repeat;
	;
	background-repeat: no-repeat;
}

/*nav ul li.navdown{  background:url(../images/nav_bg.gif); background-repeat:no-repeat;}*/

nav ul li.hover a,
nav ul li.navdown a {}

nav ul li.hover a:hover,
nav ul li.navdown a:hover {
	color: #14599e;
}

.met_flash {
	margin-top: 10px;
	font-size: 0px;
	overflow: hidden;
}

.met_flash ul {
	margin: 0px;
	padding: 0px;
}



/*首页*/

.aboutus {
	float: left;
	width: 675px;
	margin-top: 10px;
}

.case {
	float: right;
	width: 290px;
	margin-top: 10px;
	overflow: hidden;
}

.style-1 h3.title span {
	float: left;
	background: url(../images/dt-5.gif) repeat-x;
	height: 32px;
	line-height: 32px;
	padding: 0px 25px;
	color: #fff;
	font-weight: normal;
	font-size: 14px;
}

.style-1 h3.title a.more {
	float: right;
	width: 39px;
	height: 11px;
	line-height: 1000px;
	overflow: hidden;
	background: url(../images/more.gif);
	margin: 10px 10px 0px 0px;
}

.style-1 .active {
	background: #fff;
	padding: 10px;
}

.style-2 h3.title {
	background: url(../images/dt-6.gif) repeat-x;
	height: 32px;
	line-height: 32px;
	padding-left: 15px;
	color: #fff;
	font-weight: normal;
	font-size: 14px;
	position: relative;
}

.style-2 h3.title a.more {
	position: absolute;
	right: 10px;
	top: 0px;
	color: #fff;
	font-size: 12px;
}

.style-2 .active {
	background: #fff;
	padding: 10px;
}

.style-2 dl.ind {
	clear: both;
	zoom: 1
}

.style-2 dl.ind dt {
	float: left;
	display: inline;
	border-bottom: 1px dotted #ccc;
	padding: 10px 0px 10px 0px;
	zoom: 1
}

.style-2 dl.ind dt a {
	margin-left: 5px;
}

.style-2 dl.ind dd {
	float: right;
	display: inline;
	border-bottom: 1px dotted #ccc;
	padding: 10px 0px 10px 0px;
	overflow: hidden;
}

.style-2 dl.ind dd h4 {
	margin-left: 10px;
}

.style-2 dl.ind dd p.desc {
	margin-left: 10px;
	font-style: italic;
	color: #666;
}

.index-news {
	float: left;
	width: 330px;
	margin-right: 15px;
	margin-top: 15px;
}

.listel li {
	margin: 0px 5px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	padding-left: 13px;
	background: url(../images/dt-1.gif) no-repeat left 12px;
}

.listel li a {
	margin-right: 5px;
	zoom: 1;
}

.listel li span {
	float: right;
	color: #666;
}

.index-conts {
	float: right;
	width: 290px;
	margin-top: 15px;
}

.index-product {
	padding-top: 15px;
	*margin-top: 15px;
	*padding-top: 0px;
}

.index-product .profld {
	margin: 0px;
	position: relative;
	overflow: hidden;
}

.index-product h3 span {
	float: left;
}

.index-product ol {
	position: absolute;
	width: 2012em;
}

.index-product ol li {
	float: left;
	text-align: center;
}

.index-product ol li a.img {
	display: block;
	text-align: center;
	font-size: 0px;
}

.index-product ol li a.img img {
	margin: auto;
	border: 1px solid #d6d6d6;
}

.index-product ol li h3 {
	font-weight: normal;
	margin-top: 5px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}

.index-product .flip {
	height: 20px;
	overflow: hidden;
	margin: 8px 15px 0px;
	float: left;
}

* html .index-product .flip {
	width: 300px;
}

*+html .index-product .flip {
	width: 300px;
}

.index-product .next,
.index-product .prev {
	width: 18px;
	height: 18px;
	overflow: hidden;
	display: block;
	float: left;
	background: url(../images/neu.gif) no-repeat;
}

.index-product .next {
	background-position: -17px 0px;
}

.index-product .next:hover {
	background-position: -57px 0px;
}

.index-product .prev {
	background-position: -40px 0px;
}

.index-product .prev:hover {
	background-position: 0px 0px;
}

#trigger {
	float: left;
	margin-right: 5px;
	margin-top: 0px;
	position: relative;
	bottom: 8px;
	*bottom: 0px;
	*top: 5px;
	zoom: 1;
}

#trigger a {
	background: url(../images/neu.gif) no-repeat -78px -10px;
	width: 8px;
	height: 8px;
	font-size: 0px;
	display: inline-block;
	overflow: hidden;
	margin-right: 5px;
}

#trigger a.current {
	background-position: -78px 0px;
}

#tabs-nav {
	float: left;
	text-align: center;
	margin-left: 15px;
}

#tabs-nav li {
	margin: 0 4px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	position: relative;
	*top: 12px;
}

#tabs-nav li a {
	width: 8px;
	height: 8px;
	display: block;
	overflow: hidden;
	background: #9df0f5;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}

#tabs-nav li a:hover {
	background: #fff;
}

#tabs-nav li a.flex-active {
	background: #fff;
	cursor: default;
}

.index-links {
	background: #fff;
	padding: 5px 15px 10px;
	margin-top: 15px;
	position: relative;
}

.index-links h3 {
	height: 32px;
	line-height: 32px;
	padding-left: 20px;
	background: url(../images/dt-2.gif) no-repeat left center;
	font-weight: normal;
	font-size: 14px;
	position: relative;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
}

.index-links h3 a.more {
	position: absolute;
	right: 10px;
	top: 0px;
	color: #666;
	font-size: 12px;
}

.index-links ul {
	margin: 0px;
	padding: 0px;
}

.index-links .img {
	margin-bottom: 3px;
}

.index-links .img li {
	list-style: none;
	display: inline;
	padding-right: 5px;
}

.index-links .img img {
	width: 88px;
	height: 31px;
}

.index-links .txt {
	zoom: 1;
}

.index-links .txt li {
	list-style: none;
	float: left;
	width: 88px;
	height: 20px;
	line-height: 20px;
	margin-right: 5px;
	overflow: hidden;
}



/*内页栏目*/

.sidebar {
	padding-top: 45px;
	width: 1200px;
}

.sidebar .sb_nav {
	float: left;
	width: 226px;
}

.sidebar .sb_nav h3.title {
	text-align: left;
	width: 226px;
	height: 79px;
	color: #fff;
	text-align: center;
	font: bold 24px/79px "Microsoft YaHei";
	background: url(../images/idx_18.png) no-repeat;
}

.sidebar .sb_nav .active {
	padding-bottom: 10px;
}

#sidebar dl {}

#sidebar dl dt {}

#sidebar dl dt a {
	width: 224px;
	height: 48px;
	margin-top: 10px;
	display: block;
	color: #14599e;
	text-align: center;
	border: 1px solid #14599e;
	border-radius: 8px;
	font: normal 18px/48px "Microsoft YaHei";
}

#sidebar dl dt a:hover {
	width: 224px;
	height: 48px;
	margin-top: 10px;
	display: block;
	color: #fff;
	text-align: center;
	border: 1px solid #e61d4c;
	border-radius: 8px;
	background: #e61d4c;
	font: normal 18px/48px "Microsoft YaHei";
}

#sidebar dl dd {}

#sidebar dl dd h4 {
	padding: 5px 0px 5px 10px;
	background: url(../images/dt-0.gif) no-repeat left center;
}

#sidebar dl dt.on a {
	color: #fff;
	background-color: #b50000;
}

#sidebar dl h4.on a {
	color: #fff;
	background-color: #b50000;
	font-family: "Microsoft YaHei";
}

.sb_box {
	margin: 0 auto;
	width: 1200px;
	background: #fff;
	overflow: hidden;
	padding-top: 30px;
}

.sidebar .sb_box h3.title {
	height: 38px;
	line-height: 38px;
	background-color: #eeeeee;
	font-size: 12px;
}

.sidebar .sb_box h3.title span {
	height: 38px;
	line-height: 38px;
	background-color: #14599e;
	display: block;
	float: left;
	padding-left: 30px;
	padding-right: 30px;
	color: #fff;
	font-size: 16px
}

.sidebar .sb_box h3.title div.position {
	float: right;
	font-weight: normal;
	position: relative;
	top: 3px;
	padding-right: 20px;
}

.sidebar .sb_box h3.title div.position a {
	color: #666;
}

.sidebar .sb_box h3.title div.position a:hover {
	color: #14599e;
}



/*内页二级*/

.leftsidebar_box {
	width: 160px;
	height: auto !important;
	overflow: visible !important;
}

.leftsidebar_box dt {
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #f5f5f5;
	font-size: 14px;
	position: relative;
	line-height: 48px;
	cursor: pointer;
}

.leftsidebar_box dd {
	height: 30px;
	border-bottom: 1px dashed #ccc;
	width: 184px;
	margin-left: 14px;
}

.leftsidebar_box dd a {
	color: #333;
	font: normal 14px/30px "Microsoft YaHei";
	display: block;
	text-align: center;
}

.leftsidebar_box dd a:hover {
	display: block;
	color: #14599e;
}

.leftsidebar_box dt img {
	position: absolute;
	right: 10px;
	top: 20px;
}









* {
	padding: 0;
	margin: 0;
	border: 0px;
	outline: none;
	list-style: none;
}

a:active,
a:hover {
	color: #14599e;
	text-decoration: none;
}

a img {
	border-style: none;
}

ul,
li,
dl {
	list-style: none;
	padding: 0;
	margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
h7,
h8 {
	font-weight: normal;
}

dl,
dt,
dd {
	display: block;
	margin: 0;
}

* {
	list-style: none;
}

.clear {
	clear: both;
}

.dd_main {

	width: 1200px;

	margin: 0 auto;

}

/*网页头部*/

.headTop {
	height: 37px;
	width: 100%;
	background: #509edc;
	overflow: hidden;
}

.headTopCon {
	width: 1200px;
	margin: 0 auto;
	line-height: 37px;
}

.headTop p.Welcome {
	float: left;
	color: #fff;
}

.headTop p.Welcome span {
	font-size: 20px;
	font-weight: bolder;
	text-shadow: 3px 3px #777
}

.headTopRight {
	float: right;
}

.headstock {
	float: left;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
}

.headTopRight dl {
	float: left;
	padding-left: 13px;
	color: #fff;
}

.headTopRight dl dt {
	float: left;
}

.headTopRight dl dt a {
	padding: 0 5px;
	font-size: 12px;
	color: #fff;
}

.headTopRight dl dt a:hover {
	color: #fff;
}

.headTopRight dl dd {
	float: left;
	margin: 8px 0 0 5px;
	width: 140px;
	height: 22px;
	line-height: 22px;
	background: url(../images/webimages/index01.png) no-repeat;
	display: none;
}

.headTopRight dl dd input {
	float: left;
}

.headTopRight dl dd input.indexSS {
	width: 117px;
	height: 22px;
	border: none;
	color: #fff;
	text-indent: 8px;
	background: none;
}

.headTopRight dl dd input.indexBot {
	width: 16px;
	height: 16px;
	margin-top: 4px;
	background: url(../images/webimages/index02.jpg) no-repeat;
}

.headbottom {
	width: 1200px;
	margin: 0 auto;
}

.Welcome img {

	vertical-align: -10px;

	border: 0px;

}

.navs {
	display: table;
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 110px;
	background: #fff;
	box-shadow: 10px 0px 16px rgba(0, 0, 0, .3);
}

.navs_w {
	width: 1200px;
	margin: 0 auto;
}

.logo img {
	display: block;
	width: 131px;
	height: 84px;
	float: left;
	margin-top: 8px;
}

.nav_name {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 1000px;
	float: right;
}

.nav_name ul {
	opacity: 0;
	position: absolute;
	top: 160%;
	visibility: hidden;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	background: #fff;
	left: -20px;
}

.nav_namel ul ul {
	top: 0%;
	left: 0%;
}

.nav_name ul li:hover>ul {
	top: 0%;
	left: 100%;
	opacity: 1;
	visibility: visible;
}

.nav_name li:hover>ul {
	opacity: 1;
	top: 100%;
	visibility: visible;
}

.nav_name li {
	float: right;
	position: relative;
}

.nav_name ul li {
	float: none;
}

.nav_name li {
	cursor: pointer;
}

.nav_name li a {
	text-decoration: none;
	display: block;
	color: #000;
	padding-left: 29px;
	padding-right: 29px;
	text-align: center;
	font: normal 16px/110px "Microsoft YaHei";
	text-align: center;
	background: url(../images/index03.png) no-repeat right 50px;
}

.nav_name li:hover {}

.nav_name li a:hover {
	background: url(../images/index04.png) no-repeat right 50px;
	color: #235ea9
}

.nav_name ul li a {
	text-decoration: none;
	display: block;
	color: #000;
	border-bottom: 1px solid #dee0e5;
	width: 130px;
	text-align: center;
	font: normal 14px/40px "Microsoft YaHei";
	text-align: center;
}

.nav_name ul li a:hover {
	width: 130px;
	border-bottom: 1px solid #509edc;
	font: normal 14px/40px "Microsoft YaHei";
	color: #fff;
	background-color: #509edc;
}



/*在线客服*/

.yb_conct {
	position: fixed;
	z-index: 1;
	top: 200px;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease;
}

.yb_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}

.yb_bar .yb_top {
	background: #373635 url(../images/fixCont.png) no-repeat 0 0;
}

.yb_bar .yb_phone {
	background: #373635 url(../images/fixCont.png) no-repeat 0 -57px;
}

.yb_bar .yb_QQ {
	text-indent: 0;
	background: #373635 url(../images/fixCont.png) no-repeat 0 -113px;
}

.yb_bar .yb_ercode {
	background: #373635 url(../images/fixCont.png) no-repeat 0 -169px;
}

.hd_qr {
	padding: 0 29px 25px 29px;
}

.yb_QQ a {
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}











/*banner*/

.flash {

	width: 100%;

	height: 500px;

	margin: 0 auto;

	overflow: hidden;

	_zoom: 1;

	position: relative;

	*zoom: 1;

}



.flash1 {

	width: 1000px;

	height: 500px;

	margin: 0 auto;

	position: relative;

}



.flash2 {

	width: 1920px;

	height: 500px;

	position: absolute;

	left: -460px;

}



.flexslider {

	margin: 0 auto;

	position: relative;

	width: 1920px;

	height: 500px;

	overflow: hidden;

	zoom: 1;

}



.flex-viewport {

	max-height: 2000px;

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	transition: all 1s ease;

}



.flexslider .slides {

	zoom: 1;

}



.flex-direction-nav a {

	width: 60px;

	height: 90px;

	line-height: 99em;

	overflow: hidden;

	margin: -60px 0 0;

	display: block;

	background: url(../images/ad_ctr.png) no-repeat;

	position: absolute;

	top: 50%;

	z-index: 10;

	cursor: pointer;

	opacity: 0;

	filter: alpha(opacity=0);

	-webkit-transition: all .3s ease;

}



.flex-direction-nav .flex-next {

	background-position: 0 -90px;

	right: 0;

}



.flex-direction-nav .flex-prev {

	left: 0;

}



.flexslider:hover .flex-next {

	opacity: 0.8;

	filter: alpha(opacity=25);

}



.flexslider:hover .flex-prev {

	opacity: 0.8;

	filter: alpha(opacity=25);

}



.flexslider:hover .flex-next:hover,

.flexslider:hover .flex-prev:hover {

	opacity: 1;

	filter: alpha(opacity=50);

}



.flex-control-nav {

	width: 100%;

	position: absolute;

	bottom: 3px;

	text-align: center;

}



.flex-control-nav li {

	margin: 0 5px;

	display: inline-block;

	zoom: 1;

	*display: inline;

}



.flex-control-paging li a {

	background: url(../images/dot.png) no-repeat 0 -16px;

	display: block;

	height: 16px;

	overflow: hidden;

	text-indent: -99em;

	width: 16px;

	cursor: pointer;

}



.flex-control-paging li a.flex-active {

	background-position: 0 0;

}



/*热们关键词*/

.hotword_bg {
	width: 100%;
	height: 59px;
	border-bottom: 1px solid #e1dede;
}

.hotword {
	width: 1200px;
	margin: 0 auto;
}

.hots {
	float: left;
}

.hots li {
	float: left;
	color: #333;
	font: bold 14px/60px "Microsoft YaHei";
}

.hots li a {
	float: left;
	color: #666;
	font: normal 14px/60px "Microsoft YaHei";
	display: block;
	margin-right: 15px;
}

.hots li a:hover {
	float: left;
	color: #e61d4c;
	font: normal 14px/60px "Microsoft YaHei";
	display: block;
	text-decoration: underline;
	margin-right: 15px;
}

.head_search {
	width: 380px;
	float: right;
	margin-top: 10px;
	background: url(../images/sy_12.jpg)no-repeat;
	height: 40px;
}

.boxs {
	border: 0px;
	height: 32px;
	width: 350px;
	line-height: 32px;
	font-size: 12px;
	margin-top: 5px;
	margin-left: 15px;
}

.text {
	width: 300px;
	height: 100%;
	float: left;
	margin-left: 10px;
	font-family: "Microsoft YaHei";
}

.btnSubmit {
	width: 35px;
	height: 32px;
	background: none;
	border: 0px;
	color: #fff;
	font-family: "微软雅黑";
	font-size: 12px;
	cursor: pointer;
}



.cl01,
.cl02,
.cl03 {

	float: left;

}

.cl01 img,
.cl02 img,
.cl03 img {

	-moz-box-shadow: 2px 2px 15px #d7d4d4;
	-webkit-box-shadow: 2px 2px 15px #d7d4d4;
	box-shadow: 2px 2px 15px #d7d4d4;

}





.cl02 {

	padding-left: 15px;

	padding-right: 15px;

}

.mt15 {

	margin-top: 15px;

}

.i_tit {

	text-align: center;

	margin-top: 40px;

	margin-bottom: 30px;

}

.i_more {

	display: block;

	background-color: #509edb;

	font-size: 14px;

	color: #fff;

	padding: 10px 0px;

	margin: 0 auto;

	width: 120px;

	text-align: center;

	margin-top: 30px;

}



/*产品中心*/

.pros {
	width: 100%;
	background: url(../images/casebg_33.jpg) no-repeat;
	height: 640px;
	padding-top: 140px;
	margin-top: 50px;
}



.fl {
	display: inline;
	float: left
}

.fr {
	display: inline;
	float: right
}

.cf:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	overflow: hidden
}

.cf {
	zoom: 1
}

.pb10 {
	padding-bottom: 10px
}

.mt10 {
	margin-top: 10px
}

.merchandise {
	width: 1200px;
	overflow: hidden;
	margin-top: 35px;
}

.merchandise .title {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.merchandise .title-list li {
	float: left;
	background-color: #fff;
	position: relative;
	padding-top: 30px;
	padding-left: 16px;
	padding-right: 16px;
	margin-left: 10px;
	margin-right: 10px;
}

.merchandise .title-list li a {
	color: #666666;
	font-size: 14px;
	text-align: center;
	display: block;
	line-height: 26px;
	width: 188px;
	height: 190px;
}

.merchandise .title-list li a img {
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: none;
}

.merchandise .title-list li a span {
	font-size: 16px;
	color: #333;
}

.merchandise .title-list li.on a {
	color: #0061b0;
	display: block;
}

.merchandise .title-list li.on a img {
	display: block;
}

.merchandise .title-list li a:hover img {
	display: block;
}

.product {
	height: 350px;
	position: relative;
	overflow: hidden;
	display: none;
}

.product ul {
	position: absolute;
	left: 0px;
}

.product-wrap .show {
	display: block;
}

.product-wrap .product li {
	float: left;
	display: inline;
	margin-left: 7px;
	margin-right: 7px;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
	width: 286px;
	height: 340px;
	margin-top: 35px;
}

.product-wrap .product li:hover {
	float: left;
	display: inline;
}

.product-wrap .product li div a {
	color: #fff;
	font: normal 16px "Microsoft YaHei";
	text-align: center;
	display: block;
	background: url(../images/bg.png);
	height: 45px;
	line-height: 45px;
}

.product-wrap .product li div a:hover {
	color: #fff;
	text-decoration: none;
	display: block;
	background-color: #3390d8;
	background-image: none;
}







.about_out {

	border: 1px solid #eaeaea;

	width: 590px;

	height: 560px;

	margin-top: 50px;

	float: left;

}

.news_out {

	border: 1px solid #eaeaea;

	width: 590px;

	height: 560px;

	margin-top: 50px;

	float: right;

}

.about_tit {

	border-bottom: 1px solid #eaeaea;

	text-align: center;

	padding: 10px 0px;

}

.about_txt {

	width: 534px;

	margin: 0 auto;

	line-height: 26px;

	font-size: 14px;

	margin-top: 30px;

}

.news_txt {

	padding: 30px 10px;

}

.news_txt h1 {

	font-size: 16px;

}

.news_txt p {

	line-height: 26px;

	font-size: 12px;

}

.news_txt .news_tit {

	display: block;

	float: left;

}

.news_txt .news_time {

	display: block;

	float: right;

}

.news_txt .news_ico {

	background: url(../images/sy_60.jpg);

	background-repeat: no-repeat;

	background-position: 2px;

	padding-left: 15px;

	height: 36px;

	line-height: 36px;

}

/*案例中心*/



h9 {
	color: #fff;
	font: bold 20px "Microsoft YaHei";
	letter-spacing: 2px;
}







/*应用领域*/

.uses {
	width: 100%;
	margin: 0 auto;
	margin-top: 50px;
	background-color: #f3f1f2;
	padding-top: 10px;
	height: 725px;
}

.wrapper {
	max-width: 1200px;
	height: 509px;
	margin: 19px auto;
	position: relative;
}

#tab01 {
	width: 199px;
	height: 509px;
}

#tab,
#tab_con {
	float: left;
}

#tab_con {
	width: 701px;
	height: 509px;
	overflow: hidden;
	margin-top: 16px;
}

#tab_right {
	float: right;
}

#tab_right {
	width: 480px;
	height: 509px;
}

#tab_right li {
	list-style-type: none;
	text-align: left;
	box-shadow: 10px 0px 16px rgba(0, 0, 0, .3);
	width: 480px;
	height: 115px;
}

#tab_right li a {
	color: #666;
	text-decoration: none;
	width: 440px;
	height: 87px;
	display: block;
	background: #fff;
	margin-top: 16px;
	padding: 14px 20px;
}

#tab_right li a:hover {
	color: #fff;
	text-decoration: none;
	display: block;
	background: #3390d8;
	margin-top: 16px;
}

#tab_right li span {
	font-size: 20px;
}





/*网站底部*/

.foot_bg {
	width: 100%;
	height: 370px;
	background-color: #207fc8;
	margin-top: 50px;
}

.foots {
	width: 1200px;
	margin: 0 auto;
	padding-top: 30px;
}

.foot_nav {
	float: left;
}

.foot_nav li {
	width: 130px;
	float: left;
	margin-right: 50px;
}

.foot_navs {
	width: 130px;
	margin: 0 auto;
}

.foot_navs li {
	width: 130px;
	float: left;
}

.foot_navs li a {
	color: #fff;
	font: normal 14px/30px "Microsoft YaHei";
	float: left;
	display: block;
}

.foot_navs li a:hover {
	color: #fff;
	font: normal 14px/30px "Microsoft YaHei";
	float: left;
	display: block;
	text-decoration: underline;
}

.head_searchs {
	width: 312px;
	float: left;
	margin-top: 0px;
}

.boxss {
	border: solid 1px #ccc;
	height: 30px;
	width: 312px;
	line-height: 30px;
	font-size: 12px;
	background: #fff;
}

.texts {
	width: 242px;
	height: 100%;
	float: left;
	margin-left: 10px;
	font-family: "Microsoft YaHei";
	background: #fff;
}

.btnSubmits {
	width: 60px;
	height: 30px;
	background: #e61d4c;
	color: #fff;
	font-family: "微软雅黑";
	font-size: 12px;
	text-align: center;
}

.foot_ban {
	color: #fff;
	font: normal 14px/30px "Microsoft YaHei";
	float: left;
	margin-top: 0px;
}

.subs {
	width: 1200px;
	margin: 0 auto;
	margin-top: 10px;
	border-top: 1px solid #63a6d9;
	margin-top: 10px;
}

.subs li {
	color: #fff;
	font: normal 16px/42px "Microsoft YaHei";
	float: left;
}

.subs li a {
	color: #fff;
	font: normal 14px/42px "Microsoft YaHei";
	float: left;
	float: left;
	display: block;
	margin-right: 30px;
}



.ewm {

	float: right;

	margin-top: 20px;

	line-height: 26px;

	text-align: center;

	width: 126px;

	color: #fff;

	margin-right: 35px !important;

}

.copyright {

	text-align: center;

	line-height: 36px;

	color: #fff;

}

.copyright a {

	color: #fff;

}

.copyright a:hover {

	color: #fff;

}

.InmianTit {
	width: 1100px;
	margin: 0 auto;
	margin-top: 45px;
	margin-bottom: 76px;
	position: relative;
	text-align: center;
	z-index: 9;
}

.InmianTit span {
	padding: 23px 15px;
	line-height: 27px;
	display: inline-block;
	color: #2060a5;
	font-size: 30px;
	border-bottom: 1px solid #2060a5;
	border-top: 1px solid #2060a5;
}

.InmianTit span img {
	vertical-align: -4px;
	padding-left: 10px;
	display: none;
}

.nav_box {
	position: absolute;
	left: 0;
	top: 133px;
	text-align: center;
	width: 1100px;
	z-index: 900;
}

.nav_box a {
	color: #333333;
	font-size: 14px;
	padding: 4px 20px;
	margin-left: -5px;
	display: inline-block;
	border: 1px solid #aaaaaa;
	border-right: none;
	background: #fff;
}

.nav_box:last-child a {

	border-right: 1px solid rgb(170, 170, 170);

}

.newslist li {

	clear: both;

	border-bottom: 1px dotted #ccc;

	padding: 20px 0px;

	height: 186px;

}



.sx,
.zj {
	padding-bottom: 10px;
	clear: both;
}

.sx a {
	color: #000;
	line-height: 40px;
	display: inline-block;
	height: 40px;
	font-size: 14px;
	border: 1px solid #fff;
	text-align: center;
	padding-right: 12px;
	text-decoration: none;
}

a.on {
	border: 1px solid #028bce;
	background: url(../images/icon-selected.png) no-repeat right bottom;
	color: #028bce;
}

.sx span,
.zj span {
	display: inline-block;
	line-height: 30px;
	height: 30px;
	background-color: #368fd4;
	color: #fff;
	font-size: 16px;
	margin-right: 10px;
	padding: 0px 15px;
}

.zj a {
	color: #fff;
	line-height: 30px;
	display: inline-block;
	height: 30px;
	margin-right: 10px;
	border: 1px solid #028bce;
	text-align: center;
	background: url(../images/close1.png) no-repeat right #028bce;
	padding-left: 5px;
	padding-right: 15px;
	font-size: 12px;
	text-decoration: none;
}

.qcqb {
	width: 100px;
	height: 30px;
	line-height: 30px;
	background: #028bce;
	font-size: 12px;
	color: #fff;
	display: none;
	display: inline-block;
	text-align: center;
	border: 1px solid #028bce;
	padding-left: 5px;
	padding-right: 5px;
	cursor: pointer;

}

.qcqb a {
	color: #fff;
}

.prolist {

	background-color: #f8f8f8;

}

.prolist li {
	float: left;
	width: 283px;
	margin-left: 7px;
	margin-right: 8px;
	margin-top: 10px;
	margin-bottom: 20px;
	overflow: hidden;
	border: 1px solid #c7c6c6;
}


.prolist li img {

	border: 1px solid #e4e4e4;

}

.prolist li a .p_imgs {
	height: 240px;
	overflow: hidden;
}

.prolist li a .p_imgs img {
	width: 100%;
}

.prolist li a .p_txt {
	background-color: #3c3c3c;
	height: 52px;
	color: #fff;
	padding-left: 15px;
	padding-top: 8px;
}

.prolist li a:hover div {

	background-color: #368fd4;

}

.prolist li a div h3 {

	font-size: 16px;

}

.prolist li a div p {

	font-size: 12px;

}

.pro_index_tit {

	width: 100%;

	height: 50px;

	line-height: 50px;

}

.pro_index_tit span {

	display: block;

}

.pro_index_tit .ptit {

	font-size: 18px;

	color: #0061b0;

	float: left;

}

.pro_index_tit .pmore {

	float: right;

}

.pro_show_tit {

	font-size: 20px;

	border-bottom: 1px solid #ccc;

	color: #0061b0;

}

.tj_product_tit {

	height: 40px;

	line-height: 40px;

	border-bottom: 1px solid #ccc;

}

.tj_product_tit .tit_l {

	font: bold 16px 'Microsoft YaHei';
	color: #0061b0;

	float: left;

}

.tj_product_tit .tit_m {

	float: right;

}

.proli_out {
	margin-top: 10px;
}

.proBox {}

.proBox .alCont {
	position: relative;
}

.proBox .alCont ul {
	margin: 0px auto;
	width: 1200px;
	overflow: hidden;
}

.proBox .alCont li {
	margin: 0px 10px;
	width: 275px;
	text-align: center;
	float: left;
}

.proBox .alCont li a img {
	width: 284px;
	height: 203px;
	border: 1px solid #ccc;
	display: block;
}

.proBox .alCont li a h5 {
	font-weight: normal;
	margin-top: 5px;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #5f5f5f;
}

.proBox .alCont li a:hover img {
	width: 284px;
	height: 203px;
	border: 1px solid #0061b0;
	display: block;
}

.proBox .alCont li a:hover h5 {
	font-weight: normal;
	margin-top: 5px;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #0061b0;
}



.proBox .alCont .btnLeft {

	background: url(../images/btn_pre.png) no-repeat center;

	left: 0px;

}

.proBox .alCont .btnLeft {

	top: 50%;

	width: 65px;

	height: 65px;

	margin-top: -25px;

	position: absolute;

	_top: 40%;

}



.proBox .alCont .btnRight {

	background: url(../images/btn_next.png) no-repeat center;

	right: 0px;

}

.proBox .alCont .btnRight {

	top: 50%;

	width: 65px;

	height: 55px;

	margin-top: -25px;

	position: absolute;

	_top: 40%;

}

.product-intro p {

	line-height: 30px;

	padding-left: 15px;

	background: url(../images/prod_detail_03.png) no-repeat left 12px;

}

#tabs {
	width: 1200px;
	position: relative;
	margin: 0 auto;
	margin-top: 50px;
	min-height: 510px;
	_height: 510px;
}

#con_two_1,
#con_two_2,
#con_two_3,
#con_two_4,
#con_two_5 {
	display: none;
	padding-top: 50px;
}

#tabs .block {
	display: block;
}

#tabs h3 {
	float: left;
	width: 130px;
	height: 30px;
	line-height: 30px;
	margin: 0 0 0 0;
	font-size: 18px;
	cursor: pointer;
	text-align: center;
	color: #333;
	font-family: Microsoft YaHei;
	font-weight: normal;
}

#tabs .up {
	background: #337FE5;
	color: #fff;
}

.tabs_tit {

	height: 40px;

	border-bottom: 1px solid #ccc;

}

a.tab_title:link {
	color: #5a5a5a;
	text-decoration: none;
}

a.tab_title:visited {
	color: #5a5a5a;
	text-decoration: none;
}

a.tab_title:hover {
	color: #5a5a5a;
	text-decoration: none;
}

a.tab_title:active {
	color: #5a5a5a;
	text-decoration: none;
}

a.tab_menu:link {
	color: #6464d5;
	text-decoration: none;
}

a.tab_menu:hover {
	color: #8888e0;
	text-decoration: underline;
}



.tj_news_out,
.tj_product_out {

	padding-top: 10px;

	padding-bottom: 20px;

}

.tj_news_tit {

	border-bottom: 1px solid #ccc;

	height: 30px;

}



.tj_news_out li {

	border-bottom: 1px dashed #ccc;

	height: 28px;

	line-height: 28px;

	list-style-type: armenian;

}

.tj_product_out ul,
.tj_news_out ul {

	clear: both;

	padding-top: 10px;

}

.tj_product_out li {

	float: left;

	width: 210px;
	margin-left: 10px;
	margin-right: 10px;

	margin-top: 10px;

	text-align: center;

}

.tj_product_out li img {

	width: 163px;

	height: 153px;

}









.links {
	width: 1200px;
	margin: 10px auto;
	display: block;
	overflow: hidden;
}

.links ul {
	list-style: none;
	display: block;
	overflow: hidden;
}

.links ul li {
	float: left;
	color: #333;
	font: normal 14px/24px "微软雅黑";
}

.links ul li a {
	padding: 0 10px;
	display: block;
	color: #333;
	font: normal 14px/24px "微软雅黑";
}

.links li a:hover {
	text-decoration: underline;
	color: #f00;
}
.clear{ clear:both; }
.list-none{ list-style:none; padding:0px;}
.editor{ color:#666; font:normal 14px/28px "Microsoft YaHei"; word-break: break-all; word-wrap:break-word; text-align:justify; text-justify:inter-ideograph; padding:15px 0px; }
.editor ul,.editor ol{ padding:0px 0px 0px 25px; margin:0px;}
.editor a{ color:#1C57C4; text-decoration:underline;}
/*按钮*/
.button{ display: inline-block; zoom: 1; *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.button:hover { text-decoration: none; color:#fff; }

#showtext{  font:normal 14px/28px "Microsoft YaHei"; color:#666; word-break: break-all; word-wrap:break-word; text-align:justify; text-justify:inter-ideograph; padding:15px 0px;}
/*文章模块*/
#newslist{ padding:15px 20px;}
#newslist li{ padding:20px 10px; }
#newslist li a{ font-size:16px; margin-right:5px; font-family:"Microsoft YaHei"; color:#333;}
#newslist li span{  color:#777; font-size:12px;}
#newslist li p{ color:#777; font-family:"Microsoft YaHei"; font-size:14px;}
#shownews{ padding:0px 15px 15px;}
#shownews .editor{ line-height:2; padding:0px 10px; font-size:14px;}
#shownews h1{ font-size:20px; text-align:center; border-bottom:1px dotted #ccc; padding:5px 0px; margin:10px 0px; color:#333;}

.pro{ width:950px; margin:0 auto; }
.prod{ width:1000px; overflow:hidden; margin:0 auto;}
.prod li{ float:left; margin-top:20px;}
.prod li a img{display:block; border:1px solid #ccc;}
.prod li h3{ width:282px; height:30px; background:#ccc; margin-top:10px;}
.prod li h3 a{color:#333; font:normal 14px/30px "Microsoft YaHei"; display:block; float:left; margin-left:10px;}
.prod li h3 a:hover{ display:block; color:#1764b6;}


#imglist li{ float:left; display:inline; margin-top:20px;}
#imglist li a.img{ font-size:0px; display:block;}
#imglist li a.img img{ margin:auto;  border:1px solid #ccc; }
#imglist li h3{text-align:center; color:#333; font:normal 14px "Microsoft YaHei"; margin-top:5px;}
#showimg{ padding:15px;}
#showimg h1.title{ font-size:18px; padding:5px 0px; margin-bottom:10px; text-align:center;}
#showimg .imgshow{ text-align:center;}
#showimg .editor{ line-height:2; padding:0px 10px; font-size:14px;}
#showimg .ctitle{ margin:10px 0px 10px; padding:5px 20px;  font-size:14px; border-bottom:1px dotted #ccc; }


.page{clear:both; margin:20px 0px 0px 0px; text-align: center;}
.page a {display: inline-block; font-family: Arial; font-size: 13px; border: #dbdbdb 1px solid; padding:4px 9px; margin: 2px; margin-bottom: 5px; color: #31363c; text-decoration: none}
.page a:hover,.page a:focus{font-family: Arial;font-size: 13px;border: #000 1px solid; padding:4px 9px;color: #fff; background-color: #31363c;}
.page .current {font-family: Arial;border: #000 1px solid; font-size: 13px; padding:5px 9px; color: #fff;margin: 2px;  background-color: #31363c}