@charset "utf-8";

/*公用*/
body {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
	font-size: 12px;
	background: #fff;
	color: #686868;
	_background-image: url(text.txt);
	/* for IE6 */
	_background-attachment: fixed;
}

ul,
dl,
dt,
dd,
p,
h1,
h2,
h3,
h4,
h5,
li {
	margin: 0;
	padding: 0;
	list-style: none;
}

a {
	text-decoration: none;
	color: #686868;
	font-weight: normal;
}

a:hover {
	color: #710100;
}

img {
	border: none 0;
}

.hr1 {
	margin: 0 auto;
	border: 1px solid #9A0201;
}

.red {
	color: red;
}

.clear {
	clear: both;
}

.center {
	text-align: center;
}

.tLeft {
	text-align: left;
}

.fLeft {
	float: left;
}

.mL {
	margin-left: 20px;
}

/*******header************/
#container {
	width: 100%;
	margin: 0 auto;
}

#container1 {
	margin: auto;
	width: 960px;
	background: #F5F5F5 url(../images/background1.jpg) repeat-x top;
}

#header,
#main,
#footer {
	margin: 0 auto;
	position: relative;
}

.main_box {
	width: 100%;
	height: auto;
	float: left;
	background: #f7f7f7;
	padding-bottom: 50px;
}

.main_box1 {
	width: 100%;
	height: auto;
	float: left;
	background: #FFF;
}

#main {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	padding-top: 30px;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.head_top {
	width: 100%;
	height: 140px;
	float: left;
	border-top: 5px solid #217ce4;
	background: #fff;
}

.head_in {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}

.logo {
	float: left;
	margin-top: 36px;
}

.logo img {}

.weima {
	width: 99px;
	height: 99px;
	float: left;
	margin-left: 37px;
	margin-top: 14px;
}

.weima img {
	width: 98px;
	height: 98px;
	border: 1px solid #f0f0f0;
}

.jrsc {
	z-index: 2;
	position: absolute;
	display: table;
	right: 130px;
	top: 35px;
}

.swsy {
	z-index: 2;
	position: absolute;
	display: table;
	right: 30px;
	top: 35px;
}

.search {
	float: right;
	margin-top: 32px;
}

.top_t {
	width: 100%;
	height: 40px;
	float: left;
	background: #e8e8e8;
}

.top_t1 {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}

.top_tleft {
	line-height: 40px;
	float: left;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #666;
}

.top_tright {
	height: auto;
	line-height: 40px;
	position: relative;
	float: right;
	font-size: 14px;
	color: #666;
}

/*导航*/
.nav_box {
	width: 100%;
	height: 58px;
	float: left;
	background: #217ce4;
}

.nav {
	width: 1200px;
	height: 58px;
	margin: 0 auto;
}

.nav ul li {
	margin: 0;
	text-align: center;
	width: 150px;
	font-family: "微软雅黑";
	float: left;
	height: 58px;
	position: relative;
	z-index: 100;
}

.nav ul li a {
	color: #fff;
	font-size: 16px;
	width: 150px;
	height: 58px;
	float: left;
	line-height: 56px;
}

.nav ul li a:hover {
	color: #fff;
	background: #2269b9;
	width: 150px;
	height: 58px;
	float: left;
}

.nav ul li ul {
	position: absolute;
	display: none;
}

.nav ul li:hover ul {
	position: absolute;
	display: block;
	background: #2269b9;
	margin-top: 58px;
	padding-bottom: 10px;
}

.nav ul li ul li {
	height: 40px;
	background: none;
	line-height:40px;
	font-size: 14px;
	border-right: none;
	margin-top: 0px;
}

.nav ul li ul li a {
	color: #fff;
	line-height: 40px;
	font-size: 14px;
	font-weight: normal;
}

.nav ul li ul li a:hover {
	color: #fff;
	opacity: 0.8;
	line-height: 40px;
	height: 40px;
	font-size: 14px;
	font-weight: normal;
}

.nav_right {
	float: right;
	width: 260px;
	height: 140px;
	background: url(../images/call.png) no-repeat right center;
}

.nav_right h1 {
	float: left;
	width: 190px;
	height: auto;
	color: #999999;
	padding-top: 45px;
	margin: 0;
	text-align: right;
	font-size: 14px;
	font-family: "微软雅黑";
	font-weight: normal;
}

.nav_right p {
	float: left;
	width: 190px;
	height: auto;
	color: #217ce4;
	font-weight: bold;
	font-size: 30px;
	text-align: right;
	font-family: "Arial";
}


/* 幻灯片广告 */
.ad {
	overflow: hidden;
	padding: 0;
	margin: 0;
	width: 960px;
	margin: 0 auto;
}

#full-screen-slider {
	width: 100%;
	height: 600px;
	float: left;
	position: relative;
	z-index: 99;
}

#slides {
	display: block;
	width: 100%;
	height: 600px;
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative
}

#slides li {
	display: block;
	width: 100%;
	height: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute
}

#slides li img {
	width: 100%;
	height: 100%;
}

#slides li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px
}

#pagination {
	display: block;
	list-style: none;
	position: absolute;
	left: 28%;
	top: 570px;
	z-index: 9900;
	padding: 5px 15px 5px 0;
	margin: 0
}

#pagination li {
	display: block;
	list-style: none;
	width: 30px;
	height: 5px;
	float: left;
	margin-left: 15px;
	background: #FFF;
	border-radius: 5px;
}

#pagination li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
}

#pagination li.current {
	background: #217ce4;
	border-radius: 5px;
}

.search_bg {
	width: 100%;
	height: 108px;
	float: left;
	background: #fff;
}

.search_in {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}

.search_l {
	float: left;
	font-size: 18px;
	line-height: 108px;
	color: #217ce4;
	width: 620px;
	height: 108px;
	overflow: hidden;
}

.search_l span {
	font-size: 18px;
	color: #217ce4;
	padding-right: 15px;
}

.search_l font {
	font-size: 16px;
	color: #666;
}

.search_l font a {
	padding-right: 15px;
}

.search_l font a:hover {
	color: #217ce4;
}


.search_r {
	float: right;
	width: 343px;
	height: 42px;
	margin-top: 34px;
	background: url(../images/search_bg.jpg) no-repeat;
}

.s_input {
	float: left;
	height: 42px;
	line-height: 42px;
	text-indent: 10px;
	border: none;
	background: none;
	width: 270px;
}

.s_btn {
	float: right;
	height: 42px;
	border: none;
	background: none;
	width: 65px;
}

.c_bg {
	width: 100%;
	height: 31px;
	float: left;
	background: url(../images/c_bg.jpg) no-repeat;
	margin-bottom: 15px;
	line-height: 31px;
	font-family: "微软雅黑";
	text-indent: 15px;
	font-size: 16px;
	color: #fff;
}



/* 合作案例 */
.fan_box {
	width: 100%;
	height: auto;
	float: left;
	background: #f7f7f7;
	padding-bottom: 60px;
}

.fan_in {
	width: 1340px;
	height: auto;
	margin: 0 auto;
}

.fan_ti {
	width: 100%;
	height: 41px;
	background: url(../images/kuai_bg.png) no-repeat 50% center;
	text-align: center;
	float: left;
}

.li_list {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 50px;
}

.li_list li {
	width: 380px;
	height: 365px;
	float: left;
	position: relative;
	background: #fff;
	margin-right: 30px;
}

.li_list li:nth-child(3n+3) {
	width: 380px;
	height: 365px;
	float: left;
	background: #fff;
	margin-right: 0px;
}

.fan_biao {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0px;
	top: -17px;
}

.fan_biao h1 {
	width: 100%;
	height: 34px;
	float: left;
	line-height: 34px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	background: url(../images/duo_bg.png) no-repeat 50% 0;
}

.fan_img {
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
}

.fan_img img {
	width: 380px;
	height: 220px;
}

.fan_txt {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 15px;
}

.fan_txt h1 {
	width: 100%;
	height: auto;
	float: left;
	font-size: 16px;
	color: #333;
	text-align: center;
	padding-bottom: 10px;
	background: url(../images/s_line.jpg) no-repeat 50% bottom;
}

