/* CSS Document*/

html {

	height: 100%;

	border: none;

}

body {

	height: 100%;

	min-width: 1200px;

	border: none;

	padding: 0;

	margin: 0;

	text-align: left;

	font-size: 14px;

	color: #666;

font-family: PingFangSC,helvetica neue,hiragino sans gb,arial,microsoft yahei ui,microsoft yahei,simsun,"sans-serif"!important;

	background: #FFF;

}

div, ul, li, img, dl, dd, dt, p {

	padding: 0;

	margin: 0;

	border: none;

}

ul, dl {

	list-style-type: none;

}

h1, h2, h3, h4, h5 {

	margin: 0;

	padding: 0;

	font-weight: normal;

}

a {

	color: #666;

	text-decoration: none;

}

a:hover {

	color: #0d77e5;

	text-decoration: none;

}

.clear {

	clear: both;

}

.fl {

	float: left;

	display: inline;

}

.fr {

	float: right;

	display: inline;

}

.container {

	width: 1200px;

	margin: 0 auto;

}

.header {

	height: 183px;

}

.top {

	height: 40px;

	line-height: 40px;

	background: #f4f3f3;

	font-size: 14px;

}

.top a {

	padding: 5px;

}

#logo {

	height: 140px;

	width: 100%;

}

#logo .logo {

}

#logo .logo img {

	margin-top: 20px;

}

#logo .company {

	padding-left: 15px;

	border-left: 1px solid #c4c4c4;

	height: 80px;

	margin-top: 30px;

	padding-top: 5px;

}

#logo .company h2 {

	font-size: 26px;

	color: #0d77e5;

	font-weight: bold;

}

#logo .company h3 {

	font-size: 18px;

	margin-top: 5px;

}

#logo .company h3 span {

	color: #69c248;

}

#logo .tel {

	background: url(../images/tel.jpg) no-repeat left 50px;

	height: 100px;

	width: 240px;

	padding-top: 40px;

}

#logo .tel span {

	font-size: 16px;

	padding-left: 50px;

}

#logo .tel span i {

	font-family: impact;

	font-size: 30px;

	font-style: normal;

	display: block;

	padding-left: 50px;

}

#logo .tel p {

	font-size: 16px;

	padding-left: 5px;

	margin-top: -15px;

}

.nav {

	background: #0d77e5;

	height: 59px;

}

.nav ul li {

	float: left;

	display: inline;

	text-align: center;

	font-size: 16px;

	position: relative;

}

.nav ul li:last-child {

	margin-right: 0;

}

.nav ul li a {

	color: #FFF;

	display: block;

	height: 59px;

	line-height: 59px;

	padding: 0 66px;

	position: relative;

	z-index: 2;

}

.nav ul li a:hover, .nav ul li.on {

	background: #084f96;

}

.nav ul li dl {

	margin: 0px;

	padding: 0;

	position: absolute;

	z-index: 999;

	display: none;

}

.nav ul li dl dt a {

	display: block;

	width: 64px;

	height: 55px;

	line-height: 55px;

	text-align: center;

	background: #0758b3;

	color: #fff;

}

.nav ul li dl dt a:hover {

	background: #0d77e5;

	display: block;

	width: 64px;

	height: 55px;

}

.banner {

	height: 500px;

	overflow: hidden;

	position: relative;

}

.banner .hd {

	height: 18px;

	position: absolute;

	width: 100%;

	z-index: 1;

	text-align: center;

	bottom: 20px;

}

.banner .hd ul li {

	display: inline-block;

	margin: 0 5px;

	width: 15px;

	height: 15px;

	cursor: pointer;

	background: #0d77e5;

	border-radius: 8px;

}

.banner .hd ul li.on {

	background: #69c248;

}

.banner .bd {

	position: relative;

	height: 100%;

	z-index: 0;

}

.banner .bd li {

	zoom: 1;

	vertical-align: middle;

	width: 100%;

	height: 600px;

	display: block;

}

.banner .bd li a {

	width: 100%;

	height: 500px;

	display: block;

}

.banner .prev {

	position: absolute;

	left: 3%;

	top: 50%;

	margin-top: -25px;

	display: block;

	width: 17px;

	height: 31px;

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

	filter: alpha(opacity=100);

	opacity: 1;

}

