@charset "utf-8";
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/*Html5*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
audio, canvas, video {
	display: inline-block;
}
audio:not([controls]) {
 display: none;
 height: 0;
}
/*Base*/
html {
	font: 12px/1.8 "微软雅黑", "\5b8b\4f53", Arial, sans-serif;
	color: #666;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%; 
}
* {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	background: transparent; 
	outline:none;
 blr:expression(this.onFocus=this.blur());
}
a:focus {
	outline: 0;
}
a:active, a:hover {
	outline: 0;/*transition:text-shadow 500ms ease-in 0ms, color 500ms ease-in 0ms;*/
}
img {
	border: 0;
	vertical-align: middle;
	-ms-interpolation-mode:bicubic;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
	outline:none;
}
button, input {
	line-height: normal;
}
button, select {
	text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled], html input[disabled] {
	cursor: default;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
input.submit {
	border: 0;
	margin: 0;
	cursor: pointer;
}
input.radio {
	width: 13px;
	height: 13px;
	float: left;
	display: inline;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ul, ol {
	list-style:none;
	float: left;
}
li {
	list-style:none;
	float: left;
}

.clear {
	clear: both;
}
.fl {
	float:left;
	display: inline;
}
.fr {
	float:right;
	display: inline;
}






@charset "utf-8";
/* CSS Document */
.header {
	height: 77px;
}
.header a.fr {
	display: inline-block;
	padding-right: 71px;
	margin-top: 15px;
	font-size: 24px;
	line-height: 62px;
	color: #0d4aa0;
	background: url("../images/bg_sign01.jpg") no-repeat right center;
}
.nav {
	position: absolute;
	left: 0;
	top: 77px;
	z-index: 20;
	width: 640px;
	padding-top: 18px;
	background: #0d4aa0;
	display: none;
}
.subnav {
	padding: 15px 16px;
	border-bottom: 1px solid #fff;
	display: none;
}
.nav a {
	display: inline-block;
	width: 532px;
	padding: 0 38px;
	border-bottom: 1px solid #abc0de;
	font-size: 26px;
	line-height: 70px;
	color: #bdd5f7;
}
.nav a.last {
	border-bottom: none;
}
.nav a.tit {
	width: 568px;
	padding: 0 36px;
	border-bottom: 1px solid #fff;
	background: url("../images/bg_sign09.png") no-repeat 578px 0;
	font-size: 30px;
	line-height: 74px;
	color: #fff;
}
.nav a.name {
	font-size: 28px;
	color: #fff;
}
.contact {
	height: 85px;
	padding: 37px 0 33px;
	background: url("../images/bg_contact.jpg") no-repeat center;
}
.contact .box {
	float: left;
	width: 292px;
	height: 85px;
	margin: 0 9px 0 16px;
	display: inline;
}
.contact .box-tel {
	background: url("../images/bg_box02.png") no-repeat;
}
.contact .box-add {
	background: url("../images/bg_box03.png") no-repeat;
}
.contact .box a {
	display: inline-block;
	width: 188px;
	height: 69px;
	padding: 16px 0 0 104px;
	font-size: 20px;
	line-height: 26px;
}
.contact .box p {
	color: #9da3ac;
}
.contact .box p.number {
	font-size: 24px;
	font-family: Arial;
	color: #000;
}
.contact .box p.add {
	font-size: 15px;
	color: #000;
}
.footer {
	height: 58px;
	border-top: 1px solid #eaeaea;
	font-size: 18px;
	line-height: 58px;
	color: #a8a8a8;
	text-align: center;
}
.footer a {
	color: #a8a8a8;
}
.i-banner {
	position: relative;
	height: 423px;
}
.i-products {
	height: 264px;
	padding-top: 34px;
	background: url("../images/bg_iproducts.jpg") no-repeat;
}
.i-products a.tips {
	display: block;
	width: 592px;
	height: 79px;
	border-bottom: 1px solid #0c5ead;
	margin: 0 auto;
	background: url("../images/bg_sign03.png") no-repeat 542px 18px;
	font-size: 22px;
	line-height: 30px;
	color: #fff;
}
.i-products .list {
	position: relative;
	overflow: hidden;
	width: 592px;
	height: 139px;
	margin: 23px auto 0;
}
.i-products .list ul {
	width: 618px;
}
.i-products .list li {
	width: 180px;
	height: 139px;
	margin-right: 26px;
	display: inline;
}
.i-box {
	position: relative;
	width: 554px;
	height: 203px;
	padding: 25px 42px 0 14px;
	margin: 0 auto -10px;
	background: url("../images/bg_box01.png") no-repeat;
}
.i-box .tit {
	position: absolute;
	left: 358px;
	top: 25px;
	z-index: 10;
	font-size: 30px;
	line-height: 36px;
	color: #0d4aa0;
}
.i-news {
	position: relative;
	overflow: hidden;
	width: 554px;
	height: 203px;
}
.i-box .swiper-slide {
	position: relative;
	width: 554px;
	height: 203px;
}
.i-box img {
	margin-left: 2px;
	display: inline;
}
.i-box .int {
	position: relative;
	float: right;
	width: 310px;
	height: 69px;
	margin-top: 56px;
	font-size: 26px;
	line-height: 34px;
	color: #666;
}
.i-box .sign {
	display: inline-block;
	position: absolute;
	left: 346px;
	bottom: 34px;
	width: 22px;
	height: 21px;
	background: url("../images/bg_sign05.png") no-repeat;
}
.i-sign {
	width: 624px;
	height: 178px;
	margin: 0 0 40px 16px;
}
.i-sign li {
	width: 188px;
	height: 176px;
	border: 1px solid #cddaec;
	border-radius: 4px;
	background: #e8f2ff;
	margin-right: 18px;
	display: inline;
	text-align: center;
}
.i-sign a {
	display: inline-block;
	height: 73px;
	padding-top: 103px;
	font-size: 26px;
	line-height: 58px;
	color: #666;
}
.i-sign a.wb {
	background: url("../images/bg_sign06.png") no-repeat center 33px;
}
.i-sign a.wx {
	background: url("../images/bg_sign07.png") no-repeat center 33px;
}
.i-sign a.tm {
	background: url("../images/bg_sign08.png") no-repeat center 33px;
}
/*.inside-wrap {
	padding: 200px 0 55px;
}*/
.inside-tips {
	height: 125px;
	padding: 0 35px;
	margin-bottom: 37px;
	font-size: 20px;
	line-height: 30px;
	color: #FFF;
}
.inside-tips .line {
	width: 56px;
	height: 2px;
	background: #FFF;
	margin-bottom: 19px;
}
.inside-tips h2 {
	font-size: 35px;
	line-height: 46px;
}
.inside-tips p.en {
	font: 12px/14px Arial;
	color: #a4b2cd;
	text-transform: uppercase;
}
.inside-main {
	position: relative;
}
.inside-main .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 640px;
	height: 100%;
	background: #fff;
	opacity: 0.85;
}
.inside-over {
	position: relative;
	z-index: 2;
}
.about-bg {
	background: url("../images/bg_inside01.jpg") no-repeat center top;
}
.about-main {
	padding-top: 34px;
	padding: 34px 16px 0;
	font-size: 22px;
	line-height: 30px;
}
.about-main h2 {
	font-weight: normal;
	font-size: 32px;
	line-height: 50px;
	color: #0d4aa0;
	text-align: center;
}
.about-main .tips {
	margin-bottom: 14px;
	font-size: 20px;
	line-height: 40px;
	color: #adadad;
	text-align: center;
}
.about-main img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.about-main .list {
	width: 606px;
	margin: 0 auto;
}
.about-main .list li {
	width: 606px;
	border-bottom: 2px solid #fff;
}
.about-main .list .tit {
	height: 80px;
	padding: 0 15px 0 30px;
	background: #0173bc;
	font-size: 24px;
	line-height: 80px;
	color: #fff;
	cursor: pointer;
}
.about-main .list .sign {
	float: right;
	width: 48px;
	height: 80px;
	margin-right: 15px;
	display: inline;
	background: url("../images/bg_sign10.png") no-repeat;
}
.about-main .list.on .sign {
	background-position: 0 -80px;
}
.about-main .list .detail {
	padding: 32px 6px 60px;
	font-size: 22px;
	line-height: 30px;
	display: none;
}
.culture-main {
	padding: 38px 20px 0;
	font-size: 22px;
	line-height: 34px;
	color: #80868f;
}
.culture-main li {
	width: 583px;
	padding-bottom: 32px;
	border-bottom: 1px solid #ededed;
	margin-bottom: 22px;
}
.culture-main h2 {
	font-weight: normal;
	font-size: 30px;
	line-height: 56px;
	color: #003aa5;
}
.culture-main img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.history-main {
	padding-top: 40px;
}
.history-main .tab {
	position: relative;
	overflow: hidden;
	height: 89px;
	margin-bottom: 48px;
	background: url("../images/bg_sign11.jpg") repeat-x 0 62px;
}
.history-main .tab ul {
	padding: 0 20px;
}
.history-main .tab li {
	width: 95px;
	height: 89px;
	background: url("../images/bg_li01.png") no-repeat;
	margin-right: 5px;
	display: inline;
	font-size: 24px;
	line-height: 42px;
	color: #fff;
	text-align: center;
}
.history-main .tab li.on {
	background-position: 0 -89px;
}
.history-main .box {
	position: relative;
	overflow: hidden;
	min-height: 400px;
	font-size: 22px;
	line-height: 34px;
}
.history-main .boxs {
	position: relative;
	opacity: 0;
	padding: 0 20px;
	display: none;
}
.video-main {
	padding-top: 40px;
}
.video-main li {
	width: 294px;
	height: 236px;
	margin: 0 2px 30px 17px;
}
.video-main li p {
	padding-top: 9px;
	font-size: 22px;
	line-height: 31px;
	color: #80868f;
}
.video-main h2 {
	font-size: 26px;
	line-height: 40px;
	color: #003aa5;
	text-align: center;
	margin-bottom: 20px;
}
.video-main video {
	display: block;
	width: 600px;
	height: 450px;
	margin: 0 auto;
	background: #000;
}
.video-main .btns {
	height: 40px;
	margin-top: 30px;
}
.video-main .btns a {
	display: inline-block;
	float: right;
	width: 100px;
	background: #003aa5;
	border-radius: 5px;
	font-size: 20px;
	line-height: 40px;
	color: #fff;
	text-align: center;
}
.honor-main {
	padding-top: 58px;
}
.honor-main li {
	width: 640px;
	padding: 10px 0 40px;
	background: url("../images/bg_line01.jpg") repeat-y 113px 0;
}
.honor-main .year {
	float: left;
	width: 100px;
	padding-right: 16px;
	background: url("../images/bg_sign12.jpg") no-repeat right center;
	font: bold 32px/34px Arial;
	color: #dab251;
	text-align: right;
}
.honor-main .intro {
	float: left;
	width: 480px;
	margin-left: 20px;
	display: inline;
	font-size: 22px;
	line-height: 34px;
	color: #80868f;
}
.group-wrap {
	padding: 40px 17px;
	background: url("../images/bg_group.jpg") no-repeat center top #2463bd;
}
.year-bg {
	background: url("../images/bg_year.jpg") no-repeat center top;
}
.group-wrap .tips {
	font-size: 13px;
	line-height: 20px;
	font-family: Arial;
	color: #0d4aa0;
	text-transform: uppercase;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.23);
}
.group-wrap .tips h2 {
	padding-bottom: 20px;
	font-size: 42px;
	line-height: 52px;
	text-shadow: none;
}
.group-wrap .intro {
	width: 574px;
	height: 357px;
	padding: 16px 16px 0;
	margin-bottom: 24px;
	background: url("../images/bg_box04.png") no-repeat;
	font-size: 22px;
	line-height: 32px;
	color: #096093;
	text-align: center;
}
.group-wrap .intro h2 {
	font-size: 23px;
	line-height: 74px;
}
.group-wrap .intro span {
	color: #d8574d;
}
.group-wrap .list {
	position: relative;
	overflow: hidden;
	width: 604px;
	height: 333px;
	margin: 0 auto 68px;
}
.group-wrap .swiper-wrapper {
	height: 291px!important;
}
.group-wrap .list ul {
	width: 609px;
	margin-right: 5px;
	display: inline;
}
.group-wrap .list li {
	width: 168px;
	height: 275px;
	padding: 16px 15px 0;
	border-radius: 5px;
	background: #fff;
	margin-right: 5px;
	display: inline;
}
.group-wrap .list p {
	font-size: 20px;
	line-height: 22px;
	color: #1959b1;
	padding-top: 12px;
}
.group-wrap .btns {
	width: 606px;
	height: 171px;
	margin: 0 auto;
	text-align: center;
}
.group-wrap .btns a.tel {
	font-size: 29px;
	line-height: 96px;
	color: #fff;
}
.group-out {
	position: absolute;
	left: 50%;
	top: 492px;
	z-index: 10;
	width: 580px;
	height: 380px;
	padding: 13px;
	border-radius: 5px;
	background: #fff;
	margin-left: -303px;
	display: none;
}
.group-out .close {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 24px;
	height: 25px;
	background: url("../images/close01.png") no-repeat;
}
.group-out h2 {
	margin-bottom: 20px;
	font-size: 24px;
	line-height: 40px;
	color: #1959b1;
}
.group-out .intro {
	float: right;
	position: relative;
	overflow: auto;
	width: 380px;
	height: 310px;
	font-size: 22px;
	line-height: 30px;
	color: #666;
}
.message-out {
	position: absolute;
	left: 50%;
	top: 492px;
	z-index: 10;
	width: 580px;
	height: 580px;
	padding: 13px;
	border-radius: 5px;
	background: #fff;
	margin-left: -303px;
	display: none;
}
.message-out .close {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 24px;
	height: 25px;
	background: url("../images/close01.png") no-repeat;
}
.message-out h2 {
	margin-bottom: 20px;
	font-size: 24px;
	line-height: 40px;
	color: #1959b1;
}
.message-out textarea {
	width: 100%;
	height: 120px;
	border: 1px solid #ccc;
	border-radius: 5px;
	font-size: 22px;
	line-height: 40px;
	color: #666;
}
.message-out .btn {
	margin: 20px 0;
	font-size: 22px;
	line-height: 30px;
}
.message-out input {
	width: 100px;
	height: 28px;
	border: 1px solid #ccc;
}
.message-out input.submit {
	width: 160px;
	height: 40px;
	border: none;
	background: #2463bd;
	border-radius: 5px;
	font-size: 22px;
	color: #fff;
}
.message-out .list {
	position: relative;
	overflow: auto;
	height: 280px;
	margin-top: 10px;
}
.message-out .list li {
	width: 580px;
}
.message-out .list .tit {
	height: 32px;
	padding-top: 5px;
	font-size: 20px;
	line-height: 32px;
	cursor: pointer;
}
.message-out .list .tit p.fl {
	padding-left: 38px;
	background: url("../images/bg_sign20.png") no-repeat 6px 7px;
	transition: color 500ms ease-in 0ms;
}
.message-out .list .tit.hover p {
	color: #1959b1;
}
.message-out .list .tit span {
	display: inline-block;
	padding-left: 32px;
	font-family: Arial;
	color: #b6b6b6;
}
.message-out .list .intro {
	padding: 0 0 16px 38px;
	margin-bottom: 8px;
	font-size: 20px;
	line-height: 30px;
	color: #8d8d8d;
	display: none;
}
.message-out .list li.show .tit, .message-out .list li.show .intro {
	background: #f4f5f9;
}
.year-main {
	padding-top: 42px;
}
.year-main .tab {
	width: 610px;
	height: 68px;
	margin: 0 auto 20px;
}
.year-main .tab li {
	width: 121px;
	height: 68px;
	border-right: 1px solid #fff;
	background: #003aa5;
	font-size: 26px;
	line-height: 68px;
	color: #fff;
	text-align: center;
}
.year-main .tab li.on {
	background: #3e65ad;
}
.year-main .list {
	position: relative;
	overflow: hidden;
	width: 610px;
	min-height: 691px;
	margin: 0 auto;
}
.year-main .list li {
	position: relative;
	left: 100%;
	width: 608px;
	height: 112px;
	border: 1px solid #dbd9d9;
	border-radius: 5px;
	background: url("../images/bg_sign05.png") no-repeat 560px 32px #f9fbfc;
	margin-bottom: 10px;
	opacity: 0;
}
.year-main .list li a {
	display: inline-block;
	width: 541px;
	height: 87px;
	padding: 25px 48px 0 19px;
}
.year-main .list p {
	font-size: 26px;
	line-height: 38px;
	color: #666;
}
.year-main .list span {
	font-size: 22px;
	font-family: Arial;
	color: #b2b3b3;
}
.page {
	margin-top: 25px;
}
.newsinfo-main {
	padding-top: 50px;
	width: 600px;
	margin: 0 auto;
}
.newsinfo-main h2 {
	padding: 5px 0;
	font-size: 24px;
	line-height: 40px;
	color: #003aa5;
	text-align: center;
}
.newsinfo-main .time {
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
	font-size: 20px;
	line-height: 36px;
	color: #999;
	text-align: center;
}
.newsinfo-main .detail {
	font-size: 22px;
	line-height: 30px;
}
.newsinfo-main .detail img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.newsinfo-main .turn {
	margin-top: 50px;
	border-top: 1px solid #ccc;
	padding-top: 15px;
}
.newsinfo-main .turn a {
	display: inline-block;
	float: right;
	width: 120px;
	background: #003aa5;
	border-radius: 5px;
	font-size: 20px;
	line-height: 50px;
	color: #fff;
	text-align: center;
}
.news-main {
	padding: 26px 15px 0;
}
.news-main li {
	width: 556px;
	height: 174px;
	padding: 25px 30px 29px 24px;
	background: url("../images/bg_box05.png") no-repeat;
	margin-bottom: 12px;
}
.news-main li .int {
	display: inline-block;
	position: relative;
	float: right;
	width: 340px;
	height: 174px;
}
.news-main li p {
	font-size: 26px;
	line-height: 50px;
	color: #666;
}
.news-main li span.time {
	font-size: 22px;
	line-height: 40px;
	color: #b2b3b3;
}
.news-main li span.sign {
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 22px;
	height: 21px;
	background: url("../images/bg_sign05.png") no-repeat;
}
/*.news-bg {
	background: url("../images/bg_news.jpg") no-repeat center top;
}*/
.contact-bg {
	background: url("../images/bg_contacts.jpg") no-repeat center top;
}
.contact-main {
	padding: 52px 17px 0;
}
.contact-main .tips {
	padding: 0 46px 25px;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 36px;
	font-size: 24px;
	line-height: 34px;
}
.contact-main .tips b {
	font-size: 36px;
	line-height: 38px;
	font-family: Arial;
	color: #1d5bb0;
}
.contact-main .detail {
	padding: 0 46px 35px;
	font-size: 24px;
	line-height: 44px;
}
.contact-main .detail a {
	color: #666;
}
.contact-main .list {
	width: 608px;
	margin: 0 auto;
}
.contact-main .list li {
	width: 608px;
	height: 103px;
	margin-bottom: 25px;
	background: url("../images/bg_box06.png") no-repeat;
}
.contact-main .list a {
	display: inline-block;
	width: 485px;
	height: 78px;
	padding: 25px 0 0 123px;
	font-size: 24px;
	line-height: 30px;
	color: #666;
	background: url("../images/bg_sign13.png") no-repeat 38px 30px;
}
.contact-main .list a.tm {
	background: url("../images/bg_sign14.png") no-repeat 38px 30px;
}
.job-main {
	padding: 35px 14px 0;
}
.job-main th {
	padding: 0 12px;
	background: #214ea3;
	border: none;
	font-size: 24px;
	line-height: 60px;
	color: #fff;
}
.job-main td {
	border-bottom: 1px solid #e4e4e4;
	padding: 0 12px;
	font-size: 22px;
	line-height: 74px;
	text-align: center;
}
.job-main td a {
	color: #666;
}
.job-main p {
	line-height: 24px;
	padding-bottom: 20px;
}
.message-out input.error {
	border: 1px solid #D70128;
}
.message-out textarea.error {
	border: 1px solid #D70128;
}