.fan_txt p {
	width: 90%;
	height: 60px;
	float: left;
	margin-left: 5%;
	font-size: 14px;
	margin-top: 15px;
	color: #666666;
	line-height: 30px;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.rollBox {
	width: 1340px;
	height: auto;
	float: left;
}

.rollBox .LeftBotton {
	width: 37px;
	height: 40px;
	background: url(../images/prev.png) no-repeat 0px 0;
	margin-top: 220px;
	overflow: hidden;
	float: left;
	display: inline;
	cursor: pointer;
}

.rollBox .RightBotton {
	width: 37px;
	height: 40px;
	background: url(../images/next.png) no-repeat 0px 0;
	overflow: hidden;
	float: right;
	margin-top: 220px;
	display: inline;
	cursor: pointer;
}

.rollBox .LeftBotton:hover {
	width: 37px;
	height: 40px;
	background: url(../images/prev1.png) no-repeat 0px 0;
	margin-top: 220px;
	overflow: hidden;
	float: left;
	display: inline;
	cursor: pointer;
}

.rollBox .RightBotton:hover {
	width: 37px;
	height: 40px;
	background: url(../images/next1.png) no-repeat 0px 0;
	overflow: hidden;
	float: right;
	margin-top: 220px;
	display: inline;
	cursor: pointer;
}

.rollBox .Cont {
	width: 1200px;
	overflow: hidden;
	float: left;
	margin-left: 40px;
}

.rollBox .ScrCont {
	width: 10000000px;
}

.rollBox .Cont .pic {
	width: 376px;
	float: left;
	height: 493px;
	background: #fff;
	margin-right: 36px;
	line-height: 35px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.rollBox .Cont .pic:hover {
	background: #217ce4;
	-ms-transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
	-moz-transform: translateY(-3px);
	-o-transform: translateY(-3px);
	transform: translateY(-3px);
	box-shadow: 0px 18px 15px 0px rgba(0, 0, 0, 0.08);
}

.pic .you_name {
	width: 90%;
	float: left;
	margin-left: 5%;
	height: auto;
	font-size: 18px;
	margin-top: 25px;
	color: #333;
	font-weight: bold;
	margin-bottom: 25px;
}

.pic:hover .you_name {
	width: 90%;
	float: left;
	margin-left: 5%;
	height: auto;
	font-size: 18px;
	margin-top: 25px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 25px;
}

.pic .you_txt {
	width: 90%;
	float: left;
	height: 100px;
	margin-left: 5%;
	font-size: 14px;
	color: #999;
	line-height: 26px;
}

.pic:hover .you_txt {
	width: 90%;
	float: left;
	height: 100px;
	margin-left: 5%;
	font-size: 14px;
	color: #fff;
	line-height: 26px;
}

.pic .you_more {
	width: 100%;
	float: left;
	height: auto;
	text-align: center;
}

.pic .you_more span {
	border-radius: 20px;
	padding: 10px 20px 10px 20px;
	background: #f4f6f9;
	font-size: 14px;
	color: #999;
}

.pic:hover .you_more span {
	border-radius: 20px;
	padding: 10px 20px 10px 20px;
	background: #39baad;
	font-size: 14px;
	color: #fff;
}

.rollBox .Cont .pic a {
	width: 376px;
	float: left;
	height: 493px;
}

.rollBox .Cont .pic img {
	display: block;
	float: left;
	width: 376px;
	height: 247px;
}

.rollBox .Cont a:hover {}

.rollBox #List1,
.rollBox #List2 {
	float: left;
}

.pica {
	width: 376px;
	float: left;
	height: 493px;
	background: #fff;
	margin-right: 36px;
	line-height: 35px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	margin-top: 30px;
}

.pica:hover {
	background: #217ce4;
	-ms-transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
	-moz-transform: translateY(-3px);
	-o-transform: translateY(-3px);
	transform: translateY(-3px);
	box-shadow: 0px 18px 15px 0px rgba(0, 0, 0, 0.08);
}

.pica .you_name {
	width: 90%;
	float: left;
	margin-left: 5%;
	height: auto;
	font-size: 18px;
	margin-top: 25px;
	color: #333;
	font-weight: bold;
	margin-bottom: 25px;
}

.pica:hover .you_name {
	width: 90%;
	float: left;
	margin-left: 5%;
	height: auto;
	font-size: 18px;
	margin-top: 25px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 25px;
}

.pica .you_txt {
	width: 90%;
	float: left;
	height: 100px;
	margin-left: 5%;
	font-size: 14px;
	color: #999;
	line-height: 26px;
}

.pica:hover .you_txt {
	width: 90%;
	float: left;
	height: 100px;
	margin-left: 5%;
	font-size: 14px;
	color: #fff;
	line-height: 26px;
}

.pica .you_more {
	width: 100%;
	float: left;
	height: auto;
	text-align: center;
}

.pica .you_more span {
	border-radius: 20px;
	padding: 10px 20px 10px 20px;
	background: #f4f6f9;
	font-size: 14px;
	color: #999;
}

.pica:hover .you_more span {
	border-radius: 20px;
	padding: 10px 20px 10px 20px;
	background: #39baad;
	font-size: 14px;
	color: #fff;
}

.pica a {
	width: 376px;
	float: left;
	height: 493px;
}

.pica img {
	display: block;
	float: left;
	width: 376px;
	height: 247px;
}


/*核心竞争优势*/
.four_bg {
	width: 100%;
	height: auto;
	float: left;
	padding-bottom: 50px;
	background: #fff;
}

.four_bin {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}

.tagMenu7 {
	height: 116px;
	position: relative;
	width: 100%;
	float: left;
	margin-top: 0px;
}

.tagMenu7 ul {
	position: absolute;
	height: auto;
	left: 0px;
	float: right;
	width: 100%;
}

ul.menu7 li {
	height: 116px;
	cursor: pointer;
	float: left;
	width: 300px;
}

ul.menu7 li font {
	float: left;
	color: #333;
	font-size: 20px;
	margin-top: 32px;
	margin-left: 38px;
}

ul.menu7 li font i {
	font-size: 12px;
	color: #999;
	line-height: 30px;
	font-style: normal;
}

ul.menu7 li:nth-child(1) {
	background: #fdfbfb;
}

ul.menu7 li:nth-child(1) span {
	background: url(../images/menu1.png) no-repeat left center;
	height: 116px;
	float: right;
	width: 45px;
	margin-right: 50px;
}

ul.menu7 li.current7:nth-child(1) span {
	background: url(../images/menu11.png) no-repeat left center;
	height: 116px;
	float: right;
	width: 45px;
	margin-right: 50px;
}

ul.menu7 li:nth-child(2) span {
	background: url(../images/menu2.png) no-repeat left center;
	height: 116px;
	float: right;
	width: 45px;
	margin-right: 50px;
}

ul.menu7 li.current7:nth-child(2) span {
	background: url(../images/menu22.png) no-repeat left center;
	height: 116px;
	float: right;
	width: 45px;
	margin-right: 50px;
}

ul.menu7 li:nth-child(3) span {
	background: url(../images/menu3.png) no-repeat left center;
	height: 116px;
	float: right;
	width: 45px;
	margin-right: 50px;
}

ul.menu7 li.current7:nth-child(3) span {
	background: url(../images/menu33.png) no-repeat left center;
	height: 116px;
	float: right;
	width: 45px;
	margin-right: 50px;
}

ul.menu7 li:nth-child(4) span {
	background: url(../images/menu4.png) no-repeat left center;
	height: 116px;
	float: right;
	width: 45px;
	margin-right: 50px;
}

ul.menu7 li.current7:nth-child(4) span {
	background: url(../images/menu44.png) no-repeat left center;
	height: 116px;
	float: right;
	width: 45px;
	margin-right: 50px;
}

ul.menu7 li:nth-child(2) {
	background: #f7f7f7;
}

ul.menu7 li:nth-child(3) {
	background: #fdfbfb;
}

ul.menu7 li:nth-child(4) {
	background: #f7f7f7;
}

ul.menu7 li.current7 {
	height: 116px;
	cursor: pointer;
	color: #fff;
	width: 300px;
	background: url(../images/menu_active.png) no-repeat 50% bottom;
	font-size: 16px;
	float: left;

}

ul.menu7 li.current7 font {
	color: #217ce4;
}

.content7 {
	width: 100%;
	height: auto;
	float: left;
}

.you_r {
	width: 100%;
	height: 663px;
	float: left;
	position: relative;
}

.you_r img {
	width: 100%;
	height: 663px;
}

.you_l {
	width: 300px;
	height: 663px;
	left: 0;
	top: 0;
	background: rgba(33, 124, 228, 0.8);
	position: absolute;
}

.you_lin {
	width: 80%;
	height: auto;
	float: left;
	margin-left: 10%;
}

.you_lin h1 {
	width: 100%;
	height: auto;
	float: left;
	color: #fff;
	font-size: 22px;
	line-height: 35px;
	margin-bottom: 50px;
	margin-top: 130px;
}

.you_lin p {
	width: 100%;
	height: auto;
	float: left;
	color: #fff;
	font-size: 16px;
	line-height: 35px;
}


/*产品中心*/
.pro_boxaa {
	width: 100%;
	height: auto;
	float: left;
	background: #f7f7f7;
	padding-bottom: 50px;
}

.pro_inan {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}

.pro_ti {
	width: 100%;
	height: 80px;
	float: left;
	text-align: center;
	margin-top: 55px;
	background: url(../images/pti_bg.png) no-repeat 50% bottom;
	margin-bottom: 50px;
}

.pro_ti span {
	width: 100%;
	height: auto;
	float: left;
	font-size: 30px;
	font-weight: bold;
	color: #373737;
}

.pro_ti span i {
	font-style: normal;
	color: #217ce4;
}

.pro_ti font {
	width: 100%;
	height: auto;
	float: left;
	font-size: 14px;
	line-height: 35px;
	color: #999;
}

.pro_ti1 {
	width: 100%;
	height: 55px;
	float: left;
	text-align: center;
	margin-top: 25px;
	background: url(../images/pti_bg.png) no-repeat 50% bottom;
	margin-bottom: 50px;
}

.pro_ti1 span {
	width: 100%;
	height: auto;
	float: left;
	font-size: 30px;
	font-weight: bold;
	color: #373737;
}

.pro_ti2 {
	width: 100%;
	height: 55px;
	float: left;
	text-align: center;
	margin-top: 25px;
	background: url(../images/ti.jpg) no-repeat 50% bottom;
	margin-bottom: 50px;
}

.pro_ti2 span {
	width: 100%;
	height: auto;
	float: left;
	font-size: 30px;
	font-weight: bold;
	color: #373737;
}



.chan_fen {
	width: 100%;
	height: auto;
	float: left;
}

.chan_fen li {
	width: 168px;
	height: 46px;
	line-height: 44px;
	font-size: 16px;
	text-align: center;
	float: left;
	margin-right: 20px;
}

.chan_fen li a {
	width: 164px;
	height: 42px;
	float: left;
	background: #f8f8f8;
	color: #333;
	border: 2px solid #dedede;
}

.chan_fen li a:hover {
	width: 164px;
	height: 42px;
	float: left;
	background: #0067ac;
	color: #fff;
	border: 2px solid #0067ac;
}

.chan_fen li .curr {
	width: 164px;
	height: 42px;
	float: left;
	background: #0067ac;
	color: #fff;
	border: 2px solid #0067ac;
}



.chan_box {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 50px;
}

.chan_list {
	width: 105%;
	height: auto;
	float: left;
}

.chan_list li {
	width: 286px;
	height: 267px;
	float: left;
	text-align: center;
	margin-left: 18px;
	margin-bottom: 18px;
	background: #fff;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.chan_list li:hover {
	width: 286px;
	height: 267px;
	float: left;
	color: #fff;
	-ms-transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
	-moz-transform: translateY(-3px);
	-o-transform: translateY(-3px);
	transform: translateY(-3px);
	box-shadow: 0px 18px 15px 0px rgba(0, 0, 0, 0.08);
}

.indexCaseList {
	width: 100%;
	height: auto;
	*float: left;
	*width: 286px;
	*margin-left: 15px;
}

.indexCaseItem {
	width: 286px;
	float: left;
	display: inline;
	position: relative;
}

.indexCaseItem p {
	position: relative;
	width: 286px;
	height: 190px;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	float: left;
	border-bottom: 1px solid #f7f7f7;
}

.chan_list li .indexCaseItem h3 {
	position: relative;
	width: 100%;
	height: 38px;
	float: left;
	text-align: center;
	font-weight: normal;
	line-height: 38px;
}

.chan_list li .indexCaseItem h3 a {
	position: relative;
	width: 100%;
	height: 38px;
	float: left;
	font-size: 14px;
	color: #333;
}

.chan_list li .indexCaseItem h3 a:hover {
	position: relative;
	width: 100%;
	height: 38px;
	float: left;
	font-size: 14px;
	color: #333;
}

.chan_list li .indexCaseItem h5 {
	position: relative;
	width: 100%;
	height: 38px;
	float: left;
	text-align: center;
	font-weight: normal;
	line-height: 30px;
	color: #999;
}

.chan_list li .indexCaseItem h5 p {
	position: relative;
	width: 100%;
	height: 38px;
	float: left;
	font-size: 14px;
	color: #999;
}

.indexCaseItem p img {
	height: 180px;
	padding-top: 5px;

}

.indexCaseList a.link {
	position: absolute;
	display: block;
	left: 0px;
	color: #fff;
	font-family: "宋体";
	padding-top: 1px;
	top: 100%;
	width: 100%;
	height: 100%;
	font-size: 12px;
	/* 	background:url(../images/img_an_h.png) no-repeat; */
}

.indexCaseList a.link span {
	display: block;
	line-height: 24px;
	width: 70%;
	height: 70%;
	padding-top: 15%;
	margin: 0 auto;
	overflow: hidden;
}

.art-vmenublock-body {
	position: relative;
	padding: 0;
}

.art-vmenublock {
	margin: 0;
}

.art-vmenublockcontent {
	position: relative;
	margin: 0 auto;
	min-width: 1px;
	min-height: 1px;
}

.art-vmenublockcontent-body {
	position: relative;
	padding: 0;
}

.art-vmenublockcontent {
	position: relative;
	margin: 0 auto;
	min-width: 1px;
	min-height: 1px;
}

.art-vmenublockcontent-body {
	position: relative;
	padding: 0;
}

ul.art-vmenu,
ul.art-vmenu li {
	list-style: none;
	width: auto;
	line-height: 0;
}

ul.art-vmenu ul {
	display: none;
}

ul.art-vmenu ul.active {
	display: block;
}

ul.art-vmenu a {
	position: relative;
	display: block;
	overflow: hidden;
	height: 67px;
	cursor: pointer;
	text-decoration: none;
}

ul.art-vmenu li.art-vmenu-separator {
	display: block;
	padding: 0 0 0 0;
	margin: 0;
	font-size: 1px;
}

ul.art-vmenu .art-vmenu-separator-span {
	display: block;
	padding: 0;
	font-size: 1px;
	height: 0;
	line-height: 0;
}

ul.art-vmenu a .r,
ul.art-vmenu a .l {
	position: absolute;
	display: block;
	top: 0;
	height: 118px;
}

ul.art-vmenu a .l {
	left: 0;
	right: 26px;
}

ul.art-vmenu a .r {
	width: 966px;
	right: 0;
	clip: rect(auto, auto, auto, 940px);
}

ul.art-vmenu a .t,
ul.art-vmenu ul a {
	font-family: "微软雅黑";
	font-size: 14px;
}

ul.art-vmenu a .t {
	display: block;
	position: relative;
	top: 0;
	color: #333;
	float: left;
	width: 100%;
	height: 66px;
	text-indent: 18px;
	line-height: 66px;
	background: url(../images/fen1.png) no-repeat 90% center;
	border-bottom: 1px solid #f1f1f1;
	font-size: 16px;
}


ul.art-vmenu a .t em {
	float: left;
}

ul.art-vmenu a.active .l,
ul.art-vmenu a.active .r {}

ul.art-vmenu a.active .t {
	color: #217ce4;
	font-weight: bold;
	background: url(../images/fen20.png) no-repeat 90% center;
}

ul.art-vmenu a .t2 {
	display: block;
	position: relative;
	top: 0;
	color: #333;
	float: left;
	width: 100%;
	height: 66px;
	text-indent: 18px;
	line-height: 66px;
	font-size: 16px;
}

ul.art-vmenu a.active .t em {
	float: left;
}

/* ul.art-vmenu a.active .t1 {
	color: #217ce4;
	background: url(../images/yuan.png) no-repeat 18px center;
} */

ul.art-vmenu a:hover .l,
ul.art-vmenu a:hover .r {}

ul.art-vmenu a:hover .t {
	color: #217ce4;
	font-weight: bold;
	background: url(../images/fen20.png) no-repeat 90% center;
}

ul.art-vmenu a:hover .t em {
	float: left;
}

ul.art-vmenu ul,
ul.art-vmenu ul li {
	margin: 0;
	padding: 0;
}

ul.art-vmenu ul a {
	display: block;
	white-space: nowrap;
	height: 46px;
	overflow: visible;
	font-weight: normal;
	font-family: "微软雅黑";
	font-size: 12px;
	color: #4b4b4b;
}

ul.art-vmenu ul li {}

ul.art-vmenu ul span,
ul.art-vmenu ul span span {
	display: inline;
	float: none;
	margin: inherit;
	padding: inherit;
	background-image: none;
	text-align: inherit;
	text-decoration: inherit;
}

ul.art-vmenu ul a,
ul.art-vmenu ul a:link,
ul.art-vmenu ul a:visited,
ul.art-vmenu ul a:hover,
ul.art-vmenu ul a:active,
ul.art-vmenu ul span span {
	line-height: 46px;
	color: #666;
	font-size: 14px;
	height: 46px;
	display: block;
	width: 100%;
	background: url(../images/yuan.png) no-repeat 18px center;
	text-indent: 30px;
}

ul.art-vmenu ul {}

ul.art-vmenu ul ul {}

ul.art-vmenu ul li.art-vsubmenu-separator {
	display: block;
	margin: 0;
	font-size: 1px;
	padding: 0 0 0 0;
}

ul.art-vmenu ul .art-vsubmenu-separator-span {
	display: block;
	padding: 0;
	font-size: 1px;
	height: 0;
	line-height: 0;
	margin: 0;
	border: none;
}

ul.art-vmenu ul li a.active {
	color: #217ce4;
	background: url(../images/yuan1.png) no-repeat 18px center;
}

ul.art-vmenu ul li a:hover,
ul.art-vmenu ul li a:hover.active {
	color: #217ce4;
	background: url(../images/yuan1.png) no-repeat 18px center;
}


.add_ly {
	width: 280px;
	height: auto;
	float: left;
	background: #fff;
}




/*关于我们*/
.about_top {
	background: #fff url(../images/about_bg.jpg) no-repeat 50% top;
	width: 100%;
	height: 147px;
	background-size: 100% 100%;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
}

.about_box {
	width: 100%;
	height: auto;
	float: left;
	padding-bottom: 50px;
	background: #fff;
	position: relative;
}

.about_bina {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

.about_bg {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	padding-bottom: 50px;
	background: #f7f7f7;
}

.about_tia {
	width: 100%;
	height: 40px;
	margin-top: 10px;
	float: left;
	text-align: center;
	font-size: 14px;
	margin-bottom: 50px;
	color: #fff;
	background: url(../images/pti_bg1.png) no-repeat 50% bottom;
}

.com_img {
	width: 523px;
	height: 377px;
	float: right;
	margin-top: 47px;
	text-align: right;
	margin-right: 32px;
	background: url(../images/com_bg.png) no-repeat;
}

.com_img img {
	width: 494px;
	height: 346px;
}

.com_text {
	width: 552px;
	height: auto;
	float: left;
	margin-top: 47px;
	margin-left: 41px;
}

.com_text h2 {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 40px;
	background: url(../images/a.jpg) no-repeat left center;
}

.com_text h2 span {
	float: left;
	color: #272727;
	font-size: 30px;
	font-weight: normal;
	margin-left: 83px;
}

.com_text h2 i {
	float: left;
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 25px;
}

.com_text h2 font {
	float: left;
	color: #333;
	font-size: 26px;
	font-weight: bold;
}

.com_text p {
	width: 100%;
	height: auto;
	float: left;
	line-height: 36px;
	font-family: "微软雅黑";
	font-size: 16px;
	color: #333;
	text-indent: 2em;
}

.com_text p a {
	font-size: 16px;
	color: #217ce4;
}

.com_call {
	width: 493px;
	height: 68px;
	position: absolute;
	background: #0067ac;
	text-align: center;

	bottom: -10px;
	color: #fff;
	right: 70px;
}

.com_call span {
	font-size: 16px;
	line-height: 68px;
}

.com_call font {
	font-size: 36px;
	line-height: 62px;
	font-weight: bold;
	font-family: "Impact";
}


.img_box {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 20px;
}

.img_box li {
	width: 19.8%;
	float: left;
	height: auto;
	text-align: center;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.img_box li:nth-child(5) {
	border-right: 1px solid #eee;
}

.img_box li span {
	width: 100%;
	float: left;
	height: auto;
	margin-top: 15px;
}

.img_box li font {
	width: 100%;
	float: left;
	height: auto;
	margin-top: 10px;
	font-size: 16px;
	color: #333;
	margin-bottom: 15px;
}

#pro_gd {
	width: 1200px;
	height: 259px;
	margin-top: 30px;
	float: left;
	overflow: hidden;
}

#pro_gd ul {
	width: 1999px;
	height: 259px;
}

#pro_gd ul li {
	width: 259px;
	height: 259px;
	float: left;
	margin-left: -40px;
	text-align: center;
	line-height: 48px;
}

