/* 站长宝贝模版网 做最好的织梦整站模板下载网站 */
/* 模版源码：Www.AdminBaBy.com */
/* 仿站：Www.AdminBaby.Com */
/* 图标：Www.AdminBaby.Com 专业图标阿里开门站 */
/* QQ：43171398 */

body {

	/*font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;*/

	font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;

	font-size: 14px;

	line-height: 1.5;

	color: #657180;

	background-color: #f7f7f7;

	padding-top: 60px;

}

a, a:active, a:hover {

	text-decoration: none;

	outline: none;

}

* {

	-webkit-transition-property: all;

	transition-property: all;

	-webkit-transition-duration: .3s;

	transition-duration: .3s;

	-webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);

	transition-timing-function: cubic-bezier(0.4, 0, 1, 1);

}

/*手机*/

header {

	position: fixed;

	background: #fff;

	width: 100%;

	top: 0;

	height: 60px;

	z-index: 1000;

}

header>.nav-logo {

	padding: 10px 0 0 15px;

	float: left;

}

header>.nav-logo a {

	display: block;

}

header>.nav-logo img {

	height: 40px;

}

header>.nav-menu {

	width: auto;

	background: #f39800;

	height: 60px;

	position: absolute;

	top: 0;

	right: 0;

	text-align: right;

}

header>.nav-menu>button {

	outline: none;

	padding: 15px 20px 0 20px;

	border: none;

	background: none;

	text-align: right;

}

header>.nav-menu>button>cite {

	font-weight: bold;

	font-size: 18px;

	font-style: normal;

	color: #fff;

	font-family: Arial;

	float: left;

	margin-right: 22px;

}

header>.nav-menu>button>p {

	padding: 0;

	margin: 0;

	width: 33px;

	height: 33px;

	float: left;

	position: relative;

}

header>.nav-menu>button span.icon-bar {

	display: block;

	width: 33px;

	height: 4px;

	background: #fff;

	overflow: hidden;

	line-height: 4px;

	position: absolute;

	-webkit-transition-duration: .5s;

	transition-duration: .5s;

}

header>.nav-menu>button span.icon-bar:nth-child(2) {

	top: 12px;

	-webkit-transition-duration: .3s;

	transition-duration: .3s;

}

header>.nav-menu>button span.icon-bar:nth-child(3) {

	top: 24px;

}

header>.nav-menu.active>button .icon-bar {

	opacity: 0;

}

header>.nav-menu.active>button .icon-bar:first-child {

	width: 33px;

	opacity: 1;

	transform: rotate(45deg) translate3d(7px, 13px, 0);

	-webkit-transform: rotate(45deg) translate3d(7px, 13px, 0);

	-moz-transform: rotate(45deg) translate3d(7px, 13px, 0);

}

header>.nav-menu.active>button .icon-bar:last-child {

	width: 33px;

	opacity: 1;

	transform: rotate(-45deg) translate3d(4px, -10px, 0);

	-webkit-transform: rotate(-45deg) translate3d(4px, -10px, 0);

	-moz-transform: rotate(-45deg) translate3d(4px, -10px, 0);

}

header:after {

	content: '';

	display: block;

	clear: both;

}

#navbar {

	padding: 0;

	margin: 0;

	display: none;

	padding-left: 50px;

}

#navbar ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

#navbar li {

	display: inline-block;

	position: relative;

	font-size: 16px;

	padding: 0 15px;

}

#navbar li a {

	color: #333;

	padding: 0 10px;

	height: 60px;

	line-height: 60px;

}

#navbar li a:hover {

	background: none;

	color: #000;

}

#navbar li.active a:after {

	content: '';

	width: 100%;

	position: absolute;

	background: #f39800;

	left: 0;

	bottom: 0;

	height: 4px;

}

footer {

	width: 100%;

	background-color: #fff;

}

footer>.container-fluid {

	background-color: #f3f3f3;

}

footer>.container-fluid>.container a {

	color: #888;

	text-decoration: none;

}

footer>.container-fluid .pull-left {

	text-align: center;

}

footer>.container-fluid>.container>.pull-right a {

	margin-right: 10px;

}

footer>.container-fluid>.container {

	color: #888;

	padding: 15px 20px;

	font-size: 14px;

}

footer>.container-fluid>.container>.pull-right {

	display: none;

}

footer .container {

	min-width: 100%;

}

footer>.container {

	padding-top: 0;

	padding-bottom: 20px;

}

.footer-nav {

	padding-bottom: 20px;

	padding-top: 20px;

}

.footer-nav ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

.footer-nav>ul>li {

	width: auto;

	display: block;

	border-bottom: 1px solid #e1e1e1;

}

.footer-nav>ul>li>strong {

	display: block;

	padding: 10px 0;

	font-weight: normal;

	color: #333;

	cursor: pointer;

}

.footer-nav>ul>li>strong:after {

	content: '+';

	font-size: 20px;

	float: right;

	position: relative;

	top: -5px;

}

.footer-nav>ul>li:before {

	display: none;

}

.footer-nav>ul>li>ul>li>a {

	color: #888;

	text-decoration: none;

}

.footer-nav>ul>li>ul>li>a:hover {

	color: #333;

}

.footer-nav>ul>li>ul {

	display: none;

}

.footer-nav>ul>li.active>strong:after {

	content: "-"

}

.footer-nav>ul>li.active ul {

	display: block;

	padding-bottom: 20px;

}

.footer-lx {

	float: left;

	padding-right: 0;

}

.footer-lx>h3 {

	font-size: 18px;

	color: #333;

	padding: 0;

	margin: 0;

	margin-bottom: 0;

}

.footer-lx>b, .footer-wx>b {

	display: block;

	font-size: 14px;

	color: #333;

	margin-bottom: 15px;

}

.footer-lx>p {

	margin: 0;

	color: #888;

}

.footer-wx {

	float: left;

	padding-top: 20px;

}

.footer-wx>b {

	display: none;

}

/*弹出的导行-都是全屏*/



.pc-menu {

	position: fixed;

	z-index: 999;

	width: 100%;

	height: 100%;

	background-color: #efefef;

	padding-top: 60px;

	left: -100%;

	top: 0;

	overflow-y: auto;

	overflow-x: hidden;

	opacity: 0;

	transition: all 1s ease 0s;

	-webkit-transition: all 1s ease 0s;

	-moz-transition: all 1s ease 0s;

}

.pc-menu ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

.pc-menu>ul {

	padding: 20px 20px;

}

.pc-menu>ul>li {

}

.pc-menu>ul>li>a {

	display: block;

	font-size: 16px;

	color: #333;

	border-bottom: 2px solid #e1e1e1;

	padding: 10px 0;

	position: relative;

}

.pc-menu>ul>li>a:before {

	content: '';

	display: block;

	height: 2px;

	line-height: 3px;

	overflow: hidden;

	background-color: #979797;

	width: 18px;

	position: absolute;

	right: 0;

	top: 17px;

}

.pc-menu>ul>li>a:after {

	content: '';

	display: block;

	width: 2px;

	line-height: 3px;

	overflow: hidden;

	background-color: #979797;

	height: 18px;

	position: absolute;

	right: 8px;

	top: 9px;

}

.pc-menu>ul>li>ul {

	padding: 0;

	overflow: hidden;

	height: 0;

}

.pc-menu>ul>li>ul>li {

	padding-bottom: 5px;

}

.pc-menu>ul>li>ul>li>a {

	background: #e4e4e4;

	display: block;

	padding: 10px 20px;

	color: #666;

	font-size: 14px;

	position: relative;

}

.pc-menu>ul>li>ul>li>a:after {

	content: '';

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

	display: block;

	width: 20px;

	height: 20px;

	background-size: contain;

	position: absolute;

	right: 20px;

	top: 13px;

}

.pc-menu.active {

	left: 0;

	opacity: 1;

}

.pc-menu a {

	outline: none;

	text-decoration: none;

}

.pc-menu>ul>li.active {

}

.pc-menu>ul>li.active>a:after {

	opacity: 0;

}

.pc-menu>ul>li.active>ul {

	padding: 20px 0;

	height: auto;

}

 @media(min-width:768px) {

body {

	padding-top: 70px;

}

header, header>.nav-menu {

	height: 70px;

}

header>.nav-menu>button {

	padding: 20px 20px 0 20px;

}

header>.nav-logo {

	padding: 12px 0 0 20px;

}

header>.nav-logo img {

	height: 45px;

}

#navbar {

	display: block;

}

#navbar li {

	font-size: 12px;

	padding: 0;

}

#navbar li a {

	height: 70px;

	line-height: 70px;

	padding: 0 5px;

}

footer>.container-fluid>.container {

	color: #888;

	padding: 35px 0;

	font-size: 14px;

}

footer>.container-fluid>.container>.pull-right {

	display: none;

}

footer>.container {

	padding-top: 78px;

	padding-bottom: 100px;

}

.footer-nav ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

.footer-nav>ul>li {

	width: 20%;

	float: left;

	border: none;

}

.footer-nav>ul>li>strong {

	font-size: 18px;

	color: #333;

	display: block;

	padding: 28px 0 15px 0;

	line-height: normal;

}

.footer-nav>ul>li>strong:after {

	display: none;

}

.footer-nav>ul>li:before {

	content: '';

	display: block;

	width: 98px;

	height: 5px;

	line-height: 5px;

	overflow: hidden;

}

.footer-nav>ul>li.xian1:before {

	background-color: #ff6f4d;

}

.footer-nav>ul>li.xian2:before {

	background-color: #f39800;

}

.footer-nav>ul>li.xian3:before {

	background-color: #5bacca;

}

.footer-nav>ul>li.xian4:before {

	background-color: #5cb366;

}

.footer-nav>ul>li.xian5:before {

	background-color: #dfd92b;

}

.footer-nav>ul>li>ul {

	display: block;

}

.footer-nav>ul>li>ul>li {

	line-height: 1.8em;

}

.footer-nav>ul>li>ul>li>a {

	color: #888;

	text-decoration: none;

}

.footer-nav>ul>li>ul>li>a:hover {

	color: #333;

}

.footer-lx {

	float: right;

	padding-right: 45px;

}

.footer-lx>h3 {

	font-size: 24px;

	color: #333;

	padding: 0;

	margin: 0;

	margin-bottom: 5px;

}

.footer-lx>b, .footer-wx>b {

	display: block;

	font-size: 18px;

	color: #333;

	margin-bottom: 15px;

}

.footer-lx>p {

	margin: 0;

	color: #888;

}

.footer-wx {

	width: 200px;

	float: right;

}

footer .container {

	min-width: 528px;

}

.footer-nav>ul>li>strong {

	font-size: 16px;

	color: #333;

	display: block;

	padding: 28px 0 15px 0;

	line-height: normal;

}

.footer-lx {

	width: 50%;

	float: left!important;

}

footer>.container-fluid>.container>.pull-right {

	float: left!important;

	display: block;

}

footer .col-sm-6 {

	width: 100%;

}

footer .col-sm-6+.col-sm-6 {

	padding-top: 40px;

}

/*弹出导行*/

.pc-menu>ul {

	padding: 0;

	position: absolute;

	width: 100%;

	top: 50%;

	left: 50%;

	transform: translate3d(-50%, -50%, 0);

	-webkit-transform: translate3d(-50%, -50%, 0);

	-moz-transform: translate3d(-50%, -50%, 0);

}

.pc-menu>ul>li {

	text-align: center;

}

.pc-menu>ul>li>a {

	border: none;

	height: 100px;

	line-height: 100px;

	padding: 0;

}

.pc-menu>ul>li>a:before {

	position: absolute;

	top: 0;

	left: 0;

	width: 0;

	content: '';

	background: #f39800;

	height: 100%;

	z-index: -1;

	transition: all 1s ease 0s;

	-webkit-transition: all 1s ease 0s;

	-moz-transition: all 1s ease 0s;

}

.pc-menu>ul>li>a:hover {

	color: #fff;

}

.pc-menu>ul>li>a:hover:before {

	width: 100%;

}

.pc-menu>ul>li>a:after {

	display: none;

}

}

@media(min-width:992px) {

body {

	padding-top: 80px;

}

header, header>.nav-menu {

	height: 80px;

}

header>.nav-menu>button {

	padding: 25px 38px 0 20px;

}

header>.nav-logo {

	padding: 12px 0 0 60px;

}

header>.nav-logo img {

	height: 55px;

}

#navbar li {

	font-size: 14px;

	padding: 0;

	font-size: 16px;

}

#navbar li a {

	height: 80px;

	line-height: 80px;

	padding: 0 10px;

}

footer .container {

	min-width: 720px;

}

.footer-nav>ul>li>strong {

	font-size: 16px;

	color: #333;

	display: block;

	padding: 28px 0 15px 0;

	line-height: normal;

}

.footer-nav>ul>li {

	width: auto;

	float: left;

	margin-bottom: 20px;

}

.footer-nav>ul>li:last-child {

	clear: both;

}

.footer-lx {

	width: 250px;

}

footer>.container-fluid>.container>.pull-right {

	float: left!important;

}

footer .col-sm-6 {

	width: 50%;

}

footer .col-sm-6+.col-sm-6 {

	padding-top: 0;

}

}

@media(min-width:1200px) {

body {

	padding-top: 90px;

}

header, header>.nav-menu {

	height: 90px;

}

header>.nav-menu>button {

	padding: 30px 38px 0 40px;

}

header>.nav-logo {

	padding: 12px 0 0 30px;

}

header>.nav-logo img {

	height: 65px;

}

#navbar li {

	font-size: 16px;

	padding: 0 10px;

}

#navbar li a {

	height: 90px;

	line-height: 90px;

}

footer .container {

	min-width: 960px;

}

.footer-nav>ul>li {

	width: 105px;

	float: left;

}

.footer-nav>ul>li:last-child {

	clear: none;

}

.footer-lx {

	width: 300px;

	padding-right: 0;

	padding-left: 50px;

}

footer>.container-fluid>.container>.pull-right {

	float: left!important;

}

}

@media(min-width:1400px) {

body {

	padding-top: 90px;

}

header, header>.nav-menu {

	height: 90px;

}

header>.nav-menu>button {

	padding: 30px 38px 0 40px;

}

header>.nav-logo {

	padding: 12px 0 0 60px;

}

header>.nav-logo img {

	height: 65px;

}

#navbar li {

	font-size: 16px;

	padding: 0 15px;

}

#navbar li a {

	height: 90px;

	line-height: 90px;

}

footer .container {

	min-width: 1200px;

}

.footer-nav>ul>li {

	width: 112px;

	float: left;

}

.footer-lx {

	width: 300px;

}

footer>.container-fluid>.container>.pull-right {

	float: left!important;

}

}

@media(min-width:1680px) {

body {

	padding-top: 90px;

}

header, header>.nav-menu {

	height: 90px;

}

header>.nav-menu>button {

	padding: 30px 38px 0 40px;

}

header>.nav-logo {

	padding: 12px 0 0 60px;

}

header>.nav-logo img {

	height: 65px;

}

#navbar li {

	font-size: 16px;

	padding: 0 15px;

}

#navbar li a {

	height: 90px;

	line-height: 90px;

}

.footer-lx {

	width: auto;

	padding-left: 0;

	padding-right: 50px;

}

footer .container {

	min-width: 1440px;

}

.footer-nav>ul>li {

	width: 132px;

	float: left;

}

footer>.container-fluid>.container>.pull-right {

	float: right!important;

}

}

@media(min-width:1920px) {

body {

	padding-top: 110px;

}

header, header>.nav-menu {

	height: 110px;

}

header>.nav-menu>button {

	padding: 40px 38px 0 40px;

}

header>.nav-logo {

	padding: 16px 0 0 60px;

}

header>.nav-logo img {

	height: 76px;

}

#navbar li a {

	color: #333;

	padding: 0 10px;

	height: 110px;

	line-height: 110px;

}

footer {

	background-color: #fff;

}

footer .container {

	min-width: 1680px;

}

footer>.container {

	padding-top: 78px;

	padding-bottom: 100px;

}

.footer-nav {

}

.footer-nav ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

.footer-nav>ul>li {

	width: 162px;

	float: left;

}

.footer-nav>ul>li>strong {

	font-size: 18px;

	color: #333;

	display: block;

	padding: 28px 0 15px 0;

	line-height: normal;

}

.footer-nav>ul>li:before {

	content: '';

	display: block;

	width: 98px;

	height: 5px;

	line-height: 5px;

	overflow: hidden;

}

.footer-nav>ul>li.xian1:before {

	background-color: #ff6f4d;

}

.footer-nav>ul>li.xian2:before {

	background-color: #f39800;

}

.footer-nav>ul>li.xian3:before {

	background-color: #5bacca;

}

.footer-nav>ul>li.xian4:before {

	background-color: #5cb366;

}

.footer-nav>ul>li.xian5:before {

	background-color: #dfd92b;

}

.footer-nav>ul>li>ul {

}

.footer-nav>ul>li>ul>li {

	line-height: 1.8em;

}

.footer-nav>ul>li>ul>li>a {

	color: #888;

	text-decoration: none;

}

.footer-nav>ul>li>ul>li>a:hover {

	color: #333;

}

.footer-lx {

	clear: both;

	position: absolute;

	right: 220px;

	padding-right: 45px;

}

.footer-lx>h3 {

	font-size: 24px;

	color: #333;

	padding: 0;

	margin: 0;

	margin-bottom: 5px;

}

.footer-lx>b, .footer-wx>b {

	display: block;

	font-size: 18px;

	color: #333;

	margin-bottom: 15px;

}

.footer-lx>p {

	margin: 0;

	color: #888;

}

.footer-wx {

	width: 200px;

	float: right!important;

}

footer>.container-fluid>.container {

	padding: 35px 0;

	font-size: 14px;

}

footer>.container-fluid>.container>.pull-right {

	display: block;

}

footer>.container-fluid>.container>.pull-right a {

	margin-right: 10px;

}

}

/*内页banner*/

/*大部手机页没有给,样式先按1920 设计图中的banner标题位置都不统一*/





.banner {

	height: 370px;

	width: 100%;

	min-width: 100%;

	background-size: 100% 100%;

	text-align: center;

	padding-top: 72px;

}

.banner.p {

	padding-top: 72px;

}

.banner>h2 {

	line-height: normal;

	font-size: 40px;

	color: #fff;

	padding: 0;

	margin: 0;

	display: inline-block;

	text-align: center;

}

.banner>h2:after {

	content: '';

	display: block;

	width: 68px;

	height: 5px;

	line-height: 5px;

	overflow: hidden;

	background-color: #e7970a;

	margin: 0 auto;

	margin-top: 15px;

}

.banner>p {

	color: #fff;

	padding: 0;

	margin: 0;

	line-height: 1.8em;

	padding-top: 25px;

	padding: 25px 20px 0 20px;

}

.banner-about {

	background: url(../images/banner-about.jpg) no-repeat center center;

}

.banner-contact {

	background: url(../images/banner-contact.jpg) no-repeat center center;

}

.banner-hezuo {

	background: url(../images/banner-hezuo.jpg) no-repeat center center;

}

.banner-job {

	background: url(../images/banner-job.jpg) no-repeat center center;

}

.banner-news {

	background: url(../images/banner-news.jpg) no-repeat center center;

}

.banner-default {

	background: url(../images/banner-hezuo.jpg) no-repeat center center;

}

 @media(min-width:768px) {

.banner {

	height: 428px;

	width: 100%;

	min-width: 748px;

	background-size: cover;

	text-align: center;

	padding-top: 135px;

}

.banner.p {

	padding-top: 72px;

}

.banner>h2 {

	line-height: normal;

	font-size: 40px;

	color: #fff;

	padding: 0;

	margin: 0;

	display: inline-block;

	text-align: center;

}

.banner>h2:after {

	content: '';

	display: block;

	width: 68px;

	height: 5px;

	line-height: 5px;

	overflow: hidden;

	background-color: #e7970a;

	margin: 0 auto;

	margin-top: 15px;

}

.banner>.play {

	padding-top: 40px;

}

.banner>.play .icon-play {

	margin: 0 auto;

	display: block;

	width: 58px;

	height: 58px;

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

	background-size: contain;

}

.banner>.play b {

	display: block;

	padding-top: 15px;

	font-size: 16px;

	color: rgba(255,255,255,.6);

}

}

@media(min-width:992px) {

.banner>h2 {

	font-size: 40px;

}

.banner>h2:after {

	width: 68px;

}

}

@media(min-width:1200px) {

}

@media(min-width:1400px) {

}

@media(min-width:1680px) {

}

@media(min-width:1920px) {

}

/*联系我们*/

.contact-icon {

	padding-top: 50px;

	padding-bottom: 20px;

	width: 100%;

	background: #f3f3f3;

}

.contact-icon>.container-fluid {

	padding: 0;

}