@charset "utf-8";
/* CSS Document */
/**public**/
.c-red{
	color: #d73954;
}
.c-blue{
	color: #1e5bb1;
}
.c-yel{
	color: #c3971f
}
.c-gre{
	color: #9ed260;
}
.c-pink{
	color: #fa4d7a;
}
.c-pur{
	color: #851a75;
}
.fb{
	font-weight: bold;
}
.f18{
	font-size: 18px;
}
.f24{
	font-size: 24px;
}
.f26{
	font-size: 26px;
}
.f30{
	font-size: 30px;
}
.f34{
	font-size: 34px;
}
.f36{
	font-size: 36px;
}
.f38{
	font-size: 38px;
}
.f42{
	font-size: 42px;
}
.f46{
	font-size: 46px;
}
.tc{
	text-align: center;
}
.en{
	text-transform: uppercase;
	font-family: Arial;
}
.clear{zoom:1;}
.clear:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}

/****/
.pro-banner img{
	width: 100%;
}
.pro-cont{
	padding:10px 30px 100px;
	font-size: 22px;
	line-height: 1.6;
	background-position:center top;
	background-size: 100% auto ;
	background-repeat: no-repeat;
}
.pro-cont img{
	max-width: 100%;
}
.pro-cont .line{
	width: 100%;
	height:1px;
	background: #e3e3e3;
	overflow: hidden;
	margin: 30px 0;
}
.goat-table th{
	background: #4eaee0;
	color: #fff;
	padding: 5px 1px;
}
.goat-table td{
	color: #346aae;
	padding:5px 8px 5px 20px;
	border-bottom: 1px solid #e2ecf9;
	border-left: 1px solid #e2ecf9;
}
.goat-table td.name{
	padding-left: 1px;
	border-left: 0;
}
.mom-table th{
	background: #f7f5eb;
	color: #8c1570;
	padding: 10px 8px;
}
.mom-table td{
	padding: 10px 2px;
	border-bottom: 1px solid #e3e3e3;
}
.mom-list{
	float: none;
	padding: 20px 0;
}
.mom-list li{
	float: none;
	padding-left: 23px;
	background: url("../images/pro/n_sign01.jpg") no-repeat 6px 16px;
}
.ayy-table{
	border-left: 1px solid #e3e3e3;
	border-top: 1px solid #e3e3e3;
}
.ayy-table th{
	background: #e6edf6;
}
.ayy-table td,.ayy-table th{
	padding: 10px;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	color: #1a5cb0;
	font-size: 22px;
}