#pro_gd ul li a {
	width: 259px;
	height: 259px;
	background: #eee;
	float: left;
	color: #333;
	font-family: "微软雅黑";
	font-size: 14px;
}

#pro_gd ul li a:hover {
	width: 259px;
	height: 259px;
	float: left;
	background: #38517b;
	color: #fff;
}

#pro_gd ul li img {
	width: 259px;
	height: 259px;
}

.news_box {
	width: 100%;
	height: auto;
	float: left;
	background: #f7f7f7;
	padding-bottom: 50px;
	padding-top: 35px;
}

.news_in {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}

.news_tia {
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin-bottom: 45px;
}

.news_img {
	width: 408px;
	height: 384px;
	float: left;
	background: url(../images/news_img.jpg) no-repeat;
	background-size: 100% 100%;
}

.news_img h1 {
	height: auto;
	width: 100%;
	float: left;
	text-indent: 30px;
	margin-top: 80px;
	font-size: 36px;
	color: #fff;
	font-weight: normal;
}

.news_img p {
	height: auto;
	float: left;
	width: 100%;
	text-indent: 30px;
	margin-top: 5px;
	font-size: 16px;
	color: #fff;
	font-weight: normal;
}

.news_img a {
	height: 33px;
	float: left;
	width: 106px;
	border: 1px solid #fff;
	border-radius: 30px;
	line-height: 33px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	margin-left: 30px;
	margin-top: 70px;
}