.contact-icon .col-div {

	display: block;

	text-align: center;

	position: relative;

	padding-bottom: 0;

	cursor: pointer;

	padding-bottom: 30px;

}

.contact-icon .col-div>.icon-div {

	display: table;

	width: 100px;

	height: 100px;

	border: 2px solid #266b85;

	border-radius: 70px;

	text-align: center;

	margin: 0 auto;

}

.contact-icon .col-div>.icon-div>i {

	display: table-cell;

	vertical-align: middle;

}

.contact-icon .col-div>.icon-div>i:before {

	content: '';

	display: block;

	background-size: contain;

	display: block;

	margin: 0 auto;

}

.contact-icon .col-div>.icon-div>i.icon-dingwei:before {

	width: 29px;

	height: 39px;

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

}

.contact-icon .col-div>.icon-div>i.icon-tel:before {

	width: 41px;

	height: 41px;

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

}

.contact-icon .col-div>.icon-div>i.icon-card:before {

	width: 43px;

	height: 35px;

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

}

.contact-icon .col-div>.icon-div>i.icon-fax:before {

	width: 42px;

	height: 42px;

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

}

.contact-icon .col-div>.txt {

	display: block;

	padding-top: 20px;

	text-align: center;

	font-size: 12px;

	color: #666;

}

.contact-icon .col-div>.txt>p {

	padding: 0;

	margin: 0;

}

.contact-icon .col-div>.txt.padd {

	padding-top: 20px;

}

.contact-icon .col-div:hover>.icon-div {

	-moz-box-shadow: 0 0 40px rgba(38,107,133,.23);

	-webkit-box-shadow: 0 0 40px rgba(38,107,133,.23);

	box-shadow: 0 0 40px rgba(38,107,133,.23);

}

.contact-map {

	width: 100%;

	height: 300px;

	min-width: 100%;

}

.contact-map>#map {

	height: 300px;

}

 @media(min-width:768px) {

.contact-icon {

	padding-top: 128px;

	padding-bottom: 0;

	width: 100%;

	background: #fff;

}

.contact-icon .col-div {

	display: block;

	text-align: center;

	position: relative;

	padding-bottom: 100px;

	cursor: pointer;

}

.contact-icon .col-div>.icon-div {

	display: table;

	width: 140px;

	height: 140px;

	border: 2px solid #266b85;

	border-radius: 70px;

	text-align: center;

	margin: 0 auto;

}

.contact-icon .col-div>.icon-div>i {

	display: table-cell;

	vertical-align: middle;

}

.contact-icon .col-div>.icon-div>i:before {

	content: '';

	display: block;

	background-size: contain;

	display: block;

	margin: 0 auto;

}

.contact-icon .col-div>.icon-div>i.icon-dingwei:before {

	width: 29px;

	height: 39px;

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

}

.contact-icon .col-div>.icon-div>i.icon-tel:before {

	width: 41px;

	height: 41px;

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

}

.contact-icon .col-div>.icon-div>i.icon-card:before {

	width: 43px;

	height: 35px;

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

}

.contact-icon .col-div>.icon-div>i.icon-fax:before {

	width: 42px;

	height: 42px;

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

}

.contact-icon .col-div>.txt {

	display: block;

	padding-top: 20px;

	text-align: center;

	font-size: 18px;

	color: #666;

}

.contact-icon .col-div>.txt>p {

	padding: 0;

	margin: 0;

}

.contact-icon .col-div>.txt.padd {

	padding-top: 32px;

}

.contact-icon .col-div:hover>.icon-div {

	-moz-box-shadow: 0 0 40px rgba(38,107,133,.23);

	-webkit-box-shadow: 0 0 40px rgba(38,107,133,.23);

	box-shadow: 0 0 40px rgba(38,107,133,.23);

}

.contact-map {

	width: 100%;

	height: 575px;

	min-width: 740px;

}

.contact-map>#map {

	height: 575px;

}

}

@media(min-width:992px) {

}

@media(min-width:1200px) {

}

@media(min-width:1400px) {

}

@media(min-width:1680px) {

}

@media(min-width:1920px) {

}

/*合作洽谈*/

.hezuo {

	padding: 30px 15px;

}

.hezuo>.item {

	padding: 10px 0;

	color: #fff;

}

.hezuo>.item.item1 .item-txt {

	background-color: #ee9b35;

}

.hezuo>.item.item2 .item-txt {

	background-color: #e25661;

}

.hezuo>.item.item3 .item-txt {

	background-color: #019c9e;

}

.hezuo>.item>.item-img {

	display: block;

}

.hezuo>.item>.item-img img {

	width: 100%;

}

.hezuo>.item>.item-txt {

	padding: 25px 30px;

}

.hezuo>.item>.item-txt>i {

	display: block;

}

.hezuo>.item>.item-txt>i.icon1 {

	width: 25px;

	height: 25px;

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

	background-size: contain;

}

.hezuo>.item>.item-txt>i.icon2 {

	width: 30px;

	height: 30px;

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

	background-size: contain;

}

.hezuo>.item>.item-txt>i.icon3 {

	width: 28px;

	height: 28px;

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

	background-size: contain;

}

.hezuo>.item>.item-txt>h3 {

	padding: 6px 0 10px;

	margin: 0;

	display: block;

	font-size: 20px;

}

.hezuo>.item>.item-txt>ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

.hezuo>.item>.item-txt>ul>li {

	background: url(../images/dian.png) no-repeat 0 .8em;

	padding-left: 15px;

	line-height: 2em;

}

.hezuo-fot {

	background-color: #005981;

	color: #fff;

	padding: 60px 0 20px 0;

}

.hezuo-fot ul {

	padding: 0;

	margin: 0;

	list-style: none;

	text-align: center;

}

.hezuo-fot ul>li {

	display: block;

	padding-bottom: 40px;

}

.hezuo-fot ul cite {

	display: block;

	width: 140px;

	height: 140px;

	border: 1px solid #fff;

	border-radius: 70px;

	margin: 0 auto;

	margin-bottom: 20px;

	position: relative;

}

.hezuo-fot cite i {

	position: absolute;

	left: 50%;

	top: 50%;

}

.hezuo-fot cite i.icon-tel {

	display: block;

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

	background-size: contain;

	width: 44px;

	height: 61px;

	margin-left: -22px;

	margin-top: -30px;

}

.hezuo-fot cite i.icon-dingwei {

	display: block;

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

	background-size: contain;

	width: 43px;

	height: 53px;

	margin-left: -21.5px;

	margin-top: -26.5px;

}

.hezuo-fot cite i.icon-fax {

	display: block;

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

	background-size: contain;

	width: 49px;

	height: 49px;

	margin-left: -24.5px;

	margin-top: -24.5px;

}

.hezuo-fot ul b {

	display: block;

	font-weight: normal;

}

.hezuo-fot ul span {

}

 @media(min-width:768px) {

.hezuo {

	padding: 80px 0 70px 0;

}

.hezuo>.item {

	padding: 0 0;

	color: #fff;

	position: relative;

	margin-bottom: 30px;

}

.hezuo>.item .item-txt {

	position: relative!important;

	height: auto!important;

	padding-bottom: 30px!important;

}

.hezuo>.item:after {

	content: '';

	display: block;

	clear: both;

}

.hezuo>.item.item1 .item-txt {

	background-color: #ee9b35;

	float: right;

}

.hezuo>.item.item2 .item-txt {

	background-color: #e25661;

}

.hezuo>.item.item3 .item-txt {

	background-color: #019c9e;

}

.hezuo>.item>.item-img {

	display: block;

	position: absolute;

	top: 0;

	z-index: -1;

	height: 100%;

	overflow: hidden;

	bottom: 0;

}

.hezuo>.item>.item-img img {

	width: 100%;

	height: 100%;

}

.hezuo>.item.item1>.item-img {

	left: 0;

}

.hezuo>.item.item2>.item-img {

	right: 0;

}

.hezuo>.item.item3>.item-img {

	left: 0;

}

.hezuo>.item>.item-txt {

	padding: 50px 20px 0 60px;

	height: 306px;

	width: 520px;

	position: absolute;

	top: 0;

	z-index: 2;

}

.hezuo>.item.item1>.item-txt {

	right: 0;

}

.hezuo>.item.item2>.item-txt {

	left: 0;

}

.hezuo>.item.item3>.item-txt {

	right: 0;

}

.hezuo>.item>.item-txt>i {

	display: block;

}

.hezuo>.item>.item-txt>i.icon1 {

	width: 36px;

	height: 34px;

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

	background-size: contain;

}

.hezuo>.item>.item-txt>i.icon2 {

	width: 35px;

	height: 39px;

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

	background-size: contain;

}

.hezuo>.item>.item-txt>i.icon3 {

	width: 36px;

	height: 42px;

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

	background-size: contain;

}

.hezuo>.item>.item-txt>h3 {

	padding: 6px 0 25px;

	margin: 0;

	display: block;

	font-size: 28px;

}

.hezuo>.item>.item-txt>ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

.hezuo>.item>.item-txt>ul>li {

	background: url(../images/dian.png) no-repeat 0 .6em;

	padding-left: 15px;

	line-height: 1.5em;

	margin-bottom: 5px;

}

.hezuo-fot {

	background: url(../images/banner-hz-ft.jpg) no-repeat center center;

	background-size: cover;

	height: 548px;

	color: #fff;

	padding: 60px 0 20px 0;

}

.hezuo-fot .title {

	text-align: center;

	padding-top: 70px;

	padding-bottom: 60px;

}

.hezuo-fot .title h2 {

	font-size: 22px;

	color: rgba(255,255,255,1);

	padding: 0;

	margin: 0;

}

.hezuo-fot .title p {

	font-size: 16px;

	color: rgba(255,255,255,.4);

	padding: 0;

	margin: 0;

}

.hezuo-fot ul {

	padding: 0;

	margin: 0;

	list-style: none;

	text-align: center;

	padding: 0 -15px;

}

.hezuo-fot ul>li {

	display: block;

	padding-bottom: 40px;

	width: 25%;

	float: left;

	font-size: 18px;

}

.hezuo-fot ul>li:nth-child(2) {

	width: 50%;

}

.hezuo-fot ul cite {

	display: block;

	width: 94px;

	height: 94px;

	border: 1px solid #fff;

	border-radius: 70px;

	margin: 0 auto;

	margin-bottom: 20px;

	position: relative;

}

.hezuo-fot cite i {

	position: absolute;

	left: 50%;

	top: 50%;

}

.hezuo-fot cite i.icon-tel {

	display: block;

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

	background-size: contain;

	width: 27px;

	height: 34px;

	margin-left: -13.5px;

	margin-top: -17px;

}

.hezuo-fot cite i.icon-dingwei {

	display: block;

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

	background-size: contain;

	width: 29px;

	height: 34px;

	margin-left: -14.5px;

	margin-top: -17px;

}

.hezuo-fot cite i.icon-fax {

	display: block;

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

	background-size: contain;

	width: 30px;

	height: 30px;

	margin-left: -15px;

	margin-top: -15px;

}

.hezuo-fot ul b {

	display: block;

	font-weight: normal;

}

.hezuo-fot ul span {

	padding-top: 2px;

	display: block;

}

}

@media(min-width:992px) {

}

@media(min-width:1200px) {

}

@media(min-width:1400px) {

}

@media(min-width:1680px) {

}

@media(min-width:1920px) {

}

/*人才*/

.jobs * {

	-webkit-transition-property: all;

	transition-property: all;

	-webkit-transition-duration: .5s;

	transition-duration: .5s;

	-webkit-transition-timing-function: ease-out;

	transition-timing-function: ease-out;

}

.jobs {

	padding: 40px 15px;

}

.jobs>h3 {

	font-size: 24px;

	color: #444;

	padding: 0;

	margin: 0;

}

.jobs .panel-group {

	padding: 20px 0;

}

.jobs .panel+.panel {

	padding-top: 15px;

}

.jobs .panel-body {

	padding: 10px 15px;

	line-height: 2em;

}

.jobs .panel-title {

	margin: 0;

}

.jobs .panel-title>a {

	display: block;

	background: #615392;

	color: #fff;

	padding: 12px 20px;

	font-size: 16px;

	outline: none;

	text-decoration: none;

	position: relative;

}

.jobs .panel-title>a:after {

	position: absolute;

	right: 20px;

	top: 20px;

	content: '';

	border-right: 1px solid #fff;

	border-bottom: 1px solid #fff;

	width: 10px;

	height: 10px;

	display: block;

	transform: rotate(-135deg) translate3d(0px, 0px, 0);

	-webkit-transform: rotate(-135deg) translate3d(0px, 0px, 0);

	-moz-transform: rotate(-135deg) translate3d(0px, 0px, 0);

	transition-duration: .5s;

}

.jobs .panel-title>a.collapsed {

	background: #e4e4e4;

	color: #333;

}

.jobs .panel-title>a.collapsed:after {

	top: 15px;

	transform: rotate(45deg) translate3d(0px, 0px, 0);

	-webkit-transform: rotate(45deg) translate3d(0px, 0px, 0);

	-moz-transform: rotate(45deg) translate3d(0px, 0px, 0);

}

@media(min-width:768px) {

.jobs {

	padding: 78px 15px;

}

.jobs>h3 {

	font-size: 26px;

	color: #333;

	padding: 0;

	margin: 0;

}

.jobs .panel-group {

	padding: 40px 0 0 0;

}

.jobs .panel+.panel {

	padding-top: 10px;

}

.jobs .panel-body {

	padding: 10px 35px;

	line-height: 2em;

	font-size: 16px;

	color: #888;

}

.jobs .panel-body h4 {

	font-size: 18px;

	color: #333;

}

.jobs .panel-title {

	margin: 0;

}

/*.jobs .panel-title>a.collapsed{ background:#e4e4e4; color:#333;}*/

.jobs .panel-title>a {

	display: block;

	background: #615392;

	color: #fff;

	padding: 15px 35px;

	font-size: 20px;

	outline: none;

	text-decoration: none;

	position: relative;

}

.jobs .panel-title>a:after {

	top: 30px;

}

.jobs .panel-title>a.collapsed:after {

	top: 24px;

	border-right: 1px solid #333;

	border-bottom: 1px solid #333;

}

}

 @media(min-width:992px) {

}

@media(min-width:1200px) {

}

@media(min-width:1400px) {

}

@media(min-width:1680px) {

}

@media(min-width:1920px) {

}

/*新闻中心*/

.news {

}

.news-nav {

	display: block;

	padding: 40px 0 15px 0;

	text-align: center;

}

.news-nav>a {

	display: inline-block;

	font-size: 10px;

	padding: 5px 10px;

	color: #333;

	background: #fff;

	border: 1px solid #dedede;

	margin: 0;

	border-radius: 4em;

}

.news-nav>a:hover {

	background: rgba(29,118,153,.3);

	color: #fff;

}

.news-nav>a.active {

	background: rgba(29,118,153,1);

	color: #fff;

}

.news .grid {

	min-width: 100%;

	margin: 0;

}

.news .grid>ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

.news .grid li {

	width: 100%;

	opacity: 0;

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

	box-shadow: none;

	background: #fff;

	margin: 0 0 15px 0;

	padding: 10px;

}

.news .grid li.show {

	opacity: 1;

}

.news .grid li .img {

}

.news .grid li .img img {

	width: 100%;

}

.news .grid li .txt {

	padding-bottom: 10px;

}

.news .grid li .txt h3 {

	color: #666

}

.news .grid li .txt p {

	color: #c1c1c1;

}

.news .grid li .txt small {

	color: #888;

}

.news .grid li a {

	outline: none;

	text-decoration: none;

}

.news>.body {

}

.news>.body>.title {

	text-align: center;

	padding-bottom: 20px;

	padding-top: 20px;

	border-bottom: 1px solid #dfdfdf;

}

.news>.body>.title h2 {

	margin: 0;

	margin: 0;

	color: #666;

	font-size: 24px;

}

.news>.body>.title p {

	margin: 0;

	color: #888;

	font-size: 16px;

}

.news>.body>.content {

	padding: 20px 0;

}

.news>.body>.content img {

	width: 100%;

}

.news>.body>.footer {

}

.news>.body>.footer>.fx {

	display: block;

	padding-bottom: 20px;

}

.news>.body>.footer>.pull-left {

}

.news>.body>.footer>.pull-right {

	float: left!important;

	width: 100%;

	padding: 30px 0;

}

.news>.body>.footer>.pull-left a {

	display: block;

	color: #888;

	text-decoration: none;

}

.news>.body>.footer>.pull-right a {

	border: 1px solid #f39800;

	color: #f39800;

	font-size: 16px;

	padding: 5px 30px;

	border-radius: 10em;

}

 @media(min-width:768px) {

.news {

	padding-bottom: 100px;

}

.news-nav {

	display: block;

	padding: 60px 0 65px 0;

	text-align: center;

}

.news-nav>a {

	display: inline-block;

	font-size: 18px;

	padding: 15px 45px;

	color: #333;

	background: none;

	border: 1px solid #dedede;

	margin: 0 14px 0 14px;

	border-radius: 4em;

	outline: none;

	text-decoration: none;

}

.news-nav>a:hover {

	border-color: rgba(243,152,0,1);

	background: rgba(243,152,0,.5);

	color: #fff;

}

.news-nav>a.active {

	border-color: rgba(243,152,0,1);

	background: rgba(243,152,0,1);

	color: #fff;

}

.news .grid ul {

}

.news .grid li {

	width: 33.33%;

	opacity: 0;

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

	box-shadow: none;

	background: none;

	margin: 0;

	padding: 6px;

}

.news .grid li.show {

	opacity: 1;

}

.news .grid li>div {

	background: #fff;

	padding: 16px;

}

.news .grid li:hover>div {

	-moz-box-shadow: 0 0 40px rgba(0,0,0,.24);

	-webkit-box-shadow: 0 0 40px rgba(0,0,0,.24);

	box-shadow: 0 0 40px rgba(0,0,0,.24);

}

.news .grid li .txt h3 {

	color: #666;

	font-size: 18px;

	margin: 0;

	padding: 0;

	display: block;

	padding: 25px 0 0 0;

}

.news .grid li .txt p {

	color: #c1c1c1;

	font-size: 14px;

	margin: 0;

	display: block;

	padding-top: 15px;

}

.news .grid li .txt small {

	color: #888;

	font-size: 12px;

	display: block;

	padding-top: 32px;

}

.news>.body {

}

.news>.body>.title {

	padding-top: 0;

	padding-bottom: 25px;

}

.news>.body>.title h2 {

	font-size: 22px;

	padding-bottom: 10px;

}

.news>.body>.title p {

	font-size: 14px;

}

.news>.body>.content {

	padding: 40px 0;

}

.news>.body>.content img {

	width: 100%;

}

.news>.body>.footer {

	border-top: 1px solid #dfdfdf;

	padding-top: 20px;

}

.news>.body>.footer>.fx {

	display: block;

	padding-bottom: 20px;

}

.news>.body>.footer>.pull-left {

}

.news>.body>.footer>.pull-right {

	float: right!important;

	width: auto;

	padding: 0 0;

}

.news>.body>.footer>.pull-left a {

}

.news>.body>.footer>.pull-right a:hover {

	background: rgba(243,152,0,1);

	color: #fff;

}

}

 @media(min-width:992px) {

}

@media(min-width:1200px) {

.news>.body>.content img {

	width: auto;

	max-width: 1140px;

}

}

@media(min-width:1400px) {

}

@media(min-width:1680px) {

}

@media(min-width:1920px) {

}

/*物业服务升级*/

.fwnav {



}

.fwnav .btn {

	padding: 10px 5px;

	border: none;

	color: #333;

	font-size: 10px;

}

.fwnav .btn-group {

	padding: 0 0;

	font-size: 10px;

}

.fwnav .btn-group+.btn-group {

	border-left: 1px solid #ccc;

}

@media(min-width:768px) {

.fwnav .btn-group {

	padding: 0 5px!important;

	font-size: 14px;

}

.fwnav .btn-group+.btn-group {

	border-left: none!important;

}

}

.fwnav .btn.active {

	background: #1d7699;

	color: #fff;

	position: relative;

}

.fwnav .btn.active:after {

	content: '';

	position: absolute;

	bottom: -10px;

	left: 50%;

	margin-left: -10px;

	display: inline-block;

	width: 0;

	height: 0;

	vertical-align: middle;

	border-top: 10px dashed #1d7699;

	border-top: 10px solid #1d7699;

	border-right: 10px solid transparent;

	border-left: 10px solid transparent;

}

.fwtitle {

	display: block;

	text-align: center;

	padding: 50px 0 20px 0;

	position: relative;

}

.fwtitle:after {

	content: '';

	height: 1px;

	width: 100%;

	position: absolute;

	top: 50%;

	left: 0;

	background: #ccc;

	overflow: hidden;

	line-height: 1px;

	z-index: 1;

	margin-top: 14px;

}