.pro-list {
	border-top: 1px solid #e6e6e6;
	padding: 44px 0 20px;
}
.pro-list ul {
	float: none;
	width: 584px;
	margin: 0 auto;
}
.pro-list ul li{
	float: left;
	margin: 0 30px 30px;
	width: 226px;
	height: 260px;
	border: 3px solid #dae4e9;
	border-radius: 3px;
	text-align: center;
}
.pro-list ul li a{
	display: block;
	width: 100%;
	height: 100%;
}
.pro-list ul li p{
	font-weight: bold;
	color: #00a0e9;
	font-size: 24px;
}





@charset "utf-8";
/* CSS Document */
.page{
	text-align: center;
}
.page a{
	font-size: 22px;
	color: #ccc;
	display: inline-block;
	_display:inline;
	padding: 2px 8px;
	border: 1px solid #ccc;
	margin-right: 5px;
	line-height: 40px;
}
.page a:hover,.page a.active{
	background: #285da8;
	font-weight: bold;
	color: #fff;
	border: 1px solid #285da8;
}


object,embed{
-webkit-animation-duration:.001s;-webkit-animation-name:playerInserted;
-ms-animation-duration:.001s;-ms-animation-name:playerInserted;
 -o-animation-duration:.001s;-o-animation-name:playerInserted; 
animation-duration:.001s;animation-name:playerInserted;}