.news_text {
	width: 100%;
	height: auto;
	float: left;
}

.news_top {
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 30px;
}

.news_l {
	width: 387px;
	height: auto;
	float: right;
}

.news_down1 {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 10px;
}

.news_down1 li {
	width: 100%;
	height: auto;
	float: left;
	line-height: 68px;
	margin-bottom: 23px;
}

.news_down1 li a {
	width: 100%;
	height: 68px;
	float: left;
	background: url(../images/wenda.png) no-repeat;
	color: #666;
	font-size: 16px;
	text-indent: 40px;
}

.news_down1 li a:hover {
	width: 100%;
	height: 68px;
	float: left;
	background: url(../images/wendah.png) no-repeat;
	color: #fff;
}

.news_ra {
	width: 753px;
	height: auto;
	float: left;
}


.news_pho {
	width: 298px;
	height: 200px;
	float: left;
}

.news_pho img {
	width: 298px;
	height: 200px;
}

.news_wen {
	width: 420px;
	height: auto;
	float: right;
}

.news_ti {
	width: 100;
	height: auto;
	float: left;
}

.news_ti a {
	width: 100%;
	height: auto;
	float: left;
	color: #333;
	font-size: 16px;
	font-weight: bold;
}

.news_ti a:hover {
	color: #217ce4;
}

.news_time {
	width: 100%;
	height: auto;
	float: left;
	font-size: 16px;
	color: #999;
	line-height: 35px;
}

.news_wen p {
	width: 100%;
	height: auto;
	float: left;
	font-size: 14px;
	color: #666;
	line-height: 35px;
	margin-top: 20px;
}

.news_wen .news_btn {
	width: 118px;
	height: 45px;
	float: left;
	text-align: center;
	line-height: 45px;
	margin-top: 30px;
}

.news_wen .news_btn a {
	width: 118px;
	height: 45px;
	float: left;
	background: #38517b;
	border-radius: 5px;
	font-size: 14px;
	color: #fff;
}

.news_down {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 10px;
}

.news_down li {
	width: 100%;
	height: auto;
	float: left;
	line-height: 68px;
	border-bottom: 1px solid #ebebeb;
}

.news_down li a {
	width: 100%;
	height: auto;
	float: left;
}

.news_dtime {
	float: right;
	font-size: 16px;
	color: #333;
}

.news_dtxt {
	height: 68px;
	float: left;
	line-height: 68px;
	background: url(../images/nico.jpg) no-repeat 10px center;
	text-indent: 40px;
	font-size: 16px;
	color: #333;
}

.news_down li a:hover .news_dtxt {
	color: #217ce4;
	height: 68px;
	float: left;
	line-height: 68px;
	background: url(../images/nico1.jpg) no-repeat 10px center;
	text-indent: 40px;
	font-size: 16px;
}

.news_down li a:hover .news_dtime {
	color: #217ce4;
}


.pin_box {
	width: 100%;
	height: 160px;
	background: #eee;
	float: left;
}

.pin_box li {
	width: 25%;
	height: auto;
	float: left;
}

.pin_box li h1 {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 28px;
}

.pin_box li h1 span {
	float: left;
}

.pin_box li h1 span img {
	width: 47px;
	height: 40px;
}

.pin_box li h1 font {
	float: left;
	font-size: 20px;
	color: #0067ac;
	margin-left: 10px;
	line-height: 40px;
}

.pin_box li p {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 15px;
	font-size: 16px;
	color: #333;
	line-height: 25px;
}

.container1 {
	width: 1300px;
	height: auto;
	margin: 0 auto;
}


.link_box {
	width: 100%;
	height: 65px;
	float: left;
	background: #242b37;
	border-bottom: 1px solid #34373b;
}

.link_in {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}


.link_r {
	float: left;
	width: 100%;
}

.link_r li {
	color: #fff;
	width: 170px;
	float: left;
	font-size: 16px;
	line-height: 65px;
	text-align: center;
	background: url(../images/line1.jpg) no-repeat right center;
}

.link_r li a {
	color: #fff;
}

.link_r li a:hover {
	color: rgba(255, 255, 255, 0.8);
}




/* 内容三部分 */
.main_top {
	width: 1002px;
	height: auto;
	float: left;
}

.top_r {
	width: 670px;
	height: auto;
	float: left;
}

.top_c {
	width: 295px;
	height: auto;
	float: right;
}

.main_ti {
	width: 674px;
	height: 35px;
	float: left;
	background: #fff url(../images/nav_menu.jpg) repeat-x;
	line-height: 35px;
	border-right: 1px solid #ebebeb;
}

.main_ti span {
	width: 164px;
	height: 35px;
	float: left;
	background: url(../images/span_bg.jpg) no-repeat;
	text-indent: 15px;
	font-size: 16px;
	font-weight: bold;
	color: #feffff;
	font-family: "微软雅黑";
}

.main_ti span i {
	font-family: "宋体";
	font-size: 8px;
	color: #feffff;
	font-style: normal;
	padding-left: 5px;
	font-weight: normal;
}

.main_ti em {
	color: #1f9819;
	font-style: normal;
	font-family: "微软雅黑";
	font-size: 10px;
	float: right;
	margin-right: 10px;
}

.main_ti em a {
	color: #1f9819;
}

.main_ti em a:hover {
	color: #000;
}

.main_ti1 {
	width: 100%;
	height: auto;
	float: left;
	line-height: 54px;
	border-bottom: 1px solid #d9d9d9;
}

.main_ti1 span {
	float: left;
	border-bottom: 5px solid #39baad;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #000;
	font-family: "微软雅黑";
}

.main_ti1 em {
	color: #333;
	font-style: normal;
	font-family: "微软雅黑";
	font-size: 14px;
	float: right;
}




.widget {
	width: 280px;
	float: left;
	background: #39baad;
}

.wid_box {
	width: 100%;
	height: 99px;
	float: left;
	background: #39baad url(../images/call1.png) no-repeat 23px center;
}

.wid_box p {
	float: right;
	width: 68%;
	font-size: 14px;
	height: auto;
	color: #fff;
	margin-top: 25px;
}

.wid_box h1 {
	float: right;
	width: 68%;
	font-size: 26px;
	height: auto;
	color: #fff;
	font-family: Arial;
	line-height: 40px;
	font-weight: normal;
}