.fwtitle>h3 {

	padding: 0;

	margin: 0;

	font-size: 24px;

	display: inline-block;

	background: #fff;

	padding: 10px 30px;

	position: relative;

	z-index: 2;

	color: #333;

}

.fwtitle>h3:before, .fwtitle>h3:after {

	content: '';

	width: 10px;

	height: 10px;

	background-color: #ccc;

	border-radius: 5px;

	position: absolute;

	top: 50%;

	margin-top: -5px;

}

.fwtitle>h3:before {

	left: 0;

}

.fwtitle>h3:after {

	right: 0;

}

.fwbox2-1 {

	background: #fff;

	padding: 0 15px;

}

.fwbox2-1 .txt {

	text-align: center;

	color: #666;

	padding-bottom: 50px;

}

.fwbox2-1 .col-div1 {

	background: #d38371;

}

.fwbox2-1 .col-div2 {

	background: #2b87b9;

}

.fwbox2-1 .col-box {

	padding: 30px 0;

}

.fwbox2-1 .col-box:after {

	content: '';

	display: block;

	clear: both;

}

.fwbox2-1 .col-box>h4 {

	display: block;

	text-align: center;

	color: #ffd8c3;

	margin: 0;

	padding: 0;

	font-size: 20px;

	padding-bottom: 30px;

}

.fwbox2-1 .col-box>ul {

	padding: 0;

	margin: 0;

	list-style: none;

	position: relative;

	padding: 0 15px;

}

.fwbox2-1 .col-box>ul>li {

	width: 50%;

	float: left;

	text-align: center;

	padding: 0 10px;

}

.fwbox2-1 .col-box>ul>li>img {

	display: block;

	width: 120px;

	margin: 0 auto;

}

.fwbox2-1 .col-box>ul>li>b {

	color: #fff;

	display: block;

	padding-top: 10px;

}

.fwbox2-1 .col-box>ul>li:first-child {

	width: 100%;

	margin-bottom: 10px;

}

.fwbox2-1 .col-div2>.col-box>h4 {

	color: #73ceec;

}

.fwbox2-2 {

	background: url(../images/bg.jpg) repeat-x center bottom;

	background-size: cover;

	padding-bottom: 60px;

}

.fwbox2-2 .fwtitle>h3 {

	background: url(../images/bg.png);

	color: #fff;

}

.fwbox2-2 .iphone1 {

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

	background-size: contain;

	width: 180px;

	height: 368px;

	margin: 0 auto;

}

.fwbox2-2 .iphone1>.img {

	position: relative;

	top: 44px;

	left: 12px;

	width: 156px;

	height: 280px;

	overflow: hidden;

	display: none;

}

.fwbox2-2 .iphone1>.img>img {

	width: 156px;

	height: 280px;

}

.fwbox2-2 .iphone1>.img.active {

	display: block;

}

.fwbox2-2 .txt {

	padding: 20px 0;

}

.fwbox2-2 .txt-nav {

}

.fwbox2-2 .txt-nav a {

	font-size: 14px;

	color: #97e6eb;

	display: inline-block;

	padding: 10px 0 2px 0;

	margin-right: 20px;

	font-weight: bold;

}

.fwbox2-2 .txt-nav a:hover {

	text-decoration: none;

	outline: none;

}

.fwbox2-2 .txt-nav a.active {

	border-bottom: 7px solid #f39800!important;

}

.fwbox2-2 .txt-des {

	color: #fff;

	padding-top: 30px;

}

.fwbox2-2 .wx {

	text-align: center;

	color: #fff;

	padding-top: 15px;

}

.fwbox2-2 .wx img {

	width: auto;

	display: block;

	margin: 0 auto;

}

.fwbox2-2 .wx>b {

	display: block;

	padding-top: 10px;

}

.fwbox2-3 {

	background: #fff;

	padding-bottom: 15px;

}

.fwbox2-3 .item1 {

	color: #2c7ca7;

	text-align: center;

}

.fwbox2-3 .item1>h3 {

	color: #333;

	font-size: 24px;

	text-align: center;

}

.fwbox2-3 .item1>.sbox1 {

	text-align: center;

}

.fwbox2-3 .item1>.sbox1>h4 {

	display: none;

}

.fwbox2-3 .item1>.sbox1>.img {

	display: block;

	text-align: center;

	padding: 20px 0;

}

.fwbox2-3 .item1>.sbox1>.img>img {

	width: 220px;

	margin: 0 auto;

}

.fwbox2-3 .item1>.sbox1>b {

	font-size: 16px;

	display: block;

}

.fwbox2-3 .item1>.sbox2 {

	display: none;

}

.fwbox2-3 .item1>.sbox3 {

}

.fwbox2-3 .item1>.sbox3>h4 {

	display: none;

}

.fwbox2-3 .item1>.sbox3>.img {

	display: block;

	text-align: center;

	padding: 20px 0;

}

.fwbox2-3 .item1>.sbox3>.img>img {

	width: 220px;

	margin: 0 auto;

}

.fwbox2-3 .item1>.sbox3>b {

	font-size: 16px;

	display: block;

	padding: 0 20px;

}

.fwbox2-3 .swiper-pagination {

	position: relative;

	padding-top: 40px;

}

.fwbox2-3 .swiper-pagination-bullet {

	width: 12px;

	height: 12px;

	display: inline-block;

	border-radius: 100%;

	background: #146d9d;

	opacity: 1;

}

.fwbox2-3 .swiper-pagination-bullet-active {

	opacity: 1;

	background: #f39800;

}

.fwbox2-4 {

	background: #146d9d;

	padding: 0 15px 50px 15px;

}

.fwbox2-4 .fwtitle>h3 {

	background: #146d9d;

	color: #fff;

}

.fwbox2-4 .txt {

	padding-bottom: 20px;

	color: #fff;

}

.fwbox2-4 .sbox {

	padding: 0 20px;

}

.fwbox2-4 .sbox img {

	width: 100%;

}

 @media(min-width:768px) {

.fwnav {



}

.fwnav .btn {

	padding: 26px 0;

	border: none;

	color: #333;

	font-size: 20px!important;

}

.fwnav .btn-group {

	padding: 0 0;    margin: 30px 0;

}

.fwtitle {

	width: 636px;

	margin: 0 auto;

}

.fwbox2-1 {

}

.fwbox2-1 .fwtitle {

	width: 636px;

	margin: 0 auto;

}

.fwbox2-1 .fwtitle>h3 {

	font-size: 30px;

	padding-right: 40px;

	padding-left: 40px;

}

.fwbox2-1 .txt {

	padding-bottom: 50px;

	font-size: 18px;

	width: 700px;

	margin: 0 auto;

	padding-top: 20px;

}

.fwbox2-1 .col-sm-6 {

	height: 736px;

}

.fwbox2-1 .col-box {

	position: absolute;

	top: 0;

	height: 100%;

}

.fwbox2-1 .col-div1>.col-box {

	right: 0;

}

.fwbox2-1 .col-div2>.col-box {

	left: 0;

}

.fwbox2-1 .col-box>h4 {

	font-size: 28px;

	position: absolute;

	top: 50%;

	margin-top: -14px;

}

.fwbox2-1 .col-div1>.col-box>h4 {

	right: 50px;

}

.fwbox2-1 .col-div2>.col-box>h4 {

	left: 50px;

}

.fwbox2-1 .col-box>ul>li>b {

	font-size: 14px;

	padding-top: 15px;

}

.fwbox2-1 .col-box>ul>li>img {

	width: 150px;

}

.fwbox2-1 .col-box ul {

	padding-top: 60px;

}

.fwbox2-1 .col-div1 ul>li {

	width: 200px;

	float: none;

	position: relative;

	left: -20px;

}

.fwbox2-1 .col-div1 ul>li:nth-child(1) {

	width: 200px;

}

.fwbox2-1 .col-div1 ul>li:nth-child(2) {

	left: -170px;

}

.fwbox2-1 .col-div1 ul>li:nth-child(3) {

	top: -30px;

}

.fwbox2-1 .col-div2 ul>li {

	width: 200px;

	float: none;

	position: relative;

	right: -20px;

}

.fwbox2-1 .col-div2 ul>li:nth-child(1) {

	width: 200px;

}

.fwbox2-1 .col-div2 ul>li:nth-child(2) {

	right: -170px;

}

.fwbox2-1 .col-div2 ul>li:nth-child(3) {

	top: -30px;

}

.fwbox2-2 {

	height: 820px;

}

.fwbox2-2 .fwtitle {

	width: 636px;

	margin: 20px auto;

	margin-bottom: 20px;

}

.fwbox2-2 .iphone1 {

	width: 259px;

	height: 530px;

}

.fwbox2-2 .iphone1>.img {

	position: relative;

	top: 62px;

	left: 17px;

	width: 225px;

	height: 404px;

	overflow: hidden;

}

.fwbox2-2 .iphone1>.img>img {

	width: 225px;

	height: 404px;

}

.fwbox2-2 .txt {

	font-size: 16px;

	position: relative;

	padding-top: 186px;

	padding-left: 50px;

}

.fwbox2-2 .txt>.txt-des {

	position: absolute;

	top: 40px;

	width: auto;

}

.fwbox2-2 .txt>.txt-nav {

	width: auto;

	position: relative;

}

.fwbox2-2 .txt>.txt-nav>a {

	font-size: 16px;

	border-bottom-width: 7px;

	padding: 15px 0 10px 0;

	margin-right: 30px;

	z-index: 2;

	position: relative;

	border-color: transparent;

	border-bottom-style: solid;

}

.fwbox2-2 .txt>.txt-nav>a:last-child {

	margin-right: 0;

}

.fwbox2-2 .wx {

	padding-left: 50px;

	text-align: left;

	padding-top: 20px;

}

.fwbox2-2 .wx>img {

	margin: 0;

}

.fwbox2-2 .wx b {

	font-size: 16px;

}

.fwbox2-3 .swiper-pagination {

}

.fwbox2-3 .swiper-pagination-fraction, .fwbox2-3 .swiper-pagination-custom, .fwbox2-3 .swiper-container-horizontal > .swiper-pagination-bullets {

	left: auto;

	right: 60px;

	width: 15px;

	height: auto;

	position: absolute;

	top: 35%;

}

.fwbox2-3 .swiper-pagination-bullet {

	width: 15px;

	height: 15px;

}

.fwbox2-3 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {

	margin-bottom: 30px;

}

.fwbox2-4 {

	height: auto;

	background: url(../images/bg.png);

	padding-top: 30px;

	padding-bottom: 30px;

}

.fwbox2-4 .fwtitle {

	width: 636px;

	margin: 0 auto;

	margin-bottom: 20px;

}

.fwbox2-4 .txt {

	width: auto;

	margin: 0 auto;

	text-align: center;

	font-size: 24px;

}

.fwbox2-4 .sbox {

	text-align: center;

	padding: 70px 20px 0 20px;

}

.fwbox2-4 .sbox>img {

	width: 100%;

}

}

 @media(min-width:992px) {

.fwbox2-1 .txt {

	width: 945px;

}

.fwbox2-1 .col-sm-6 {

	height: 736px;

}

.fwbox2-1 .col-box>h4 {

	font-size: 28px;

	position: absolute;

	top: 50%;

	margin-top: -18px;

}

.fwbox2-1 .col-box>ul>li>img {

	width: 150px;

}

.fwbox2-1 .col-box>ul>li>b {

	font-size: 16px;

	padding-top: 15px;

}

.fwbox2-1 .col-box ul {

	padding-top: 60px;

}

.fwbox2-1 .col-div1 ul>li {

	width: 200px;

	float: none;

	position: relative;

	left: -40px;

}

.fwbox2-1 .col-div1 ul>li:nth-child(1) {

	width: 200px;

}

.fwbox2-1 .col-div1 ul>li:nth-child(2) {

	left: -190px;

}

.fwbox2-1 .col-div1 ul>li:nth-child(3) {

	top: -30px;

}

.fwbox2-1 .col-div2 ul>li {

	width: 200px;

	float: none;

	position: relative;

	right: -40px;

}

.fwbox2-1 .col-div2 ul>li:nth-child(1) {

	width: 200px;

}

.fwbox2-1 .col-div2 ul>li:nth-child(2) {

	right: -190px;

}

.fwbox2-1 .col-div2 ul>li:nth-child(3) {

	top: -30px;

}

.fwbox2-2 .txt {

	padding-left: 0px;

}

.fwbox2-2 .txt>.txt-des {

	width: auto;

}

.fwbox2-2 .txt>.txt-nav {

	width: 540px;

	position: relative;

}

.fwbox2-2 .txt>.txt-nav>a {

	font-size: 18px;

	border-bottom-width: 7px;

	padding: 20px 0 10px 0;

	margin-right: 30px;

	z-index: 2;

	position: relative;

}

.fwbox2-2 .txt>.txt-nav>a:last-child {

	margin-right: 0;

}

.fwbox2-2 .txt>.txt-nav:before {

	content: '';

	background: rgba(151,206,235,.3);

	height: 3px;

	width: 100%;

	display: block;

	position: absolute;

	line-height: 3px;

	overflow: hidden;

	left: 0;

	top: 59px;

}

.fwbox2-2 .txt>.txt-nav:after {

	content: '';

	background: rgba(151,206,235,.3);

	height: 3px;

	width: 100%;

	display: block;

	position: absolute;

	line-height: 3px;

	overflow: hidden;

	left: 0;

	bottom: 2px;

}

.fwbox2-2 .wx {

	padding-left: 0;

	text-align: left;

	padding-top: 50px;

}

.fwbox2-2 .wx>img {

	margin: 0;

}

.fwbox2-2 .wx b {

	font-size: 16px;

}

.fwbox2-3 .swiper-pagination {

}

.fwbox2-3 .swiper-pagination-fraction, .fwbox2-3 .swiper-pagination-custom, .fwbox2-3 .swiper-container-horizontal > .swiper-pagination-bullets {

	left: auto;

	right: 60px;

	width: 15px;

	height: auto;

	position: absolute;

	top: 35%;

}

.fwbox2-3 .swiper-pagination-bullet {

	width: 15px;

	height: 15px;

}

.fwbox2-3 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {

	margin-bottom: 30px;

}

.fwbox2-4 {

	height: auto;

	background: url(../images/bg.png);

	padding-top: 30px;

}

.fwbox2-4 .fwtitle {

	width: 636px;

	margin: 0 auto;

	margin-bottom: 20px;

}

.fwbox2-4 .txt {

	width: 750px;

	margin: 0 auto;

	text-align: center;

	font-size: 24px;

}

.fwbox2-4 .sbox {

	padding: 70px 100px 0 100px;

}

.fwbox2-4 .sbox>img {

	width: 100%;

}

}

@media(min-width:1200px) {

.fwbox2-1 .col-sm-6 {

	height: 800px;

}

.fwbox2-1 .col-box>h4 {

	font-size: 30px;

	position: absolute;

	top: 50%;

	margin-top: -18px;

}

.fwbox2-1 .col-box>ul>li>img {

	width: auto;

}

.fwbox2-1 .col-box ul {

	padding-top: 60px;

}

.fwbox2-1 .col-div1 ul>li {

	width: 250px;

	float: none;

	position: relative;

	left: -50px;

}

.fwbox2-1 .col-div1 ul>li:nth-child(1) {

	width: 250px;

}

.fwbox2-1 .col-div1 ul>li:nth-child(2) {

	left: -250px;

}

.fwbox2-1 .col-div1 ul>li:nth-child(3) {

	top: -30px;

}

.fwbox2-1 .col-div2 ul>li {

	width: 250px;

	float: none;

	position: relative;

	right: -50px;

}

.fwbox2-1 .col-div2 ul>li:nth-child(1) {

	width: 250px;

}

.fwbox2-1 .col-div2 ul>li:nth-child(2) {

	right: -250px;

}

.fwbox2-1 .col-div2 ul>li:nth-child(3) {

	top: -30px;

}

.fwbox2-2 .txt {

	font-size: 20px;

	padding-left: 100px;

}

.fwbox2-2 .txt>.txt-des {

	width: 662px;

}

.fwbox2-2 .txt>.txt-nav {

	width: 540px;

}

.fwbox2-2 .txt>.txt-nav>a {

	font-size: 18px;

	border-bottom-width: 7px;

	padding: 20px 0 10px 0;

	margin-right: 30px;

	z-index: 2;

	position: relative;

}

.fwbox2-2 .wx {

	padding-left: 100px;

}

}

@media(min-width:1400px) {

.fwbox2-1 .col-sm-6 {

	height: 836px;

}

.fwbox2-1 .col-box>h4 {

	font-size: 36px;

	position: absolute;

	top: 50%;

	margin-top: -35px;

}

.fwbox2-1 .col-box>ul>li>img {

	width: auto;

}

.fwbox2-1 .col-box ul {

	padding-top: 60px;

}

.fwbox2-1 .col-div1 ul>li {

	width: 300px;

	float: none;

	position: relative;

	left: -50px;

}

.fwbox2-1 .col-div1 ul>li:nth-child(1) {

	width: 300px;

}

.fwbox2-1 .col-div1 ul>li:nth-child(2) {

	left: -300px;

}

.fwbox2-1 .col-div1 ul>li:nth-child(3) {

	top: -30px;

}

.fwbox2-1 .col-div2 ul>li {

	width: 300px;

	float: none;

	position: relative;

	right: -50px;

}

.fwbox2-1 .col-div2 ul>li:nth-child(1) {

	width: 300px;

}

.fwbox2-1 .col-div2 ul>li:nth-child(2) {

	right: -300px;

}

.fwbox2-1 .col-div2 ul>li:nth-child(3) {

	top: -30px;

}

.fwbox2-3 {

	background: #fff;

	padding-bottom: 0;

	height: 906px;

}

.fwbox2-3>.swiper-container {

	height: 906px;

}

.fwbox2-3 .item1 {

	position: relative;

}

.fwbox2-3 .item1>h3 {

	font-size: 36px;

	margin: 0;

	padding-top: 70px;

}

.fwbox2-3 .item1>.sbox1 {

	position: absolute;

	top: 220px;

	left: 10%;

	width: 380px;

}

.fwbox2-3 .item1>.sbox1>h4 {

	font-size: 34px;

	margin: 0;

	display: block;

	color: #666;

}

.fwbox2-3 .item1>.sbox1>.img {

	padding-top: 50px;

}

.fwbox2-3 .item1>.sbox1>.img>img {

	width: auto;

	margin: 0 auto;

}

.fwbox2-3 .item1>.sbox1>b {

	font-size: 16px;

	display: block;

}

.fwbox2-3 .item1>.sbox2 {

	display: block;

	position: relative;

	top: 30px;

}

.fwbox2-3 .item1>.sbox2>h4 {

	margin: 0;

	padding: 0;

	font-size: 24px;

	color: #146d9d;

	padding-bottom: 30px;

}

.fwbox2-3 .item1>.sbox2>.iphone2 {

	width: 289px;

	height: 591px;

	margin: 0 auto;

	background: url(../images/iphone-1.png) no-repeat 0 0;

}

.fwbox2-3 .item1>.sbox2 .img {

	padding-top: 71px;

}

.fwbox2-3 .item1>.sbox3 {

	position: absolute;

	top: 220px;

	right: 10%;

	width: 450px;

}

.fwbox2-3 .item1>.sbox3>h4 {

	font-size: 34px;

	margin: 0;

	display: block;

	color: #666;

}

.fwbox2-3 .item1>.sbox3>.img {

	padding-top: 50px;

}

.fwbox2-3 .item1>.sbox3>.img>img {

	width: auto;

	margin: 0 auto;

}

.fwbox2-3 .item1>.sbox3>b {

	font-size: 16px;

	display: block;

	padding: 0 20px;

	text-align: left;

	line-height: 1.8em;

}

.fwbox2-4 {

	height: 960px;

}

.fwbox2-4 .sbox>img {

	width: auto;

}

}

@media(min-width:1680px) {

}

@media(min-width:1920px) {

}

/*智能闸机*/

.fwbox1-1 {

	background: #f7f7f7;

	padding-bottom: 50px;

}

.fwbox1-1 .fwtitle {

	padding: 0;

}

.fwbox1-1 .fwtitle:after {

	margin-top: 0;

}

.fwbox1-1 .fwtitle>h3 {

	background: #f7f7f7;

}

.fwbox1-1 .content {

	padding-top: 40px;


}

.fwbox1-1 .content img {

	max-width: 100%;

	height: auto !important;

}

.fwbox1-2 {

	background: url(../images/bg-1.png) no-repeat center 0;

	background-size: cover;

	color: #fff;

	padding: 30px 0;

}

.fwbox1-2 .item {

}