.banner .next {

	position: absolute;

	right: 3%;

	top: 50%;

	margin-top: -25px;

	display: block;

	width: 17px;

	height: 31px;

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

	filter: alpha(opacity=100);

	opacity: 1;

}

.search {

	height: 70px;

	background: #edeeef;

}

.search .fl {

	line-height: 70px;

}

.search .fl a {

	margin-left: 15px;

}

.search .fl span {

	color: #0d77e5;

}

.search .fr {

	width: 284px;

	height: 70px;

}

.search .fr input {

	width: 193px;

	height: 33px;

	border: 1px solid #eee;

	margin-top: 15px;

	padding-left: 3px;

	border-radius: 15px 0 0 15px;

	padding-left: 15px;

}

.search .fr button {

	width: 53px;

	height: 35px;

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

	border: none;

	position: relative;

	left: -3px;

	top: 12px;

}

.sec-title {

	text-align: center;

	padding: 30px 0;

}

.sec-title span {

	font-size: 30px;

	height: 50px;

	position: relative;

	padding-bottom: 10px;

	font-weight: bold;

}

.sec-title span:after {

	width: 30px;

	height: 2px;

	content: '';

	background: #007bdf;

	position: absolute;

	bottom: 0;

	left: 42%;

}

.sec-title p {

	font-size: 14px;

	margin-top: 20px;

}

.index-pro {

	padding: 30px 0 30px;

	height: auto;

	overflow: hidden;

}

.index-pro .fl {

	width: 300px;

}

.index-pro .fr {

	width: 860px;

}

.index-pro .fl .title {

	height: 70px;

	width: 270px;

	background: #007bdf;

	color: #FFF;

	padding: 20px 0 0 30px;

}

.index-pro .fl .title span {

	display: block;

	font-size: 28px;

	font-weight: bold;

}

/*.index-pro .fl ul li{ font-size: 16px;line-height: 58px; }

.index-pro .fl ul li span{ padding-left: 58px; }

.index-pro .fl ul li a{ display: block; background: url(../images/menu01.jpg) no-repeat; height: 58px; width: 100%; }

.index-pro .fl ul li a:hover{ display: block; background: url(../images/menu01-h.jpg) no-repeat;height: 58px; width: 100%; }*/



.category {

	width: 100%;

	padding-top: 12px;

	margin-bottom: 20px;

}

.category h3 {

	line-height: 58px;

	float: left;

}

.category h3 a {

	float: left;

	line-height: 58px;

	color: #666;

	padding-left: 58px;

	width: 242px;

	font-weight: normal;

	background: url(../images/menu01.jpg) no-repeat;

	display: block;

}

.category h3.on a {

	background: url(../images/menu01-h.jpg) no-repeat;

	color: #007bdf;

}

.category h3 span {

	float: left;

}

.category ul {

	display: none;

	float: left;

	width: 100%;

}

.category li {

	display: block;

	border-bottom: 1px solid #e1e1e1;

	width: 100%;

	line-height: 42px;

	background-size: 5px;

}

.category li a {

	display: block;

	color: #666;

	font-size: 14px;

	padding-left: 58px;

}

.category li.on a {

	color: #007bdf;

}

.index-pro .contact {

	width: 300px;

	height: 140px;

	background: url(../images/tels.jpg) no-repeat #e3e3e3;

	margin-top: 30px;

}

.index-pro .contact p {

	margin-left: 160px;

	font-size: 16px;

	padding-top: 20px;

	color: #666666;

}

.index-pro .contact span {

	color: #007bdf;

	font-size: 24px;

	padding-left: 120px;

	margin-top: 10px;

	display: block;

}

.index-pro .contact .more {

	margin-left: 125px;

	margin-top: 10px;

	text-align: center;

}

.index-pro .contact .more a {

	color: #007bdf;

	border: 1px solid #007bdf;

	width: 120px;

	height: 30px;

	line-height: 30px;

	display: block;

}

.index-pro .contact .more a:hover {

	background: #007bdf;

	color: #FFF;

}

.index-pro .fr .title {

	line-height: 45px;

	border-bottom: 1px solid #e1e1e1;

}