.pro_left {
	width: 676px;
	height: auto;
	float: left;
}

.pro_in {
	width: 674px;
	height: auto;
	float: left;
	background: #fff;
	border-top: none;
	border: 1px solid #ebebeb;
}

.pro_sty {
	width: 685px;
	height: auto;
	float: left;
	margin-left: 14px;
	position: relative;
	z-index: 99;
	margin-top: 14px;
}

.pro_sty li {
	width: 100px;
	height: 42px;
	float: left;
	margin-right: 9px;
	line-height: 42px;
	list-style: none;
}

.pro_sty li a {
	width: 100px;
	height: 42px;
	float: left;
	background: url(../images/p_bg.jpg) no-repeat 50% center;
	color: #333;
	font-family: "宋体";
	font-size: 12px;
	text-align: center;
}

.pro_sty li a:hover {
	width: 100px;
	height: 42px;
	float: left;
	background: url(../images/p_hover.jpg) no-repeat 50% center;
	color: #fff;
}


.indexCaseList1 {
	width: 100%;
	height: auto;
	*float: left;
	*width: 285px;
	*margin-left: 15px;
}

.indexCaseItem1 {
	width: 285px;
	float: left;
	display: inline;
	position: relative;
	margin-right: 16px;
}

.indexCaseItem1 p {
	position: relative;
	width: 275px;
	height: 241px;
	overflow: hidden;
	cursor: pointer;
	text-align: center;
	font-size: 20px;
	color: #fff;
}

.indexCaseItem1 p img {
	float: left;
	width: 275px;
	height: 241px;
}

.indexCaseItem1 h3 {
	position: relative;
	width: 250px;
	height: 40px;
	margin-left: 20px;
	float: left;
	font-family: "微软雅黑";
	font-size: 16px;
	line-height: 50px;
}

.indexCaseItem1 h3 a {
	color: #333;
	font-family: "微软雅黑";
	font-size: 16px;
	width: 250px;
	float: left;
	height: 40px;
	background: url(../images/case_bottom.jpg) no-repeat 50% bottom;
}

.indexCaseItem1 h3 a:hover {
	color: #333;
}

.indexCaseItem1 h4 {
	position: relative;
	width: 250px;
	height: 90px;
	padding-top: 10px;
	margin-left: 20px;
	float: left;
	font-family: "微软雅黑";
	font-weight: normal;
	font-size: 14px;
	color: #333;
	line-height: 25px;
}

.indexCaseItem1 h5 {
	position: relative;
	width: 250px;
	height: auto;
	margin-left: 20px;
	margin-top: 20px;
	float: left;
}

.indexCaseItem1 h5 a {
	color: #333;
	font-family: "微软雅黑";
	font-size: 16px;
	width: 101px;
	float: left;
	height: 32px;
	background: url(../images/more1.jpg) no-repeat;
}

.indexCaseItem1 h5 a:hover {
	width: 101px;
	float: left;
	height: 32px;
	background: url(../images/more2.jpg) no-repeat;
}

.indexCaseList1 a.link {
	position: absolute;
	display: block;
	left: 8px;
	margin-top: 8px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	top: 100%;
	width: 100%;
	height: 100%;
	background: url(../images/img_an_h.png);
}

.indexCaseList1 a.link span {
	display: block;
	line-height: 24px;
	width: 70%;
	height: 70%;
	padding-top: 15%;
	margin: 0 auto;
	overflow: hidden;
}



.content3 {
	width: 100%;
	height: auto;
	float: left;
	position: relative;

}

.con {
	width: 268px;
	height: 228px;
	float: left;
	margin-bottom: 27px;
	position: relative;
	margin-left: 26px;
	cursor: pointer;
	overflow: hidden;
}

.con img {
	width: 268px;
	height: 228px;
	border: 1px solid #e3e3e3;
}

.txt {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	color: #fff;
	background: rgba(0, 0, 0, 0.6);
}

.txt h3 {
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	float: left;
	width: 100%;

}


.txt p {
	font-size: 13px;
	display: block;
	padding-top: 34px;
	height: auto;
	margin: 0;
	width: 268px;
	float: left;
	line-height: 40px;

}

.txt span {
	width: 268px;
	padding-top: 16px;
	float: left;
	height: auto;
}

.txt span a {
	width: 268px;
	float: left;
	height: auto;
	text-align: center;
}

.txt span a img {
	width: 268px;
	height: 228px;
}



.main_right1 {
	width: 905px;
	height: auto;
	float: right;
}

.fuwu {
	width: 304px;
	height: auto;
	float: left;
}

.con_box {
	width: 304px;
	height: auto;
	float: left;
	margin-top: 20px;
}

.con_ta {
	border: 1px solid #ebebeb;
	border-top: none;
	padding-bottom: 14px;
	width: 302px;
	height: auto;
	background: #fff;
	float: left;
}

.con_ta h1 {
	width: 302px;
	height: auto;
	float: left;
	text-align: center;
}

.con_ta p {
	width: 302px;
	height: auto;
	float: left;
	text-indent: 18px;
	color: #333;
	font-family: "宋体";
	font-size: 12px;
	line-height: 25px;
}

.pro_right {
	width: 304px;
	height: auto;
	float: right;
}

.main_pei {
	width: 1002px;
	height: auto;
	float: left;
	margin-top: 20px;
}

.pei_ti {
	width: 1002px;
	height: 35px;
	float: left;
	background: #fff url(../images/nav_menu.jpg) repeat-x;
	line-height: 35px;
	border-right: 1px solid #ebebeb;
}

.pei_ti span {
	width: 164px;
	height: 35px;
	float: left;
	background: url(../images/span_bg.jpg) no-repeat;
	text-indent: 15px;
	font-size: 16px;
	font-weight: bold;
	color: #feffff;
	font-family: "微软雅黑";
}

.pei_ti span i {
	font-family: "宋体";
	font-size: 8px;
	color: #feffff;
	font-style: normal;
	padding-left: 5px;
	font-weight: normal;
}

.pei_ti em {
	color: #1f9819;
	font-style: normal;
	font-family: "微软雅黑";
	font-size: 10px;
	float: right;
	margin-right: 10px;
}

.pei_ti em a {
	color: #1f9819;
}

.pei_ti em a:hover {
	color: #000;
}

.pei_box {
	width: 1000px;
	height: auto;
	float: left;
	border: 1px solid #ebebeb;
	border-top: none;
	background: #fff;
}



/*左侧*/
.main_left {
	width: 280px;
	height: auto;
	float: left;
}

.main_left .model {
	float: left;
	height: auto;
	width: 280px;
}

.main_left .model_top {
	width: 100%;
	height: 95px;
	float: left;
	color: #fff;
	background: url(../images/pro_l.jpg) no-repeat;
}

.main_left .model_top span {
	width: 80%;
	height: auto;
	float: left;
	margin-top: 20px;
	font-size: 22px;
	color: #fff;
	margin-left: 10%;
	font-weight: bold;
}

.main_left .model_top font {
	width: 80%;
	height: auto;
	float: left;
	margin-left: 10%;
	margin-top: 5px;
	color: rgba(255, 255, 255, 0.5);
}

.main_left .model_top font a {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #fff;
	opacity: 0.4;
	font-size: 14px;
	color: #fff;
}


.main_left .model_content {
	padding-bottom: 20px;
	float: left;
}

.main_left .model_content li {}

.main_left .model_content.clearbimg li {
	background: none;
	padding-left: 0;
}

.main_left .model_content.clearbimg li a.maxc {
	background: url(../images/j1.jpg) no-repeat left center;
	padding-left: 20px;
}

.main_left .model_content.clearbimg li a.minc {
	background: url(../images/j2.jpg) no-repeat left center;
	padding-left: 20px;
	margin-left: 20px;
}

/**********分页样式end*********************/

.main_left .model_content .lf_tree {
	width: 267px;
	padding-top: 5px;
	padding-bottom: 20px;
	height: auto;
	float: left;
	background: #fff;
}

.main_left .model_content .lf_tree li {
	width: 247px;
	height: 44px;
	margin-bottom: 5px;
	background: #ff9000;
	margin-left: 10px;
	text-align: center;
	float: left;
	line-height: 44px;
}

.main_left .model_content .lf_tree li a {
	width: 247px;
	height: 44px;
	float: left;
	font-size: 16px;
	color: #fff;
}

.main_left .model_content .lf_tree li a:hover {
	width: 247px;
	color: #fff;
	height: 44px;
	float: left;
	font-weight: bold;
}

.main_left .model_content .lf_tree ul {
	width: 100%;
	height: auto;
	float: left;
	padding-bottom: 10px;
}

.main_left .model_content .lf_tree ul li {
	width: 240px;
	height: auto;
	line-height: 30px;
	float: left;
	margin-left: 10px;
	border-bottom: 1px dashed #cacaca;
	background: none;
}

.main_left .model_content .lf_tree ul li a {
	color: #333;
	font-family: "微软雅黑";
	background: url(../images/yuan.jpg) no-repeat 10px center;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	text-indent: 25px;
	height: 30px;
	width: 240px;
	float: left;
}

.main_left .model_content .lf_tree ul li a:hover {
	color: #092a73;
	height: 30px;
	width: 240px;
	float: left;
}

/*********右侧*****************/
.main_right {
	width: 905px;
	float: right;
}