.fwbox1-2 .item>h3 {

	margin: 0;

	padding: 0;

	display: block;

	text-align: center;

	padding: 0 0 30px 0;

}

.fwbox1-2 .item:after {

	content: '';

	display: block;

	clear: both;

}

.fwbox1-2 .item>ul {

	padding: 0;

	margin: 0;

	list-style: none;

	position: relative;

	width: 100%;

}

.fwbox1-2 span {

	border: 10px solid rgba(100,177,219,.6);

	width: 70px;

	height: 70px;

	display: block;

	border-radius: 100%;

	background: #fff;

	margin: 0 auto;

}

.fwbox1-2 span>i {

	display: table-cell;

	vertical-align: middle;

	height: 50px;

	width: 50px;

}

.fwbox1-2 span>i:before {

	content: '';

	display: block;

	margin: 0 auto;

	width: 35px;

	height: 35px;

	position: relative;

	left: 0px;

}

.fwbox1-2 span>i.icon1:before {

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

	background-size: contain;

	top: 2px;

}

.fwbox1-2 span>i.icon2:before {

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

	background-size: contain;

}

.fwbox1-2 span>i.icon3:before {

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

	background-size: contain;

}

.fwbox1-2 span>i.icon4:before {

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

	background-size: contain;

	left: 2px;

}

.fwbox1-2 span>i.icon5:before {

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

	background-size: contain;

}

.fwbox1-2 span>i.icon6:before {

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

	background-size: contain;

	left: 6px;

}

.fwbox1-2 span>i.icon7:before {

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

	background-size: contain;

	top: 4px;

}

.fwbox1-2 span>i.icon8:before {

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

	background-size: contain;

	top: 5px;

}

.fwbox1-2 cite {

	font-style: normal;

	text-align: center;

	font-weight: bold;

	font-size: 10px;

	display: block;

	text-align: center;

	padding-top: 10px;

}

.fwbox1-2 .item>ul>li {

	float: left;

	width: 50%;

	margin-bottom: 20px;

}

.fwbox1-2 .item>ul>li:first-child {

	width: 140px;

	margin: 0 auto;

	float: none;

	clear: both;

}

.fwbox1-2 .item.item1>ul>li:nth-child(4) {

	width: 140px;

	margin-left: 2%;

}

.fwbox1-2 .item.item1>ul>li:nth-child(5) {

	width: 130px;

	margin-right: 3%;

	float: right;

}

.fwbox1-2 .item.item2>ul>li:nth-child(2) {

	padding: 0 20px;

}

.fwbox1-2 .item.item2>ul>li:nth-child(3) {

	padding: 0 20px;

}

.fwbox1-2 .col-sm-2 {

	padding: 20px 0 30px 0;

}

.fwbox1-2 .img-vs {

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

	background-size: contain;

	display: block;

	width: 80px;

	height: 80px;

	margin: 0 auto;

}

.fwbox1-3 {

	background: #fff;

	padding-bottom: 50px;

	padding-top: 40px;

}

.fwbox1-3 .fwtitle {

	padding: 0;

}

.fwbox1-3 .fwtitle:after {

	margin-top: 0;

}

.fwbox1-3 .fwtitle>h3 {

	background: #fff;

}

.fwbox1-3 .img {

	padding-top: 40px;

	text-align: center;

}

.fwbox1-3 .img>img {

	width: 100%;

}

.fwbox1-3 .txt {

	display: block;

	padding: 90px 0 0 0;

	text-align: center;

}

.fwbox1-3 .txt>h4 {

	margin: 0;

	padding: 0;

	color: #102f72;

	font-size: 18px;

}

.fwbox1-3 .txt>p {

	color: #666;

	font-size: 16px;

}

.fwbox1-3 .pull-left {

	float: none!important;

}

.fwbox1-3 .pull-right {

	float: none!important;

}

.fwbox1-4 {

	background: #146f9f;

	padding: 50px 0;

}

.fwbox1-4 .img {

	padding: 0 30px;

}

.fwbox1-4 .img>img {

	width: 100%;

}

.fwbox1-4 .txt {

	width: 200px;

	margin: 0 auto;

	color: #fff;

	font-size: 18px;

}

.fwbox1-4 .txt>ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

.fwbox1-4 .txt>ul>li {

	background: url(../images/dian-1.png) no-repeat 0 center;

	background-size: 10px;

	padding-left: 23px;

}

.fwbox1-5 {

	background: #f3f3f3;

}

.fwbox1-5 .fwtitle>h3 {

	background: #f3f3f3;

}

.fwbox1-5 .item {

	padding: 0 0 40px 0;

}

.fwbox1-5 .item>i {

	border: 2px solid #2880a4;

	display: block;

	margin: 0 auto;

	width: 120px;

	height: 120px;

	border-radius: 100%;

}

.fwbox1-5 .item>i.icon1 {

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

}

.fwbox1-5 .item>i.icon2 {

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

}

.fwbox1-5 .item>i.icon3 {

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

}

.fwbox1-5 .item>i.icon4 {

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

}

.fwbox1-5 .item>i.icon5 {

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

}

.fwbox1-5 .item>i.icon6 {

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

}

.fwbox1-5 .item b {

	display: block;

	text-align: center;

	font-size: 18px;

	padding: 20px 0;

	color: #001137;

	font-weight: normal;

}

.fwbox1-5 .item p {

	margin: 0;

	padding: 0;

}

 @media(min-width:768px) {

.fwbox1-1 .img {

	padding: 40px 20px;

}

.fwbox1-1 .img>img {

	width: 100%;

}

.fwbox1-2 .item.item1>ul>li:nth-child(4) {

	width: 140px;

	margin-left: 2%;

}

.fwbox1-2 .item.item1>ul>li:nth-child(5) {

	width: 130px;

	margin-left: 2%;

	margin-right: 12%;

}

.fwbox1-2 .col-sm-2 {

	padding: 210px 0 30px 0;

}

.fwbox1-3 .img {

	padding: 40px 80px 0 80px;

}

.fwbox1-4 .img {

	width: 400px;

	float: right;

}

.fwbox1-4 .img>img {

	width: 100%;

}

.fwbox1-4 .txt {

	width: 300px;

	margin: 0;

	color: #fff;

	font-size: 20px;

	padding: 60px 0 0 60px;

}

.fwbox1-4 .txt>ul>li {

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

	padding: 5px 0 5px 24px;

}

.fwbox1-5 {

	padding-bottom: 40px;

}

.fwbox1-5 .item {

	padding: 30px 20px;

	height: 480px;

	cursor: pointer;

}

.fwbox1-5 .item:hover {

	background: #2880a4;

	color: #fff;

	border-radius: 5px;

	-moz-box-shadow: 0 5px 30px rgba(0,0,0,.4);

	-webkit-box-shadow: 0 5px 30px rgba(0,0,0,.4);

	box-shadow: 0 5px 30px rgba(0,0,0,.4);

}

.fwbox1-5 .item:hover>i {

	background-color: #fff;

	-moz-box-shadow: 0 5px 20px rgba(0,0,0,.4);

	-webkit-box-shadow: 0 5px 20px rgba(0,0,0,.4);

	box-shadow: 0 5px 20px rgba(0,0,0,.4);

}

.fwbox1-5 .item:hover>b {

	color: #fff;

}

.fwbox1-5 .item>p {

	-webkit-transition-property: all;

	transition-property: all;

	-webkit-transition-duration: .0s;

	transition-duration: .0s;

}

}

 @media(min-width:992px) {

.fwbox1-1 .content {

	padding: 40px 20px;

}

.fwbox1-1 .content>img {

	width: auto;

}

.fwbox1-2 cite {

	font-weight: normal;

	font-size: 16px;

}

.fwbox1-2 .item.item1>ul>li:nth-child(4) {

	width: 140px;

	margin-left: 13%;

}

.fwbox1-2 .item.item1>ul>li:nth-child(5) {

	width: 130px;

	margin-left: 2%;

}

.fwbox1-3 .pull-left {

	float: left!important;

}

.fwbox1-3 .pull-right {

	float: right!important;

}

.fwbox1-3 .img {

	padding: 40px 0 0 0;

}

.fwbox1-3 .txt {

	display: block;

	padding: 190px 0 0 0;

	text-align: left;

	width: 400px;

}

.fwbox1-3 .txt>h4 {

	font-size: 24px;

}

.fwbox1-4 .img {

	width: auto;

	float: right;

}

.fwbox1-4 .img>img {

	width: auto;

}

.fwbox1-4 .txt {

	width: auto;

	padding: 100px 0 0 80px;

}

.fwbox1-4 .txt>ul>li {

	padding: 10px 0 10px 24px;

}

.fwbox1-5 .item {

	padding: 30px 20px;

	height: 400px;

}

}

@media(min-width:1200px) {

.fwbox1-2 {

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

	background-size: cover;

	color: #fff;

	padding: 30px 0;

}

.fwbox1-2 .item>h3 {

	font-size: 30px;

}

.fwbox1-2 .item.item1>ul>li:nth-child(4) {

	width: 140px;

	margin-left: 20%;

}

.fwbox1-2 .item.item1>ul>li:nth-child(5) {

	width: 130px;

	margin-left: 2%;

}

.fwbox1-2 .item.item2>ul {

	padding-top: 60px;

}

.fwbox1-3 .pull-right {

	float: left!important;

	padding-left: 80px;

}

.fwbox1-5 .item {

	padding: 30px 40px;

	height: 410px;

}

}

@media(min-width:1400px) {

}

@media(min-width:1680px) {

.fwbox1-2 {

	padding-top: 60px;

	padding-bottom: 60px;

}

.fwbox1-2 span {

	border: 14px solid rgba(100,177,219,.6);

	width: 120px;

	height: 120px;

}

.fwbox1-2 span>i {

	height: 90px;

	width: 90px;

}

.fwbox1-2 span>i.icon1:before {

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

	background-size: contain;

	width: 32px;

	height: 30px;

}

.fwbox1-2 span>i.icon2:before {

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

	background-size: contain;

	width: 30px;

	height: 29px;

}

.fwbox1-2 span>i.icon3:before {

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

	background-size: contain;

	width: 33px;

	height: 33px;

}

.fwbox1-2 span>i.icon4:before {

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

	background-size: contain;

	width: 27px;

	height: 31px;

}

.fwbox1-2 span>i.icon5:before {

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

	background-size: contain;

	width: 36px;

	height: 35px;

}

.fwbox1-2 span>i.icon6:before {

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

	background-size: contain;

	width: 26px;

	height: 35px;

	left: 0;

}

.fwbox1-2 span>i.icon7:before {

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

	background-size: contain;

	width: 40px;

	height: 28px;

	top: 0;

}

.fwbox1-2 span>i.icon8:before {

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

	background-size: contain;

	width: 39px;

	height: 26px;

	top: 0;

}

.fwbox1-2 .img-vs {

	width: 154px;

	height: 129px;

	margin: 0 auto;

}

.fwbox1-2 .item.item1 li:nth-child(2) {

	padding-right: 80px;

	margin-top: -40px;

}

.fwbox1-2 .item.item1 li:nth-child(3) {

	padding-left: 80px;

	margin-top: -40px;

}

.fwbox1-2 .item.item1>ul>li:nth-child(4) {

	padding-top: 10px;

	margin-left: 16%;

}

.fwbox1-2 .item.item1>ul>li:nth-child(5) {

	padding-top: 10px;

	margin-left: 10%;

}

.fwbox1-2 .item.item2>ul {

	padding-top: 40px;

}

.fwbox1-2 .item.item2 li:nth-child(1) {

	width: 100%;

}

.fwbox1-2 .item.item2 li:nth-child(2) {

	padding-right: 80px;

	margin-top: 40px;

}

.fwbox1-2 .item.item2 li:nth-child(3) {

	padding-left: 80px;

	margin-top: 40px;

}

.fwbox1-3 .img>img {

	width: auto;

}

.fwbox1-3 .pull-right {

	float: left!important;

	padding-left: 120px;

}

}

@media(min-width:1920px) {

}

/*驻场贴心管家*/



.fwbox3-1 {

}

.fwbox3-1 .fwtitle {

	padding: 0;

}

.fwbox3-1 .fwtitle>h3 {

	background: #f7f7f7;

}

.fwbox3-1 .fwtitle:after {

	margin-top: 0px;

}

.fwbox3-1 .txt {

	text-align: center;

	padding: 20px 0;

}

.fwbox3-1>.container>h3 {

	display: block;

	text-align: center;

	color: #333;

	text-align: center;

	margin: 0;

}

.fwbox3-1 .row {

	padding-top: 30px;

}

.fwbox3-1 .item {

	width: 155px;

	height: 330px;

}

.fwbox3-1 i {

	display: block;

	margin: 0 auto;

	width: 134px;

	height: 134px;

	border-radius: 100%;

}

.fwbox3-1 i.icon1 {

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

}

.fwbox3-1 i.icon2 {

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

}

.fwbox3-1 i.icon3 {

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

}

.fwbox3-1 i.icon4 {

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

}

.fwbox3-1 i.icon5 {

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

}

.fwbox3-1 i.icon6 {

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

}

.fwbox3-1 b {

	display: block;

	font-size: 20px;

	color: #333;

	border-bottom: 1px solid #bdbdbd;

	text-align: center;

	padding: 15px 0;

}

.fwbox3-1 ul {

	padding: 0;

	margin: 0;

	list-style: none;

	padding-top: 10px;

}

.fwbox3-1 ul>li {

	color: #666;

	width: 50%;

	float: left;

}

 @media(min-width:768px) {

.fwbox3-1 .item2, .fwbox3-1 .item5 {

	margin: 0 auto;

}

.fwbox3-1 .item3, .fwbox3-1 .item6 {

	float: right;

}

}

.fwbox3-2 {

	background: url(../images/bg-1.png) no-repeat center bottom;

	background-size: cover;

	padding-bottom: 60px;

	padding-top: 40px;

}

.fwbox3-2 .fwtitle {

	padding: 0;

}

.fwbox3-2 .fwtitle:after {

	margin-top: 0;

}

.fwbox3-2 .fwtitle>h3 {

	background: #146f9f;

	color: #fff;

}

.fwbox3-2 .img {

	padding-top: 40px;

	text-align: center;

}

.fwbox3-2 .img>img {

	width: 100%;

}

.fwbox3-2 .txt {

	display: block;

	padding: 30px 0 0 0;

	text-align: left;

	color: #fff;

	font-size: 16px;

}

.fwbox3-2 .pull-left {

	float: none!important;

}

.fwbox3-2 .pull-right {

	float: none!important;

}

 @media(min-width:992px) {

.fwbox3-2 .pull-left {

	float: left!important;

}

.fwbox3-2 .pull-right {

	float: right!important;

}

.fwbox3-2 .img {

	padding: 40px 0 0 0;

	width: 600px;

}

.fwbox3-2 .img>img {

	width: 100%;

}

.fwbox3-2 .txt {

	display: block;

	padding: 190px 0 0 0;

	text-align: left;

	width: 300px;

	font-size: 20px;

}

}

@media(min-width:1200px) {

.fwbox3-2 {

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

	background-size: cover;

}

.fwbox3-2 .img {

}

.fwbox3-2 .img>img {

	width: auto;

}

.fwbox3-2 .txt {

	width: 400px;

}

}

.fwbox3-3 {

	background: #fff;

	background-size: contain;

}

.fwbox3-3 h3 {

	margin: 0 20px;

	padding: 0;

	background: url(../images/2-1.png) no-repeat center 40px #fff;

	background-size: contain;

	padding-top: 60px;

	padding-bottom: 40px;

	display: block;

	font-size: 20px;

	color: #333;

	text-align: center;

}

.fwbox3-3>.container:after {

	content: '';

	display: block;

	clear: both;

}

.fwbox3-3 ul {

	padding: 0;

	margin: 0;

	list-style: none;

	padding-bottom: 100px;

}

.fwbox3-3 ul:after {

	content: '';

	display: block;

	clear: both;

}

.fwbox3-3 ul>li {

	width: 33%;

	float: left;

	padding: 0 10px;

}

.fwbox3-3 ul>li:nth-child(2) {

	padding-top: 50px;

}

.fwbox3-3 ul>li>img {

	width: 100%;

}

.fwbox33 {

	padding-bottom: 20px;

}

.fwbox33 .swiper-button-prev.swiper-button-disabled, .fwbox33 .swiper-button-next.swiper-button-disabled {

	color: #fff;

}

.fwbox33 .swiper-pagination-fraction, .fwbox33 .swiper-pagination-custom, .fwbox33 .swiper-container-horizontal > .swiper-pagination-bullets {

	position: relative;

}

.fwbox33 .swiper-pagination {

	position: relative;

	padding-top: 40px;

}

.fwbox33 .swiper-pagination-bullet {

	width: 12px;

	height: 12px;

	display: inline-block;

	border-radius: 100%;

	background: #146d9d;

	opacity: 1;

}

.fwbox33 .swiper-pagination-bullet-active {

	opacity: 1;

	background: #f39800;

}

 @media(min-width:1200px) {

.fwbox3-3 {

	background: url(../images/2.png) no-repeat center 60px #fff;

}

.fwbox3-3 h3 {

	font-size: 30px;

	background: none;

	padding-top: 80px;

}

.fwbox3-3>ul {

	padding: 0 0;

}

.fwbox3-3>ul>li {

	text-align: center;

}

.fwbox3-3 ul>li:nth-child(2) {

	padding-top: 100px;

}

.fwbox3-3>ul>li>img {

	width: auto;

}

.fwbox33 {

	padding-bottom: 60px;

}

.fwbox33 .two {

	padding-top: 100px;

}

}

.fwbox3-4 {

	background: url(../images/bg-1.png) no-repeat center bottom;

	background-size: cover;

	padding-bottom: 60px;

	padding-top: 40px;

}

.fwbox3-4 .fwtitle {

	padding: 0;

}

.fwbox3-4 .fwtitle:after {

	margin-top: 0;

}

.fwbox3-4 .fwtitle>h3 {

	background: #146f9f;

	color: #fff;

}

.fwbox3-4 .img {

	padding-top: 0px;

	text-align: center;

}

.fwbox3-4 .img>img {

	width: 100%;

}

.fwbox3-4 .txt {

	display: block;

	padding: 30px 0 0 0;

	text-align: left;

	color: #fff;

	font-size: 16px;

}

.fwbox3-4 .pull-left {

	float: none!important;

}

.fwbox3-4 .pull-right {

	float: none!important;

}

.xfwbox3-4 {

	background: url(../images/xfwbox3-4-640.png) no-repeat center bottom;

	background-size: cover;

	padding-bottom: 260px;

	padding-top: 10px;

}

.xfwbox3-4 .txt {

	color: #fff;

	text-align: center;

	padding: 0 20px 190px 20px;

	font-size: 14px;

}

 @media(min-width:768px) {

.xfwbox3-4 {

	background: url(../images/xfwbox3-4.jpg) no-repeat center bottom;

	background-size: cover;

	padding-bottom: 260px;

	padding-top: 10px;

}

.xfwbox3-4 .txt {

	font-size: 16px;

}

}

 @media(min-width:992px) {

.fwbox3-4 .pull-left {

	float: left!important;

}

.fwbox3-4 .pull-right {

	float: right!important;

}

.fwbox3-4 .img {

	padding: 40px 0 0 0;

	width: 600px;

}

.fwbox3-4 .img>img {

	width: 100%;

}

.fwbox3-4 .txt {

	display: block;

	padding: 90px 0 0 0;

	text-align: left;

	width: 300px;

	font-size: 20px;

}

.xfwbox3-4 {

	height: 800px;

	padding-top: 40px;

	padding-bottom: 60px;

}

.xfwbox3-4 .txt {

	width: 768px;

	margin: 0 auto;

	padding: 20px 0;

}

}

@media(min-width:1200px) {

.fwbox3-4 {

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

	background-size: cover;

}

.fwbox3-4 .img {

}

.fwbox3-4 .img>img {

	width: auto;

}

.fwbox3-4 .txt {

	width: 400px;

	padding: 150px 0 0 0;

}

}

.xfwbox4-1 {

	background: url(../images/xfwbox4-1bg.jpg) no-repeat center bottom;

	background-size: cover;

	text-align: center;

}

.xfwbox4-1 .txt {

	font-size: 14px;

	text-align: center;

	color: #fff;

	padding: 40px 20px 10px 20px;

}

.xfwbox4-1 .img {

	padding: 0 15px 50px 15px;

}

.xfwbox4-1 .img img {

	width: 100%;

}

.xfwbox4-2 {

	background: url(../images/xfwbox4-2bg.png) no-repeat center bottom;

	background-size: cover;

	text-align: center;

	color: #fff;

	padding: 100px 15px;

}

.xfwbox4-2 .txt {

	background: #f39800;

	padding: 20px 30px;

}

.xfwbox4-2 .txt>h2 {

	margin: 0;

	padding: 0;

	font-size: 16px;

}