.index-pro .fr .title span {

	font-size: 24px;

	color: #007bdf;

	border-bottom: 3px solid #007bdf;

	padding-bottom: 10px;

	font-weight: bold;

}

.index-pro .fr .title p {

	display: inline-block;

	float: right;

}

.index-pro .fr ul li {

	float: left;

	display: inline-block;

	margin-right: 27px;

	text-align: center;

	margin-top: 20px;

}

.index-pro .fr ul li:nth-child(3n) {

	margin-right: 0

}

.index-pro .fr ul li .img {

	width: 268px;

	height: 198px;

	overflow: hidden;

}

.index-pro .fr ul li .img img {

	width: 260px;

	height: 190px;

	padding: 3px;

	border: 1px solid #c1c1c1;

	transition: 0.5s;

}

.index-pro .fr ul li .img img:hover {

	transform: scale(1.2)

}

.index-case {

	height: auto;

	overflow: hidden;

	text-align: center;

	background: url(../images/casebg.jpg) no-repeat top center;

}

.index-case .prev {

	display: block;

	position: absolute;

	top: 60px;

	left: 0px;

	width: 50px;

	height: 50px;

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

}

.index-case .next {

	display: block;

	position: absolute;

	top: 60px;

	right: 0px;

	width: 50px;

	height: 50px;

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

}

.index-case .content {

	padding: 0 80px;

	position: relative;

}

.index-case ul {

	overflow: hidden;

	zoom: 1;

	width: 910px;

	height: auto;

}

.index-case ul li {

	float: left;

	width: 240px;

	overflow: hidden;

	height: 220px;

	margin-right: 20px;

}

.index-case ul li img {

	width: 230px;

	height: 167px;

	padding: 3px;

	border: 1px solid #c1c1c1;

}

.adv {

	background: url(../images/advbg.jpg) no-repeat top center;

	height: 180px;

	color: #FFF;

}

.adv .fl {

	padding-left: 100px;

}

.adv .fr {

	padding-right: 100px;

	width: 310px;

	height: 130px;

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

}

.adv .fl h2 {

	font-size: 40px;

	font-weight: bold;

	padding-top: 40px;

}

.adv .fl p {

	font-size: 20px;

	margin-top: 10px;

}

.adv .fl p span {

	display: inline-block;

	width: 22px;

	height: 20px;

	margin-left: 15px;

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

}

.adv .fr p {

	font-size: 18px;

	margin-top: 38px;

	padding-left: 60px;

}

.adv .fr p span {

	display: block;

	font-size: 30px;

}

.adv .fr .more {

	width: 133px;

	height: 34px;

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

	text-align: center;

	margin-left: 60px;

	margin-top: 15px;

}

.adv .fr .more a {

	color: #FFF;

	width: 133px;

	height: 34px;

	line-height: 34px;

	display: block;

}

.ys {

	width: 100%;

	height: auto;

	padding: 50px 0;

	overflow: hidden;

}

.ys .content-1, .ys .content-2 {

	width: 1050px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

}

.ys .content-1 .fl {

	width: 415px;

}

.ys .content-1 .fr {

	width: 610px;

}

.ys .content-2 .fl {

	width: 471px;

}

.ys .content-2 .fr {

	width: 460px;

}

.ys h2 {

	color: #0256a4;

	overflow: hidden;

	padding-bottom: 18px;

	margin-bottom: 10px;

	margin-top: 25px;

	background: url(../images/ys-line.jpg) no-repeat bottom left;

}

.ys h2 i {

	float: left;

}

.ys h2 span {

	float: left;

	margin-left: 20px;

	color: #666666;

}

.ys h2 span em {

	display: block;

	font-style: normal;

	font-weight: bold;

	color: #007bdf;

}

.ys .content-1 p, .ys .content-2 p {

	font-size: 14px;

	color: #2d2d2d;

	line-height: 25px;

	background: url(../images/ys-ico.jpg) no-repeat left 6px;

	padding-left: 20px;

}

.index-about {

	height: 439px;

	padding-top: 50px;

	color: #FFF;

	overflow: hidden;

	background: url(../images/aboutbg.jpg) no-repeat top center;

}

.index-about .fl {

	width: 600px;

}

.index-about .fr {

	width: 600px;

}

.index-about .fl img {

	width: 491px;

	height: 357px;

	border: 12px solid #6bb0e7;

}