.content .content_top {
	background: url(../images/ctop.jpg) no-repeat top;
	height: 30px;
	line-height: 30px;
	padding-left: 45px;
	color: #820002;
	font-size: 14px;
	position: relative;
}

.content .content_top span a {
	position: absolute;
	right: 0px;
	color: #820002;
	font-size: 14px;
}

.content .content_top.cmain {
	background: url(../images/cmain.jpg) no-repeat top;
	height: 50px;
	line-height: 60px;
}

.content .content_main ul.listcontent {}

.content .content_main ul.listcontent li {
	float: left;
	margin-top: 15px;
	text-align: center;
	width: 215px;
}

.content .content_main ul.listcontent .img {}

.content .content_main ul.listcontent1 {
	width: 105%;
	height: auto;
	float: left;
	position: relative;
}

.content .content_main ul.listcontent1 li {
	width: 288px;
	height: 237px;
	float: left;
	text-align: center;
	margin-right: 20px;
	margin-bottom: 28px;
	line-height: 47px;

}

.content .content_main ul.listcontent1 li a {
	width: 288px;
	height: 237px;
	background: #eee;
	float: left;
	color: #333;
	border: 1px solid #eee;
	font-family: "微软雅黑";
	font-size: 14px;
}

.content .content_main ul.listcontent1 li a:hover {
	width: 288px;
	height: 237px;
	float: left;
	background: #39baad;
	color: #fff;
	border: 1px solid #39baad;
}

.content .content_main ul.listcontent1 li a img {
	width: 288px;
	height:190px;

}

.content .content_main ul.listcontent2 {
	width: 108%;
	height: auto;
	float: left;
	position: relative;
}

.content .content_main ul.listcontent2 li {
	float: left;
	margin-top: 15px;
	text-align: center;
	width: 182px;
	height: 80px;
	text-align: center;
	margin-left: 30px;
	line-height: 38px;
}

.content .content_main ul.listcontent2 li a {
	width: 182px;
	height: 80px;
	float: left;
	color: #010101;
	font-family: "微软雅黑";
	font-size: 14px;
}

.content .content_main ul.listcontent2 li a:hover {
	width: 182px;
	height: 80px;
	float: left;
	color: #113b83;
}

.content .content_main ul.listcontent2 li a img {
	width: 180px;
	height: 70px;
	border: 1px solid #ccc;
}

.content .content_main ul.listcontent3 {
	width: 108%;
	height: auto;
	float: left;
	position: relative;
}

.content .content_main ul.listcontent3 li {
	float: left;
	margin-top: 15px;
	text-align: center;
	width: 316px;
	height: 304px;
	text-align: center;
	margin-right: 20px;
	margin-bottom: 30px;
	margin-top: 10px;
	line-height: 44px;
}

.content .content_main ul.listcontent3 li a {
	width: 316px;
	height: 304px;
	background: #eeeeee;
	float: left;
	color: #333;
	font-family: "微软雅黑";
	font-size: 16px;
}

.content .content_main ul.listcontent3 li a:hover {
	width: 316px;
	height: 304px;
	float: left;
	background: #113b83;
	color: #fff;
}

.content .content_main ul.listcontent3 li a img {
	width: 316px;
	height: 260px;
}

.about_itip {
	width: 100%;
	height: 567px;
	float: left;
	background: url(../images/content_bg.png) no-repeat;
}

.about_itxt {
	width: 555px;
	height: auto;
	float: right;
	margin-right: 47px;
	margin-top: 80px;
}

.about_itxt p {
	line-height: 40px;
}

.about_idip {
	width: 100%;
	height: auto;
	margin-top: 80px;
	float: left;
}

.about_idip h1 {
	width: 100%;
	height: 40px;
	float: left;
	text-align: center;
	font-size: 30px;
	padding-bottom: 10px;
	color: #333;
	background: url(../images/content_ti.jpg) no-repeat 50% bottom;
}

.about_idtxt {
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin-top: 30px;
}

.about_idtxt p {
	line-height: 40px;
}

.lx_box {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 60px;
}

.lx_box li {
	width: 25%;
	height: auto;
	float: left;
}

.lx_box li span {
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
}

.lx_box li span img {
	width: 88px;
	height: 88px;
}

.lx_box li span:hover img {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transition: all 0.4s;
}

.lx_box li font {
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	font-size: 20px;
	color: #333;
	margin-top: 10px;
}

.fen_box {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}

.fen_in {
	width: 340px;
	height: auto;
	margin: 0 auto;
}

.fen_in li {
	float: left;
	height: 44px;
	line-height: 44px;
	width: 150px;
	font-size: 16px;
	text-align: center;
	margin-left: 20px;
	font-weight: bold;
}

.fen_in li a {
	float: left;
	height: 44px;
	background: #dfdfdf;
	width: 150px;
	color: #333;
}

.fen_in li a:Hover {
	float: left;
	height: 44px;
	background: #1571cf;
	width: 150px;
	color: #fff;
}

.fen_in li a.current {
	float: left;
	height: 44px;
	background: #1571cf;
	width: 150px;
	color: #fff;
}

.fen_in1 {
	width: 510px;
	height: auto;
	margin: 0 auto;
}

.fen_in1 li {
	float: left;
	height: 44px;
	line-height: 44px;
	width: 150px;
	font-size: 16px;
	text-align: center;
	margin-left: 20px;
	font-weight: bold;
}

.fen_in1 li a {
	float: left;
	height: 44px;
	background: #dfdfdf;
	width: 150px;
	color: #333;
}

.fen_in1 li a:Hover {
	float: left;
	height: 44px;
	background: #1571cf;
	width: 150px;
	color: #fff;
}

.fen_in1 li a.current {
	float: left;
	height: 44px;
	background: #1571cf;
	width: 150px;
	color: #fff;
}

#fu {
    transition: 0.5s;
    width: 150px;
    position: fixed;
    top: 110px;
    right: 10px;
    z-index: 100;
    background: #0b4a9f;
    padding: 20px 0;
    border-radius: 0px;
    padding-bottom: 10px;

}


.fudong {
    transform: translateX(150px);
}

#fu .ewm {
    width: 119px;
    height: 149px;
    margin: 0 auto;
    background: #fff
}

#fu .zi {
    width: 116px;
    margin: 0 auto;
    background: url("../images/futel.png") left center no-repeat;
    text-indent: 21px;
}

#fu .zx {
    width: 120px;
    height: 40px;
    margin: 0 auto;
    margin-top: 20px;
}

#fu .zx a {
    display: block;
    width: 120px;
    height: 38px;
    background: #ffa801 url("../images/zx.png") left 19px center no-repeat;
    border-radius: 3px;
    color: #fff;
    line-height: 37px;
    text-indent: 45px;
}

#fu .side {
    position: absolute;
    left: -29px;
    height: 58px;
    width: 29px;
    top: 0px;
    background: url("../images/ful1.png") center no-repeat;
    cursor: pointer
}

#fu .side2 {
    position: absolute;
    left: -29px;
    height: 58px;
    width: 29px;
    top: 0px;
    background: url("../images/ful2.png") center no-repeat;
    cursor: pointer;
    display: none
}

.content_news1 {
	float: left;
	margin-top: 20px;
	width: 100%;
	font-size: 14px;
	padding-top: 30px;
	padding-bottom: 30px;
	
}
.content_news1 table{
	margin-left: 130px;
}
.content_news1 h1{
	float: left;
	width: 90%;
	font-size: 14px;
	margin-left: 5%;
	color: #333;
	line-height: 30px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 20px;
}
.content_news1 h1 span{ 
	font-size: 16px; 
	color: #333; 
}

.content_news1 .tRight{
	text-align: right;
}
.content_news1  .tLeft{
	padding-bottom: 10px;
}
.content_news1 .tLeft input{
	border: 1px solid #eee;
	width: 400px;
	height: 35px;
}
.content_news1 textarea{
	border: 1px solid #eee;
	width: 600px;
}


.content_news {
	float: left;
	margin-top: 20px;
	width: 100%;
	font-size: 14px;
}

.content_news li {
	background: url(../images/jh.gif) no-repeat left;
	padding-left: 20px;
	height: 45px;
	line-height: 45px;
	border-bottom: 1px solid #F0F0F0;
	position: relative;
	font-size: 14px;
}

.content_news li span {
	position: absolute;
	right: 10px;
}

.content1 {
	width: 100%;
	height: auto;
	float: left;
}

.news_li {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 20px;
}

.news_li li {
	width: 100%;
	height: 213px;
	float: left;
	margin-bottom: 35px;
}

.news_li li a {
	width: 100%;
	height: 213px;
	float: left;
	background: #fff;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.news_li li a:hover {
	width: 100%;
	height: 213px;
	float: left;
	background: #fff;
	-ms-transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
	-moz-transform: translateY(-3px);
	-o-transform: translateY(-3px);
	transform: translateY(-3px);
	box-shadow: 0px 18px 15px 0px rgba(0, 0, 0, 0.08);
}

.news_li li a img {
	width: 272px;
	height: 190px;
	float: left;
	margin-left: 12px;
	margin-top: 12px;
	border: 1px solid #ddd;
}

.news_li li a .new_txt {
	width: 72%;
	height: auto;
	float: left;
	margin-left: 40px;
}

.news_li li a .new_txt h1 {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 30px;
	font-size: 18px;
	color: #333;
}

.news_li li a .new_txt h2 {
	width: 100%;
	height: auto;
	float: left;
	line-height: 30px;
	font-size: 12px;
	color: #999;
	font-weight: normal;
}