.xfwbox4-2 .txt>p {

}

 @media(min-width:992px) {

.xfwbox4-2 .txt {

	width: 900px;

	margin: 0 auto;

}

}

 @media(min-width:1400px) {

.xfwbox4-1 .txt {

	font-size: 28px;

	width: 650px;

	padding: 80px 0;

	margin: 0 auto;

}

.xfwbox4-1 .img {

	padding: 20px 0 125px 0;

}

.xfwbox4-1 .img img {

	width: auto;

}

.xfwbox4-2 {

	padding: 250px 0;

}

.xfwbox4-2 .txt {

	width: 1200px;

}

.xfwbox4-2 .txt>h2 {

	margin: 0;

	padding: 0;

	font-size: 30px;

}

.xfwbox4-2 .txt>p {

	font-size: 16px;

}

}

/*优秀案例*/

.abox3-1 {

	padding-bottom: 80px;

}

.abox3-1 img {

	width: 100%;

}

.abox3-1 .txt>h2 {

	margin: 0;

	display: block;

	text-align: center;

}

.abox3-1 .row h2 {

	color: #f39800;

	font-size: 18px;

	display: block;

	text-align: center;

}

.abox3-1 .col-sm-6 .row {

	margin: 0 -6px;

}

.abox3-1 .col-sm-6 .col-sm-6 {

	padding: 5px;

}

.abox3-1 .col-sm-6 .col-sm-12 {

	padding: 5px;

	padding-top: 13px;

}

 @media(min-width:768px) {

.abox3-1 .txt>h2 {

	font-size: 40px;

}

.abox3-1 .txt>p {

	font-size: 22px;

}

.abox3-1 .row h2 {

	text-align: left;

	font-size: 30px;

}

}

@media(min-width:1200px) {

.abox3-1 img {

	width: auto;

}

}

.abox3-2 {

	padding-bottom: 80px;

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

	background-size: cover;

	color: #fff;

	padding-top: 40px;

}

.abox3-2 img {

	width: 100%;

	margin-bottom: 15px;

}

.abox3-2 .txt>h2 {

	margin: 0;

	display: block;

	text-align: center;

}

@media(min-width:768px) {

.abox3-2 .txt {

	padding-bottom: 20px;

}

.abox3-2 .txt>h2 {

	font-size: 20px;

	padding: 20px 0;

}

.abox3-2 .txt>p {

	font-size: 16px;

}

.abox3-2 .img {

}

.abox3-2 .img:after {

	display: block;

	content: '';

	clear: both;

}

.abox3-2 .img>.item:nth-child(1) {

	width: 50%;

	float: left;

}

.abox3-2 .img>.item:nth-child(2) {

	width: 50%;

	float: left;

	padding-left: 15px;

	padding-bottom: 0px;

}

.abox3-2 .img>.item:nth-child(3) {

	width: 25%;

	float: left;

	padding-left: 15px;

}

.abox3-2 .img>.item:nth-child(4) {

	width: 25%;

	float: left;

	padding-left: 15px;

}

}

@media(min-width:1200px) {

.abox3-2 .txt {

	padding-bottom: 20px;

}

.abox3-2 .txt>h2 {

	font-size: 40px;

	padding: 20px 0;

}

.abox3-2 .txt>p {

	font-size: 22px;

}

.abox3-2 img {

	width: auto;

	margin-bottom: 15px;

}

.abox3-2 .img>.item:nth-child(1) {

	width: 500px;

	float: left;

}

.abox3-2 .img>.item:nth-child(2) {

	width: 630px;

	float: left;

	padding-left: 70px;

	padding-bottom: 5px;

}

.abox3-2 .img>.item:nth-child(3) {

	width: 25%;

	float: left;

	padding-left: 70px;

}

.abox3-2 .img>.item:nth-child(4) {

	width: 25%;

	float: left;

	padding-left: 110px;

}

}

.abox3-3 {

	padding-bottom: 20px;

	padding-top: 20px;

}

.abox3-3 img {

	width: 100%;

	margin-bottom: 15px;

}

.abox3-3 .txt {

	margin: 0;

	display: block;

	text-align: center;

}

.abox3-3 .img {

	padding: 20px 0;

}

 @media(min-width:1200px) {

.abox3-3 .txt {

	text-align: left;

	font-size: 22px;

	padding-top: 20px;

}

.abox3-3 .img {

	padding: 20px 0;

	text-align: center;

}

.abox3-3 img {

	width: auto;

	width: 221px;

	height: 397px;

}

}

.abox3-4 {

	padding-bottom: 40px;

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

	background-size: cover;

	color: #fff;

	padding-top: 40px;

}

.abox3-4 img {

	width: 100%;

	margin-bottom: 15px;

}

.abox3-4 .txt {

	margin: 0;

	display: block;

	text-align: center;

}

.abox3-4 .img {

	padding: 20px 0;

}

 @media(min-width:768px) {

.abox3-4 .img {

	margin-left: -15px;

}

.abox3-4 .img>.item:nth-child(1) {

	width: 66.66%;

	float: left;

	padding-left: 15px;

}

.abox3-4 .img>.item:nth-child(2) {

	width: 33.33%;

	float: left;

	padding-left: 15px;

	padding-bottom: 5px;

}

.abox3-4 .img>.item:nth-child(3) {

	width: 33.33%;

	float: left;

	padding-left: 15px;

}

.abox3-4 .img>.item:nth-child(4) {

	width: 33.33%;

	float: left;

	padding-left: 15px;

}

.abox3-4 .img>.item:nth-child(5) {

	width: 33.33%;

	float: left;

	padding-left: 15px;

}

}

/*关于我们*/



.about1 {

	padding-bottom: 60px;

}

.about1 h2 {

	margin: 0;

	color: #333;

	display: block;

	padding: 30px 0 10px 0;

}

.about1 h2>small {

	display: block;

	font-size: 75%;

	color: #d3d3d3;

}

.about1 h3 {

	margin: 0;

	color: #666;

	display: block;

	padding: 10px 0 10px 0;

}

.about1 h3>small {

	display: block;

	font-size: 75%;

	color: #999;

	font-weight: normal;

}

.about1 .txt {

}

.about1 .txt img {

	max-width: 100%;

	height: auto !important;

}

.about1 .txt:after {

	content: '';

	display: block;

	width: 20px;

	height: 40px;

}

.about1 .txt.no:after {

	display: none;

}

.about1 .box1 {

	padding: 0;

	margin: 0;

	list-style: none;

	border-left: 1px solid #e6e6e6;

	padding-left: 20px;

	margin-top: 150px;

}

.about1 .box1.box2 {

	margin-top: 0;

}

.about1 .box1.box2>li:last-child {

	border-bottom: 1px solid #e6e6e6;

	padding-bottom: 10px;

}

.about1 .box1>li {

	border-bottom: 1px solid #e6e6e6;

	padding-bottom: 10px;

}

.about1 .box1>li+li {

	padding-top: 10px;

}

.about1 .box1>li:after {

	content: '';

	display: block;

	clear: both;

}

.about1 .box1>li:last-child {

	border-bottom: none;

}

.about1 .box1>li span {

	display: block;

	float: left;

	font-size: 25px;

	line-height: normal;

	margin-right: 10px;

}

.about1 .box1 span.on {

	color: #7959f3;

}

.about1 .box1>li cite {

	float: left;

	display: inline-block;

	font-size: 12px;

	font-style: normal;

}

.about1 .box1>li cite>small {

	color: #c1bfbf;

	font-size: 50%;

	display: block;

	margin: 0;

	line-height: .8em;

}

.about1 .box1>li>p {

	margin: 0;

	display: block;

	width: 100%;

	white-space: nowrap;

}

.about1 .box1>li>p+p {

	padding-top: 10px;

}

.about1 .box1>li>p:after {

	content: '';

	display: block;

	clear: both;

}

.about1 .box1>li>b {

	font-size: 20px;

	font-weight: normal;

}

 @media(min-width:992px) {

.about1 .box1>li span {

	font-size: 32px;

}

.about1 .box1>li cite {

	font-size: 14px;

	padding-top: 6px;

}

}

@media(min-width:1200px) {

.about1 h2 {

	font-size: 36px;

}

.about1 h3 {

	font-size: 26px;

}

.about1 .txt:after {

	width: 35px;

}

.about1 .box1>li span {

	font-size: 45px;

}

.about1 .box1>li cite {

	font-size: 16px;

	padding-top: 15px;

}

.about1 .box1>li>p {

	float: left;

	width: 50%;

}

.about1 .box1>li>p:after {

	content: '';

	display: block;

	clear: both;

}

.about1 .box1>li>p>span {

	font-size: 40px;

}

.about1 .box1>li>p>cite {

	font-size: 14px;

}

.about1 .box1>li>p+p {

	padding-top: 0;

}

}

.about2 {

	background: #206480;

	padding: 80px 0 50px 0;

}

.about2 h3 {

	font-size: 36px;

	color: #fff;

	margin: 0;

	display: block;

	padding-bottom: 50px;

}

.about2 h3>small {

	font-size: 22px;

	color: rgba(255,255,255,.3);

	text-transform: uppercase;

	display: block;

}

.about2 .item {

	width: 264px;

	display: block;

	overflow: hidden;

	cursor: pointer;

	margin: 0 auto;

}

.about2 .item img {

	height: 150px;

}

.about2 .item>.img {

	height: 150px;

	overflow: hidden;

	position: relative;

}

.about2 .item>.img:before {

	content: '';

	background: #f39800;

	display: block;

	width: 0;

	height: 0;

	position: absolute;

	z-index: 22;

	border-radius: 100%;

	top: 50%;

	left: 50%;

	margin-left: 0;

	margin-top: 0;

	opacity: 0;

	-webkit-transition-property: all;

	transition-property: all;

	-webkit-transition-duration: .3s;

	transition-duration: .3s;

	-webkit-transition-timing-function: ease-out;

	transition-timing-function: ease-out;

}

.about2 .item>.img:after {

	content: '+';

	color: #fff;

	text-align: center;

	line-height: 40px;

	font-size: 30px;

	display: block;

	width: 40px;

	height: 40px;

	position: absolute;

	z-index: 23;

	border-radius: 100%;

	top: 50%;

	left: 50%;

	margin-left: -20px;

	margin-top: -23px;

	opacity: 0;

	-webkit-transition-duration: .5s;

	transition-duration: .5s;

}

.about2 .item>.txt {

	background: #fff;

	padding: 28px 25px 30px 25px;

	height: 155px;

	overflow: hidden;

	position: relative;

}

.about2 .item>.txt:after {

	content: '';

	display: block;

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 150px;

	background: #f39800;

	z-index: 1;

	-webkit-transition-timing-function: ease-out;

	transition-timing-function: ease-out;

}

.about2 .item>.txt>a {

	outline: none;

	text-decoration: none;

}

.about2 .item>.txt b {

	position: relative;

	z-index: 2;

	font-size: 16px;

	color: #333;

	-webkit-transition-property: all;

	transition-property: all;

	-webkit-transition-duration: .0s;

	transition-duration: .0s;

}

.about2 .item>.txt p {

	position: relative;

	z-index: 2;

	font-size: 14px;

	color: #888;

	-webkit-transition-property: all;

	transition-property: all;

	-webkit-transition-duration: .0s;

	transition-duration: .0s;

	overflow : hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

}

.about2 .item:hover {

}

.about2 .item:hover b, .about2 .item:hover p {

	color: #fff;

}

.about2 .item:hover .txt:after {

	top: 0;

}

.about2 .item:hover .img:before {

	opacity: 1;

	width: 40px;

	height: 40px;

	margin-left: -20px;

	margin-top: -22px;

}

.about2 .item:hover .img:after {

	opacity: 1;

}

.about2 .swiper-button-prev.swiper-button-disabled, .about2 .swiper-button-next.swiper-button-disabled {

	color: #fff;

}

.about2 .swiper-pagination-fraction, .about2 .swiper-pagination-custom, .about2 .swiper-container-horizontal > .swiper-pagination-bullets {

	position: relative;

}

.about2 .swiper-pagination {

	position: relative;

	padding-top: 40px;

}

.about2 .swiper-pagination-bullet {

	width: 12px;

	height: 12px;

	display: inline-block;

	border-radius: 100%;

	background: #146d9d;

	opacity: 1;

}

.about2 .swiper-pagination-bullet-active {

	opacity: 1;

	background: #f39800;

}

.about2 .container {

	position: relative;

}

.about2 .on-left, .about2 .on-right {

	width: 23px;

	height: 44px;

	position: absolute;

	top: 50%;

	cursor: pointer;

	z-index: 100;

}

.about2 .on-left {

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

	left: -50px;

}

.about2 .on-right {

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

	right: -50px;

}

.about3 {

	background: #fff;

	padding: 80px 0 50px 0;

}

.about3 h3 {

	font-size: 36px;

	color: #333;

	margin: 0;

	display: block;

	padding-bottom: 20px;

	float: left;

}

.about3 h3>small {

	font-size: 22px;

	color: #d3d3d3;

	text-transform: uppercase;

	display: block;

}

.about3 .about3-nav {

	float: right;

	padding-top: 10px;

	padding-bottom: 30px;

}

.about3 .about3-nav>a {

	display: inline-block;

	padding: 5px 10px;

	font-size: 12px;

	margin: 0 5px;

	border: 1px solid #d3d3d3;

	color: #333;

	border-radius: 5px;

	text-decoration: none;

	outline: none;

}

.about3 .about3-nav>a:hover {

	text-decoration: none;

}

.about3 .about3-nav>a.active {

	border-color: #f39800;

	background: #f39800;

	color: #fff;

}

.about3 .title:after {

	content: '';

	display: block;

	clear: both;

}

.about3 table {

	padding: 0;

	margin: 0;

	border-collapse: collapse;

	width: 100%;

}

.about3 table td {

	border: 1px dashed #dedede;

	display: block;

	float: left;

	width: 50%;

}

.about3 table td img {

	width: 100%;

}

.about3 table tr {

	display: block;

}

.about3 table td img {

	width: 100%;

	cursor: pointer;

	-webkit-filter: grayscale(100%);

	-moz-filter: grayscale(100%);

	-ms-filter: grayscale(100%);

	-o-filter: grayscale(100%);

	filter: grayscale(100%);

	opacity: .5;

	filter: #cfcfcf;

}

.about3 .swiper-pagination {

	position: relative;

	padding-top: 40px;

}

.about3 .swiper-pagination-bullet {

	width: 12px;

	height: 12px;

	display: inline-block;

	border-radius: 100%;

	background: #fff;

	opacity: 1;

	border: 1px solid #d3d3d3;

}

.about3 .swiper-pagination-bullet-active {

	opacity: 1;

	background: #f39800;

	border: 1px solid #f39800;

}

 @media(min-width:1200px) {

.about3 .about3-nav {

	float: right;

	padding-top: 20px;

	padding-bottom: 0;

}

.about3 .about3-nav>a {

	padding: 10px 60px;

	font-size: 18px;

}

.about3 table td {

	border: 1px dashed #dedede;

	display: table-cell;

	float: none;

	width: auto;

}

.about3 table tr {

	display: table-row;

}

.about3 table td img {

	width: 100%;

}/*20170309修改,原来是220px*/

.about3 table td img:hover {

	opacity: 1;

	-webkit-filter: grayscale(0);

	-moz-filter: grayscale(0);

	-ms-filter: grayscale(0);

	-o-filter: grayscale(0);

	filter: grayscale(0);

}

}

.about4 {

	background: #f3f3f3;

	padding: 80px 0 50px 0;

}

.about4 h3 {

	font-size: 36px;

	color: #333;

	margin: 0;

	display: block;

	padding-bottom: 20px;

}

.about4 h3>small {

	font-size: 22px;

	color: #d3d3d3;

	text-transform: uppercase;

	display: block;

}

.about4 .item {

	display: block;

	width: 100%;

	text-align: center;

}

.about4 .item .txt {

	padding: 20px;

}

.about4 .item .txt>a {

	color: #666;

}

.about4 .item .txt>a:hover {

	text-decoration: none;

	color: #f39800;

}

.about4 .swiper-pagination {

	position: relative;

	padding-top: 40px;

}

.about4 .swiper-pagination-bullet {

	width: 12px;

	height: 12px;

	display: inline-block;

	border-radius: 100%;

	background: #fff;

	opacity: 1;

	border: 1px solid #d3d3d3;

}

.about4 .swiper-pagination-bullet-active {

	opacity: 1;

	background: #f39800;

	border: 1px solid #f39800;

}

.about5 {

	background: #fff;

	padding: 80px 0 50px 0;

}

.about5 h3 {

	font-size: 36px;

	color: #333;

	margin: 0;

	display: block;

	padding-bottom: 20px;

}

.about5 h3>small {

	font-size: 22px;

	color: #d3d3d3;

	text-transform: uppercase;

	display: block;

}

.about5 .swiper-pagination-fraction, .about5 .swiper-pagination-custom, .about5 .swiper-container-horizontal > .swiper-pagination-bullets {

	height: 23px;

	background: url(../images/time-bg.png) repeat-x;

}

.about5 .swiper-pagination {

	position: relative;

	padding-top: 40px;

}

.about5 .swiper-pagination-bullet {

	width: 12px;

	height: 12px;

	display: inline-block;

	border-radius: 100%;

	background: #fff;

	opacity: 1;

	border: 1px solid #d3d3d3;

}

.about5 .swiper-pagination-bullet-active {

	opacity: 1;

	background: #f39800;

	border: 1px solid #f39800;

}

.about5 .times {

	height: 90px;

	/*background:url(../images/time-bg.png) no-repeat 30px 0;*/

	padding-top: 23px;

}

.about5 .times .item {

	height: 90px;

	padding-top: 25px;

	background: url(../images/time-bg1.png) no-repeat 0 0;

	color: #050505;

	font-size: 20px;

	width: 100%;

	position: relative;

	left: 0px;

}

.about5 .times .item:before {

	content: '';

	width: 10px;

	height: 10px;

	border-radius: 100%;

	display: block;

	overflow: hidden;

}

.about5 .times .active-nav>.item:before {

	content: '';

	width: 10px;

	height: 10px;

	border-radius: 100%;

	background: #f39800;

	display: block;

	overflow: hidden;

}

.about5 .box {

	padding: 40px 0;

}

.about5 .box .item {

	display: block;

	width: 100%;

	overflow: hidden;

}

.about5 .box .item:after {

	content: '';

	display: block;

	clear: both;

}

.about5 .box .item>.title {

	width: 430px;

	float: left;

	border-right: 1px solid #333;

	text-align: center;

}

.about5 .box .item>.title b {

	font-size: 100px;

	color: #050505;

	line-height: 100px;

	font-weight: normal;

	margin: 0;

	display: block;

}

.about5 .box .item>.title span {

	font-size: 20px;

	color: #bebdbd;

	text-transform: uppercase;

}

.about5 .box .item>.list {

	width: 600px;

	float: left;

}

.about5 .box .item>.list ul {

	padding: 0;

	margin: 0;

	list-style: none;

	padding-top: 30px;

}

.about5 .box .item>.list li {

	margin-left: 50px;

	font-size: 16px;

	line-height: 2em;

}

.about5 .box .item>.list a {

	color: #444;

}

.about5 .box .item>.list span {

	color: #c1c1c1;

	margin-right: 20px;

}

.about6 {

	background: #206480;

	padding: 40px 0;

}

.about6 h3 {

	font-size: 36px;

	color: #fff;

	margin: 0;

	display: block;

	padding-bottom: 20px;

}

.about6 h3>small {

	font-size: 22px;

	color: #d3d3d3;

	text-transform: uppercase;

	display: block;

}

.about6 .box1 {

}

.about6 .box1 .item {

	padding: 20px 20px 60px 20px;

	margin-bottom: 15px;

	color: #fff;

}

.about6 .box1 .item>i {

	display: block;

	width: 50px;

	height: 50px;

	background-size: cover;

}

.about6 .box1 .item>h4 {

	display: block;

	font-size: 20px;

	margin: 0;

	padding: 20px 0;

}

.about6 .box1 .item>p {

	font-size: 16px;

	margin: 0;

}

.about6 .box1 .item1 {

	background: url(../images/01.png) no-repeat 10px 160% #ff6f4d;

}

.about6 .box1 .item1>i.icon {

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

	background-size: contain;

}

.about6 .box1 .item2 {

	background: url(../images/02.png) no-repeat 10px 160% #f39800;

}

.about6 .box1 .item2>i.icon {

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

	background-size: contain;

}

.about6 .box1 .item3 {

	background: url(../images/03.png) no-repeat 10px 160% #5bacca;

}

.about6 .box1 .item3>i.icon {

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

	background-size: contain;

}

.about6 .box1 .item4 {

	background: url(../images/04.png) no-repeat 10px 120% #7959f3;

}