.index-about .fr h2 {

	font-size: 30px;

	letter-spacing: 1px;

}

.index-about .fr h2 span {

	display: block;

	font-size: 40px;

	letter-spacing: 0px;

	font-weight: bold;

}

.index-about .fr p {

	margin-top: 34px;

	line-height: 28px;

	padding-top: 10px;

}

.index-about .more {

	text-align: left;

	margin: 40px 0 25px;

	width: 100%;

	display: block;

}

.index-about .more a {

	width: 182px;

	height: 39px;

	display: inline-block;

	background: #FFF;

	text-align: center;

	line-height: 39px;

	font-size: 16px;

}

.index-about .more a:hover {

	color: #FFF;

	background: #0256a4;

}

.index-news {

	padding: 40px 0 20px;

	height: auto;

	overflow: hidden;

}

.index-news .fl, .index-news .fr {

	width: 585px;

	border: 1px solid #ececec;

}

.index-news .fl .title, .index-news .fr .title {

	border-bottom: 1px solid #ececec;

	height: 82px;

}

.index-news .fl .title i, .index-news .fr .title i {

	float: left;

	display: inline-block;

	width: 86px;

	height: 82px;

	background: #007bdf;

	position: relative;

}

.index-news .fl .title i img, .index-news .fr .title i img {

	position: absolute;

	left: 0;

	top: 0;

	bottom: 0;

	right: 0;

	margin: auto;

}

.index-news .fl .title span {

	float: left;

	display: inline-block;

	width: 90px;

	height: 72px;

	margin-left: 20px;

	font-size: 18px;

	padding-top: 20px;

	background: url(../images/en-1.jpg) no-repeat left 50px;

}

.index-news .fr .title span {

	float: left;

	display: inline-block;

	width: 90px;

	height: 72px;

	margin-left: 20px;

	font-size: 18px;

	padding-top: 20px;

	background: url(../images/en-2.jpg) no-repeat left 50px;

}

.index-news .fl .title em, .index-news .fr .title em {

	float: right;

	margin-right: 20px;

	font-style: normal;

	line-height: 82px;

}

.index-news .content {

	padding: 25px 35px;

}

.index-news h3 {

	line-height: 43px;

}

.index-news h3:before {

	content: '■';

	font-size: 12px;

	margin-right: 5px;

	color: #ff6d00;

	position: relative;

	top: -3px;

}

.index-news h3 span {

	float: right;

	font-size: 14px;

}

.index-news dl {

	height: auto;

	overflow: hidden;

}

.index-news dl dt {

	float: left;

	width: 242px;

}

.index-news dl dd {

	float: right;

	width: 250px;

}

.index-news dl dt img {

	width: 240px;

	height: 158px;

	border: 1px solid #ececec;

}

.index-news dl dd .date span {

	display: block;

	font-size: 24px;

	color: #ff6d00;

	font-weight: bold;

}

.index-news dl dd h4 {

	font-size: 16px;

	line-height: 40px;

	height: 40px;

	overflow: hidden;

}

.links {

	padding-bottom: 20px;

}

.links span {

	font-weight: bold;

	font-size: 18px;

}

.links a {

	margin-right: 15px;

}

.footer {

	background: #333333;

	height: 220px;

	overflow: hidden;

	padding-top: 30px;

}

.fnav dl {

	float: left;

	display: inline;

	margin-right: 45px;

}

.fnav dl dt {

	position: relative;

	line-height: 50px;

	font-size: 16px;

	margin-bottom: 10px;

}

.fnav dl dt a {

	color: #FFF;

}

.fnav dl dt:after {

	content: '';

	width: 20px;

	height: 2px;

	background: #666666;

	position: absolute;

	left: 0;

	bottom: 0;

}

.fnav dl dd {

	line-height: 25px;

	color: #999999;

}

.fnav dl dd a {

	color: #999999;

}

.footer .ewm {

	text-align: center;

	color: #FFF;

}

.footer .ewm h3 {

	padding-bottom: 5px;

}

.footer .ewm img {

	width: 150px;

	height: 150px;

}

.copyright {

	background: #333333;

	color: #999999;

	height: 50px;

	line-height: 30px;

	overflow: hidden;

	text-align: center;

}