.news_li li a .new_txt p {
	width: 100%;
	height: auto;
	float: left;
	font-size: 14px;
	line-height: 25px;
	color: #333;
	margin-top: 15px;
}

 



/********底部******************/
#footer {
	height: 318px;
	background: #242b37;
	width: 100%;
	float: left;
}

.foot_box {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}

.foot_top {
	width: 100%;
	height: 89px;
	float: left;
	line-height: 89px;
	border-bottom: 1px solid #3e3f45;
}

.foot_topn {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}

.foot_topn li {
	width: 150px;
	height: auto;
	text-indent: 20px;
	float: left;
	background: url(../images/ico.png) no-repeat left center;
}

.foot_topn li a {
	width: 150px;
	height: auto;
	float: left;
	color: #7f7f7f;
	font-size: 14px;
}

.foot_topn li a:hover {
	width: 150px;
	height: auto;
	float: left;
	color: #fff;
}

.foot_l {
	width: 241px;
	height: 318px;
	float: left;
	background: url(../images/24.jpg) no-repeat;
}

.foot_l h1 {
	width: 100%;
	height: auto;
	float: left;
}

.foot_l p {
	width: 80%;
	height: auto;
	float: left;
	margin-left: 10%;
	font-size: 14px;
	line-height: 40px;
	color: #7c8b98;
	margin-top: 114px;
}

.foot_l h2 {
	width: 80%;
	height: auto;
	float: left;
	margin-left: 10%;
	font-size: 26px;
	color: #7c8b98;
	font-family: "arial";
}

.foot_ca {
	width: 910px;
	height: auto;
	float: right;
	margin-top: 40px;
}

.foot_c {
	width: 610px;
	height: auto;
	float: left;
}

.foot_c h1 {
	width: 100%;
	height: auto;
	float: left;
	line-height: 60px;
	font-size: 14px;
	font-weight: normal;
	color: #999;
	text-indent: 20px;
}

.foot_c h1 a {

	color: #999;
}

.foot_c p {
	width: 100%;
	height: 38px;
	background: #2b3341;
	float: left;
	line-height: 38px;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #999;
	text-indent: 20px;
	margin-bottom: 10px;
}



.foot_r {
	width: 165px;
	height: 145px;
	float: right;
	margin-top: 50px;
	background: #2b3341;
}

.foot_r h1 {
	width: 50px;
	height: auto;
	float: left;
	font-size: 14px;
	color: #999;
	line-height: 20px;
	font-weight: normal;
	text-align: center;
}

.erwei {
	width: 108px;
	height: 108px;
	float: left;
	margin-top: 20px;
}

.erwei img {
	width: 108px;
	height: 108px;
}

.foot_down {
	width: 100%;
	height: 53px;
	line-height: 53px;
	float: left;
	background: #191919;
}

.foot_din {
	width: 1300px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #7f7f7f;
}

.foot_din a {
	font-size: 14px;
	color: #7f7f7f;
}

.foot_dao {
	width: 100%;
	height: auto;
	float: left;
}

.foot_dao li {
	width: 50%;
	height: auto;
	float: left;
	font-size: 14px;
}

.foot_dao li a {
	width: 100%;
	height: auto;
	float: left;
	color: #7f7f7f;
	line-height: 40px;
	font-size: 14px;
}



/***********产品详细******************/
.content .content_main .title .pic {
	float: left;
	width: 760px;
	text-align: center;
	padding-top: 20px;
}

.content .content_main .title .info {
	float: left;
	margin-top: 20px;
	line-height: 20px;
	font-size: 14px;
	line-height: 26px;
}

.content .content_main .disdoc {
	padding: 20px 10px;
	padding: 20px 40px;
}

.content .content_main .disdoc li {}

.content .content_main .prev_next_nav .prev {
	float: left;
	width: 345px;
	font-family: "微软雅黑";
	padding-top: 20px;
}

.content .content_main .prev_next_nav .next {
	float: left;
	font-family: "微软雅黑";
	padding-top: 20px;
}

.content_main {
	line-height: 30px;
	float: left;
	color: #333;
	width: 100%;
	font-family: "微软雅黑";
	font-size: 16px;
}

.content .content_main .thumb {
	text-align: center;
	padding-top: 30px;
}

.content .content_main .thumb img {
	max-width: 100%;
	overflow: hidden;
	 
}

/***********新闻详细************************/
.content .content_news .title {
	text-align: center;
	font-family: "微软雅黑";
	width: 100%;
	float: left;
}

.content .content_news .title .info span {
	margin-right: 20px;
	font-family: "微软雅黑";
	font-size: 12px;
	line-height: 30px;
}

.content .content_news .disdoc {
	width: 100%;
	height: auto;
	float: left;
	font-size: 12px;
	color: #333;
	line-height: 30px;
	font-family: "微软雅黑";
}

.title {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 16px;
}

.title1 {
	width: 100%;
	height: auto;
	float: left;
	border-bottom: 1px solid #d5d5d5;
	margin-top: 30px;
}

.title1 span {
	width: 100px;
	height: 35px;
	float: left;
	background: #39baad;
	line-height: 35px;
	text-align: center;
	color: #fff;
	font-family: "微软雅黑";
	font-size: 16px;
}

.disdoc_ta {
	width: 100%;
	height: auto;
	line-height: 26px;
	font-family: "微软雅黑";
	float: left;
	margin-top: 20px;
	font-size: 14px;
	color: #333;
}

.disdoc_ta p {
	width: 100%;
	height: auto;
	line-height: 30px;
	font-family: "微软雅黑";
	float: left;
	font-size: 16px;
	color: #333;
}


.content .content_news .prev_next_nav .prev {
	float: left;
	width: 345px;
	font-family: "微软雅黑";
	padding-top: 30px;
	padding-bottom: 30px;
}

.content .content_news .prev_next_nav .next {
	float: left;
	font-family: "微软雅黑";
	padding-top: 30px;
	padding-bottom: 30px;
}

/**********分页样式*********************/
.page {
	overflow: hidden;
	_display: inline-block;
	padding: 15px 0;
}

.page ul {
	float: right;
}

.page ul li {
	float: left;
	margin-left: 10px;
	line-height: 25px;
	font-size: 14px;
}

.page ul li.thisclass,
.page ul li a:hover {
	background: #2DB4F4;
	color: white;
	border: 1px solid #2DB4F4;
}

.page ul li span.current {
	background: #2DB4F4;
	color: white;
	border: 1px solid #2DB4F4;
	display: inline-block;
	padding: 0 7px;
}

.page ul li a {
	display: inline-block;
	border: 1px solid #CCC;
	padding: 0 7px;
	color: #333;
}

.pageinfo {
	padding-left: 10px;
}

.pageinfo strong {
	font-weight: bold;
	padding: 0 3px;
}



/**************友情链接************************/
.links {
	margin: 15px 15px 0 15px;
	line-height: 28px;
}

.links span {
	color: #C00;
	margin-ritht: 10px;
}

.links a {
	margin: 0 5px;
}

/********会员************/
.member {
	z-index: 2;
	position: absolute;
	display: table;
	right: 30px;
	top: 5px;
}

.memberbox {
	margin-top: 20px;
	overflow: hidden;
}

.memberbox_left {
	float: left;
	width: 580px;
	margin-left: 20px;
}

.memberbox_right {
	float: left;
	width: 100px;
	padding-top: 70px;
	text-align: center;
}

.memberleft {
	float: left;
	width: 200px;
	border: 1px solid #992525;
}

.memberleft .member_nav {
	height: 26px;
	line-height: 26px;
	background: #992525;
	color: #FFF;
	font-size: 14px;
	text-align: center;
}

.memberleft ul {
	text-align: center;
}

.memberleft li {
	height: 24px;
	line-height: 24px;
}

.memberright {
	float: left;
	width: 738px;
	margin-left: 20px;
}

.memberright .member_detail {
	height: 26px;
	line-height: 26px;
	border-bottom: 2px solid #992525;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
}

.memberright table th {
	text-align: right;
}

.memberright table td {
	text-align: left;
}

.memberright .form_b {
	width: 300px;
}

.memberright .member_order th {
	text-align: center;
}

.memberright .member_order td {
	text-align: center;
}

.orderpage {
	text-align: center;
	height: 24px;
	line-height: 24px;
}

.orderinfo,
.prolist,
.orderother {
	text-align: left;
	margin-bottom: 15px;
}

.orderinfo li {
	height: 22px;
	line-height: 22px;
}

.prolist table th {
	text-align: left;
}

.orderother .ordertitle {
	font-size: 14px;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
}

/**************会员结束**********************/
.order {
	display: inline-block;
	width: 80px;
	height: 28px;
	line-height: 28px;
	background: #F0F0F0;
	text-align: center;
	border: 1px solid #555861;
}

.tabletop {
	font-size: 14px;
	font-weight: bold;
}

.prolisttitle {
	float: left;
	margin-left: 20px;
	height: 60px;
	line-height: 60px;
}

.button {
	width: 150px;
	height: 42px;
	background: #0067ac;
	border: 0;
	color: #fff;
	font-size: 14px;
}


/************幻灯片****************/
#play {
	width: 960px;
	height: 250px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

#play_info_bg {
	position: absolute;
	top: 90%;
	height: 25px;
	width: 80%;
	background-color: red;
	filter: Alpha(Opacity=30);
	opacity: 0.3;
	z-index: 10
}