.about6 .box1 .item4>i.icon {

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

	background-size: contain;

}

.about6 .box2 {

	position: relative;

}

.about6 .box2 .item img {

	width: 100%;

}

.about6 .swiper-pagination {

	position: relative;

	padding-top: 40px;

}

.about6 .swiper-pagination-bullet {

	width: 12px;

	height: 12px;

	display: inline-block;

	border-radius: 100%;

	background: #fff;

	opacity: 1;

	border: 1px solid #d3d3d3;

}

.about6 .swiper-pagination-bullet-active {

	opacity: 1;

	background: #f39800;

	border: 1px solid #f39800;

}

.about6 .swiper-button-next, .about6 .swiper-container-rtl .swiper-button-prev, .about6 .swiper-button-prev, .about6 .swiper-container-rtl .swiper-button-next {

	display: none;

}

@media(min-width:768px) {

.about6 .box1 .item {

	height: 400px;

}

.about6 .box1 .item .hidden-xs {

	height: 60px;

}

.about6 .box1 .item>h4 {

	display: block;

	font-size: 20px;

	margin: 0;

	padding: 20px 0;

}

.about6 .box1 .item>p {

	font-size: 14px;

	margin: 0;

}

.about6 .box1 .item1 {

	background: url(../images/01.png) no-repeat 10px 120% #ff6f4d;

}

.about6 .box1 .item2 {

	background: url(../images/02.png) no-repeat 10px 120% #f39800;

}

.about6 .box1 .item3 {

	background: url(../images/03.png) no-repeat 10px 120% #5bacca;

}

.about6 .box1 .item4 {

	background: url(../images/04.png) no-repeat 10px 120% #7959f3;

}

}

 @media(min-width:1200px) {

.about6 {

	padding: 70px 0;

}

.about6 .box1 .row {

	margin: 0 -10px;

}

.about6 .box1 .row>.col-md-3 {

	padding: 0 10px;

}

.about6 .box1 .item {

	height: 480px;

	padding-top: 60px;

}

.about6 .box1 .item p {

	margin-bottom: 10px;

}

.about6 .swiper-pagination {

	display: none;

}

.about6 .swiper-button-next, .about6 .swiper-container-rtl .swiper-button-prev {

	display: block;

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

	background-size: contain;

	width: 54px;

	height: 54px;

}

.about6 .swiper-button-prev, .about6 .swiper-container-rtl .swiper-button-next {

	display: block;

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

	background-size: contain;

	width: 54px;

	height: 54px;

}

}

.about7 {

	background: #f3f3f3;

	padding: 40px 0;

}

.about7 h3 {

	font-size: 36px;

	color: #333;

	margin: 0;

	display: block;

	padding-bottom: 20px;

}

.about7 h3>small {

	font-size: 22px;

	color: #d3d3d3;

	text-transform: uppercase;

	display: block;

}

.about7 .item {

	background: #fff;

	width: 100%;

	padding: 20px;

	margin-bottom: 15px;

}

.about7 .item:after {

	display: block;

	content: '';

	clear: both;

}

.about7 .item .img {

	float: left;

	width: 50%;

}

.about7 .item .img img {

	width: 100%;

}

.about7 .item .txt {

	float: left;

	text-align: center;

	width: 50%;

	padding-left: 20px;

}

.about7 .item .txt>h4 {

	position: relative;

	padding: 20px 0 20px 0;

	margin: 0;

	font-size: 16px;

	font-weight: normal;

	color: #333;

	display: block;

}

.about7 .item .txt>h4:before {

	position: absolute;

	content: '';

	border-bottom: 1px solid #e8e8e8;

	width: 100%;

	left: 0;

	bottom: 4px;

}

.about7 .item .txt>h4:after {

	position: absolute;

	content: '';

	width: 8px;

	height: 8px;

	background: #e8e8e8;

	left: 50%;

	bottom: 0;

	transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	margin-left: -4px;

}

.about7 .item .txt>span {

	display: block;

	text-align: center;

	padding: 20px 0;

}

.about7 .item .txt>a {

	display: inline-block;

	background: #f39800;

	padding: 5px 20px;

	color: #fff;

	border-radius: 20px;

}

.about7 .swiper-pagination {

	position: relative;

	padding-top: 40px;

}

.about7 .swiper-pagination-bullet {

	width: 12px;

	height: 12px;

	display: inline-block;

	border-radius: 100%;

	background: #fff;

	opacity: 1;

	border: 1px solid #d3d3d3;

}

.about7 .swiper-pagination-bullet-active {

	opacity: 1;

	background: #f39800;

	border: 1px solid #f39800;

}

 @media(min-width:768px) {

.abox3-1 .txt>h2 {

}

}

 @media(min-width:992px) {

}

@media(min-width:1200px) {

}

@media(min-width:1400px) {

}

@media(min-width:1680px) {

}

@media(min-width:1920px) {

}

/*首页*/

.sectionfooter, .sectionfooter .fp-tableCell {

	height: auto !important;

}

.sectionfooter footer {

	padding-top: 65px;

}

.section1 {

	background: url(../images/banner1-1.jpg) no-repeat 0 0;

	background-size: cover;

}

.section1 .fp-tableCell {

}

.ibox1 {

	padding: 0 15px;

	padding-top: 80px;

}

.ibox1 .txt {

	display: block;

	padding-top: 10px;

	color: #fff;

	padding-bottom: 20px;

	text-align: center;

}

.ibox1 .txt>h3 {

	font-size: 14px;

	margin: 0;

}

.ibox1 .txt>h2 {

	font-size: 18px;

	margin: 0;

}

.ibox1 .txt>h4 {

	font-size: 12px;

	font-weight: normal;

}

.ibox1 .txt:after {

	content: '';

	display: block;

	width: 70px;

	height: 5px;

	background: #f39800;

	margin: 0 auto;

}

.ibox1 .item {

	display: block;

	margin-bottom: 10px;

	height: 90px;

	overflow: hidden;

	position: relative;

	background-size: contain;

}

.ibox1 a {

	text-decoration: none

}

.ibox1 .item:before {

	content: '';

	display: block;

	position: absolute;

	right: 0;

	top: 10%;

	height: 80%;

	width: 50%;

	background-size: contain;

}

.ibox1 .item i {

	display: block;

	width: 35px;

	height: 25px;

	background-size: contain;

}

.ibox1 .item:after {

	content: '';

	display: block;

	clear: both;

}

.ibox1 .item i.icon-1 {

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

	background-size: contain;

}

.ibox1 .item i.icon-2 {

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

	background-size: contain;

}

.ibox1 .item i.icon-3 {

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

	background-size: contain;

}

.ibox1 .item h2 {

	padding: 0;

	margin: 0;

	font-size: 14px;

	padding: 10px 0 0 0;

	color: #fff;

}

.ibox1 .item h2:after {

	content: '';

	display: block;

	width: 30px;

	height: 2px;

	background: #fff;

	margin-top: 5px;

}

.ibox1 .item > a .title {

	width: 130px;

	float: left;

	padding: 15px;

}

.ibox1 .item>.list {

	padding-top: 15px;

}

.ibox1 .item>.list>ul {

	padding: 0;

	list-style: none;

	margin: 0;

	padding-left: 15px;

}

.ibox1 .item>.list>ul>li>a {

	color: #fff;

	font-size: 12px;

	display: block

}

.ibox1 .item>.list>ul>li>a:hover {

	color: rgba(255,255,255,.5)

}

.ibox1 .item.item1 {

	background: rgba(0,173,242,.95);

}

.ibox1 .item.item1:before {

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

	background-size: contain;

}

.ibox1 .item.item2 {

	background: rgba(235,142,5,.95);

}

.ibox1 .item.item2:before {

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

	background-size: contain;

}

.ibox1 .item.item2>.list {

	padding-top: 24px;

}

.ibox1 .item.item3 {

	background: rgba(121,89,243,.95);

}

.ibox1 .item.item3:before {

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

	background-size: contain;

}

.xian {

	position: absolute;

	bottom: 20px;

	width: 100px;

	height: 40px;

	left: 50%;

	margin-left: -50px;

	color: #fff;

	font-size: 16px;

	text-align: center;

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

	animation: opactive 1s ease alternate infinite 0s;

	-webkit-animation: opactive 1s ease alternate infinite 0s;

}

 @keyframes opactive {

 0% {

opacity: 1;

}

 50% {

opacity: 0.6;

}

 100% {

opacity: 1;

}

}

@-webkit-keyframes opactive {

 0% {

opacity: 1;

}

 50% {

opacity: 0.6;

}

 100% {

opacity: 1;

}

}

@-moz-keyframes opactive {

 0% {

opacity: 1;

}

 50% {

opacity: 0.6;

}

 100% {

opacity: 1;

}

}

#fp-nav ul li, .fp-slidesNav ul li {

	width: 30px;

	height: 20px;

}

#fp-nav ul li a span, .fp-slidesNav ul li a span {

	position: static;

	display: block;

	margin: 0 auto;

	height: 2px;

	background: #fff;

	width: 50%;

	border-radius: 0;

}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {

	width: 100%;

	border-radius: 0;

	height: 2px;

	position: static;

	margin: 0;

	background: #f39800;

}

#fp-nav ul li a:hover span, .fp-slidesNav ul li a:hover span {

	width: 100%;

	border-radius: 0;

	height: 2px;

	background: #f39800;

	position: static;

	margin: 0;

}

#fp-nav {

	display: none;

}

 @media(min-width:768px) {

.sectionfooter footer {

	padding-top: 0;

}

#fp-nav {

	display: block;

}

.section1 {

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

	background-size: cover;

}

.section1 .fp-tableCell {

	vertical-align: middle;

}

.ibox1 {

	padding: 0 5%;

}

.ibox1 .txt {

	padding: 0 0 60px 0;

}

.ibox1 .txt>h3 {

	font-size: 20px;

	margin: 0;

}

.ibox1 .txt>h2 {

	font-size: 32px;

	margin: 0;

}

.ibox1 .txt>h4 {

	font-size: 16px;

	font-weight: normal;

}

.ibox1 .item {

	display: block;

	margin-bottom: 10px;

	height: 200px;

	overflow: hidden;

	position: relative;

	background-size: contain;

	padding: 5% 0 0 5%;

}

.ibox1 .item>.title {

	float: none;

}

.ibox1 .item i {

	display: block;

	width: 35px;

	height: 35px;

	background-size: contain;

}

.ibox1 .item>.list {

	padding-top: 0;

}

.ibox1 .item.item2>.list {

	padding-top: 0;

}

}

 @media(min-width:1200px) {

.section1 .fp-tableCell {

	vertical-align: top;

	padding-top: 120px;

}

.ibox1 {

	padding: 0 10%;

}

.ibox1 .col-lg-6 {

	width: 100%;

}

.ibox1 .txt>h3 {

	font-size: 18px;

	margin: 0;

}

.ibox1 .txt>h2 {

	font-size: 24px;

	margin: 0;

}

.ibox1 .txt>h4 {

	font-size: 16px;

	font-weight: normal;

}

}

 @media(min-width:1400px) {

.section1 .fp-tableCell {

	vertical-align: middle;

}

.ibox1 {

	padding: 0 5%;

}

.ibox1 .col-lg-6 {

	width: 50%;

}

.ibox1 .txt>h3 {

	font-size: 34px;

	margin: 0;

}

.ibox1 .txt>h2 {

	font-size: 50px;

	margin: 0;

}

.ibox1 .txt>h4 {

	font-size: 24px;

	font-weight: normal;

}

.ibox1 .row .row {

	margin: 0 -5px;

}

.ibox1 .row .row>.col-sm-4 {

	padding: 0 5px;

}

.ibox1 .item {

	height: 280px;

	padding: 25px 0 0 10px;

}

.ibox1 .item> a .title {

	width: 100%;

}

.ibox1 .item h2 {

	font-size: 18px;

}

.ibox1 .item i {

	width: 45px;

	height: 65px;

}

.ibox1 .item.item2 i {

	width: 55px;

	height: 65px;

}

.ibox1 .item:before {

	content: '';

	display: block;

	position: absolute;

	right: -50%;

	top: 10%;

	height: 80%;

	width: 100%;

	background-size: contain;

}

.ibox1 .item>.list>ul>li>a {

	font-size: 14px;

}

}

 @media(min-width:1680px) {

.ibox1 .col-lg-6:nth-child(1) {

	width: 45%;

}

.ibox1 .col-lg-6:nth-child(2) {

	width: 55%;

}

.ibox1 .item h2:after {

	height: 3px;

}

.ibox1 {

	padding: 0 6%;

}

.ibox1 .col-lg-6 {

	width: 50%;

}

.ibox1 .txt>h3 {

	font-size: 34px;

	margin: 0;

}

.ibox1 .txt>h2 {

	font-size: 50px;

	margin: 0;

}

.ibox1 .txt>h4 {

	font-size: 26px;

	font-weight: normal;

}

.ibox1 .row .row {

	margin: 0 -5px;

}

.ibox1 .row .row>.col-sm-4 {

	padding: 0 5px;

}

.ibox1 .item {

	height: 345px;

	padding: 40px 0 0 46px;

}

.ibox1 .item>.title {

	width: 100%;

	display: block;

}

.ibox1 .item h2 {

	font-size: 22px;

	padding-top: 20px;

}

.ibox1 .item i {

	width: 75px;

	height: 75px;

}

.ibox1 .item.item2 i {

	width: 75px;

	height: 75px;

}

.ibox1 .item.item3 i {

	width: 65px;

	height: 75px;

}

.ibox1 .item:before {

	content: '';

	display: block;

	position: absolute;

	right: -50%;

	top: 10%;

	height: 80%;

	width: 100%;

	background-size: contain;

}

.ibox1 .item>.list>ul>li {

	font-size: 16px;

	line-height: 2em;

}

.ibox1 .txt:after {

	margin-top: 100px;

	width: 60px;

}

#fp-nav ul li, .fp-slidesNav ul li {

	width: 60px;

	height: 20px;

}

#fp-nav ul li a span, .fp-slidesNav ul li a span {

	height: 4px;

	width: 60%;

}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {

	height: 4px;

}

}

.section2 {

	position: relative;

	padding-top: 0;

}

.section2>.fp-tableCell {

	display: block;

	padding-top: 60px;

	/*height:100%!important;*/

	vertical-align: top;

}

.section2 .title {

	font-size: 12px;

	text-align: center;

	color: #fff;

	position: absolute;

	width: 100%;

	text-align: center;

	top: 65px;

	z-index: 5;

	font-weight: bold;

}

.section2 .item {

	height: 25%;

	position: relative;

	color: #fff;

	padding: 7% 0 0 7%;

}

.section2 .item>div a {

	color: #fff;

	outline: none;

	text-decoration: none;

}

.section2 .item>div a:hover {

	color: #fff;

	outline: none;

	text-decoration: none;

}

.section2 .item>div i {

	display: block;

	width: 50px;

	height: 35px;

	margin-bottom: 10px;

}

.section2 .item>div span {

	color: rgba(255,255,255,.4);

	text-transform: uppercase;

}

.section2 .item>div h2 {

	margin: 0;

	font-weight: normal;

	display: block;

	font-size: 12px;

}

.section2 .item>div h2:after {

	content: '';

	display: block;

	width: 2em;

	height: 3px;

	margin-top: 10px;

	background: #fff;

}

.section2 .item1 {

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

	background-size: cover;

}

.section2 .item1>div i {

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

	background-size: contain;

}

.section2 .item2 {

	background: url(../images/2-1.jpg) no-repeat center center;

	background-size: cover;

}

.section2 .item2>div i {

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

	background-size: contain;

}

.section2 .item3 {

	background: url(../images/3-1.jpg) no-repeat center center;

	background-size: cover;

}

.section2 .item3>div i {

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

	background-size: contain;

}

.section2 .item4 {

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

	background-size: cover;

}

.section2 .item4>div i {

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

	background-size: contain;

}

@media(min-width:768px) {

.section2 {

	background: #055576;

}

.section2>.fp-tableCell {

	display: table-cell;

}

.section2 .fp-tableCell {

	vertical-align: middle;

}

.section2 .title {

	font-size: 28px;

	position: static;

	padding: 20px 0;

	text-align: center;

	font-weight: normal;

}

.section2 .item {

	width: 25%;

	height: 195px!important;

	position: relative;

	color: #fff;

	bottom: 0;

	float: left;

	display: table-cell;

	vertical-align: middle;

	background: none;

	padding: 20px;

}

.section2 .item>div {

	padding: 20px;

	background: #056188;

	border-radius: 2px;

	height: 100%;

	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,.4);

	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.4);

	box-shadow: 2px 2px 5px rgba(0,0,0,.4);

	position: relative;

}

.section2 .item>div h2 {

	font-size: 14px;

	padding-left: 40px;

	position: absolute;

	top: 50%;

	margin-top: -14px;

}

.section2 .item>div h2:after {

	display: none;

}

.section2 .item>div i {

	width: 40px;

	height: 34px;

	position: absolute;

	top: 50%;

	margin-top: -17px;

	left: 20px;

}

/*pc显示 效果*/



.section2 .img {

	display: block;

}

.section2 .img img {

	width: 100%;

}

}

@media(min-width:992px) {

.section2 .item>div h2 {

	font-size: 14px;

	padding-left: 60px;

}

.section2 .item>div i {

	width: 40px;

	height: 34px;

	position: absolute;

	top: 50%;

	margin-top: -17px;

	left: 40px;

}

}

@media(min-width:1200px) {

.section2 .item>div h2 {

	font-size: 14px;

	padding-left: 80px;

	position: absolute;

}

.section2 .item>div i {

	width: 80px;

	height: 34px;

	position: absolute;

	top: 50%;

	margin-top: -17px;

	left: 40px;

}

}

@media(min-width:1400px) {

.section2 .item>div h2 {

	font-size: 20px;

	padding-left: 100px;

	margin-top: -20px;

}

.section2 .item>div i {

	width: 70px;

	height: 54px;

	position: absolute;

	top: 50%;

	margin-top: -32px;

	left: 40px;

}

}

@media(min-width:1600px) {

.section2 .item>div h2 {

	font-size: 28px;

	padding-left: 120px;

	margin-top: -28px;

}

.section2 .item>div i {

	width: 80px;

	height: 64px;

	position: absolute;

	top: 50%;

	margin-top: -32px;

	left: 40px;

}

}

/*@media(min-width:992px){

.section2 .title{padding-top:70px;font-size:24px;}

.section2 .item{

    padding:0;

    height:100%!important;

}

.section2 .item>div{

    padding:120% 0 0 15%;

}

.section2 .item>div i{

    display:block;

    width:80px;

    height:100px;

    margin-bottom:40px;

}

.section2 .item>div span{

    font-size:18px; font-weight:bold;

}

.section2 .item>div h2{

    font-size:32px;

}

.section2 .item>div h2:after{



}





}

@media(min-width:1200px){

.section2 .title{padding-top:70px;font-size:20px;padding-left:5%;}

.section2 .item{

    padding:0;

    height:100%!important;

    

}

.section2 .item>div{

    padding:120% 0 0 15%;

}

.section2 .item>div i{

    display:block;

    width:50px;

    height:50px;

    margin-bottom:30px;

}

.section2 .item>div span{

    font-size:16px; font-weight:bold;

}

.section2 .item>div h2{

    font-size:24px;

    line-height:24px;

}

.section2 .item>div h2:after{

    content:'';

    display:block;

    width:1.5em;

    height:4px;

    margin-top:40px;

    background:#fff;

}







}

@media(min-width:1400px){

.section2 .title{padding-top:70px;font-size:35px;padding-left:5%;}

.section2 .item{

    padding:0;

    height:100%!important;

}

.section2 .item>div{

    display:block;

    height:100%;

    padding:70% 0 0 10%;

}

.section2 .item>div i{

    display:block;

    width:126px;

    height:130px;

    margin-bottom:90px;

}

.section2 .item.item1>div i{width:104px;height:113px;}

.section2 .item.item2>div i{width:122px;height:106px;}

.section2 .item.item3>div i{width:108px;height:108px;}

.section2 .item.item4>div i{width:115px;height:115px;}

.section2 .item>div span{

    font-size:24px; font-weight:bold;

}

.section2 .item>div h2{

    font-size:44px;

    line-height:44px;

}

.section2 .item>div h2:after{

    content:'';

    display:block;

    width:1.5em;

    height:5px;

    margin-top:40px;

    background:#fff;

}







}*/















.section3 {

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

	background-size: cover;

	padding: 0 10%;

}

.section3 .fp-tableCell {

	vertical-align: top;

}

.section3 h2 {

	font-size: 50px;

	color: #fff;

	margin: 0;

	display: block;

	padding-bottom: 50px;

}