.kefu {

	position: fixed;

	right: -170px;

	top: 50%;

	z-index: 900;

}

.kefu li a {

	text-decoration: none;

	color: #FFF;

}

.kefu li {

	margin-top: 1px;

	clear: both;

	height: 71px;

	position: relative;

}

.kefu li i {

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

	display: block;

	width: 30px;

	height: 27px;

	margin: 0 auto;

	text-align: center;

}

.kefu li p {

	height: 20px;

	font-size: 14px;

	line-height: 20px;

	overflow: hidden;

	text-align: center;

	color: #fff;

	margin: 0;

}

.kefu .kefu-qq i {

	background-position: 4px 5px;

}

.kefu .kefu-tel i {

	background-position: 0 -21px;

}

.kefu .kefu-liuyan i {

	background-position: 4px -53px;

}

.kefu .kefu-weixin i {

	background-position: -34px 4px;

}

.kefu .kefu-weibo i {

	background-position: -30px -22px;

}

.kefu .kefu-ftop {

	display: none;

}

.kefu .kefu-ftop i {

	width: 33px;

	height: 35px;

	background-position: -27px -51px;

}

.kefu .kefu-left {

	float: left;

	width: 77px;

	height: 47px;

	position: relative;

}

.kefu .kefu-tel-right {

	font-size: 16px;

	color: #fff;

	float: left;

	height: 24px;

	line-height: 22px;

	padding: 0 15px;

	border-left: 1px solid #fff;

	margin-top: 14px;

}

.kefu .kefu-right {

	width: 20px;

}

.kefu .kefu-tel-main {

	background: #0d77e5;

	color: #fff;

	height: 56px;

	width: 247px;

	padding: 9px 0 6px;

	float: left;

}

.kefu .kefu-main {

	background: #0d77e5;

	width: 97px;

	height: 56px;

	position: relative;

	padding: 9px 0 6px;

	float: left;

}

.kefu .kefu-weixin-pic {

	position: absolute;

	left: -130px;

	top: -24px;

	display: none;

	z-index: 333;

}

.kefu-weixin-pic img {

	width: 115px;

	height: 115px;

}

.ban {

	width: 100%;

	height: 300px;

	overflow: hidden;

}

.ny {

	height: auto;

	overflow: hidden;

	width: 100%;

	padding: 30px 0;

}

.ny .fl {

	width: 300px;

}

.ny .fr {

	width: 860px;

}

.ny .fl .title {

	height: 70px;

	width: 270px;

	background: #007bdf;

	color: #FFF;

	padding: 20px 0 0 30px;

	text-transform: uppercase;

}

.ny .fl .title span {

	display: block;

	font-size: 28px;

	font-weight: bold;

}

.ny .contact {

	width: 300px;

	height: 140px;

	background: url(../images/tels.jpg) no-repeat #e3e3e3;

	margin-top: 30px;

}

.ny .contact p {

	margin-left: 160px;

	font-size: 16px;

	padding-top: 20px;

	color: #666666;

}

.ny .contact span {

	color: #007bdf;

	font-size: 24px;

	padding-left: 120px;

	margin-top: 10px;

	display: block;

}

.ny .contact .more {

	margin-left: 125px;

	margin-top: 10px;

	text-align: center;

}

.ny .contact .more a {

	color: #007bdf;

	border: 1px solid #007bdf;

	width: 120px;

	height: 30px;

	line-height: 30px;

	display: block;

}

.ny .contact .more a:hover {

	background: #007bdf;

	color: #FFF;

}

.ny .fr .title {

	line-height: 45px;

	border-bottom: 1px solid #e1e1e1;

}

.ny .fr .title span {

	font-size: 24px;

	color: #007bdf;

	border-bottom: 3px solid #007bdf;

	padding-bottom: 10px;

}

.ny .fr .title p {

	display: inline-block;

	float: right;

}

.ny .fr .tit {

	line-height: 38px;

	border-bottom: 1px solid #e1e1e1;

	margin-bottom: 15px;

}

.ny .fr .tit span {

	font-size: 18px;

	color: #007bdf;

	border-bottom: 3px solid #007bdf;

	padding-bottom: 8px;

}