#play_info {
	position: absolute;
	top: 90%;
	height: 25px;
	line-height: 25px;
	width: 80%;
	padding-left: 20px;
	color: #fff;
	z-index: 10;
	cursor: pointer
}

#play_text {
	position: absolute;
	top: 90%;
	right: 30px;
	z-index: 10
}

#play_text ul {
	display: block;
	filter: Alpha(Opacity=80);
	opacity: 0.8;
}

#play_text ul li {
	width: 20px;
	height: 20px;
	line-height: 20px;
	float: left;
	background-color: #000;
	display: block;
	color: #FFF;
	text-align: center;
	margin: 1px;
	cursor: pointer;
	font-family: "微软雅黑";
	font-size: 12px;
}

#play_list a img {
	width: 960px;
	height: 250px;
}

/* 浮动客服面板 */
#cmsFloatPanel {
	overflow: hidden;
}

#cmsFloatPanel .ctrolPanel {
	width: 36px;
	height: 248px;
	background: #fff url(../images/cmsfloatpanel-bg.gif) no-repeat left top;
	border: solid 1px #ddd;
	position: fixed;
	right: 30px;
	top: 200px;
	overflow: hidden;
	z-index: 10000;
	_position: absolute;
	_top: expression(eval(documentElement.scrollTop + 200));
}

#cmsFloatPanel .ctrolPanel a {
	width: 34px;
	font-size: 12px;
	color: #ff3300;
	letter-spacing: 1px;
	text-align: center;
	overflow: hidden;
}

#cmsFloatPanel .ctrolPanel .arrow {
	height: 29px;
	line-height: 28px;
	display: block;
	margin: 1px auto;
}

#cmsFloatPanel .ctrolPanel .arrow span {
	display: none;
}

#cmsFloatPanel .ctrolPanel .arrow:hover {
	background: #f4f4f4;
}

#cmsFloatPanel .ctrolPanel .arrow:hover span {
	display: block;
}

#cmsFloatPanel .ctrolPanel .service {
	height: 60px;
	display: block;
	margin: 2px auto;
}

#cmsFloatPanel .ctrolPanel .service span {
	color: #09F;
	line-height: 90px;
}

#cmsFloatPanel .ctrolPanel .message {
	height: 60px;
	display: block;
	margin: 2px auto;
}

#cmsFloatPanel .ctrolPanel .message span {
	color: #ff3300;
	line-height: 90px;
}

#cmsFloatPanel .ctrolPanel .qrcode {
	height: 60px;
	display: block;
	margin: 2px auto;
}

#cmsFloatPanel .ctrolPanel .qrcode span {
	color: #0C6;
	line-height: 90px;
}

#cmsFloatPanel .arrow01 {
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-top: 10px solid transparent;
	_border-top: 10px solid black;
	_filter: chroma(color=black);
	border-right: 10px solid transparent;
	_border-right: 10px solid black;
	_filter: chroma(color=black);
	border-bottom: 10px solid transparent;
	_border-bottom: 10px solid black;
	_filter: chroma(color=black);
	border-left: 10px solid #ddd;
	position: absolute;
	bottom: 0;
	position: absolute;
	left: 2px;
	top: 0;
}

#cmsFloatPanel .arrow02 {
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-top: 10px solid transparent;
	_border-top: 10px solid black;
	_filter: chroma(color=black);
	border-right: 10px solid transparent;
	_border-right: 10px solid black;
	_filter: chroma(color=black);
	border-bottom: 10px solid transparent;
	_border-bottom: 10px solid black;
	_filter: chroma(color=black);
	border-left: 10px solid #fff;
	position: absolute;
	bottom: 0;
	position: absolute;
	left: 0;
	top: 0;
}

#cmsFloatPanel .servicePanel {
	width: 120px;
	height: 400px;
	position: fixed;
	right: 70px;
	top: 200px;
	z-index: 10000;
	overflow: visible;
	display: none;
	_position: absolute;
	_top: expression(eval(documentElement.scrollTop + 200));
}

#cmsFloatPanel .servicePanel .servicePanel-inner {
	width: 120px;
	position: relative;
	overflow: visible;
}

#cmsFloatPanel .servicePanel .servicePanel-inner .arrowPanel {
	width: 10px;
	height: 30px;
	position: absolute;
	right: 1px;
	top: 50px;
}

#cmsFloatPanel .servicePanel .servicePanel-inner .arrowPanel .arrow02 {
	border-left: 10px solid #399;
}

#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel {
	width: 110px;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}

#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-hd {
	width: 110px;
	height: 60px;
	background: url(../images/cmsfloatpanel-service-hd-bg.gif) no-repeat left top;
	overflow: hidden;
}

#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-hd a {
	width: 24px;
	height: 24px;
	font-size: 12px;
	color: #fff;
	line-height: 24px;
	display: block;
	float: right;
}

#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-hd a span {
	display: none;
}

#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-bd {
	width: 110px;
	background: url(../images/cmsfloatpanel-service-bd-bg.gif) repeat-y left top;
	overflow: hidden;
}

#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-bd .msggroup {
	width: 80px;
	font-size: 12px;
	color: #666;
	font-weight: bold;
	line-height: 24px;
	letter-spacing: 1px;
	border-bottom: solid 1px #ddd;
	margin: 0 15px;
}

#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-bd .msgtool {
	width: 80px;
	font-size: 12px;
	color: #666;
	font-weight: bold;
	line-height: 24px;
	letter-spacing: 1px;
	margin: 6px 15px;
}

#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-ft {
	width: 110px;
	height: 40px;
	background: url(../images/cmsfloatpanel-service-ft-bg.gif) no-repeat left top;
	overflow: hidden;
}

#cmsFloatPanel .messagePanel {
	width: 310px;
	height: 400px;
	position: fixed;
	right: 70px;
	top: 200px;
	z-index: 10000;
	overflow: visible;
	display: none;
	_position: absolute;
	_top: expression(eval(documentElement.scrollTop + 200));
}

#cmsFloatPanel .messagePanel .messagePanel-inner {
	width: 310px;
	position: relative;
	overflow: visible;
}

#cmsFloatPanel .messagePanel .messagePanel-inner .arrowPanel {
	width: 10px;
	height: 30px;
	position: absolute;
	right: 1px;
	top: 110px;
}

#cmsFloatPanel .messagePanel .messagePanel-inner .arrowPanel .arrow01 {
	border-left: 10px solid #ddd;
	left: 2px;
}

#cmsFloatPanel .messagePanel .messagePanel-inner .arrowPanel .arrow02 {
	border-left: 10px solid #fff;
}

#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel {
	width: 300px;
	border: solid 1px #ddd;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}

#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-hd {
	height: 32px;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #fff;
	line-height: 32px;
	letter-spacing: 2px;
	text-indent: 10px;
	background: url(../images/cmsfloatformpanel-hd-bg.gif) no-repeat left top;
	overflow: hidden;
}

#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-hd a {
	width: 32px;
	height: 32px;
	font-family: "宋体";
	font-size: 12px;
	color: #fff;
	line-height: 32px;
	letter-spacing: 1px;
	text-indent: 0;
	display: block;
	float: right;
}

#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-hd a span {
	display: none;
}

#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-bd {
	padding: 10px 15px;
	overflow: hidden;
}

#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-bd div {
	font-size: 12px;
	color: #666;
	line-height: 30px;
	padding: 5px 0;
	overflow: hidden;
}

#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-ft {
	height: 30px;
	background: #f4f4f4;
	text-align: right;
	padding: 0 10px;
	overflow: hidden;
}

#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-ft a {
	font-size: 12px;
	color: #999;
	line-height: 30px;
	letter-spacing: 1px;
}

#cmsFloatPanel .qrcodePanel {
	width: 230px;
	height: 300px;
	position: fixed;
	right: 70px;
	top: 200px;
	z-index: 10000;
	overflow: visible;
	display: none;
	_position: absolute;
	_top: expression(eval(documentElement.scrollTop + 200));
}

#cmsFloatPanel .qrcodePanel .qrcodePanel-inner {
	width: 230px;
	position: relative;
	overflow: visible;
}

#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .arrowPanel {
	width: 10px;
	height: 30px;
	position: absolute;
	right: 1px;
	top: 180px;
}

#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .arrowPanel .arrow01 {
	border-left: 10px solid #ddd;
	left: 2px;
}

#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .arrowPanel .arrow02 {
	border-left: 10px solid #fff;
}

#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel {
	width: 220px;
	background: #fff;
	border: solid 1px #ddd;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}

#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-hd {
	height: 32px;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #fff;
	line-height: 32px;
	letter-spacing: 2px;
	text-indent: 10px;
	background: url(../images/cmsfloatqrcodepanel-hd-bg.gif) no-repeat left top;
	overflow: hidden;
}

#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-hd a {
	width: 32px;
	height: 32px;
	font-family: "宋体";
	font-size: 12px;
	color: #fff;
	line-height: 32px;
	letter-spacing: 1px;
	text-indent: 0;
	display: block;
	float: right;
	overflow: hidden;
}

#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-hd a span {
	display: none;
}

#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-bd {
	padding: 10px;
	overflow: hidden;
}

#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-bd img {
	width: 200px;
	height: 200px;
	border: none;
}

#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-ft {
	height: 30px;
	background: #f4f4f4;
	text-align: center;
	padding: 0 10px;
	overflow: hidden;
}

#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-ft a {
	font-size: 12px;
	color: #666;
	line-height: 30px;
	letter-spacing: 1px;
}

#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-ft a:hover {
	color: #F00;
}