.section3 h2>small {

	font-size: 26px;

	color: rgba(255,255,255,1);

	text-transform: uppercase;

	display: block;

}

.section3 .item {

	width: 100%;

	display: block;

	overflow: hidden;

	cursor: pointer;

	margin: 0;

}

.section3 .item img {

	width: 100%

}

.section3 .item>.img {

	overflow: hidden;

	position: relative;

}

.section3 .item>.img:before {

	content: '';

	background: #f39800;

	display: block;

	width: 0;

	height: 0;

	position: absolute;

	z-index: 22;

	border-radius: 100%;

	top: 50%;

	left: 50%;

	margin-left: 0;

	margin-top: 0;

	opacity: 0;

	-webkit-transition-property: all;

	transition-property: all;

	-webkit-transition-duration: .3s;

	transition-duration: .3s;

	-webkit-transition-timing-function: ease-out;

	transition-timing-function: ease-out;

}

.section3 .item>.img:after {

	content: '+';

	color: #fff;

	text-align: center;

	line-height: 40px;

	font-size: 30px;

	display: block;

	width: 40px;

	height: 40px;

	position: absolute;

	z-index: 23;

	border-radius: 100%;

	top: 50%;

	left: 50%;

	margin-left: -20px;

	margin-top: -23px;

	opacity: 0;

	-webkit-transition-duration: .5s;

	transition-duration: .5s;

}

.section3 .item>.txt {

	background: #fff;

	padding: 28px 25px 30px 25px;

	height: 155px;

	overflow: hidden;

	position: relative;

}

.section3 .item>.txt:after {

	content: '';

	display: block;

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 150px;

	background: #f39800;

	z-index: 1;

	-webkit-transition-timing-function: ease-out;

	transition-timing-function: ease-out;

}

.section3 .item>.txt>a {

	outline: none;

	text-decoration: none;

}

.section3 .item>.txt b {

	position: relative;

	z-index: 2;

	font-size: 16px;

	color: #333;

	-webkit-transition-property: all;

	transition-property: all;

	-webkit-transition-duration: .0s;

	transition-duration: .0s;

}

.section3 .item>.txt p {

	position: relative;

	z-index: 2;

	font-size: 14px;

	color: #888;

	-webkit-transition-property: all;

	transition-property: all;

	-webkit-transition-duration: .0s;

	transition-duration: .0s;

	overflow : hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

}

.section3 .item:hover {

}

.section3 .item:hover b, .section3 .item:hover p {

	color: #fff;

}

.section3 .item:hover .txt:after {

	top: 0;

}

.section3 .item:hover .img:before {

	opacity: 1;

	width: 40px;

	height: 40px;

	margin-left: -20px;

	margin-top: -22px;

}

.section3 .item:hover .img:after {

	opacity: 1;

}

.section3 .swiper-button-prev.swiper-button-disabled, .section3 .swiper-button-next.swiper-button-disabled {

	color: #fff;

}

.section3 .swiper-pagination-fraction, .section3 .swiper-pagination-custom, .section3 .swiper-container-horizontal > .swiper-pagination-bullets {

	position: relative;

}

.section3 .swiper-pagination {

	position: relative;

	padding-top: 40px;

}

.section3 .swiper-pagination-bullet {

	width: 12px;

	height: 12px;

	display: inline-block;

	border-radius: 100%;

	background: none;

	border: 1px solid #fff;

	opacity: 1;

}

.section3 .swiper-pagination-bullet-active {

	opacity: 1;

	background: #f39800;

	border-color: #f39800;

}

.section3 .container {

	position: relative;

}

.section3 .title {

	padding-top: 80px;

}

.section3 h2 {

	font-size: 20px;

	color: #fff;

	margin: 0;

	display: block;

	padding-bottom: 10px;

	float: left;

}

.section3 h2>small {

	font-size: 12px;

	color: rgba(255,255,255,1);

	text-transform: uppercase;

	display: block;

}

.section3 h2:after {

	content: '';

	width: 2em;

	height: 2px;

	background: #f39800;

	display: block;

	margin-top: 10px;

}

.section3 .title>a {

	float: right;

	font-size: 14px;

	color: #fff;

	line-height: 30px;

	padding-top: 20px;

}

.section3 .title>a>i {

	display: block;

	float: left;

	width: 30px;

	height: 30px;

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

	background-size: cover;

	margin-right: 10px;

}

.section3 .title:after {

	content: "";

	display: block;

	clear: both;

}

.section3 .swiper-container {

	margin-top: 0;

}

.section3 .swiper-button-next, .section3 .swiper-container-rtl .swiper-button-prev {

	display: none;

}

.section3 .swiper-button-prev, .section3 .swiper-container-rtl .swiper-button-next {

	display: none;

}

.section3 .item {

	width: 100%;

	display: block;

	overflow: hidden;

	cursor: pointer;

	margin: 0 auto;

}

 @media(min-width:768px) {

.section3 .title {

	padding: 0;

}

.section3 .fp-tableCell {

	vertical-align: middle;

}

.section3 .swiper-container {

	padding-top: 10%;

}

.section3 .swiper-pagination {

	padding-top: 15%;

}

}

 @media(min-width:992px) {

.section3 {

	padding: 0 15px;

}

.section3 .item {

	width: 100%;

}

.section3 .swiper-container {

	padding-top: 2%;

}

.section3 .swiper-pagination {

	padding-top: 2%;

}

}

@media(min-width:1200px) {

.section3 {

	padding: 0 10%;

}

.section3 .fp-tableCell {

	vertical-align: top;

	padding-top: 120px;

}

.section3 .item>.img img {

	height: 150px;

}

.section3 .item>.txt {

	padding: 15px 20px;

	height: 120px;

}

}

@media(min-width:1400px) {

.section3 {

	padding: 0 5%;

}

.section3 .fp-tableCell {

	vertical-align: top;

	padding-top: 120px;

}

.section3 .item>.img img {

	height: auto;

}

.section3 .item>.txt {

	padding: 28px 25px 30px 25px;

	height: 155px;

}

.section3 h2:after {

	width: 1.5em;

	height: 4px;

}

.section3 .item {

	width: 100%;

	margin: 0;

}

.section3 h2 {

	font-size: 50px;

	padding-bottom: 50px;

}

.section3 h2>small {

	font-size: 26px;

}

.section3 .title>a {

	font-size: 20px;

	color: #fff;

	line-height: 40px;

	padding-top: 30px;

}

.section3 .title>a>i {

	width: 40px;

	height: 40px;

}

.section3 .swiper-container-horizontal > .swiper-pagination-bullets {

	display: none;

}

.section3 .swiper-button-next, .section3 .swiper-button-prev {

	display: block;

	border: 2px solid #fff;

	width: 164px;

	height: 50px;

	border-radius: 25px;

	-webkit-transition: all 1s;

	-moz-transition: all 1s;

	-o-transition: all 1s;

	transition: all 1s;

	top: 85%;

	z-index: 1;

}

.section3 .swiper-button-next, .section3 .swiper-container-rtl .swiper-button-prev {

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

	right: 40%;

}

.section3 .swiper-button-prev, .section3 .swiper-container-rtl .swiper-button-next {

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

	left: 40%;

}

.section3 .swiper-button-next:hover, .section3 .swiper-button-prev:hover {

	background-color: #f39800;

	border-color: #f39800;

}

.section3 .swiper-button-next:hover {

	z-index: 4;

}

.section3 .swiper-button-prev:hover {

	z-index: 4;

}

}

 @media(min-width:1680px) {

.section3 .item {

	width: 370px;

	margin: 0;

}

.section3 {

	padding: 0 5%;

}

}

.section4 {

	background: #0e5675;

}

.section4 .fp-tableCell {

	vertical-align: top;

}

.section4 h3 {

	font-size: 20px;

	color: #fff;

	margin: 0;

	display: block;

	padding-bottom: 20px;

	float: left;

}

.section4 h3>small {

	font-size: 20px;

	color: #fff;

	text-transform: uppercase;

	display: block;

}

.section4 .about3-nav {

	padding-top: 10px;

	padding-bottom: 30px;

	text-align: center;

}

.section4 .about3-nav>a {

	display: inline-block;

	padding: 10px 20px;

	font-size: 14px;

	margin: 0 5px;

	border: 1px solid #d3d3d3;

	color: #fff;

	border-radius: 10px;

}

.section4 .about3-nav>a:hover {

	text-decoration: none;

}

.section4 .about3-nav>a.active {

	border-color: #f39800;

	background: #f39800;

	color: #fff;

}

.section4 .about3-nav:after {

	content: '';

	display: block;

	clear: both;

}

.section4 .title {

	padding: 70px 15px 20px 15px;

}

.section4 .title:after {

	content: '';

	display: block;

	clear: both;

}

.section4 .swiper-container {

	padding: 1% 0 0 0;

}

.section4 .swiper-slide {

	padding: 0 15px;

}

.section4 table {

	padding: 0;

	margin: 0;

	border-collapse: collapse;

	width: 100%;

}

.section4 table td {

	border: 1px solid #156486;

	display: block;

	float: left;

	width: 50%;

}

.section4 table td img {

	width: 100%;

}

.section4 table tr {

	display: block;

}

.section4 table td img {

	width: 100%;

	cursor: pointer;

}

.section4 .swiper-pagination {

	position: relative;

	padding-top: 40px;

}

.section4 .swiper-pagination-bullet {

	width: 12px;

	height: 12px;

	display: inline-block;

	border-radius: 100%;

	background: none;

	border: 1px solid #fff;

	opacity: 1;

}

.section4 .swiper-pagination-bullet-active {

	opacity: 1;

	background: #f39800;

	border: 1px solid #f39800;

}

 @media(min-width:768px) {

.section4 .fp-tableCell {

	vertical-align: middle;

}

.section4 .swiper-container {

	padding: 0 0;

}

.section4 .swiper-slide {

	padding: 0 15px;

}

.section4 .title {

	padding: 70px 15px 20px 15px;

}

.section4 .title:after {

	content: '';

	display: block;

	clear: both;

}

.section4 h3 {

	display: block;

	font-size: 20px;

	color: #fff;

}

.section4 h3>small {

	font-size: 12px;

	color: rgba(255,255,255,1);

	text-transform: uppercase;

	display: block;

}

.section4 h3:after {

	content: '';

	display: block;

	width: 2em;

	height: 2px;

	background: #f39800;

	margin-top: 10px;

}

.section4 .title>a {

	float: right;

	color: #fff;

	display: block;

	padding: 20px 0 0 0;

}

.section4 .about3-nav {

	float: right;

}

}

 @media(min-width:1200px) {

.section4 {

	padding: 0 10%;

}

.section4 .fp-tableCell {

	vertical-align: top;

	padding-top: 120px;

}

.section4 .title {

	padding: 0;

	padding-bottom: 50px;

}

.section4 table tr {

	display: table-row;

}

.section4 table td {

	border: 1px solid #156486;

	display: table-cell;

	float: none;

	width: auto;

	text-align: center;

}

.section4 table td img {

	width: 100%;

}

.section4 .swiper-slide {

	padding: 0;

}

}

 @media(min-width:1400px) {

.section4 {

	padding: 0 5%;

}

.section4 h3:after {

	width: 1.5em;

	height: 4px;

}

.section4 .about3-nav {

	float: none;

	padding-top: 30px;

}

.section4 .about3-nav>a {

	padding: 10px 60px;

	font-size: 20px;

	border-width: 2px;

}

.section4 table td {

	border: 1px solid #156486;

	display: table-cell;

	float: none;

	width: auto;

	text-align: center;

}

.section4 table tr {

	display: table-row;

}

.section4 table td img {

	width: auto;

}

.section4 table td img:hover {

	opacity: 1;

	-webkit-filter: grayscale(0);

	-moz-filter: grayscale(0);

	-ms-filter: grayscale(0);

	-o-filter: grayscale(0);

	filter: grayscale(0);

}

.section4 h3 {

	font-size: 50px;

	color: #fff;

	display: block;

	float: none;

}

.section4 h3>small {

	font-size: 22px;

	color: #d3d3d3;

	text-transform: uppercase;

	display: block;

}

}

.section5 {

	background: url(../images/bg2.jpg) no-repeat 0 bottom;

	background-size: cover;

}

.section5 .fp-tableCell {

	vertical-align: top;

}

.section5 .title {

	padding: 70px 15px 20px 15px;

}

.section5 .title:after {

	content: '';

	display: block;

	clear: both;

}

.section5 h2 {

	font-size: 20px;

	color: #fff;

	margin: 0;

	display: block;

	float: left;

}

.section5 h2>small {

	font-size: 12px;

	color: rgba(255,255,255,1);

	text-transform: uppercase;

	display: block;

}

.section5 h2:after {

	content: '';

	display: block;

	width: 2em;

	height: 2px;

	background: #f39800;

	margin-top: 10px;

}

.section5 .title>a {

	float: right;

	color: #fff;

	display: block;

	padding: 20px 0 0 0;

}

.section5 .mo .item {

	width: 100%;

	display: block;

	overflow: hidden;

	cursor: pointer;

	margin: 0 auto;

}

.section5 .mo .item img {

	width: 100%

}

.section5 .mo .item>.img {

	overflow: hidden;

	position: relative;

}

.section5 .mo .item>.img:before {

	content: '';

	background: #f39800;

	display: block;

	width: 0;

	height: 0;

	position: absolute;

	z-index: 22;

	border-radius: 100%;

	top: 50%;

	left: 50%;

	margin-left: 0;

	margin-top: 0;

	opacity: 0;

	-webkit-transition-property: all;

	transition-property: all;

	-webkit-transition-duration: .3s;

	transition-duration: .3s;

	-webkit-transition-timing-function: ease-out;

	transition-timing-function: ease-out;

}

.section5 .mo .item>.img:after {

	content: '+';

	color: #fff;

	text-align: center;

	line-height: 40px;

	font-size: 30px;

	display: block;

	width: 40px;

	height: 40px;

	position: absolute;

	z-index: 23;

	border-radius: 100%;

	top: 50%;

	left: 50%;

	margin-left: -20px;

	margin-top: -23px;

	opacity: 0;

	-webkit-transition-duration: .5s;

	transition-duration: .5s;

}

.section5 .mo .item>.txt {

	background: #f39800;

	padding: 14px 25px;

	height: 125px;

	position: relative;

	z-index: 2;

}

.section5 .mo .item>.txt:before {

	content: '';

	display: inline-block;

	width: 0;

	height: 0;

	margin-left: 5px;

	vertical-align: middle;

	border-bottom: 10px dashed #f39800;

	border-bottom: 10px solid\9;

	border-right: 10px solid transparent;

	border-left: 10px solid transparent;

	position: absolute;

	top: -10px;

	left: 50%;

	margin-left: -5px;

}

.section5 .mo .item>.txt>a {

	outline: none;

	text-decoration: none;

}

.section5 .mo .item>.txt span {

	display: block;

	color: rgba(255,255,255,.6);

	font-size: 12px;

}

.section5 .mo .item>.txt b {

	overflow: hidden;

	white-space: nowrap;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	position: relative;

	z-index: 2;

	font-size: 16px;

	color: #fff;

	-webkit-transition-property: all;

	transition-property: all;

	-webkit-transition-duration: .0s;

	transition-duration: .0s;

}

.section5 .mo .item>.txt p {

	position: relative;

	z-index: 2;

	font-size: 14px;

	color: rgba(255,255,255,.7);

	-webkit-transition-property: all;

	transition-property: all;

	-webkit-transition-duration: .0s;

	transition-duration: .0s;

}

.section5 .mo .item:hover {

}

.section5 .mo .item:hover b, .section3 .mo .item:hover p {

	color: #fff;

}

.section5 .mo .item:hover .txt:after {

	top: 0;

}

.section5 .mo .item:hover .img:before {

	opacity: 1;

	width: 40px;

	height: 40px;

	margin-left: -20px;

	margin-top: -22px;

}

.section5 .mo .item:hover .img:after {

	opacity: 1;

}

.section5 .mo .swiper-button-prev.swiper-button-disabled, .section5 .mo .swiper-button-next.swiper-button-disabled {

	color: #fff;

}

.section5 .mo .swiper-pagination-fraction, .section5 .mo .swiper-pagination-custom, .section5 .mo .swiper-container-horizontal > .swiper-pagination-bullets {

	position: relative;

}

.section5 .mo .swiper-pagination {

	position: relative;

	padding-top: 10%;

}

.section5 .mo .swiper-pagination-bullet {

	width: 12px;

	height: 12px;

	display: inline-block;

	border-radius: 100%;

	background: none;

	border: 1px solid #fff;

	opacity: 1;

}

.section5 .mo .swiper-pagination-bullet-active {

	opacity: 1;

	background: #f39800;

	border: 1px solid #f39800;

}

.section5 .mo {

	padding: 2% 15px 0 15px;

}

 @media(min-width:768px) {

.section5 .fp-tableCell {

	vertical-align: middle;

}

}

.section5 .pc .item {

	width: 100%;

	padding: 0 5%;

}

.section5 .pc .item:after {

	content: '';

	display: block;

	clear: both;

}

.section5 .pc .item .img {

	height: 203px;

	width: 100%;

	overflow: hidden;

}

.section5 .pc .item .img img {

	width: 100%;

	height: 203px;

	-webkit-transition: all 1s;

	-moz-transition: all 1s;

	-o-transition: all 1s;

	transition: all 1s;

}

.section5 .pc .item .txt {

	height: 203px;

	position: relative;

	padding: 30px 20px 0 35px;

}

.section5 .pc .item .txt span {

	font-size: 14px;

	color: rgba(255,255,255,.6);

	display: block;

}

.section5 .pc .item .txt b {

	font-size: 20px;

	color: rgba(255,255,255,1);

	display: block;

	margin-bottom: 10px;

	overflow : hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

}

.section5 .pc .item .txt p {

	font-size: 14px;

	color: rgba(255,255,255,.7);

	display: block;

	margin: 0;

	overflow : hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

}

.section5 .pc .item .txt:before {

	content: '';

	display: block;

	position: absolute;

	display: inline-block;

	width: 0;

	height: 0;

	margin-left: 5px;

	vertical-align: middle;

	border-bottom: 10px dashed #f39800;

	border-bottom: 10px solid\9;

	border-right: 10px solid transparent;

	border-left: 10px solid transparent;

	-webkit-transition: all 1s;

	-moz-transition: all 1s;

	-o-transition: all 1s;

	transition: all 1s;

}

.section5 .pc .item a {

	text-decoration: none;

	outline: none;

}

.section5 .pc .item>.item1, .section5 .pc .item>.item2, .section5 .pc .item>.item3, .section5 .pc .item>.item4 {

	width: 25%;

	float: left;

	position: relative;

	height: 406px;

	z-index: 1;

}

.section5 .pc .item>.item1 {

}

.section5 .pc .item>.item1>.txt {

	background: #03a6e8;

}

.section5 .pc .item>.item1>.txt:before {

	border-bottom: 10px dashed #03a6e8;

	top: -10px;

	left: 50%;

	margin-left: -15px;

}

.section5 .pc .item1:hover .img img, .section5 .pc .item2:hover .img img, .section5 .pc .item3:hover .img img, .section5 .pc .item4:hover .img img {

	-webkit-transform: scale(1.2);

	-moz-transform: scale(1.2);

	-o-transform: scale(1.2);

	transform: scale(1.2);

}

.section5 .pc .item>.item2 {

	background: #f39800;

	z-index: 3;

	height: 203px;

}

.section5 .pc .item>.item2>.img {

	position: absolute;

	left: 100%;

}

.section5 .pc .item>.item2>.txt:before {

	border-left: 10px dashed #f39800;

	border-top: 10px solid transparent;

	border-bottom: 10px solid transparent;

	top: 50%;

	right: -20px;

	margin-top: -15px;

}

.section5 .pc .item>.item3 {

	top: 203px;

	height: 203px;

	background: #7a5af0;

}

.section5 .pc .item>.item3>.img {

	position: absolute;

	left: -100%;

}

.section5 .pc .item>.item3>.txt:before {

	border-right: 10px dashed #7a5af0;

	border-top: 10px solid transparent;

	border-bottom: 10px solid transparent;

	top: 50%;

	left: -25px;

	margin-top: -15px;

}

.section5 .pc .item>.item4 {

	background: #5cb366;

}

.section5 .pc .item>.item4>.img {

	bottom: 0;

	position: absolute;

	left: 0;

}

.section5 .pc .item>.item4>.txt:before {

	border-bottom: none;

	border-top: 10px dashed #5cb366;

	bottom: -10px;

	left: 50%;

	margin-left: -15px;

}

.section5 .pc .item1:hover .txt:before, .section5 .pc .item2:hover .txt:before, .section5 .pc .item3:hover .txt:before, .section5 .pc .item4:hover .txt:before {

	-webkit-transform: scale(2);

	-moz-transform: scale(2);

	-o-transform: scale(2);

	transform: scale(2);

}