@-webkit-keyframes playerInserted{from{opacity:0.99;}to{opacity:1;}}
@-ms-keyframes playerInserted{from{opacity:0.99;}to{opacity:1;}}
@-o-keyframes playerInserted{from{opacity:0.99;}to{opacity:1;}} 
@keyframes playerInserted{from{opacity:0.99;}to{opacity:1;}}


.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}
.i-banner .pagination{
	position: absolute;
	left: 50%;
	bottom: 17px;
	z-index: 10;
	height: 22px;
}
.i-banner .pagination span{
	display: inline-block;
	float: left;
	width: 22px;
	height: 22px;
	margin-right: 10px;
	background: url("../images/bg_sign02.png") no-repeat;
}
.i-banner .pagination span.swiper-active-switch{
	background-position: 0 -22px;
}
.i-box .pagination{
	position: absolute;
	left: 528px;
	top: 35px;
	z-index: 10;
}
.i-box .pagination span{
	display: inline-block;
	float: left;
	width: 15px;
	height: 15px;
	margin-right: 6px;
	background: url("../images/bg_sign04.png") no-repeat;
}
.i-box .pagination span.swiper-active-switch{
	background-position: 0 -15px;
}

.group-wrap .list .pagination{
	position: absolute;
	left: 50%;
	bottom: 0;
	height: 22px;
}
.group-wrap .list .pagination span{
	display: inline-block;
	float: left;
	width: 22px;
	height: 22px;
	margin-right: 10px;
	background: url("../images/bg_sign02.png") no-repeat;
}
.group-wrap .list .pagination span.swiper-active-switch{
	background-position: 0 -22px;
}