.ny .fr .txt {

	border: 1px solid #e1e1e1;

	background: #f4f4f4;

	margin-top: 20px;

	padding: 15px;

}

.list-1 dl {

	border-bottom: 1px solid #e1e1e1;

	padding: 15px 0;

}

.list-1 dl dt {

	line-height: 35px;

	font-size: 16px;

}

.list-1 dl dt:before {

	content: '■';

	font-size: 12px;

	margin-right: 5px;

	color: #ff6d00;

	position: relative;

	top: -3px;

}

.list-1 dl dt span {

	float: right;

	font-size: 14px;

}

.list-1 dl dt a {

	font-weight: bold;

}

.list-1 dl dd {

	color: #999;

}

.list-2 {

	height: auto;

	overflow: hidden;

	padding-bottom: 30px;

}

.list-2 ul li {

	float: left;

	display: inline-block;

	margin-right: 27px;

	text-align: center;

	margin-top: 20px;

}

.list-2 ul li:nth-child(3n) {

	margin-right: 0

}

.list-2 ul li img {

	width: 260px;

	height: 190px;

	padding: 3px;

	border: 1px solid #c1c1c1;

	transition: 0.5s;

}

.news {

	padding: 0px 0 0;

}

.news h1 {

	text-align: center;

	font-size: 24px;

	padding-top: 30px;

}

.news .date {

	text-align: center;

	font-size: 14px;

	padding: 15px 0;

}

.news .date span {

	padding: 0 15px;

}

.news .info {

	padding: 10px 0 0;

	line-height: 25px;

}

.tags {

	border-top: 1px dashed #ccc;

	border-bottom: 1px dashed #ccc;

	height: 35px;

	line-height: 35px;

}

.tags span {

	font-weight: bold;

}

.tags a {

	margin-right: 15px;

}

.page {

	line-height: 50px;

}

.page span {

	float: right;

}

.xg-pro {

	height: auto;

	overflow: hidden;

	margin-top: 5px;

}

.xg-pro ul li {

	float: left;

	display: inline-block;

	width: 200px;

	margin-right: 15px;

	text-align: center;

}

.xg-pro ul li img {

	width: 200px;

	height: 160px;

}

.xg-news {

	height: auto;

	overflow: hidden;

	margin-top: 15px;

}

.xg-news ul li {

	float: left;

	display: inline-block;

	width: 47%;

	margin-right: 3%;

	line-height: 25px;

}

.xg-news ul li:before {

	content: '■';

	font-size: 12px;

	margin-right: 5px;

	color: #ff6d00;

	position: relative;

	top: -10px;

}

.xg-news ul li a {

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

	width: 240px;

	display: inline-block;

}

.xg-news ul li span {

	float: right;

}

.xg-area {

	height: auto;

	overflow: hidden;

	margin-top: 0px;

	margin-bottom: 15px;

}

.xg-area ul li {

	float: left;

	display: inline-block;

	margin-right: 25px;

	line-height: 25px;

}

.pro {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 10px 0 30px;

}

.pro .img {

	float: left;

	display: inline-block;

	width: 480px;

}

.pro .text {

	float: right;

	display: inline-block;

	width: 350px;

}

.pro .text h1 {

	font-size: 24px;

	padding-top: 20px;

}

.pro .text .desc {

	padding: 20px 0;

	height: 150px;

	font-size: 16px;

	line-height: 25px;

}

.pro .text .btn {

	width: 120px;

	height: 40px;

	background: #007bdf;

	color: #FFF;

	display: block;

	text-align: center;

	line-height: 40px;

	font-size: 18px;

}

.pro-content .tits {

	border-bottom: 1px solid #e1e1e1;

	height: 40px;

	width: 100%;

	font-size: 18px;

}

.pro-content .tits span {

	background: #007bdf;

	color: #FFF;

	display: block;

	width: 120px;

	height: 40px;

	text-align: center;

	line-height: 40px;

}

.pro-content .info {

	padding: 20px 0;

}

div.zoomDiv {

	z-index: 999;

	position: absolute;

	top: 0;

	left: 0;

	background: #ffffff;

	border: 1px solid #ddd;

	display: none;

	text-align: center;

	overflow: hidden;

	font-size: 0;

}