.section5 .pc .item2:hover .txt:before {

	right: -25px;

}

.section5 .pc .item3:hover .txt:before {

	left: -30px;

}

.section5 .pc .swiper-button-next, .section5 .pc .swiper-button-prev {

	border: 2px solid #fff;

	width: 164px;

	height: 50px;

	border-radius: 25px;

	-webkit-transition: all 1s;

	-moz-transition: all 1s;

	-o-transition: all 1s;

	transition: all 1s;

	top: 90%;

	z-index: 1;

}

.section5 .pc .swiper-button-next, .section5 .pc .swiper-container-rtl .swiper-button-prev {

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

	right: 40%;

}

.section5 .pc .swiper-button-prev, .section5 .pc .swiper-container-rtl .swiper-button-next {

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

	left: 40%;

}

.section5 .pc .swiper-button-next:hover, .section5 .pc .swiper-button-prev:hover {

	background-color: #f39800;

	border-color: #f39800;

	z-index: 5;

}

 @media(min-width:1200px) {

.section5 {

	padding: 0 10%;

}

.section5 .fp-tableCell {

	vertical-align: top;

	padding-top: 120px;

}

.section5 .pc .item {

	width: 100%;

	padding: 0;

}

.section5 h2 {

	font-size: 24px;

	padding-bottom: 40px;

}

.section5 h2>small {

	font-size: 16px;

	font-weight: normal;

	color: rgba(255,255,255,1);

}

.section5 h2:after {

	width: 1.5em;

	height: 2px;

}

.section5 .title {

	padding: 0;

}

.section5 .title>a {

	float: right;

	font-size: 14px;

	color: #fff;

	line-height: 40px;

	padding-top: 30px;

}

.section5 .pc .item>.item1, .section5 .pc .item>.item2, .section5 .pc .item>.item3, .section5 .pc .item>.item4 {

	height: 203px;

}

.section5 .pc .swiper-button-next, .section5 .pc .swiper-button-prev {

	width: 100px;

	top: 85%;

	height: 40px;

}

}

 @media(min-width:1400px) {

.section5 {

	padding: 0 5%;

}

.section5 .pc .item {

	width: 100%;

	padding: 0;

}

.section5 h2 {

	font-size: 50px;

	padding-bottom: 40px;

}

.section5 h2>small {

	font-size: 26px;

	font-weight: normal;

	color: rgba(255,255,255,1);

}

.section5 h2:after {

	width: 1.5em;

	height: 4px;

}

.section5 .title {

	padding-left: 0;

}

.section5 .title>a {

	float: right;

	font-size: 20px;

	color: #fff;

	line-height: 40px;

	padding-top: 30px;

}

.section5 .pc .item>.item1, .section5 .pc .item>.item2, .section5 .pc .item>.item3, .section5 .pc .item>.item4 {

	height: 406px;

}

.section5 .pc .item>.item2 {

	z-index: 3;

	height: 203px;

}

.section5 .pc .item>.item3 {

	z-index: 4;

	height: 203px;

}

.section5 .pc .swiper-button-next, .section5 .pc .swiper-button-prev {

	width: 160px;

	top: 85%;

	height: 50px;

}

}

 @media(min-width:1200px) {

}

 @media(min-width:768px) {

}

 @media(min-width:992px) {

}

@media(min-width:1200px) {

}

@media(min-width:1400px) {

}

@media(min-width:1680px) {

}

@media(min-width:1920px) {

}

/*页面导行插件*/

.pagehelper {

	position: fixed;

	width: 200px;

	top: 20%;

	left: 0;

	background: #146d9d;

	color: #fff;

	-moz-box-shadow: 0px 0px 40px rgba(0,0,0,.34);

	-webkit-box-shadow: 2px 0px 40px #333333;

	box-shadow: 0px 0px 40px rgba(0,0,0,.34);

	border-top-right-radius: 10px;

	border-bottom-right-radius: 10px;

	cursor: pointer;

	z-index: 9999;

}

.pagehelper>h2 {

	font-size: 15px;

	text-align: center;

	border-bottom: 2px solid #fff;

	margin: 0 20px;

	padding: 10px 0;

}

.pagehelper>h2>small {

	font-weight: normal;

	font-size: 12px;

}

.pagehelper>ul {

	padding: 10px 0;

	margin: 0;

	list-style: none;

	border-bottom: 2px solid #fff;

}

.pagehelper>ul>li {

}

.pagehelper>ul>li>a {

	display: block;

	padding: 5px 10px 5px 20px;

	color: #fff;

	position: relative;

}

.pagehelper>ul>li>a.active {

	background: #f39800;

}

.pagehelper>ul>li>a>span {

	display: none;

	width: 200px;

	height: 200px;

	padding: 20px;

	position: absolute;

	right: -200px;

	background: #f39800;

	top: 0;

	-moz-box-shadow: 0px 0px 40px rgba(0,0,0,.34);

	-webkit-box-shadow: 2px 0px 40px #333333;

	box-shadow: 0px 0px 40px rgba(0,0,0,.34);

}

.pagehelper>p {

	padding-left: 20px;

}

.pagehelper.off {

	width: 50px;

	overflow: hidden;

}

.pagehelper.off>h2 {

	border: 0;

}

.pagehelper.off>ul, .pagehelper.off>p {

	display: none;

}

.xjiaanlidiv {

	text-align: center;

	padding-top: 40px;

}

.btn-xjiaanli {

	background: #f39801;

	display: inline-block;

	margin: 0 auto;

	padding: 16px 40px;

	font-size: 18px;

	color: #fff;

	border-radius: 2em;

}

.btn-xjiaanli:hover {

	color: #fff;

	-moz-box-shadow: 0px 0px 40px rgba(0,0,0,.14);

	-webkit-box-shadow: 2px 0px 40px rgba(0,0,0,.14);

	box-shadow: 0px 0px 40px rgba(0,0,0,.14);

}

.xjiaanli-list {

	padding: 20px 0;

}

.xjiaanli-list>.item {

	background: #fff;

	border-radius: 5px;

}/*522 307*/

.xjiaanli-list>.item:hover {

	-moz-box-shadow: 0px 0px 40px rgba(0,0,0,.34);

	-webkit-box-shadow: 2px 0px 40px rgba(0,0,0,.34);

	box-shadow: 0px 0px 40px rgba(0,0,0,.34);

}

.xjiaanli-list>.item:after {

	content: '';

	display: table;

	clear: both;

}

.xjiaanli-list .img {

}

.xjiaanli-list .img img {

	width: 100%;

}

.xjiaanli-list .txt {

	padding: 20px;

}

.xjiaanli-list h3 {

	margin: 0;

	font-size: 18px;

	color: #000;

}

.xjiaanli-list p {

	margin: 0;

	font-size: 12px;

	color: #666;

	padding: 10px 0;

}

.xjiaanli-list small {

	color: #f39800;

	font-size: 14px;

	display: inline-block;

}

.xjiaanli-list small:after {

	content: '';

	display: block;

	height: 2px;

	background: #f39800;

}

.xjiaanli-list a {

	text-decoration: none;

}

.xjiaanli-list a:hover {

	text-decoration: none;

}

 @media(min-width:768px) {

.xjiaanli-list .img {

	float: left;

	width: 45%;

}

.xjiaanli-list .txt {

	float: right;

	width: 55%;

}

.xjiaanli-list .item-line {

	height: 1px;

	margin: 30px 0;

	background: #e6e6e6;

}

.xjiaanli-list>.item.items {

}

.xjiaanli-list>.item.items .img {

	float: right!important;

}

.xjiaanli-list>.item.items .txt {

	float: left!important;

}

}

@media(min-width:992px) {

.xjiaanli-list h3 {

	font-size: 22px;

	padding-top: 15px;

}

.xjiaanli-list p {

	font-size: 14px;

	padding: 20px 0;

}

.xjiaanli-list small {

	font-size: 16px;

}

}

@media(min-width:1200px) {

.xjiaanli-list {

	width: 1140px;

}

.xjiaanli-list .img {

	width: 522px;

}

.xjiaanli-list .txt {

	width: 618px;

	padding: 0 60px;

	padding-top: 50px;

}

.xjiaanli-list h3 {

	font-size: 28px;

	padding-top: 0;

	line-height: 1;

}

.xjiaanli-list p {

	font-size: 14px;

	padding: 30px 0 50px 0;

}

.xjiaanli-list small {

	font-size: 16px;

}

}

.xjiaimg {

	position: relative;

}

.xjiaimg .swiper-container {

	max-width: 1200px;

	margin: 0 auto;

	width: 100%;

	padding-top: 50px;

	padding-bottom: 50px;

}

.xjiaimg .swiper-slide {

	background-position: center;

	background-size: cover;

	width: 100%;

}

.xjiaimg .swiper-slide p {

	display: none;

	text-align: center;

}

.xjiaimg .swiper-slide.swiper-slide-active p {

	display: block;

	font-size: 14px;

}

.xleft, .xright {

	display: none;

}

.xleft {

	left: -64px!important;

	width: 54px!important;

	height: 54px!important;

	background: url(../images/xleft.png) no-repeat center center!important;

	background-size: cover;

}

.xright {

	right: -64px!important;

	width: 54px!important;

	height: 54px!important;

	background: url(../images/xright.png) no-repeat center center!important;

	background-size: cover;

}

 @media(min-width:1200px) {

.xjiaimg .swiper-slide {

	background-position: center;

	background-size: cover;

	width: 580px;

}

.xjiaimg1 .swiper-container {

	max-width: 905px!important;

	width: 905px!important;

	padding-top: 70px;

}

.xjiaimg1 .swiper-phone {

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

	display: block;

	position: absolute;

	width: 333px;

	height: 553px;

	z-index: 33;

	top: 0;

	top: 0;

	left: 50%;

	margin-left: -161px;

}

.xjiaimg1 .swiper-slide {

	background-position: center;

	background-size: cover;

	width: 221px!important;

}

.xjiaimg1 .swiper-slide img {

	width: 100%!important;

	height: 397px!important;

	-moz-box-shadow: 0px 0px 20px #333333;

	-webkit-box-shadow: 0px 0px 20px #333333;

	box-shadow: 0px 0px 20px #333333;

}

.xjiaimg1 .swiper-slide-active img {

	width: 221px!important;

	height: 397px!important;

}

}

.xjiaimg1 .swiper-container-3d .swiper-slide-shadow-left {

	display: none;

}

.xjiaimg1 .swiper-container-3d .swiper-slide-shadow-right {

	display: none;

}

 @media(min-width:768px) {

.xleft, .xright {

	display: block;

}

}

#loadings {

	position: relative;

	top: -30px;

	height: 100px;

	display: none;

}

.uil-spin-css {

	background: none;

	position: relative;

	width: 200px;

	height: 200px;

	margin: 0 auto;

	top: -50px;

}

@-webkit-keyframes uil-spin-css {

 0% {

 opacity: 1;

 -ms-transform: scale(1.5);

 -moz-transform: scale(1.5);

 -webkit-transform: scale(1.5);

 -o-transform: scale(1.5);

 transform: scale(1.5);

}

 100% {

 opacity: 0.1;

 -ms-transform: scale(1);

 -moz-transform: scale(1);

 -webkit-transform: scale(1);

 -o-transform: scale(1);

 transform: scale(1);

}

}

@-webkit-keyframes uil-spin-css {

 0% {

 opacity: 1;

 -ms-transform: scale(1.5);

 -moz-transform: scale(1.5);

 -webkit-transform: scale(1.5);

 -o-transform: scale(1.5);

 transform: scale(1.5);

}

 100% {

 opacity: 0.1;

 -ms-transform: scale(1);

 -moz-transform: scale(1);

 -webkit-transform: scale(1);

 -o-transform: scale(1);

 transform: scale(1);

}

}

@-moz-keyframes uil-spin-css {

 0% {

 opacity: 1;

 -ms-transform: scale(1.5);

 -moz-transform: scale(1.5);

 -webkit-transform: scale(1.5);

 -o-transform: scale(1.5);

 transform: scale(1.5);

}

 100% {

 opacity: 0.1;

 -ms-transform: scale(1);

 -moz-transform: scale(1);

 -webkit-transform: scale(1);

 -o-transform: scale(1);

 transform: scale(1);

}

}

@-ms-keyframes uil-spin-css {

 0% {

 opacity: 1;

 -ms-transform: scale(1.5);

 -moz-transform: scale(1.5);

 -webkit-transform: scale(1.5);

 -o-transform: scale(1.5);

 transform: scale(1.5);

}

 100% {

 opacity: 0.1;

 -ms-transform: scale(1);

 -moz-transform: scale(1);

 -webkit-transform: scale(1);

 -o-transform: scale(1);

 transform: scale(1);

}

}

@-moz-keyframes uil-spin-css {

 0% {

 opacity: 1;

 -ms-transform: scale(1.5);

 -moz-transform: scale(1.5);

 -webkit-transform: scale(1.5);

 -o-transform: scale(1.5);

 transform: scale(1.5);

}

 100% {

 opacity: 0.1;

 -ms-transform: scale(1);

 -moz-transform: scale(1);

 -webkit-transform: scale(1);

 -o-transform: scale(1);

 transform: scale(1);

}

}

@-webkit-keyframes uil-spin-css {

 0% {

 opacity: 1;

 -ms-transform: scale(1.5);

 -moz-transform: scale(1.5);

 -webkit-transform: scale(1.5);

 -o-transform: scale(1.5);

 transform: scale(1.5);

}

 100% {

 opacity: 0.1;

 -ms-transform: scale(1);

 -moz-transform: scale(1);

 -webkit-transform: scale(1);

 -o-transform: scale(1);

 transform: scale(1);

}

}

@-o-keyframes uil-spin-css {

 0% {

 opacity: 1;

 -ms-transform: scale(1.5);

 -moz-transform: scale(1.5);

 -webkit-transform: scale(1.5);

 -o-transform: scale(1.5);

 transform: scale(1.5);

}

 100% {

 opacity: 0.1;

 -ms-transform: scale(1);

 -moz-transform: scale(1);

 -webkit-transform: scale(1);

 -o-transform: scale(1);

 transform: scale(1);

}

}

@keyframes uil-spin-css {

 0% {

 opacity: 1;

 -ms-transform: scale(1.5);

 -moz-transform: scale(1.5);

 -webkit-transform: scale(1.5);

 -o-transform: scale(1.5);

 transform: scale(1.5);

}

 100% {

 opacity: 0.1;

 -ms-transform: scale(1);

 -moz-transform: scale(1);

 -webkit-transform: scale(1);

 -o-transform: scale(1);

 transform: scale(1);

}

}

.uil-spin-css > div {

	width: 24px;

	height: 24px;

	margin-left: 4px;

	margin-top: 4px;

	position: absolute;

}

.uil-spin-css > div > div {

	width: 100%;

	height: 100%;

	border-radius: 15px;

	background: #b7b7b7;

}

.uil-spin-css > div:nth-of-type(1) > div {

	-ms-animation: uil-spin-css 1s linear infinite;

	-moz-animation: uil-spin-css 1s linear infinite;

	-webkit-animation: uil-spin-css 1s linear infinite;

	-o-animation: uil-spin-css 1s linear infinite;

	animation: uil-spin-css 1s linear infinite;

	-ms-animation-delay: 0s;

	-moz-animation-delay: 0s;

	-webkit-animation-delay: 0s;

	-o-animation-delay: 0s;

	animation-delay: 0s;

}

.uil-spin-css > div:nth-of-type(1) {

	-ms-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);

	-moz-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);

	-webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);

	-o-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);

	transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);

}

.uil-spin-css > div:nth-of-type(2) > div {

	-ms-animation: uil-spin-css 1s linear infinite;

	-moz-animation: uil-spin-css 1s linear infinite;

	-webkit-animation: uil-spin-css 1s linear infinite;

	-o-animation: uil-spin-css 1s linear infinite;

	animation: uil-spin-css 1s linear infinite;

	-ms-animation-delay: 0.12s;

	-moz-animation-delay: 0.12s;

	-webkit-animation-delay: 0.12s;

	-o-animation-delay: 0.12s;

	animation-delay: 0.12s;

}

.uil-spin-css > div:nth-of-type(2) {

	-ms-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);

	-moz-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);

	-webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);

	-o-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);

	transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);

}

.uil-spin-css > div:nth-of-type(3) > div {

	-ms-animation: uil-spin-css 1s linear infinite;

	-moz-animation: uil-spin-css 1s linear infinite;

	-webkit-animation: uil-spin-css 1s linear infinite;

	-o-animation: uil-spin-css 1s linear infinite;

	animation: uil-spin-css 1s linear infinite;

	-ms-animation-delay: 0.25s;

	-moz-animation-delay: 0.25s;

	-webkit-animation-delay: 0.25s;

	-o-animation-delay: 0.25s;

	animation-delay: 0.25s;

}

.uil-spin-css > div:nth-of-type(3) {

	-ms-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);

	-moz-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);

	-webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);

	-o-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);

	transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);

}

.uil-spin-css > div:nth-of-type(4) > div {

	-ms-animation: uil-spin-css 1s linear infinite;

	-moz-animation: uil-spin-css 1s linear infinite;

	-webkit-animation: uil-spin-css 1s linear infinite;

	-o-animation: uil-spin-css 1s linear infinite;

	animation: uil-spin-css 1s linear infinite;

	-ms-animation-delay: 0.37s;

	-moz-animation-delay: 0.37s;

	-webkit-animation-delay: 0.37s;

	-o-animation-delay: 0.37s;

	animation-delay: 0.37s;

}

.uil-spin-css > div:nth-of-type(4) {

	-ms-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);

	-moz-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);

	-webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);

	-o-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);

	transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);

}

.uil-spin-css > div:nth-of-type(5) > div {

	-ms-animation: uil-spin-css 1s linear infinite;

	-moz-animation: uil-spin-css 1s linear infinite;

	-webkit-animation: uil-spin-css 1s linear infinite;

	-o-animation: uil-spin-css 1s linear infinite;

	animation: uil-spin-css 1s linear infinite;

	-ms-animation-delay: 0.5s;

	-moz-animation-delay: 0.5s;

	-webkit-animation-delay: 0.5s;

	-o-animation-delay: 0.5s;

	animation-delay: 0.5s;

}

.uil-spin-css > div:nth-of-type(5) {

	-ms-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);

	-moz-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);

	-webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);

	-o-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);

	transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);

}

.uil-spin-css > div:nth-of-type(6) > div {

	-ms-animation: uil-spin-css 1s linear infinite;

	-moz-animation: uil-spin-css 1s linear infinite;

	-webkit-animation: uil-spin-css 1s linear infinite;

	-o-animation: uil-spin-css 1s linear infinite;

	animation: uil-spin-css 1s linear infinite;

	-ms-animation-delay: 0.62s;

	-moz-animation-delay: 0.62s;

	-webkit-animation-delay: 0.62s;

	-o-animation-delay: 0.62s;

	animation-delay: 0.62s;

}

.uil-spin-css > div:nth-of-type(6) {

	-ms-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);

	-moz-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);

	-webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);

	-o-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);

	transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);

}

.uil-spin-css > div:nth-of-type(7) > div {

	-ms-animation: uil-spin-css 1s linear infinite;

	-moz-animation: uil-spin-css 1s linear infinite;

	-webkit-animation: uil-spin-css 1s linear infinite;

	-o-animation: uil-spin-css 1s linear infinite;

	animation: uil-spin-css 1s linear infinite;

	-ms-animation-delay: 0.75s;

	-moz-animation-delay: 0.75s;

	-webkit-animation-delay: 0.75s;

	-o-animation-delay: 0.75s;

	animation-delay: 0.75s;

}

.uil-spin-css > div:nth-of-type(7) {

	-ms-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);

	-moz-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);

	-webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);

	-o-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);

	transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);

}

.uil-spin-css > div:nth-of-type(8) > div {

	-ms-animation: uil-spin-css 1s linear infinite;

	-moz-animation: uil-spin-css 1s linear infinite;

	-webkit-animation: uil-spin-css 1s linear infinite;

	-o-animation: uil-spin-css 1s linear infinite;

	animation: uil-spin-css 1s linear infinite;

	-ms-animation-delay: 0.87s;

	-moz-animation-delay: 0.87s;

	-webkit-animation-delay: 0.87s;

	-o-animation-delay: 0.87s;

	animation-delay: 0.87s;

}

.uil-spin-css > div:nth-of-type(8) {

	-ms-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);

	-moz-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);

	-webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);

	-o-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);

	transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);

}

#AdminBaBy.Com img{ max-width:100% !important; height:auto !important}
/*站长宝贝模版网新增翻页样式 各类模版第一站 www.AdminBaBy.Com*/
.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}