div.zoomMask {

	position: absolute;

	background: url(../images/mask.png) repeat scroll 0 0 transparent;

	cursor: move;

	z-index: 1;

}

.pc-slide {

	width: 100%;

	margin: 0 auto;

	text-align: center;

}

.view .swiper-slide .imgauto {

	width: 100%;

	height: 350px;

	position: relative;

}

.view .swiper-slide .imgauto img {

	max-width: 90%;

	max-height: 100%;

	position: absolute;

	margin: auto;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0

}

.view .swiper-container {

	width: 100%;

}

.preview {

	width: 100%;

	margin-top: 10px;

	position: relative;

}

.preview .swiper-container {

	width: 80%;

	margin: 0 10%;

	overflow: hidden;

}

.preview .swiper-slide {

	width: 22.5%;

	padding: 5px;

}

.preview .swiper-slide .imgauto {

	width: 100%;

	height: 80px;

	line-height: 80px;

	border: 1px solid #ddd;

	text-align: center;

	cursor: pointer;

	position: relative;

	display: block;

}

.preview .swiper-slide .imgauto img {

	display: inline-block;

	vertical-align: middle;

	max-width: 90%;

	max-height: 100%;

	position: absolute;

	margin: auto;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0

}

.preview .slide6 {

	width: 82px;

}

.preview img {

	padding: 1px;

}

.preview .active-nav .imgauto {

	border: 1px solid #1f7fcb;

}

.preview .arrow-left {

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

	position: absolute;

	left: 10px;

	top: 50%;

	margin-top: -9px;

	width: 10px;

	height: 18px;

	z-index: 10;

}

.preview .arrow-right {

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

	position: absolute;

	right: 10px;

	top: 50%;

	margin-top: -9px;

	width: 10px;

	height: 18px;

	z-index: 10;

}

.clearfix {

*zoom: 1;

}

.clearfix:after {

	content: " ";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

#message {

	position: fixed;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	z-index: 1000;

	transform: scale(0);

	transition: .3s;

}

.messagebg {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.6);

	z-index: 1001;

}

#message .m-content {

	margin-top: 10%;

}

#message .m-content .m-message {

	background: #fff;

	width: 580px;

	background: #fff;

	padding: 50px;

	margin: 0 auto;

	position: relative;

	z-index: 1002;

	box-shadow: 1px 1px 50px rgba(0,0,0,.3);

}

.m-message {

	width: 494px;

	margin: 48px auto 0;

}

.m-message label {

	margin-bottom: 15px;

	display: block;

	font-size: 14px;

}

.m-message label em {

	display: block;

	float: right;

	color: red;

	height: 32px;

	line-height: 32px;

}

.m-message label span {

	width: 80px;

	height: 34px;

	line-height: 34px;

	color: #2F2F2F;

	float: left;

	font-weight: bold;

	text-align: right;

	margin-right: 30px;

	display: inline-block;

}

.m-message label input.inp, .m-message label textarea, .m-message label.code input {

	width: 77%;

	overflow: hidden;

	height: 32px;

	line-height: 32px;

	border: #cccccc 1px solid;

	border-radius: 3px;

	padding: 0 14px;

	box-sizing: border-box;

	color: #555;

	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

}

.m-message label input:focus, .m-message label textarea:focus {

	border-color: #66afe9;

	outline: 0;

	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);

	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);

}

.m-message label textarea {

	height: 72px;

	line-height: 24px;

	padding: 10px 14px;

}

.m-message label.code {

	line-height: 34px;

}

.m-message label.code input {

	width: 30%;

	float: left;

	margin-right: 30px;

}

.m-message label.code .pic {

	display: inline-block;

	vertical-align: top;

	width: 80px;

	height: 32px;

}

.m-message label.code img {

	display: block;

	width: 100%;

	height: 100%;

}

.btn-1 input {

	width: 52px;

	height: 32px;

	line-height: 32px;

	background: #e8e8e8;

	border: none;

	color: #333;

	margin-right: 22px;

	cursor: pointer;

	transition: 0.3s;

}

.btn-1 {

	padding-left: 100px;

}

.btn-1 input.focus {

	background: #1f7fcb;

	color: #fff;

}

.btn-1 input.focus:hover {

	background: #444;

}

.btn-1 input:hover {

	background: #ccc;

}